
/* Current approved visual system; original guide DOM, image crops and reading logic stay intact. */
html body.cinematic-interior.practical-guides {--interior-ink:#11120f;--interior-panel:#19211b;--interior-panel-soft:#19211b;--interior-parchment:#eee8dd;--interior-muted:#c6cbbb;--interior-copper:#c5a17a;--interior-line:#46503b;background:#11120f!important;color:#eee8dd;font-family:"Manrope",sans-serif}
html body.cinematic-interior.practical-guides .topbar{position:sticky;top:0;z-index:100;height:92px;min-height:92px;padding:16px max(28px,calc((100vw - 1320px)/2))!important;background:#11120f!important;border-bottom:1px solid #46503b;backdrop-filter:none}
html body.cinematic-interior.practical-guides .brand-mark{width:50px;height:50px;flex-shrink:0;border-color:#9d8764!important;color:#eee8dd!important}
html body.cinematic-interior.practical-guides .brand-text strong{font:500 30px/1.1 "Cormorant Garamond",serif!important}
html body.cinematic-interior.practical-guides .brand-text>span{display:block;font:400 10.5px/1.5 "Manrope",sans-serif;color:#c6cbbb}
html body.cinematic-interior.practical-guides .nav{gap:24px}
html body.cinematic-interior.practical-guides .topbar .nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font:600 12px/1.6 "Manrope",sans-serif;color:#eee8dd}
html body.cinematic-interior.practical-guides .topbar .nav .nav-cta{border:1px solid #9d8764;border-radius:30px;padding:13px 20px;background:transparent;color:#d8b58d}
html body.cinematic-interior.practical-guides .breadcrumbs{max-width:1180px;width:calc(100% - 80px);margin:0 auto;padding:26px 0;font:400 12px/1.7 "Manrope",sans-serif}
html body.cinematic-interior.practical-guides main>.section{width:min(1180px,calc(100% - 80px));margin-inline:auto;min-height:0;padding-inline:0}
html body.cinematic-interior.practical-guides :is(.eyebrow,.guide-reading-time){font:600 10px/1.7 "Manrope",sans-serif;letter-spacing:.15em;color:#c5a17a}
html body.cinematic-interior.practical-guides .eyebrow{text-transform:uppercase}
html body.cinematic-interior.practical-guides .guide-reading-time{letter-spacing:.04em;color:#c6cbbb;margin-top:22px}
html body.cinematic-interior.practical-guides main>:is(.journal-intro,.article-hero){display:block;padding-top:38px;padding-bottom:48px;border-bottom:1px solid #46503b}
html body.cinematic-interior.practical-guides :is(.journal-intro,.article-hero) h1{max-width:26ch;margin:14px 0 20px;font:400 clamp(44px,4.3vw,62px)/1.08 "Cormorant Garamond",serif!important;letter-spacing:-.02em;color:#eee8dd}
html body.cinematic-interior.practical-guides :is(.guide-article-summary,.journal-intro>p:not(.eyebrow)){max-width:68ch;font:400 17px/1.9 "Manrope",sans-serif;color:#c6cbbb}
html body.cinematic-interior.practical-guides main>.practical-reading-layout{grid-template-columns:240px minmax(0,1fr);gap:64px;padding-block:48px 64px}
html body.cinematic-interior.practical-guides .practical-reading-aside{position:sticky;top:calc(var(--practical-site-header-height,92px) + 24px);max-height:calc(100dvh - var(--practical-site-header-height,92px) - 48px);overflow:auto;padding:20px 22px;border:1px solid #46503b;border-radius:2px;background:#19211b;scrollbar-width:thin;scrollbar-color:#7b886c #19211b}
html body.cinematic-interior.practical-guides .article-toc summary{font:400 27px/1.2 "Cormorant Garamond",serif}
html body.cinematic-interior.practical-guides :is(.article-toc a,.guide-switcher a,.guide-switcher .current-guide,.all-guides-link){display:block;min-height:44px;padding-block:12px;font:400 12px/1.75 "Manrope",sans-serif}
html body.cinematic-interior.practical-guides .article-toc a[aria-current=true]{color:#c5a17a;border-bottom-color:#c5a17a}
html body.cinematic-interior.practical-guides .all-guides-link{margin-top:14px}
html body.cinematic-interior.practical-guides .payment-reading :is(p,li){font:400 16px/1.9 "Manrope",sans-serif;color:#c6cbbb}
html body.cinematic-interior.practical-guides .payment-reading .article-introduction p{font-size:18px;line-height:1.9;color:#eee8dd}
html body.cinematic-interior.practical-guides .payment-reading h2{max-width:28ch;font:400 clamp(34px,3.1vw,42px)/1.16 "Cormorant Garamond",serif;letter-spacing:-.015em;color:#eee8dd}
html body.cinematic-interior.practical-guides .payment-reading h3{font:400 29px/1.2 "Cormorant Garamond",serif;color:#eee8dd}
html body.cinematic-interior.practical-guides .payment-reading h4{font:600 16px/1.6 "Manrope",sans-serif}
html body.cinematic-interior.practical-guides .payment-reading .article-section{padding-block:44px}
html body.cinematic-interior.practical-guides :is(.article-takeaways,.wallet-preparation,.checkout-result-note){padding:24px 28px;margin:28px 0 36px;border:1px solid #46503b;border-left:2px solid #c5a17a;border-radius:2px;background:#19211b}
html body.cinematic-interior.practical-guides .article-takeaways h2{margin:0 0 14px;font:600 12px/1.6 "Manrope",sans-serif;letter-spacing:.08em;color:#c5a17a}
html body.cinematic-interior.practical-guides .article-takeaways :is(ul,p){margin-bottom:0}
html body.cinematic-interior.practical-guides .article-takeaways li{font-size:15px}
html body.cinematic-interior.practical-guides .instruction-block>h3{font:600 12px/1.7 "Manrope",sans-serif;letter-spacing:.05em;color:#c5a17a}
html body.cinematic-interior.practical-guides .instruction-list .instruction-step{padding-block:32px 36px;gap:18px 30px}
html body.cinematic-interior.practical-guides .instruction-number{min-width:32px;height:32px;border-radius:50%;font:400 19px/1 "Cormorant Garamond",serif}
html body.cinematic-interior.practical-guides .step-heading{gap:14px;align-items:baseline}
html body.cinematic-interior.practical-guides .instruction-step>p{font-size:15px;line-height:1.9}
html body.cinematic-interior.practical-guides .step-preview{padding:10px;border:1px solid #46503b;border-radius:2px;background:#19211b!important;transition:border-color .18s}
html body.cinematic-interior.practical-guides .step-preview:hover{border-color:#c5a17a}
html body.cinematic-interior.practical-guides .enlarge-label{padding-top:12px;color:#c5a17a;font:500 11px/1.7 "Manrope",sans-serif}
html body.cinematic-interior.practical-guides .inline-comparison{padding:0;background:#19211b;border:1px solid #46503b;border-radius:2px}
html body.cinematic-interior.practical-guides .inline-comparison>h3{margin:0;padding:22px 24px}
html body.cinematic-interior.practical-guides .article-content thead{background:#243023!important}
html body.cinematic-interior.practical-guides .payment-reading :is(th,td){padding:16px 14px;font:400 14px/1.8 "Manrope",sans-serif;overflow-wrap:anywhere}
html body.cinematic-interior.practical-guides .payment-reading th{font-weight:600;color:#eee8dd}
html body.cinematic-interior.practical-guides .check-items{padding:8px 26px;background:#19211b;border:1px solid #46503b;border-radius:2px}
html body.cinematic-interior.practical-guides .check-items label{min-height:58px;padding:18px 0;font:400 16px/1.8 "Manrope",sans-serif}
html body.cinematic-interior.practical-guides .check-items label:last-child{border-bottom:0}
html body.cinematic-interior.practical-guides .check-items input{accent-color:#c5a17a}
html body.cinematic-interior.practical-guides .article-faq{margin:12px 0;padding:14px 24px;border:1px solid #46503b;border-radius:2px;background:#19211b}
html body.cinematic-interior.practical-guides .article-faq summary{font:400 25px/1.35 "Cormorant Garamond",serif;min-height:44px}
html body.cinematic-interior.practical-guides :is(main,.article-dialog) summary{min-height:44px!important;padding-block:8px!important}
html body.cinematic-interior.practical-guides .guide-directory{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;align-items:stretch}
html body.cinematic-interior.practical-guides .directory-start{padding:28px;background:#19211b;border:1px solid #46503b;border-radius:2px}
html body.cinematic-interior.practical-guides .directory-start :is(h2,h3){font:400 36px/1.13 "Cormorant Garamond",serif}
html body.cinematic-interior.practical-guides .directory-start p:not(.eyebrow){font:400 15px/1.85 "Manrope",sans-serif}
html body.cinematic-interior.practical-guides .directory-start img{margin-top:auto;padding-top:24px;height:214px;max-height:214px}
html body.cinematic-interior.practical-guides .guide-directory-list{gap:16px}
html body.cinematic-interior.practical-guides .guide-directory-list li{border:1px solid #46503b;background:#19211b;border-radius:2px}
html body.cinematic-interior.practical-guides .guide-directory-list a{height:100%;min-height:156px;padding:24px 38px 24px 24px}
html body.cinematic-interior.practical-guides .guide-directory-list :is(h2,h3){font:400 28px/1.2 "Cormorant Garamond",serif}
html body.cinematic-interior.practical-guides .guide-directory-list p{font:400 14px/1.85 "Manrope",sans-serif}
html body.cinematic-interior.practical-guides .directory-arrow{top:27px;right:17px}
html body.cinematic-interior.practical-guides .library-heading{margin-bottom:30px}
html body.cinematic-interior.practical-guides .library-heading h2{font:400 42px/1.15 "Cormorant Garamond",serif}
html body.cinematic-interior.practical-guides main>:is(.journal-practical,.category-guide-directory){padding-block:44px 56px}
html body.cinematic-interior.practical-guides main>.journal-stories{padding-block:48px 60px}
html body.cinematic-interior.practical-guides .journal-story-list{gap:18px 24px}
html body.cinematic-interior.practical-guides .journal-story-list li{border:1px solid #46503b;background:#19211b;border-radius:2px}
html body.cinematic-interior.practical-guides .journal-story-list a{height:100%;padding:26px}
html body.cinematic-interior.practical-guides .journal-story-list h3{font:400 30px/1.2 "Cormorant Garamond",serif}
html body.cinematic-interior.practical-guides .journal-story-list p{font:400 14px/1.85 "Manrope",sans-serif}
html body.cinematic-interior.practical-guides :is(.journal-section-links a,.journal-collections a,.directory-further a,.directory-setup-shortcut a,.all-guides-return,.guide-also a,.guide-journal-return,.text-link){display:inline-flex;align-items:center;min-height:44px;color:#c5a17a}
html body.cinematic-interior.practical-guides .guide-next>*{max-width:876px}
html body.cinematic-interior.practical-guides main>.guide-next{padding-block:40px 64px}
html body.cinematic-interior.practical-guides .next-guide-link{padding:28px;border:1px solid #46503b;border-radius:2px;background:#19211b}
html body.cinematic-interior.practical-guides .next-guide-link h3{font:400 32px/1.2 "Cormorant Garamond",serif}
html body.cinematic-interior.practical-guides :is(.directory-start,.guide-directory-list li,.journal-story-list li,.next-guide-link){transition:border-color .18s,background-color .18s}
html body.cinematic-interior.practical-guides :is(.directory-start:hover,.guide-directory-list li:hover,.journal-story-list li:hover,.next-guide-link:hover){border-color:#a58c69;background:#202b22}
html body.cinematic-interior.practical-guides :is(.mobile-reading-bar,.mobile-contents-dialog,.mobile-contents-top,.article-dialog,.dialog-top){background:#19211b!important;border-color:#46503b!important}
html body.cinematic-interior.practical-guides .mobile-contents-top h2{font:400 32px/1.15 "Cormorant Garamond",serif}
html body.cinematic-interior.practical-guides .mobile-contents-dialog nav a{padding-block:15px;min-height:48px}
html body.cinematic-interior.practical-guides .article-dialog{border-radius:2px}
html body.cinematic-interior.practical-guides #article-dialog-content h2{font:400 36px/1.12 "Cormorant Garamond",serif;color:#eee8dd}
html body.cinematic-interior.practical-guides :is(.step-image-toolbar,.context-photo-toolbar) button{min-height:44px;border-radius:30px;border-color:#a58c69;padding:10px 20px;font:500 12px/1.6 "Manrope",sans-serif;color:#c5a17a;background:transparent}
html body.cinematic-interior.practical-guides .site-footer{padding:44px max(28px,calc((100vw - 1180px)/2));background:#0d100c!important;border-top:1px solid #46503b}
html body.cinematic-interior.practical-guides .site-footer a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;max-width:100%;color:#c6cbbb;font-family:"Manrope",sans-serif}
html body.cinematic-interior.practical-guides :is(a,button,summary,input,[tabindex]):focus-visible{outline:2px solid #c5a17a;outline-offset:4px}
@media(min-width:761px) and (max-width:1100px){
 html body.cinematic-interior.practical-guides .topbar{height:auto!important;min-height:92px;flex-direction:column;align-items:flex-start;gap:12px}
 html body.cinematic-interior.practical-guides .nav{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px 22px}
 html body.cinematic-interior.practical-guides .guide-directory{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr)}
 html body.cinematic-interior.practical-guides .guide-directory-list{grid-template-columns:1fr}
}
@media(max-width:960px){
 html body.cinematic-interior.practical-guides main>.practical-reading-layout{grid-template-columns:minmax(0,1fr);gap:0}
 html body.cinematic-interior.practical-guides .practical-reading-aside{display:none}
 html body.cinematic-interior.practical-guides .guide-next>*{max-width:none}
}
@media(max-width:760px){
 html body.cinematic-interior.practical-guides .topbar{height:78px;min-height:78px;padding:14px 22px!important;flex-direction:row;align-items:center;gap:0}
 html body.cinematic-interior.practical-guides .brand-text strong{font-size:25px!important;line-height:1.1!important}
 html body.cinematic-interior.practical-guides .brand-text>span{display:none}
 html body.cinematic-interior.practical-guides .brand-mark{width:43px;height:43px}
 html body.cinematic-interior.practical-guides .nav{display:none!important}
 html body.cinematic-interior.practical-guides .nav.is-open{display:flex!important;position:fixed!important;inset:78px 0 auto!important;max-height:calc(100dvh - 78px);overflow:auto;flex-direction:column;gap:0;padding:16px 24px 26px;background:#19211b!important;border-bottom:1px solid #647250}
 html body.cinematic-interior.practical-guides .nav.is-open a{font:400 27px/1.3 "Cormorant Garamond",serif!important;padding:16px 4px;border-bottom:1px solid #45533d}
 html body.cinematic-interior.practical-guides .nav.is-open .nav-cta{font:600 12px/1.6 "Manrope",sans-serif!important;padding:15px 22px;margin-top:18px;background:#c5a17a!important;color:#19211b}
 html body.cinematic-interior.practical-guides .cinematic-nav-toggle{display:flex!important;margin-left:auto;width:46px;height:46px;min-width:46px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border:1px solid #897b5e;border-radius:50%;background:none}
 html body.cinematic-interior.practical-guides .cinematic-nav-toggle span{width:20px;height:1px;margin:0;background:#eee8dd}
 html body.cinematic-interior.practical-guides main>.section{width:calc(100% - 48px)}
 html body.cinematic-interior.practical-guides .breadcrumbs{width:calc(100% - 48px);padding:20px 0;font-size:11px}
 html body.cinematic-interior.practical-guides main>:is(.journal-intro,.article-hero){padding-block:22px 32px}
 html body.cinematic-interior.practical-guides :is(.journal-intro,.article-hero) h1{font-size:42px!important;margin-block:12px 18px}
 html body.cinematic-interior.practical-guides :is(.guide-article-summary,.journal-intro>p:not(.eyebrow)){font-size:16px;line-height:1.85}
 html body.cinematic-interior.practical-guides main>.practical-reading-layout{padding-block:32px 40px}
 html body.cinematic-interior.practical-guides .payment-reading .article-introduction p{font-size:17px}
 html body.cinematic-interior.practical-guides .payment-reading h2{font-size:35px}
 html body.cinematic-interior.practical-guides .payment-reading .article-section{padding-block:34px}
 html body.cinematic-interior.practical-guides :is(.article-takeaways,.wallet-preparation,.checkout-result-note){padding:22px 20px}
 html body.cinematic-interior.practical-guides .check-items{padding-inline:18px}
 html body.cinematic-interior.practical-guides .article-faq{padding:12px 18px}
 html body.cinematic-interior.practical-guides .article-faq summary{font-size:24px}
 html body.cinematic-interior.practical-guides .payment-reading :is(th,td){padding:12px 10px;font-size:13px}
 html body.cinematic-interior.practical-guides .inline-comparison>h3{padding:20px 18px}
 html body.cinematic-interior.practical-guides .guide-directory{grid-template-columns:1fr;gap:18px}
 html body.cinematic-interior.practical-guides .directory-start{padding:24px}
 html body.cinematic-interior.practical-guides .directory-start img{margin-top:0;height:220px;max-height:220px}
 html body.cinematic-interior.practical-guides .guide-directory-list{grid-template-columns:1fr;gap:14px}
 html body.cinematic-interior.practical-guides .guide-directory-list a{min-height:0;padding:24px 42px 24px 24px}
 html body.cinematic-interior.practical-guides .library-heading{align-items:flex-start}
 html body.cinematic-interior.practical-guides .library-heading h2{font-size:35px}
 html body.cinematic-interior.practical-guides .journal-story-list{grid-template-columns:1fr}
 html body.cinematic-interior.practical-guides main>:is(.journal-practical,.category-guide-directory,.journal-stories){padding-block:32px 42px}
 html body.cinematic-interior.practical-guides .next-guide-link{padding:24px 20px;gap:16px}
 html body.cinematic-interior.practical-guides .next-guide-link h3{font-size:29px}
 html body.cinematic-interior.practical-guides .site-footer{padding:36px 24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}html body.cinematic-interior.practical-guides *{animation:none!important;transition:none!important}}

html body.cinematic-interior.practical-guides .article-hero{background:none!important;box-shadow:none}
html body.cinematic-interior.practical-guides .article-hero::before,html body.cinematic-interior.practical-guides .article-hero::after{content:none}
html body.cinematic-interior.practical-guides .article-hero .hero-copy{max-width:none}
html body.cinematic-interior.practical-guides .article-hero .hero-lead{max-width:68ch;font:400 17px/1.9 "Manrope",sans-serif;color:#c6cbbb}
html body.cinematic-interior.practical-guides .payment-task{background:#19211b;border-color:#46503b;padding:20px}
html body.cinematic-interior.practical-guides .payment-task:hover{background:#202b22;border-color:#a58c69}
html body.cinematic-interior.practical-guides .payment-task strong{font:400 25px/1.2 "Cormorant Garamond",serif}
@media(max-width:760px){html body.cinematic-interior.practical-guides .payment-task{padding:16px 14px}html body.cinematic-interior.practical-guides .payment-task strong{font-size:23px}}
/* The accepted header is sticky in normal flow, so the legacy fixed-header spacer is unnecessary. */
html body.cinematic-interior.practical-guides main{padding-top:0!important}
html body.cinematic-interior.practical-guides .article-hero{padding-top:38px!important;padding-bottom:48px!important}
html body.cinematic-interior.practical-guides .article-hero .hero-copy{padding-bottom:0}
@media(max-width:760px){html body.cinematic-interior.practical-guides .article-hero{padding-top:22px!important;padding-bottom:32px!important}}
@media(max-width:760px){html body.cinematic-interior.practical-guides .nav.is-open{margin:0!important;width:auto!important}}
@media(max-width:760px){
 html body.cinematic-interior.practical-guides .directory-start{display:flex;flex-direction:column;gap:0}
 html body.cinematic-interior.practical-guides .directory-start>div{width:100%;padding:0}
 html body.cinematic-interior.practical-guides .directory-start img{order:2;align-self:stretch;width:100%;height:210px;max-height:210px;margin-top:0;padding-top:22px;object-fit:cover}
 html body.cinematic-interior.practical-guides .directory-start :is(h2,h3){font-size:34px}
}
