.guide-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding-block:64px 100px;align-items:center}.guide-hero h1{font-size:clamp(44px,5.8vw,86px);letter-spacing:-.04em;line-height:1.08}.guide-deck{font-size:20px;line-height:1.55;margin-top:28px;max-width:40ch}.guide-create{margin-top:30px}.guide-create-button{min-width:300px;min-height:60px;font-size:20px;justify-content:space-between}.guide-create-note{font-size:14px;color:var(--muted);margin-top:12px}.guide-hero-actions{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px}.guide-hero-actions a{font-size:16px}.guide-byline{font-size:14px;color:var(--muted);margin-top:28px}.guide-cover{position:relative;overflow:hidden;border-radius:var(--radius);align-self:stretch;min-height:510px}.guide-cover img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:56% 50%}.guide-cover figcaption{position:absolute;left:20px;right:20px;bottom:20px;background:var(--overlay);border-radius:6px;padding:12px 16px;font-size:14px;line-height:1.5}.guide-cover small{font-size:14px}.guide-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:85px;padding-bottom:80px}.guide-toc{display:flex;flex-direction:column;gap:6px;align-self:start;position:sticky;top:35px;font-size:16px}.guide-toc a{min-height:44px;padding:10px 0}.guide-toc a:hover{text-decoration:underline}.toc-create{margin-top:18px;color:var(--accent-ink);background:var(--accent);border-radius:var(--radius);padding:14px 18px!important}.guide-article{min-width:0}.guide-article section{scroll-margin-top:30px;padding-bottom:100px}.guide-article h2{font-size:clamp(34px,3.4vw,49px);margin-bottom:26px;max-width:22ch}.guide-article h3{font-size:26px;line-height:1.2;margin-bottom:14px;font-weight:400}.guide-article p{font-size:18px;line-height:1.75;margin-bottom:20px}.guide-article a{text-underline-offset:4px}.guide-article code{font-family:var(--font);background:var(--surface);padding:3px 6px;font-size:16px;overflow-wrap:anywhere}.answer-card,.director-note{background:var(--surface);border-radius:var(--radius);padding:28px;margin:28px 0}.answer-card strong{font-size:24px;display:block;margin-bottom:14px}.answer-card p:last-child,.director-note p:last-child{margin-bottom:0}.editorial-note,.source-note{font-size:14px!important;color:var(--muted)}.comparison-scroll{overflow-x:auto;margin:28px 0;border-radius:var(--radius)}.comparison-scroll table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.6;text-align:left;min-width:710px}.comparison-scroll th,.comparison-scroll td{padding:20px 16px;vertical-align:top;border-bottom:1px solid var(--line)}.comparison-scroll th{font-weight:500}.comparison-scroll thead{background:var(--surface-deep)}.comparison-scroll .own-product{background:var(--surface)}.comparison-scroll small{display:block;font-size:14px;color:var(--muted);margin-top:8px}.beat-timeline{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0 40px}.beat-timeline>div{background:var(--surface);padding:25px;border-radius:var(--radius)}.beat-timeline span{font-size:14px;color:var(--muted)}.beat-timeline strong{display:block;font-weight:400;font-size:26px;margin:8px 0}.beat-timeline small{display:block;font-size:16px;line-height:1.5}.tutorial-steps{padding-left:25px}.tutorial-steps li{padding-left:12px;margin-bottom:30px}.memory-proof{margin:36px 0 20px}.memory-proof img{width:100%;height:380px;object-fit:cover;object-position:50% 50%;border-radius:var(--radius)}.memory-proof figcaption{font-size:16px;margin-top:18px}.memory-proof figcaption b{display:block;font-size:20px;margin-bottom:7px}.memory-proof figcaption span{font-size:14px;color:var(--muted);display:block;margin-top:8px}.prompt-lab{padding:28px;border-radius:var(--radius);background:var(--surface-deep);margin-top:28px;font-size:16px}.lab-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lab-controls label{font-size:14px}.lab-controls select{width:100%;display:block;margin-top:10px;cursor:pointer;padding:13px 11px}.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-block:22px 15px;font-size:14px}.lab-heading button{font-size:14px;border:0;background:var(--accent);color:var(--accent-ink);padding:12px 17px;border-radius:6px;min-height:44px}.prompt-lab textarea{font-size:16px;line-height:1.7;min-height:400px;width:100%;background:var(--bg)}.lab-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:18px;font-size:14px}.lab-footer>span{max-width:32ch;color:var(--muted)}.lab-footer a{flex-shrink:0;min-height:44px;display:flex;align-items:center}.tool-walkthrough{margin-top:40px}.tool-walkthrough ol{padding-left:25px;font-size:18px}.tool-walkthrough li{padding-left:8px;margin-bottom:15px;max-width:60ch}.fix-grid{display:grid;grid-template-columns:1fr;gap:36px;margin-bottom:30px}.fix-grid article{background:var(--surface);padding:30px;border-radius:var(--radius)}.fix-grid blockquote{margin:20px 0 0;font-size:20px;line-height:1.5;max-width:44ch}.guide-article .faq-list{margin:20px 0 0}.guide-article .faq-list summary{font-size:20px}.guide-article .faq-list p{font-size:17px;margin-bottom:0}.guide-end .button{margin-top:10px}.guide-end .text-link{display:block;margin-top:20px;font-size:16px}
@media(max-width:1150px){.guide-hero{gap:40px}.guide-layout{grid-template-columns:200px minmax(0,1fr);gap:45px}.guide-hero h1{font-size:5.7vw}.guide-deck{font-size:18px}.guide-cover{min-height:480px}.guide-toc{font-size:15px}}
@media(max-width:850px){.guide-hero{gap:30px;padding-top:45px;padding-bottom:65px;grid-template-columns:1.2fr 1fr}.guide-hero h1{font-size:5.7vw}.guide-deck{font-size:17px}.guide-create-button{min-width:0;width:100%;font-size:18px;gap:15px;padding-inline:20px}.guide-hero-actions{gap:12px}.guide-hero-actions a{font-size:15px}.guide-cover{min-height:450px}.guide-byline{font-size:13px}.guide-layout{display:block}.guide-toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;margin-bottom:65px;font-size:16px}.toc-create{margin:0;padding:10px 14px!important}.guide-article h2{font-size:42px}.guide-article section{padding-bottom:75px}}
@media(max-width:560px){.guide-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;gap:35px}.guide-hero h1{font-size:10.6vw;line-height:1.1}.guide-deck{font-size:18px;margin-top:22px}.guide-create-button{font-size:20px;min-height:60px}.guide-hero-actions{gap:22px;margin-top:20px}.guide-create-note{font-size:13px}.guide-byline{line-height:1.6}.guide-cover{min-height:340px}.guide-cover img{object-position:50% 40%}.guide-cover figcaption{font-size:13px;left:14px;right:14px;bottom:14px;padding:10px 12px}.guide-cover small{font-size:13px}.guide-toc{font-size:14px;gap:2px 15px;margin-bottom:50px}.guide-article h2{font-size:36px;margin-bottom:20px}.guide-article h3{font-size:25px}.guide-article p{font-size:17px;line-height:1.7}.guide-article section{padding-bottom:60px}.answer-card,.director-note{padding:23px}.answer-card strong{font-size:22px}.beat-timeline{gap:10px}.beat-timeline>div{padding:20px 16px}.beat-timeline strong{font-size:23px}.beat-timeline small{font-size:15px}.tutorial-steps{padding-left:20px}.tutorial-steps li{padding-left:5px}.memory-proof img{height:280px}.prompt-lab{margin-inline:-8px;padding:20px 16px}.lab-controls{grid-template-columns:1fr;gap:16px}.lab-heading{font-size:13px;gap:8px}.lab-heading button{font-size:14px;white-space:nowrap;padding-inline:12px}.prompt-lab textarea{font-size:16px;height:480px}.lab-footer{display:block;font-size:14px}.lab-footer a{margin-top:14px}.fix-grid article{padding:24px}.fix-grid blockquote{font-size:18px}.tool-walkthrough ol{font-size:17px;padding-left:20px}.guide-article .faq-list summary{font-size:19px}.guide-layout{padding-bottom:0}.guide-end .button{font-size:16px;gap:10px;padding-inline:18px}}
.reference-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.reference-pair img{width:100%;height:280px;object-fit:cover;object-position:50% 35%;border-radius:var(--radius)}.reference-pair figcaption{font-size:16px;margin-top:12px}.reference-pair>p{grid-column:1/-1;font-size:14px;color:var(--muted);margin:0}.guide-article .prompt-lab{max-height:none}
@media(max-width:560px){.reference-pair{gap:12px}.reference-pair img{height:210px}.reference-pair figcaption{font-size:14px}}
/* Keep the comparison readable without horizontal dragging on a phone. */
@media(max-width:560px){.comparison-scroll{overflow:visible}.comparison-scroll table,.comparison-scroll tbody,.comparison-scroll tr{display:block;min-width:0;width:100%}.comparison-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.comparison-scroll tr{margin-bottom:28px;padding-bottom:18px}.comparison-scroll tbody th{display:block;border:0;padding:18px 0;font-size:24px}.comparison-scroll td{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;border:0;padding:12px 0;font-size:16px}.comparison-scroll td::before{content:attr(data-label);font-size:14px;color:var(--muted)}.comparison-scroll .own-product{background:none}.comparison-scroll .own-product th{background:var(--surface);padding:18px;border-radius:var(--radius)}.beat-timeline{grid-template-columns:1fr}.beat-timeline>div{display:grid;grid-template-columns:80px 1fr;gap:4px 18px;background:none;padding:12px 0}.beat-timeline span{grid-row:1/3;align-self:center}.beat-timeline strong{margin:0;font-size:23px}.beat-timeline small{grid-column:2}.fix-grid article{background:none;padding:0}.fix-grid blockquote{background:var(--surface);border-radius:var(--radius);padding:20px}}