/* Editorial layouts for generated landing pages and the journal. */
.draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) .section-inner{width:min(1100px,calc(100% - 80px))}
.draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) p{font-size:1rem;line-height:1.75;max-width:none;margin:0 0 18px}
.draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) h2{font-size:1.85rem;line-height:1.3;margin:0 0 24px}
.draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) h3{font-size:1.25rem;line-height:1.4;margin:0 0 16px}
.draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) .seo-kicker{font-size:.75rem;line-height:1.5;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#70501F;margin:0 0 20px}
.draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) a:not(.button){text-underline-offset:4px}
.draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) :focus-visible{outline:3px solid var(--gold-500);outline-offset:5px}
.seo-hero{background:var(--plum-950);position:relative;overflow:hidden}
.seo-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 95% 100%,rgba(199,160,91,.15),transparent 60%);pointer-events:none}
.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:64px;position:relative}
.draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) .seo-hero h1{font-size:clamp(2.1rem,3.6vw,3.25rem);line-height:1.14;max-width:20ch;color:#fff;letter-spacing:-.035em;margin-bottom:28px}
.draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) .seo-hero p{color:var(--on-dark)}
.draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) .seo-hero .seo-kicker{color:var(--gold-300)}
.seo-hero-intro{max-width:56ch}
.seo-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}
.draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) .seo-light-link{color:#fff;display:inline-flex;gap:14px;padding-block:12px;font-size:.9rem}
.seo-hero-figure{width:100%;max-width:320px;margin:0 0 0 auto;border:1px solid rgba(224,198,143,.65);padding:12px;transform:rotate(1deg)}
.seo-hero-figure img{display:block;width:100%;height:auto;aspect-ratio:427/582;object-fit:contain;filter:saturate(.78)}
.seo-hero-figure figcaption{display:grid;gap:4px;padding:18px 8px 7px;font-size:.8rem;color:var(--on-dark)}
.seo-hero-figure figcaption strong{color:var(--gold-300);font-size:1rem}
.seo-jumpnav{border-bottom:1px solid #d4cad9;background:#faf8fb}
.seo-jumpnav .section-inner{display:flex;align-items:center;flex-wrap:wrap;gap:10px 30px;padding-block:16px}
.seo-jumpnav span{font-size:.75rem;font-weight:700;color:var(--ink-soft)}
.seo-jumpnav a{font-size:.85rem;min-height:36px;display:inline-flex;align-items:center;color:var(--plum-800)}
.seo-band{padding:72px 0}
.seo-paper{background:var(--paper);border-block:1px solid #ded4e3}
.seo-opening-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:start}
.seo-section-number{display:block;font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#70501F;margin:0 0 20px}
.seo-readiness{background:var(--paper);padding:32px;border-left:3px solid var(--gold-500)}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-readiness h2{font-size:1.4rem}
.seo-path{padding:32px;background:var(--paper);border-top:3px solid var(--gold-500)}
.seo-path ol{padding:0;margin:0;list-style:none;counter-reset:steps}
.seo-path li{position:relative;padding:0 0 26px 48px;counter-increment:steps}
.seo-path li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;width:32px;height:32px;display:grid;place-items:center;border:1px solid #bcb0c4;border-radius:50%;color:#70501F;font-size:.75rem;font-weight:700}
.seo-path strong,.seo-path span{display:block}
.seo-path strong{font-size:1rem;color:var(--plum-950)}
.seo-path span{margin-top:4px;font-size:.85rem;line-height:1.5;color:var(--ink-soft)}
.seo-workshop-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:64px;align-items:start}
.seo-workshop-card{background:#fff;border-top:4px solid var(--gold-500);padding:32px;box-shadow:0 12px 32px rgba(33,19,40,.07)}
.seo-price{display:block;font-size:2.8rem;line-height:1.15;color:var(--plum-950);letter-spacing:-.03em}
.seo-price-note{display:block;margin-top:8px;font-size:.85rem;color:var(--ink-soft)}
.seo-workshop-card ul{margin:26px 0;padding:0;list-style:none}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-workshop-card li{font-size:.9rem;line-height:1.6;padding:10px 0;border-bottom:1px solid #ded4e3}
.seo-workshop-card .button{width:100%;text-align:center}
.seo-workshop-card figure{margin:30px 0 0}
.seo-workshop-card img{display:block;max-width:100%;width:100%;height:220px;object-fit:cover;object-position:center 32%;border:1px solid #ded4e3}
.seo-workshop-card figcaption{font-size:.7rem;color:var(--ink-soft);margin-top:10px}
.seo-testimonial-band{background:var(--plum-800)}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-testimonial-band :is(h2,p,a,blockquote){color:var(--on-dark)}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-testimonial-band .seo-kicker{color:var(--gold-300)}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-testimonial-band .text-testimonial{padding:0;margin:36px 0;background:transparent;border:0;border-radius:0;max-width:900px}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-testimonial-band blockquote{margin:0 0 30px;padding-left:26px;border-left:3px solid var(--gold-500);font-family:var(--serif);font-size:1.45rem;line-height:1.7}
.seo-testimonial-band figcaption{color:var(--on-dark)}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-testimonial-band figcaption :is(strong,span){color:var(--on-dark)}
.seo-testimonial-band figcaption span{font-size:.85rem}
.seo-quote-context{max-width:850px}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-quote-context p{font-size:.85rem}
.seo-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.seo-service-card{min-width:0;padding:30px;background:#faf8fb;border:1px solid #ded4e3;border-top:3px solid var(--gold-500)}
.seo-service-grid-wide{margin-top:0}
.seo-service-grid-wide>.seo-service-card:last-child:nth-child(odd){grid-column:1/-1}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-service-card h2{font-size:1.4rem}
.seo-service-card p:last-child{margin-bottom:0}
.seo-region-context{max-width:850px}
.seo-faq-band{background:#faf8fb;border-top:1px solid #ded4e3}
.seo-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:64px;align-items:start}
.seo-faq details{border-top:1px solid #b7acbd;padding:0}
.seo-faq details:last-child{border-bottom:1px solid #b7acbd}
.seo-faq summary{position:relative;font-size:1rem;font-weight:600;line-height:1.6;cursor:pointer;padding:20px 30px 20px 0;list-style:none;color:var(--plum-950)}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary::after{content:"+";position:absolute;right:0;top:18px;font-size:1.5rem;font-weight:400;color:#70501F}
.seo-faq details[open] summary::after{content:"−"}
.seo-faq details p{padding:0 20px 6px 0}
.seo-contact{background:var(--plum-950)}
.seo-contact-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:80px;align-items:center}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-contact :is(h2,p,a){color:var(--on-dark)}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-contact .seo-kicker{color:var(--gold-300)}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-contact .button{color:var(--plum-950);margin-top:10px}
.seo-contact-note{border-left:1px solid rgba(224,198,143,.5);padding-left:40px;color:#fff}
.seo-contact-monogram{display:block;font-family:var(--serif);font-size:3.5rem;color:var(--gold-300);margin-bottom:22px}
.seo-contact-note strong{display:block;font-size:1.1rem;line-height:1.5;margin-bottom:10px}
.draft-ten.draft-v4 .site-shell .seo-landing .seo-contact-note p{font-size:.85rem}
.seo-system-figure{margin:0}
.seo-system-boundary{border:1px solid var(--gold-500);padding:28px;background:rgba(255,255,255,.035)}
.seo-system-node{display:flex;align-items:center;gap:18px;background:var(--plum-800);border:1px solid #82738b;padding:18px;color:#fff}
.seo-system-node span{font-size:.75rem;color:var(--gold-300)}
.seo-system-node strong{font-size:.9rem;font-weight:500}
.seo-system-connector{text-align:center;color:var(--gold-300);font-size:1.5rem;line-height:1.6}
.seo-system-figure figcaption{font-size:.75rem;line-height:1.6;color:var(--on-dark);margin-top:14px}
.seo-guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start}
.seo-guide-layout>*,.seo-copy-section{min-width:0}
.seo-guide-sidebar{position:sticky;top:110px}
.seo-guide-sidebar ol{list-style:none;padding:0;margin:0 0 32px;counter-reset:chapters}
.seo-guide-sidebar li{border-top:1px solid #ded4e3;counter-increment:chapters}
.seo-guide-sidebar li a{display:flex;gap:12px;align-items:baseline;padding:14px 0;font-size:.85rem;color:var(--plum-800)}
.seo-guide-sidebar li a::before{content:counter(chapters,decimal-leading-zero);font-size:.65rem;color:#70501F;font-weight:700}
.seo-guide-note{padding:24px;background:var(--paper);border-top:3px solid var(--gold-500)}
.seo-guide-note strong{display:block;font-size:1rem;line-height:1.5;margin-bottom:12px}
.draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) .seo-guide-note p{font-size:.85rem}
.seo-guide-note .text-link{font-size:.85rem}
.seo-guide-content .seo-copy-section+.seo-copy-section{margin-top:44px;padding-top:40px;border-top:1px solid #ded4e3}
.seo-copy-section[id],.seo-band[id],.seo-blog-heading[id]{scroll-margin-top:16px}
.seo-guide-content .price-table-wrap{overflow-x:auto;margin-top:28px;border:0;border-radius:0;box-shadow:none}
.seo-guide-content table{width:100%;border-collapse:collapse;min-width:540px;font-size:.85rem;line-height:1.6}
.seo-guide-content caption{text-align:left;font-size:.85rem;font-weight:600;margin:0 0 16px;color:var(--ink-soft)}
.seo-guide-content th,.seo-guide-content td{padding:18px;text-align:left;vertical-align:top;border:1px solid #c4b9cc}
.seo-guide-content thead th{background:var(--plum-800);color:#fff}
.seo-guide-content tbody th{background:var(--paper)}
.seo-guide-content tbody td:last-child{background:#faf7ed}
.seo-guide-content .seo-example{padding:32px;background:var(--paper);border-left:3px solid var(--gold-500)}
.seo-guide-content .seo-example h2{font-size:1.5rem}
.seo-blog-hero{padding:40px 0;background:var(--paper)}
.seo-blog-hero::before{display:none}
.draft-ten.draft-v4 .site-shell .seo-journal .seo-blog-hero h1{max-width:28ch;color:var(--plum-950);font-size:2.7rem}
.draft-ten.draft-v4 .site-shell .seo-journal .seo-blog-hero p{color:var(--ink-soft)}
.draft-ten.draft-v4 .site-shell .seo-journal .seo-blog-hero .seo-kicker{color:#70501F}
.draft-ten.draft-v4 .site-shell .seo-journal .seo-blog-hero .seo-light-link{color:var(--plum-800)}
.seo-journal .seo-blog-hero+.seo-band{padding-top:40px}
.seo-blog-card{display:flex;flex-direction:column;background:#faf8fb;border:1px solid #ded4e3;min-width:0}
.seo-card-image{display:block;overflow:hidden}
.seo-card-image img{display:block;width:100%;height:230px;object-fit:cover}
.seo-blog-card-copy{padding:30px;flex:1;display:flex;flex-direction:column;align-items:start}
.draft-ten.draft-v4 .site-shell .seo-journal .seo-byline{font-size:.8rem;color:var(--ink-soft);margin:0 0 20px}
.draft-ten.draft-v4 .site-shell .seo-journal .seo-blog-card h2{font-size:1.4rem}
.seo-blog-card h2 a{color:var(--plum-950);text-decoration:none}
.seo-blog-card h2 a:hover{text-decoration:underline}
.seo-blog-card-copy .text-link{margin-top:auto}
.seo-blog-feature .seo-blog-card{display:grid;grid-template-columns:1.1fr 1fr}
.seo-blog-feature .seo-card-image img{height:100%;min-height:360px}
.seo-blog-feature .seo-blog-card-copy{padding:40px}
.draft-ten.draft-v4 .site-shell .seo-journal .seo-blog-feature h2{font-size:1.85rem}
.seo-blog-heading{margin:64px 0 32px}
.seo-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:56px;align-items:start}
.seo-article-sidebar{position:sticky;top:110px}
.seo-side-contact{padding:28px;background:var(--plum-950);margin-top:24px}
.draft-ten.draft-v4 .site-shell .seo-journal .seo-side-contact :is(h2,p){color:var(--on-dark)}
.draft-ten.draft-v4 .site-shell .seo-journal .seo-article-sidebar h2{font-size:1.2rem}
.seo-article-sidebar .button{padding-inline:16px;width:100%;text-align:center}
.seo-article-sidebar p a{font-size:.9rem}
.draft-ten.draft-v4 .site-shell .seo-journal .seo-article-hero h1{font-size:clamp(2rem,3.7vw,3rem);max-width:30ch}
.draft-ten.draft-v4 .site-shell .seo-journal .seo-article-hero .seo-kicker{color:var(--gold-300)}
.draft-ten.draft-v4 .site-shell .seo-journal .seo-article-hero .seo-byline{color:var(--on-dark)}
.seo-journal [data-preserved-blog]{overflow-wrap:anywhere}
.seo-journal [data-preserved-blog] img{width:100%;height:auto;border-radius:2px}
.seo-journal [data-preserved-blog] :is(h2,h3){margin-top:36px}
.seo-post-nav{border-top:1px solid #c4b9cc;padding-top:28px}
.seo-post-nav a{font-size:.9rem;line-height:1.7}
@media(max-width:960px){
 .seo-hero-grid,.seo-opening-grid,.seo-workshop-grid,.seo-faq-grid,.seo-contact-grid{gap:32px}
 .seo-guide-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}
 .seo-article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:32px}
 .seo-system-boundary{padding:20px}
 .seo-system-node{padding:14px;gap:10px}
}
@media(max-width:760px){
 .draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) .section-inner{width:calc(100% - 40px)}
 .seo-hero-grid,.seo-opening-grid,.seo-workshop-grid,.seo-faq-grid,.seo-contact-grid,.seo-guide-layout,.seo-article-layout{grid-template-columns:1fr}
 .seo-hero-grid{padding-block:40px}
 .seo-hero-grid{row-gap:20px}
 .seo-hero-copy{display:contents}
 .seo-hero-copy>.seo-kicker{order:1}
 .seo-hero-copy>h1{order:2}
 .seo-hero-grid>:is(.seo-hero-figure,.seo-system-figure){order:3}
 .seo-hero-copy>.seo-hero-intro{order:4}
 .seo-hero-copy>.seo-hero-actions{order:5;margin-top:4px}
 .draft-ten.draft-v4 .site-shell .seo-landing .seo-hero-copy>:is(.seo-kicker,h1){margin-bottom:0}
 .draft-ten.draft-v4 .site-shell :is(.seo-landing,.seo-journal) .seo-hero h1{font-size:2.2rem;max-width:24ch}
 .seo-hero-figure{transform:none;max-width:280px;width:100%;margin-inline:auto}
 .seo-band{padding:44px 0}
 .seo-service-grid,.seo-blog-list{grid-template-columns:1fr}
 .seo-jumpnav .section-inner{gap:6px 20px}
 .seo-jumpnav span{width:100%}
 .seo-contact-note{border-left:0;border-top:1px solid rgba(224,198,143,.5);padding:28px 0 0}
 .seo-contact-monogram{font-size:2.4rem}
 .seo-guide-sidebar,.seo-article-sidebar{position:static}
 .seo-guide-sidebar .seo-guide-note{display:none}
 .seo-guide-sidebar ol{margin-bottom:0}
 .seo-guide-sidebar li a{padding-block:10px}
 .seo-guide-content .seo-copy-section+.seo-copy-section{margin-top:32px;padding-top:30px}
 .seo-guide-content .seo-example{padding:24px}
 .seo-blog-feature .seo-blog-card{grid-template-columns:1fr}
 .seo-blog-feature .seo-card-image img{height:240px;min-height:0}
 .seo-blog-feature .seo-blog-card-copy{padding:26px}
 .seo-blog-card-copy{padding:26px}
 .seo-blog-heading{margin-top:44px}
 .seo-workshop-card,.seo-readiness,.seo-path,.seo-service-card{padding:26px}
 .draft-ten.draft-v4 .site-shell .seo-landing .seo-testimonial-band blockquote{font-size:1.15rem;padding-left:18px}
 .seo-system-figure{max-width:440px;width:100%}
 .seo-hero-actions{align-items:stretch;flex-direction:column;gap:10px}
 .seo-hero-actions .button{text-align:center}
}
