.guide-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding-block:65px 75px;border-bottom:1px solid var(--line)}.guide-hero h1{font-size:58px;line-height:1.08;font-weight:450;letter-spacing:-2.7px;margin:24px 0}.guide-hero h1 em{color:var(--rust)}.guide-deck{max-width:420px;color:#777e6d;font-size:14px;line-height:1.9}.guide-hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.guide-hero-actions .text-link{font-size:11px}.guide-byline{font-size:10px;color:#8a907f;margin-top:25px}.guide-cover{position:relative;height:470px;overflow:hidden;border-radius:5px;background:#26352e}.guide-cover img{width:100%;height:100%;object-fit:cover;object-position:62% center}.guide-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#0d2015c7)}.guide-cover figcaption{position:absolute;inset:24px;color:#fff;display:flex;flex-direction:column;z-index:1}.guide-cover figcaption>span{font-size:9px;letter-spacing:2px}.guide-cover strong{font:45px/1.1 var(--serif);margin-top:auto}.guide-cover small{font-size:8px;margin-top:25px;opacity:.7}.guide-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:65px;align-items:start;padding-top:65px}.guide-toc{position:sticky;top:30px;display:flex;flex-direction:column;gap:15px;padding-right:25px;border-right:1px solid var(--line);font-size:12px;color:#7b8270}.guide-toc .eyebrow{color:#303b26;margin-bottom:10px}.guide-toc a:hover{color:var(--rust)}.toc-create{margin-top:15px;color:#3f4c32}.guide-article{min-width:0;max-width:800px}.guide-article>section{padding-bottom:70px;scroll-margin-top:35px}.guide-article h2{font-size:35px;line-height:1.2;letter-spacing:-1px;margin:15px 0 23px}.guide-article p{font-size:14px;line-height:1.9;margin:17px 0;color:#6e7565}.guide-article .eyebrow{font-size:9px;letter-spacing:1.7px;color:#939d81;margin:0}.answer-card{background:#ebeee3;border-left:3px solid #8d9a77;border-radius:0 8px 8px 0;padding:24px 27px;margin:25px 0}.answer-card strong{font-size:14px;color:#34402a}.answer-card p{margin:8px 0 0}.guide-article .editorial-note{font-size:11px;color:#939887}.comparison-scroll{overflow:auto;border:1px solid var(--line);border-radius:7px;margin:28px 0 15px}table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.7;min-width:620px}th,td{text-align:left;padding:19px 16px;vertical-align:top;border-bottom:1px solid var(--line)}thead{background:#edefe6;font-size:10px;text-transform:uppercase;letter-spacing:.7px}tbody th{width:125px;color:#2f3c24}td{color:#788069}tbody tr:last-child>*{border-bottom:0}.own-product{background:#f0f2e9}th small{display:block;font-size:9px;font-weight:400;color:#909b80}.guide-article .source-note{font-size:10px;line-height:1.9}.source-note a{text-decoration:underline;text-underline-offset:3px}.beat-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#293329;color:#eff1e6;border-radius:8px;padding:25px 10px;margin:30px 0}.beat-timeline>div{padding:0 17px;border-right:1px solid #4c5944}.beat-timeline>div:last-child{border:0}.beat-timeline span{display:block;font-size:10px;color:#a8b795;margin-bottom:12px}.beat-timeline strong{font-size:13px}.beat-timeline small{display:block;font-size:10px;color:#b7c1a9;margin-top:9px;line-height:1.6}.tutorial-steps{list-style:none;counter-reset:steps;padding:0;margin:34px 0}.tutorial-steps>li{counter-increment:steps;position:relative;padding-left:45px;margin-bottom:28px}.tutorial-steps>li::before{content:'0' counter(steps);position:absolute;left:0;top:0;color:#a5b090;font:23px var(--serif)}.tutorial-steps p{margin:10px 0}.memory-proof{display:grid;grid-template-columns:1.4fr 1fr;background:#e9ece1;border-radius:7px;overflow:hidden}.memory-proof img{height:245px;width:100%;object-fit:cover}.memory-proof figcaption{padding:26px;align-self:center;font:italic 21px/1.5 var(--serif);color:#667454}.memory-proof b{display:block;font:9px var(--font);letter-spacing:1.5px;margin-bottom:14px}.memory-proof span{display:block;font:10px/1.7 var(--font);margin-top:18px;color:#909a80}.prompt-lab{border:1px solid #cbd2bf;background:#fdfdf8;border-radius:8px;overflow:hidden;margin-top:28px}.lab-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px;background:#ebeee2}.lab-controls label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#747f64}.lab-controls select{font:12px var(--font);background:#fafbf4;border:1px solid #ccd2c0;border-radius:5px;padding:11px;min-width:0;color:#3e4c31;width:100%}.lab-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 0;gap:10px;font-size:9px;letter-spacing:1px;color:#8a947b}.lab-heading button{background:#e5eadb;border:0;border-radius:5px;padding:9px 12px;font-size:11px;letter-spacing:0;color:#435432}.prompt-lab textarea{display:block;width:100%;border:0;border-radius:0;padding:22px;resize:vertical;min-height:350px;max-height:850px;background:transparent;font:12px/1.9 'Cascadia Mono',Consolas,monospace;color:#4f5a44}.lab-footer{padding:14px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px;color:#919a83}.lab-footer>a{color:#425331;white-space:nowrap}.director-note{display:flex;gap:20px;align-items:start;padding:15px 0}.director-note>span{font-size:28px;color:#b37b5d;margin-top:16px}.director-note p{font-size:12px}.director-note strong{color:#675e48}.tool-walkthrough{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.tool-title{display:flex;align-items:center;gap:16px}.tool-title>span{font:25px var(--serif);color:#a2ae8c}.tool-walkthrough ol{font-size:13px;line-height:1.9;color:#788169;padding-left:20px}.tool-walkthrough li{margin:10px 0;padding-left:7px}.fix-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.fix-grid article{background:#eeeee6;border:1px solid #e1e3d7;border-radius:7px;padding:24px}.fix-grid article>span{font-size:9px;letter-spacing:1.2px;color:#979e87}.fix-grid h3{font-size:16px;margin-top:13px}.fix-grid p{font-size:12px;margin:11px 0 17px}.fix-grid code{display:block;font:italic 14px/1.5 var(--serif);color:#657251;border-top:1px solid #d6dccb;padding-top:15px}.guide-end{background:#e9ecdf;text-align:center;padding:45px 30px!important;border-radius:10px;margin-bottom:65px}.guide-end h2{font-size:38px}.guide-end .button{margin:12px 12px 20px}.guide-end .text-link{display:table;margin:0 auto}
@media(max-width:1050px){.guide-hero{gap:35px}.guide-hero h1{font-size:49px}.guide-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}.guide-hero-actions{gap:15px}.guide-hero-actions .button{font-size:12px;padding-inline:18px}.guide-cover{height:435px}.memory-proof{grid-template-columns:1fr 1fr}.memory-proof figcaption{padding:20px}.beat-timeline>div{padding-inline:10px}}@media(max-width:760px){.guide-hero{grid-template-columns:1fr;padding-block:45px;gap:28px}.guide-hero h1{font-size:49px}.guide-hero h1 br:first-child{display:none}.guide-deck{font-size:13px}.guide-cover{height:335px}.guide-cover img{object-position:center 38%}.guide-layout{display:block;padding-top:35px}.guide-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:13px 23px;border:0;border-bottom:1px solid var(--line);padding:0 0 27px;margin-bottom:40px;font-size:11px}.guide-toc .eyebrow{flex-basis:100%;margin-bottom:0}.guide-toc .toc-create{margin:0}.guide-article h2{font-size:29px}.guide-article p{font-size:13px}.guide-article>section{padding-bottom:48px}.answer-card{padding:21px}.beat-timeline{grid-template-columns:1fr 1fr;gap:24px 0}.beat-timeline>div:nth-child(2){border:0}.beat-timeline>div{padding-inline:17px}.tutorial-steps>li{padding-left:37px}.memory-proof{grid-template-columns:1fr}.memory-proof img{height:230px}.memory-proof figcaption{padding:23px;font-size:23px}.memory-proof span{margin-top:9px}.lab-controls{padding:17px;gap:12px}.lab-heading{padding-inline:17px}.lab-heading>span{font-size:8px}.prompt-lab textarea{padding:17px;font-size:11px}.lab-footer{padding:15px 17px;display:block}.lab-footer>a{display:block;margin-top:13px;font-size:12px}.fix-grid{grid-template-columns:1fr;gap:13px}.fix-grid article{padding:23px}.guide-end h2{font-size:34px}.guide-byline{line-height:1.7}.guide-hero-actions{flex-wrap:wrap}.guide-article .faq-list details p{font-size:13px}}

/* Put the creator first for visitors arriving from search. */
.guide-create{max-width:450px;margin-top:26px}
.guide-create .guide-create-button{width:100%;min-height:72px;justify-content:space-between;gap:20px;padding:19px 25px;font-size:16px;text-align:left;border-radius:9px;box-shadow:0 8px 22px #20221f12}
.guide-create-button>span[aria-hidden]{font-size:25px;flex:none}
.guide-create-note{margin-top:12px;font-size:11px;line-height:1.7;color:#71776a}
.guide-hero-actions{margin-top:23px;gap:26px;flex-wrap:wrap}
.guide-hero-actions .text-link{font-size:12px;font-weight:500}
@media(max-width:760px){
 .guide-hero{padding-top:32px}
 .guide-hero h1{font-size:clamp(38px,11.3vw,49px);margin-block:20px}
 .guide-create{max-width:none;margin-top:22px}
 .guide-create .guide-create-button{min-height:68px;padding:17px 20px;font-size:15px;gap:16px}
 .guide-create-note{font-size:10px}
 .guide-hero-actions{gap:24px;margin-top:20px}
}
