/* Shared, progressively enhanced guide reader. All chapter content is in the HTML. */
.compact-guide{--gx-accent:#b5e58a;--gx-line:#ffffff24;--gx-muted:#b4bdb6;--gx-bg:#101611;--gx-ease:cubic-bezier(.22,1,.36,1)}
.compact-guide [hidden]{display:none!important}.compact-guide :focus-visible{outline:3px solid var(--gx-accent);outline-offset:5px}.compact-guide .seo-article{padding-top:6.5rem;padding-bottom:1rem}.compact-guide .breadcrumbs{margin-bottom:12px}.compact-guide .byline{margin:12px 0 20px;font-size:12px}.compact-guide .detail-lead{gap:32px;grid-template-columns:1.2fr .8fr;margin-bottom:24px}.compact-guide .detail-lead h1{font-size:clamp(36px,5vw,66px);margin-bottom:20px}.compact-guide .detail-lead .lead-copy{max-width:58ch}.compact-guide .detail-lead>.flip-card{max-width:470px;justify-self:end}.compact-guide .lesson-preview{margin:0!important;padding:0;background:transparent!important;max-width:100%;width:100%;display:flex;justify-content:center}.compact-guide .lesson-preview video{display:block;width:auto;height:auto;max-width:100%;max-height:420px;border-radius:22px;background:#050705}.compact-guide .lesson-preview img{max-height:330px;object-fit:contain}.compact-guide .lesson-hero-cta{margin-top:22px;display:inline-flex;gap:12px;align-items:center;text-decoration:none;border:1px solid var(--gx-line);padding:11px 18px;border-radius:99px;font-size:14px;color:var(--gx-accent)}
.lesson-nav{position:sticky;top:82px;z-index:9;display:none;gap:6px;align-items:center;padding:8px;border:1px solid var(--gx-line);border-radius:20px;background:#17201ce8;backdrop-filter:blur(20px);margin:24px 0 20px;box-shadow:0 15px 45px #0003;scroll-margin-top:88px}.guide-ready .lesson-nav{display:flex}.lesson-tabs{display:contents}.lesson-nav button{flex:1;min-width:0;position:relative;border:0;border-radius:13px;padding:13px 16px;background:transparent;color:#c7cec8;cursor:pointer;font:inherit;font-size:14px;line-height:1.3;white-space:nowrap;transition:background .22s,color .22s,transform .22s}.lesson-nav button:hover{background:#ffffff0b}.lesson-nav button[aria-selected=true]{background:var(--gx-accent);color:#13200f;box-shadow:0 6px 18px #0002}.lesson-nav .lesson-show-all{flex:0 0 auto;border:1px solid var(--gx-line);font-size:12px;padding:12px}.lesson-panel{padding:18px 0 12px;scroll-margin-top:155px;min-width:0}.lesson-panel>h2{font-size:clamp(29px,3.5vw,45px);line-height:1.06;margin:0 0 24px;letter-spacing:-.04em}.lesson-panel .case-notebook,.lesson-panel .reference-gallery{margin:0;padding-top:0;border:0}.lesson-panel .case-notebook h2{font-size:clamp(28px,3.5vw,44px)}.lesson-panel .notebook-intro{margin-bottom:20px}.lesson-panel .scene-study summary{min-height:64px;font-size:clamp(18px,2vw,25px);padding:18px 0}.lesson-panel .study-layout{padding-bottom:20px;gap:26px}.lesson-panel .study-layout p{line-height:1.65}.lesson-panel .study-layout img{max-height:340px}.lesson-panel .study-layout video{max-height:400px}.lesson-panel .tool-note{margin:20px 0;padding:20px 0}.lesson-panel .tool-note h3{font-size:23px}.lesson-panel .guide-practice{margin:18px 0}.lesson-panel .steps li{padding:15px 0}.lesson-panel .steps h3{font-size:22px}.lesson-panel .steps p{line-height:1.55}.lesson-panel .tutor{margin:0 0 22px}.lesson-fold{margin:20px 0;border-block:1px solid var(--gx-line)}.lesson-fold>summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:18px 0;font-size:21px;color:#edf3e9}.lesson-fold>summary:after{content:'+';color:var(--gx-accent)}.lesson-fold[open]>summary:after{content:'−'}.lesson-fold>summary::-webkit-details-marker{display:none}.lesson-fold>div{padding:0 0 15px}.lesson-fold p{line-height:1.6;color:var(--gx-muted)}
.mii-note{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;margin:10px 0 28px;min-height:155px}.mii-note img{display:block;width:100%;height:155px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 12px #0003);transform-origin:50% 100%}.mii-note .mii-copy{border-left:1px solid var(--gx-accent);padding:12px 0 12px 24px;max-width:760px}.mii-note .eyebrow{font-size:11px;letter-spacing:.12em;color:var(--gx-accent);margin:0 0 10px;text-transform:uppercase}.mii-note p:last-child{font-size:clamp(17px,2vw,23px);line-height:1.45;margin:0;color:var(--fg,#f1f4ed)}.compact-guide .tutor{grid-template-columns:120px 1fr;gap:22px}.compact-guide .tutor>img{max-height:155px}.compact-guide .tutor-note{padding:18px 23px;background:#b5e58a09;border-color:var(--gx-line)}.compact-guide .prompt-desk{margin:20px 0;gap:20px}.compact-guide .prompt-desk>img{width:150px;max-height:210px;object-fit:contain}.compact-guide .prompt-paper{padding:24px}.compact-guide .prompt-paper blockquote{font-size:17px;line-height:1.65}.compact-guide .prompt-paper h3{font-size:25px}
.card-deck{position:relative;margin:15px 0 22px;min-width:0}.deck-controls{display:none;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;color:var(--gx-muted);font-size:12px}.guide-ready .deck-controls{display:flex}.deck-controls>div{display:flex;gap:8px}.deck-controls button{width:40px;height:40px;border-radius:50%;border:1px solid var(--gx-line);background:#ffffff08;color:#e8f1e3;font-size:20px;cursor:pointer}.deck-controls button:hover{background:var(--gx-accent);color:#14200f}.deck-controls button:disabled{opacity:.25;cursor:default}.deck-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px)/2);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#94c6734a transparent;padding:3px 2px 15px}.deck-track>.flip-card,.deck-track>figure{scroll-snap-align:start}.compact-guide .flip-card{position:relative;display:block;padding:0;min-width:0;width:100%;border:1px solid var(--gx-line);border-radius:20px;background:#1b211f;color:var(--fg,#f1f4ed);text-align:left;perspective:1200px;cursor:pointer;box-shadow:0 10px 30px #0002;transition:border-color .2s,box-shadow .2s,translate .2s}.compact-guide .flip-card:hover{border-color:#b5e58a88;box-shadow:0 12px 36px #0005;translate:0 -3px}.compact-guide .flip-inner{display:grid;min-height:330px;transform-style:preserve-3d;transition:transform .65s var(--gx-ease);border-radius:inherit}.compact-guide .flip-front,.compact-guide .flip-back{display:flex;flex-direction:column;grid-area:1/1;padding:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:inherit;min-width:0}.compact-guide .flip-front{align-items:center;justify-content:center}.compact-guide .flip-front img{width:100%;height:235px;max-height:235px;max-width:100%;object-fit:contain;border-radius:10px;margin:auto}.compact-guide .flip-label{align-self:stretch;display:block;font-size:17px;line-height:1.2;margin-top:14px;color:#edf3e9}.compact-guide .flip-hint{align-self:stretch;display:block;font-size:12px;margin-top:10px;color:var(--gx-accent)}.compact-guide .flip-back{transform:rotateY(180deg);justify-content:center;gap:16px;background:#1a291e}.compact-guide .flip-back .eyebrow{color:var(--gx-accent);font-size:11px;margin:0}.compact-guide .flip-prompt{display:block;font-size:clamp(16px,1.6vw,19px);line-height:1.65;color:#edf3e9}.compact-guide .flip-card[aria-pressed=true] .flip-inner{transform:rotateY(180deg)}.compact-guide .flip-card[aria-pressed=true]{border-color:#b5e58a88}.compact-guide .flip-back .flip-hint{color:var(--gx-muted)}.compact-guide .reference-intro{margin:0 0 18px;font-size:14px;line-height:1.6;color:var(--gx-muted)}.compact-guide .scene-study .flip-front img{height:255px;max-height:255px}.lesson-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--gx-line);padding:20px 0 8px;margin:18px 0 0}.lesson-footer p{font-size:13px;color:var(--gx-muted);max-width:50ch}.gx-cta{display:inline-flex;gap:15px;align-items:center;justify-content:center;padding:13px 21px;border-radius:99px;background:var(--gx-accent);color:#14210f!important;font:inherit;font-size:14px;line-height:1.3;text-decoration:none!important;border:1px solid transparent;white-space:nowrap;box-shadow:0 9px 28px #0003;transition:box-shadow .2s,translate .2s}.gx-cta span{display:inline-block;transition:transform .25s}.gx-cta:hover{translate:0 -2px;box-shadow:0 10px 32px #b5e58a18}.gx-cta:hover span{transform:translate(3px,-3px)}.gx-cta:active{translate:0 0}.guide-bottom-cta{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:24px;align-items:center;margin:28px 0 16px;padding:26px;border:1px solid var(--gx-line);border-radius:24px;background:linear-gradient(120deg,#b5e58a12,transparent 70%)}.guide-bottom-cta img{height:125px;width:110px;object-fit:contain}.guide-bottom-cta h2{font-size:clamp(26px,3vw,37px);line-height:1.08;letter-spacing:-.04em;margin:0 0 10px}.guide-bottom-cta p{color:var(--gx-muted);font-size:15px;line-height:1.5;margin:0}.compact-guide .related{margin-top:25px;padding-top:22px}.compact-guide .related h2{font-size:28px}.compact-guide .footer{padding-block:25px}.guide-ready .chapter-links{display:none}.compact-guide .omakase-milestone{margin:16px 0;padding:18px 0}.compact-guide .omakase-milestone strong{font-size:clamp(24px,3vw,34px)}
/* Smartroll: editorial overview with intentionally broad creative prompts. */
.smartroll-compact .hero{padding-top:0;padding-bottom:28px;gap:40px}.smartroll-compact h1{font-size:clamp(48px,6vw,83px)}.smartroll-compact .lead{font-size:20px;margin-top:20px;max-width:50ch}.smartroll-compact .film{max-width:280px}.smartroll-compact .hero-actions{margin-top:20px}.smartroll-compact .breadcrumbs{margin-top:25px}.smartroll-compact .lesson-nav{top:10px}.smartroll-compact .lesson-panel{scroll-margin-top:100px}.smartroll-compact .lesson-panel .eyebrow{margin-bottom:12px}.smartroll-compact .chapter-list{border-radius:18px}.smartroll-compact .chapter{padding:17px;gap:14px}.smartroll-compact .chapter strong{font-size:16px}.smartroll-compact .chapter small{font-size:13px}.smartroll-compact .callout{font-size:28px;margin:20px 0}.smartroll-compact .byline{margin:15px 0 0}.smartroll-compact .section-head{margin-bottom:20px}.gx-metric{display:flex;gap:18px;align-items:center;margin:25px 0 0;padding:0}.gx-metric img{width:78px;height:98px;object-fit:contain}.gx-metric strong{font-family:'Montreal Serial',sans-serif;font-size:38px;color:var(--gx-accent);line-height:1;display:block;letter-spacing:-.04em}.gx-metric p{font-size:14px;color:var(--gx-muted);margin:6px 0}.gx-metric a{font-size:12px;color:var(--gx-muted)}.smartroll-compact .mini-story{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:20px 0}.smartroll-compact .mini-story h3{font-size:26px;margin-bottom:10px}.smartroll-compact .mini-story p{color:var(--gx-muted);line-height:1.6}.smartroll-compact .lesson-panel>p{color:var(--gx-muted);margin:10px 0 20px}.smartroll-compact .caption{margin-top:15px}.smartroll-compact .related p{font-size:21px}.smartroll-compact .gx-cta{font-size:14px}.compact-guide .detail-end{margin:25px 0;padding:18px 0}
@media(max-width:850px){.lesson-nav{top:77px;flex-wrap:wrap;gap:5px}.lesson-nav button{padding:12px 10px}.lesson-nav .lesson-show-all{font-size:11px}.guide-bottom-cta{grid-template-columns:90px 1fr;gap:15px}.guide-bottom-cta .gx-cta{grid-column:2;justify-self:start}.guide-bottom-cta img{width:90px;grid-row:span 2}.lesson-footer{align-items:flex-start}.lesson-footer .gx-cta{white-space:normal}.compact-guide .detail-lead{gap:24px}}
@media(max-width:650px){.compact-guide .seo-article{padding-top:5.5rem}.compact-guide .detail-lead{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.compact-guide .detail-lead h1{font-size:38px;margin-bottom:15px}.compact-guide .detail-lead>.flip-card{max-width:100%;justify-self:stretch}.compact-guide .lesson-preview video{max-height:350px}.compact-guide .lesson-preview img{max-height:270px}.compact-guide .lesson-hero-cta{font-size:13px;padding:11px 16px;margin-top:16px}.lesson-nav{top:72px;display:none;border-radius:16px;padding:6px;gap:5px}.guide-ready .lesson-nav{display:grid;grid-template-columns:1fr 1fr}.lesson-nav button{padding:12px 8px;font-size:13px;text-align:center}.lesson-nav .lesson-show-all{grid-column:1/-1;padding:7px;border:0;font-size:11px;line-height:1.2}.lesson-panel{padding-top:8px;scroll-margin-top:205px}.mii-note,.compact-guide .tutor{grid-template-columns:82px 1fr;gap:13px;min-height:120px;margin-bottom:20px}.mii-note img,.compact-guide .tutor img{height:118px;max-height:118px}.mii-note .mii-copy{padding-left:15px}.mii-note p:last-child{font-size:16px}.mii-note .eyebrow{font-size:10px;margin-bottom:6px}.compact-guide .tutor-note{padding:14px}.compact-guide .tutor-note p:last-child{font-size:16px}.deck-track{grid-auto-columns:86%;gap:13px;scroll-padding:2px}.compact-guide .flip-inner{min-height:330px}.compact-guide .flip-front img{height:225px;max-height:225px}.compact-guide .flip-back{padding:21px}.compact-guide .flip-prompt{font-size:16px;line-height:1.6}.compact-guide .flip-label{font-size:16px}.lesson-footer{flex-direction:column;gap:13px;margin-top:10px;padding-top:16px}.lesson-footer p{font-size:12px}.lesson-footer .gx-cta{width:100%;font-size:14px;white-space:normal}.compact-guide .prompt-desk{grid-template-columns:1fr}.compact-guide .prompt-desk>img{display:none}.compact-guide .prompt-paper{padding:20px}.compact-guide .study-layout{grid-template-columns:1fr;gap:20px}.guide-bottom-cta{padding:20px 16px;grid-template-columns:75px 1fr;gap:12px;margin:22px 0}.guide-bottom-cta img{width:75px;height:105px;grid-row:1}.guide-bottom-cta h2{font-size:26px}.guide-bottom-cta p{font-size:14px}.guide-bottom-cta .gx-cta{grid-column:1/-1;justify-self:stretch;font-size:14px}.smartroll-compact .hero{gap:22px;padding-bottom:5px}.smartroll-compact h1{font-size:48px}.smartroll-compact .lead{font-size:17px;margin-top:16px}.smartroll-compact .film{max-width:240px}.smartroll-compact .breadcrumbs{margin-top:25px}.smartroll-compact .gx-metric{margin-top:18px;gap:13px}.gx-metric img{width:65px;height:85px}.gx-metric strong{font-size:32px}.gx-metric p{font-size:12px}.gx-metric a{font-size:11px}.smartroll-compact .mini-story{grid-template-columns:1fr;gap:20px}.smartroll-compact .chapter-list{grid-template-columns:1fr}.smartroll-compact .chapter{padding:15px}.smartroll-compact .chapter small{display:none}.smartroll-compact .lesson-nav{top:8px}.smartroll-compact .lesson-panel{scroll-margin-top:160px}.smartroll-compact .callout{font-size:23px}.compact-guide .related h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.compact-guide *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.compact-guide .flip-card:hover,.gx-cta:hover{translate:none}.gx-cta:hover span{transform:none}}

/* Calmer guide chrome; only navigation and the closing invitation link to Higgsfield. */
.compact-guide{background-color:#111b17;background-image:linear-gradient(#bfd9bc06 1px,transparent 1px),linear-gradient(90deg,#bfd9bc06 1px,transparent 1px);background-size:74px 74px}.compact-guide .lesson-nav,.smartroll-compact .lesson-nav{top:96px}.guide-bottom-cta{position:relative;overflow:hidden;padding:22px 28px;background:radial-gradient(ellipse at 8% 70%,#b5e58a15,transparent 42%);border-color:#d9eddd17}.guide-bottom-cta:before{content:"";position:absolute;width:180px;height:180px;left:-25px;top:-17px;border:1px solid #c6eea424;border-radius:50%;pointer-events:none}.guide-bottom-cta img{position:relative}.guide-bottom-cta .gx-cta{background:transparent;color:#d9f2c5!important;border-color:#b5e58a70;box-shadow:none}.guide-bottom-cta .gx-cta:hover{background:#b5e58a18}.compact-guide .lesson-panel{scroll-margin-top:174px}.compact-guide .lesson-panel h2{letter-spacing:-.04em}.compact-guide .lesson-panel .detail-end{margin-top:12px}.compact-guide .lesson-panel .flip-back .eyebrow{letter-spacing:.1em}.compact-guide .hero-actions:empty{display:none}.compact-guide .lesson-panel>.mii-note:last-child{margin-bottom:0}@media(max-width:650px){.compact-guide .lesson-nav,.smartroll-compact .lesson-nav{top:82px}.compact-guide .lesson-panel,.smartroll-compact .lesson-panel{scroll-margin-top:230px}.guide-bottom-cta{padding:20px}.guide-bottom-cta:before{width:140px;height:140px;top:-15px;left:-15px}}

@media(max-width:650px){.guide-ready .lesson-nav{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;padding:5px;border-radius:16px}.guide-ready .lesson-tabs{display:flex;flex:1;min-width:0;gap:3px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity}.guide-ready .lesson-tabs::-webkit-scrollbar{display:none}.guide-ready .lesson-tabs button{flex:0 0 auto;white-space:nowrap;padding:12px 11px;font-size:12px;scroll-snap-align:center}.guide-ready .lesson-nav .lesson-show-all{flex:0 0 54px;font-size:10px;line-height:1.3;white-space:normal;padding:8px 5px;border-left:1px solid #b5e58a30;border-radius:0}.compact-guide .lesson-panel,.smartroll-compact .lesson-panel{scroll-margin-top:155px}}
