/* Shared public interface. Loaded last by prepare-design-system.py. */
@font-face{font-family:Outfit;src:url('../fonts/outfit-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
html:root[data-sleeple-design]{--ui-font:Outfit,system-ui,sans-serif;--ui-bg:#f7f9fc;--ui-surface:#fff;--ui-soft:#edf2fa;--ui-ink:#19243a;--ui-muted:#53627a;--ui-accent:#3155b6;--ui-on-accent:#fff;--ui-line:#d5deeb;--ui-radius:16px;--brand-blue:var(--ui-accent);--brand-dark:var(--ui-ink);--brand-light:var(--ui-soft);--text-main:var(--ui-ink);--text-heading:var(--ui-ink);--text-muted:var(--ui-muted);--bg-white:var(--ui-surface);--bg-card:var(--ui-surface);--bg-soft:var(--ui-bg);--border-light:var(--ui-line);scroll-padding-top:100px;color-scheme:light}
html:root[data-sleeple-design][data-theme="dark"]{--ui-bg:#111a29;--ui-surface:#192539;--ui-soft:#22314a;--ui-ink:#edf2fa;--ui-muted:#b4c0d3;--ui-accent:#a8bdff;--ui-on-accent:#15213c;--ui-line:#41516b;color-scheme:dark}
html:root[data-sleeple-design] body{font-family:var(--ui-font);background:var(--ui-bg);color:var(--ui-ink);line-height:1.65;--hp-ink:var(--ui-ink);--hp-text:var(--ui-muted);--hp-muted:var(--ui-muted);--hp-paper:var(--ui-bg);--hp-paper-2:var(--ui-surface);--hp-line:var(--ui-line)}
html:root[data-sleeple-design] :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea,.btn,.logo-text){font-family:var(--ui-font)!important}
html:root[data-sleeple-design] :is(h1,h2,h3){color:var(--ui-ink);text-wrap:balance;letter-spacing:-.035em;line-height:1.16}
html:root[data-sleeple-design] h1{font-size:clamp(2rem,3.7vw,3.6rem)!important;max-width:24ch}
html:root[data-sleeple-design] h2{font-size:clamp(1.65rem,2.7vw,2.6rem)}
html:root[data-sleeple-design] h3{font-size:1.3rem}
html:root[data-sleeple-design] body .container{width:calc(100% - 48px);max-width:1200px;padding-inline:0}
html:root[data-sleeple-design] :is(main,section,article,.container)>*{min-width:0}
html:root[data-sleeple-design] :is(p,li){overflow-wrap:break-word}
html:root[data-sleeple-design] [hidden]{display:none!important}
html:root[data-sleeple-design] ::selection{background:var(--ui-accent);color:var(--ui-on-accent)}
html:root[data-sleeple-design] :is(input,textarea){caret-color:var(--ui-accent)}
html:root[data-sleeple-design] :focus-visible{outline:3px solid var(--ui-accent)!important;outline-offset:4px}
html:root[data-sleeple-design] a{text-underline-offset:4px}
html:root[data-sleeple-design] .sleeple-skip-link{position:fixed;left:20px;top:-100px;z-index:11000;padding:12px 20px;background:var(--ui-accent);color:var(--ui-on-accent);border-radius:10px}
html:root[data-sleeple-design] .sleeple-skip-link:focus{top:12px}
/* Controls and form states */
html:root[data-sleeple-design] body :is(.btn,.text-button,.filter-btn,.problem-filter button,.start-tools-links a){min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:600;font-size:1rem;letter-spacing:0;line-height:1.3;padding:12px 20px;transition:transform .18s ease,background-color .18s ease,color .18s ease;box-shadow:none}
html:root[data-sleeple-design] body :is(.btn-primary,.filter-btn.active,.problem-filter button.active){background:var(--ui-accent);color:var(--ui-on-accent);border:1px solid transparent;box-shadow:none}
html:root[data-sleeple-design] body :is(.btn-primary:hover,.problem-filter button:hover){background:var(--ui-ink);color:var(--ui-bg);box-shadow:none}
html:root[data-sleeple-design] body :is(.btn-ghost,.btn-outline,.btn-white,.btn-secondary,.text-button){background:var(--ui-surface);border:1px solid var(--ui-line);color:var(--ui-ink);box-shadow:none}
html:root[data-sleeple-design] body :is(.btn,.filter-btn,.problem-filter button):active{transform:translateY(1px)}
html:root[data-sleeple-design] button:disabled{opacity:.55;cursor:not-allowed;transform:none}
html:root[data-sleeple-design] body :is(input:not([type="radio"]):not([type="checkbox"]):not([type="range"]),select,textarea){font-size:1rem;min-height:48px;border-radius:10px;border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-ink)}
html:root[data-sleeple-design] body ::placeholder{color:var(--ui-muted);opacity:1}
html:root[data-sleeple-design] :is(input[type="radio"],input[type="checkbox"],input[type="range"]){accent-color:var(--ui-accent)}
html:root[data-sleeple-design] label{color:var(--ui-ink)}
html:root[data-sleeple-design] body :is(.form-row,.choice-grid){gap:16px}
html:root[data-sleeple-design] :is(.choice-grid label,.consent-check){min-height:48px}
/* Single header and predictable navigation */
html:root[data-sleeple-design] body .site-header{height:76px;background:var(--ui-surface);border-bottom:1px solid var(--ui-line);box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}
html:root[data-sleeple-design] body .header-inner{height:100%;gap:20px;flex-wrap:nowrap}
html:root[data-sleeple-design] body .logo{min-height:44px;display:inline-flex;align-items:center;flex-shrink:0;color:var(--ui-ink)}
html:root[data-sleeple-design] body .logo-text{color:var(--ui-ink);font-size:1.5rem;letter-spacing:-.045em}
html:root[data-sleeple-design] body .logo-svg{width:30px;height:30px;color:var(--ui-accent);flex-shrink:0}
html:root[data-sleeple-design] .star-anim{animation:none!important}
html:root[data-sleeple-design] body .sleeple-primary-nav a{min-height:44px;padding:10px;font-size:.88rem;color:var(--ui-muted);font-weight:500;box-shadow:none}
html:root[data-sleeple-design] body .sleeple-primary-nav a:is(:hover,[aria-current="page"]){background:var(--ui-soft);color:var(--ui-accent)}
html:root[data-sleeple-design] body .sleeple-primary-nav .nav-start{background:transparent;color:var(--ui-ink);box-shadow:none}
html:root[data-sleeple-design] body .header-actions{gap:6px!important;flex-shrink:0}
html:root[data-sleeple-design] body :is(.sleeple-lang-trigger,.sleeple-header-icon,#theme-toggle,.mobile-menu-toggle){min-width:44px;width:44px;height:44px;min-height:44px;margin:0!important;padding:10px!important;border:1px solid transparent!important;border-radius:10px;background:transparent!important;color:var(--ui-ink)!important;box-shadow:none;cursor:pointer;align-items:center;justify-content:center}
html:root[data-sleeple-design] body .sleeple-lang-trigger{width:auto;gap:5px;min-width:58px;font-family:var(--ui-font)!important}
html:root[data-sleeple-design] body .sleeple-lang-trigger .language-label{display:inline}
html:root[data-sleeple-design] body :is(.sleeple-lang-trigger,.sleeple-header-icon,#theme-toggle):hover{background:var(--ui-soft)!important;transform:none}
html:root[data-sleeple-design] body #theme-toggle{display:inline-flex}
html:root[data-sleeple-design] body #theme-toggle img{width:20px;height:20px}
html:root[data-sleeple-design][data-theme="dark"] :is(#theme-toggle img,.premium-icon){filter:invert(1)}
html:root[data-sleeple-design] body .mobile-menu-toggle span{background:var(--ui-ink);width:22px;height:2px;margin:3px 0}
html:root[data-sleeple-design] body .sleeple-lang-menu{background:var(--ui-surface);border-color:var(--ui-line);top:50px;border-radius:12px}
html:root[data-sleeple-design] body .sleeple-lang-option{font-family:var(--ui-font)!important;min-height:44px;color:var(--ui-ink)!important}
html:root[data-sleeple-design] body .sleeple-lang-option:hover{background:var(--ui-soft)}
html:root[data-sleeple-design] body .mobile-menu-overlay{background:var(--ui-surface);color:var(--ui-ink);padding:90px 24px 30px;overflow-y:auto;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease;justify-content:flex-start}
html:root[data-sleeple-design] body .mobile-menu-overlay.active{visibility:visible;opacity:1;pointer-events:auto}
html:root[data-sleeple-design] body .mobile-menu-close{position:absolute;top:16px;right:20px;min-width:44px;min-height:44px;color:var(--ui-ink);background:var(--ui-soft);border:0;border-radius:10px;font-size:1.8rem}
html:root[data-sleeple-design] body .mobile-nav{width:100%;max-width:560px;margin:auto}
html:root[data-sleeple-design] body .mobile-nav-list{gap:4px;text-align:left}
html:root[data-sleeple-design] body .mobile-nav-list a{display:block;padding:13px 4px;color:var(--ui-ink);font-size:clamp(1.3rem,4vw,1.8rem);border-bottom:1px solid var(--ui-line);font-weight:500}
html:root[data-sleeple-design] body .mobile-nav-list a[aria-current="page"]{color:var(--ui-accent)}
/* Home: compact editorial composition, real media, restrained hierarchy */
html:root[data-sleeple-design] body.home-page .hero-section{min-height:0;padding:140px 0 64px;background:var(--ui-bg);overflow:visible}
html:root[data-sleeple-design] body.home-page .hero-section::before,html:root[data-sleeple-design] body.home-page .hero-section::after{display:none}
html:root[data-sleeple-design] body.home-page .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center;min-height:0}
html:root[data-sleeple-design] body.home-page .hero-content{max-width:none;text-align:left}
html:root[data-sleeple-design] body.home-page .hero-title{font-size:clamp(2.2rem,3.7vw,3.5rem)!important;line-height:1.08;letter-spacing:-.04em;font-weight:550;max-width:20ch;margin:0 0 24px}
html:root[data-sleeple-design] body.home-page .hero-accent{color:var(--ui-accent);background:none;-webkit-text-fill-color:currentColor}
html:root[data-sleeple-design] body.home-page .hero-desc{color:var(--ui-muted);font-size:1.08rem;max-width:49ch;line-height:1.65;margin-bottom:28px}
html:root[data-sleeple-design] body.home-page .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0}
html:root[data-sleeple-design] body.home-page .hero-trust{display:none}
html:root[data-sleeple-design] body.home-page .hero-visual{min-height:0;height:auto;aspect-ratio:1/1.03;border:0;border-radius:16px;transform:none;overflow:hidden;background:var(--ui-soft);box-shadow:none;padding:0}
html:root[data-sleeple-design] body.home-page .hero-visual::before,html:root[data-sleeple-design] body.home-page .hero-visual::after{display:none}
html:root[data-sleeple-design] body.home-page .hero-visual :is(picture,img){display:block;width:100%;height:100%;object-fit:cover}
html:root[data-sleeple-design] body.home-page .home-section{padding:72px 0;background:var(--ui-bg);color:var(--ui-ink)}
html:root[data-sleeple-design] body.home-page .home-section:nth-child(even){background:var(--ui-surface)}
html:root[data-sleeple-design] body.home-page :is(.section-heading,.section-heading em){color:var(--ui-ink);font-style:normal;letter-spacing:-.035em;font-weight:500}
html:root[data-sleeple-design] body.home-page :is(.section-copy,.start-card p,.tool-card p,.guide-card p,.method-card p,.faq-item p,.journal-copy p){color:var(--ui-muted)}
html:root[data-sleeple-design] body.home-page .section-topline{margin-bottom:32px;gap:24px;align-items:end}
html:root[data-sleeple-design] body.home-page :is(.start-card,.tool-card,.guide-card,.method-card,.faq-item){border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface);color:var(--ui-ink);box-shadow:none;transform:none;padding:28px}
html:root[data-sleeple-design] body.home-page :is(.start-card,.tool-card,.guide-card):hover{border-color:var(--ui-accent);transform:translateY(-2px);box-shadow:none}
html:root[data-sleeple-design] body.home-page :is(.start-grid,.tools-grid,.guide-grid,.method-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:20px}
html:root[data-sleeple-design] body.home-page .start-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr;column-gap:40px}
html:root[data-sleeple-design] body.home-page .start-card:first-child .start-action{grid-column:2}
html:root[data-sleeple-design] body.home-page .tool-card{grid-column:auto;grid-row:auto;min-height:0}
html:root[data-sleeple-design] body.home-page .tool-card:first-child{grid-column:1/-1}
html:root[data-sleeple-design] body.home-page :is(.tool-index,.tool-glyph,.guide-label,.section-kicker,.hero-orbit-caption){display:none}
html:root[data-sleeple-design] body.home-page :is(.start-action,.tool-action,.section-link,.guide-link){color:var(--ui-accent);min-height:44px;display:inline-flex;align-items:center}
html:root[data-sleeple-design] body.home-page :is(.journal-grid,.trust-grid){gap:32px}
html:root[data-sleeple-design] body.home-page .journal-preview{border-radius:16px;background:var(--ui-soft);color:var(--ui-ink);box-shadow:none}
html:root[data-sleeple-design] body.home-page .journal-preview *{color:inherit}
html:root[data-sleeple-design] body.home-page .final-inner{background:var(--ui-soft);border:0;border-radius:16px;padding:48px;box-shadow:none}
html:root[data-sleeple-design] body.home-page .final-inner :is(h2,p){color:var(--ui-ink)}
html:root[data-sleeple-design] body.home-page .reveal,html:root[data-sleeple-design] .fade-in-up{opacity:1;transform:none}
/* Reading and tool templates */
html:root[data-sleeple-design] body :is(.page-hero,.editorial-hero,.article-hero,.article-header,.topic-hero,.cluster-hero,.team-hero,.legal-hero,.start-here){background:var(--ui-bg);color:var(--ui-ink);padding-top:120px;padding-bottom:48px;min-height:0}
html:root[data-sleeple-design] body :is(.article-hero,.article-header){padding-top:48px}
html:root[data-sleeple-design] body :is(.hero-copy,.narrow-hero,.start-here .intro){max-width:760px;text-align:left}
html:root[data-sleeple-design] body :is(.hero-copy h1,.narrow-hero h1){margin-bottom:22px;font-weight:550}
html:root[data-sleeple-design] body :is(.hero-copy p,.hero-lead,.section-lead,.article-meta,.article-subtitle){color:var(--ui-muted);font-size:1.05rem;line-height:1.65}
html:root[data-sleeple-design] body .hero-split{gap:40px;grid-template-columns:1.3fr 1fr}
html:root[data-sleeple-design] body :is(.hero-art,.hero-art img){transform:none;border-radius:16px;box-shadow:none}
html:root[data-sleeple-design] body :is(.eyebrow,.article-kicker,.hero-orbit-caption){display:none}
html:root[data-sleeple-design] body :is(.nap-orbit,.floating-note){display:none}
html:root[data-sleeple-design] body .nap-hero .hero-split{display:block}
html:root[data-sleeple-design] body :is(.nap-form,.nap-result,.contact-form,.need-card,.tool-card,.role-card){background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:16px;box-shadow:none;padding:28px}
html:root[data-sleeple-design] body :is(.nap-result p,.need-card p,.tool-card p){color:var(--ui-muted)}
html:root[data-sleeple-design] body :is(.page-section,.journey-section,.evidence-section,.section){padding-block:56px}
html:root[data-sleeple-design] body :is(.tool-grid,.need-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html:root[data-sleeple-design] body :is(.article-shell,.article-content,.article-body){color:var(--ui-ink)}
html:root[data-sleeple-design] body :is(.article-body,.article-text,.article-content.prose){font-size:1.08rem;line-height:1.8;max-width:72ch}
html:root[data-sleeple-design] body :is(.article-body,.article-text) h2{margin-top:2em;margin-bottom:.65em;font-size:1.8rem}
html:root[data-sleeple-design] body :is(.sleeple-brief,.toc,.article-toc,.key-takeaways,.start-tools){background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:12px;color:var(--ui-ink);box-shadow:none}
html:root[data-sleeple-design] body :is(.cta-panel,.timer-panel){background:var(--ui-soft);color:var(--ui-ink);border:0;border-radius:16px;box-shadow:none}
html:root[data-sleeple-design] body :is(.cta-panel,.timer-panel) :is(h2,p,a){color:var(--ui-ink)}
html:root[data-sleeple-design] body .premium-icon{width:24px;height:24px;vertical-align:middle;object-fit:contain}
/* Catalogue: controls first, secondary collections remain available below. */
html:root[data-sleeple-design] body [data-sleeple-library]{padding-top:120px!important;background:var(--ui-bg)!important}
html:root[data-sleeple-design] body [data-sleeple-library]>.container{display:flex;flex-direction:column}
html:root[data-sleeple-design] body [data-sleeple-library]>.container>.text-center{order:-5;max-width:800px!important;text-align:left;margin:0 0 28px!important}
html:root[data-sleeple-design] body .library-tools{order:-4;margin-bottom:16px}
html:root[data-sleeple-design] body .problem-filter{order:-3;margin-bottom:16px;gap:8px}
html:root[data-sleeple-design] body .article-filter{order:-2;margin-bottom:24px;gap:8px;flex-wrap:wrap}
html:root[data-sleeple-design] body .article-grid{order:-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:48px}
html:root[data-sleeple-design] body .article-card{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:16px;box-shadow:none;overflow:hidden;transition:transform .18s ease}
html:root[data-sleeple-design] body .article-card:hover{transform:translateY(-3px);box-shadow:none;border-color:var(--ui-accent)}
html:root[data-sleeple-design] body .article-tag{background:var(--ui-soft);color:var(--ui-accent);border-radius:6px;letter-spacing:0;text-transform:none;font-size:.8rem}
html:root[data-sleeple-design] body .article-card .article-title{font-size:1.25rem;line-height:1.3;font-weight:550}
html:root[data-sleeple-design] body .article-excerpt{font-size:.95rem;color:var(--ui-muted)}
html:root[data-sleeple-design] body .read-more{color:var(--ui-accent);min-height:44px;display:inline-flex;align-items:center}
html:root[data-sleeple-design] body .library-empty{order:-1;padding:36px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:16px;margin-bottom:30px}
html:root[data-sleeple-design] body .filter-btn{background:var(--ui-surface);color:var(--ui-muted);border:1px solid var(--ui-line);font-size:.9rem;padding:10px 14px}
/* Footer and dialogs share the same themes. */
html:root[data-sleeple-design] body .site-footer{background:var(--ui-surface);color:var(--ui-muted);border-top:1px solid var(--ui-line);padding-top:56px}
html:root[data-sleeple-design] body .site-footer :is(p,a,h4,.footer-bottom){color:var(--ui-muted)}
html:root[data-sleeple-design] body .site-footer h4{color:var(--ui-ink);font-size:1rem}
html:root[data-sleeple-design] body .footer-links a{display:inline-flex;align-items:center;min-height:44px}
html:root[data-sleeple-design] body .footer-grid{grid-template-columns:1.6fr repeat(3,1fr);gap:40px}
html:root[data-sleeple-design] body .footer-bottom{border-top:1px solid var(--ui-line);padding-block:24px;margin-top:36px}
html:root[data-sleeple-design] body :is(.sleeple-search-panel,#sleeple-search-input){background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line);font-family:var(--ui-font)!important}
html:root[data-sleeple-design] body .sleeple-search-panel{border-radius:16px;max-height:calc(100dvh - 80px)}
html:root[data-sleeple-design] body .sleeple-search-close{width:44px;height:44px;background:var(--ui-soft);color:var(--ui-ink)}
html:root[data-sleeple-design] body :is(.sleeple-search-hint,.sleeple-search-empty,.sleeple-search-result span){color:var(--ui-muted)}
html:root[data-sleeple-design] body .sleeple-search-result{color:var(--ui-ink)!important}
html:root[data-sleeple-design] body .sleeple-search-result:hover{background:var(--ui-soft)}
html:root[data-sleeple-design] body #sleeple-consent-banner{background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:16px;max-width:620px;padding:20px;box-shadow:0 12px 40px rgba(25,36,58,.15)}
html:root[data-sleeple-design] body #sleeple-consent-banner :is(h2,h3,p){color:var(--ui-ink)}
html:root[data-sleeple-design] body #sleeple-consent-banner a{color:var(--ui-accent)}
html:root[data-sleeple-design] body #sleeple-consent-banner button{min-height:44px;border-radius:10px;font:500 .9rem/1.35 var(--ui-font);padding:10px 16px}
html:root[data-sleeple-design] body .sleeple-consent-accept{background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent)}
html:root[data-sleeple-design] body .sleeple-consent-refuse{background:var(--ui-surface);color:var(--ui-accent);border-color:var(--ui-accent)}
@media(min-width:1101px){html:root[data-sleeple-design] body .main-nav{display:block}html:root[data-sleeple-design] body .mobile-menu-toggle{display:none}}
@media(max-width:1100px){html:root[data-sleeple-design] body .main-nav{display:none}html:root[data-sleeple-design] body .mobile-menu-toggle{display:flex;flex-direction:column}html:root[data-sleeple-design] body .header-actions{margin-left:auto}html:root[data-sleeple-design] body.home-page .hero-grid{gap:32px}html:root[data-sleeple-design] body .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 html:root[data-sleeple-design] body .container{width:calc(100% - 40px)}
 html:root[data-sleeple-design] body .site-header{height:68px}
 html:root[data-sleeple-design] body .header-inner{gap:8px}
 html:root[data-sleeple-design] body .logo-text{font-size:1.3rem}
 html:root[data-sleeple-design] body .logo-svg{width:25px;height:25px}
 html:root[data-sleeple-design] body .header-actions{gap:0!important}
 html:root[data-sleeple-design] body.home-page .hero-section{padding:104px 0 40px}
 html:root[data-sleeple-design] body.home-page .hero-grid{grid-template-columns:1fr;gap:32px}
 html:root[data-sleeple-design] body.home-page .hero-title{font-size:clamp(2rem,8.4vw,3rem)!important;max-width:22ch;line-height:1.12}
 html:root[data-sleeple-design] body.home-page .hero-desc{font-size:1rem;margin-bottom:24px}
 html:root[data-sleeple-design] body.home-page .hero-actions .btn{width:100%}
 html:root[data-sleeple-design] body.home-page .hero-visual{aspect-ratio:16/10;width:100%;max-width:none}
 html:root[data-sleeple-design] body.home-page .home-section{padding:44px 0}
 html:root[data-sleeple-design] body.home-page .section-topline{display:block}
 html:root[data-sleeple-design] body.home-page .section-link{margin-top:12px}
 html:root[data-sleeple-design] body.home-page :is(.start-grid,.tools-grid,.guide-grid,.method-grid,.journal-grid,.trust-grid){grid-template-columns:1fr}
 html:root[data-sleeple-design] body.home-page .start-card:first-child{display:flex;grid-column:auto}
 html:root[data-sleeple-design] body.home-page :is(.start-card,.tool-card,.guide-card,.method-card,.faq-item){padding:24px}
 html:root[data-sleeple-design] body.home-page .final-inner{padding:28px}
 html:root[data-sleeple-design] body :is(.page-hero,.editorial-hero,.team-hero,.start-here){padding:104px 0 32px}
 html:root[data-sleeple-design] body :is(.article-hero,.article-header){padding:36px 0}
 html:root[data-sleeple-design] body :is(.hero-split,.tool-grid,.need-grid,.nap-layout,.contact-layout,.evidence-grid,.article-grid){grid-template-columns:1fr;gap:24px}
 html:root[data-sleeple-design] body .hero-art{max-width:400px}
 html:root[data-sleeple-design] body :is(.page-section,.journey-section,.evidence-section,.section){padding-block:36px}
 html:root[data-sleeple-design] body [data-sleeple-library]{padding-top:104px!important}
 html:root[data-sleeple-design] body .library-tools{grid-template-columns:1fr;gap:8px}
 html:root[data-sleeple-design] body .library-count{font-weight:400;font-size:.9rem}
 html:root[data-sleeple-design] body .problem-filter{gap:6px}
 html:root[data-sleeple-design] body .problem-filter button{font-size:.85rem;padding:10px;min-height:44px}
 html:root[data-sleeple-design] body .article-filter{gap:6px}
 html:root[data-sleeple-design] body .filter-btn{font-size:.85rem;padding:10px;min-height:44px}
 html:root[data-sleeple-design] body .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
 html:root[data-sleeple-design] body .footer-brand{grid-column:1/-1}
 html:root[data-sleeple-design] body #sleeple-consent-banner{padding:16px;max-height:calc(100dvh - 24px);overflow:auto}
 html:root[data-sleeple-design] body .sleeple-search-overlay{padding:16px 12px}
 html:root[data-sleeple-design] body .sleeple-search-panel{max-height:calc(100dvh - 32px)}
}
@media(max-width:359px){html:root[data-sleeple-design] body .container{width:calc(100% - 24px)}html:root[data-sleeple-design] body .logo-svg{display:none}html:root[data-sleeple-design] body .header-inner{gap:0}}
@media(prefers-reduced-motion:no-preference){html:root[data-sleeple-design] .premium-hero-image{animation:sleeple-image-enter .65s cubic-bezier(.16,1,.3,1) both}@keyframes sleeple-image-enter{from{opacity:.75;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html:root[data-sleeple-design]{scroll-behavior:auto}html:root[data-sleeple-design] body :is(.btn,.article-card,.need-card,.tool-card,.mobile-menu-overlay,.hero-visual){animation:none;transition:none;transform:none}html:root[data-sleeple-design] body .reveal{opacity:1;transform:none}}

/* Fix legacy flex shrink and visually hidden radios without widening the page. */
html:root[data-sleeple-design] body .mobile-menu-toggle{gap:4px}
html:root[data-sleeple-design] body .mobile-menu-toggle span{flex:0 0 2px;height:2px;margin:0}
html:root[data-sleeple-design] body :is(.reason-grid,.choice-grid) label{position:relative}
html:root[data-sleeple-design] body :is(.reason-grid,.choice-grid) input{width:1px;height:1px;min-width:0;min-height:0;padding:0;overflow:hidden;clip-path:inset(50%)}
html:root[data-sleeple-design] body :is(.reason-grid,.choice-grid) input:focus-visible+span{outline:3px solid var(--ui-accent);outline-offset:3px}
html:root[data-sleeple-design] body.home-page .hero-actions{flex-direction:row}
html:root[data-sleeple-design] body.home-page .hero-visual{display:block}
html:root[data-sleeple-design] body.home-page .section-heading{font-size:clamp(1.75rem,3.2vw,2.7rem)}
html:root[data-sleeple-design] body.home-page .guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html:root[data-sleeple-design] body .nap-hero{background:var(--ui-bg);padding-top:112px;padding-bottom:28px}
html:root[data-sleeple-design] body .nap-workspace{padding-top:24px}
html:root[data-sleeple-design] body :is(.nap-result h2,.nap-result strong,.nap-result dd,.mini-protocol li){color:var(--ui-ink)}
html:root[data-sleeple-design] body :is(.nap-result dt,.duration-ring span){color:var(--ui-muted)}
html:root[data-sleeple-design] body .duration-ring{background:var(--ui-soft);border-color:var(--ui-line)}
html:root[data-sleeple-design] body .article-tag{color:var(--ui-accent)!important}
html:root[data-sleeple-design] body .article-meta a{color:var(--ui-muted)}
html:root[data-sleeple-design] body .article-filter{justify-content:flex-start}
html:root[data-sleeple-design] body :is(.nap-hero,.editorial-hero,.contact-hero){background:var(--ui-bg)}
html:root[data-sleeple-design] body .hero-art{transform:none!important}
html:root[data-sleeple-design] body [data-sleeple-article-illustration]{margin-bottom:32px}
@media(max-width:767px){html:root[data-sleeple-design] body.home-page .guides-grid{grid-template-columns:1fr}html:root[data-sleeple-design] body.home-page .hero-actions{flex-direction:column}html:root[data-sleeple-design] body.home-page .hero-visual{display:block;aspect-ratio:16/10}}
html:root[data-sleeple-design] body .article-image>.premium-icon{width:40px;height:40px;min-height:0;object-fit:contain;opacity:.65}
html:root[data-sleeple-design] body .article-image{background:var(--ui-soft)}
html:root[data-sleeple-design] body .visible-topic-cluster{margin:24px 0;padding:24px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface);box-shadow:none}
html:root[data-sleeple-design] body .visible-topic-cluster__links a{background:var(--ui-soft);color:var(--ui-ink);border-color:var(--ui-line);min-height:44px}
html:root[data-sleeple-design] body .visible-topic-cluster__filter{background:var(--ui-accent);color:var(--ui-on-accent);box-shadow:none;min-height:44px;border-radius:10px}
/* Contrast fixes for legacy template rules and inline feedback styles. */
html:root[data-sleeple-design] body :is(.section-link,.read-more,.card-arrow,.guide-meta strong,.method-step,.visible-topic-cluster__eyebrow){color:var(--ui-accent)!important}
html:root[data-sleeple-design] body :is(.tool-time,.guide-meta span,.footer-links a,.sleeple-feedback-link span){color:var(--ui-muted)!important}
html:root[data-sleeple-design] body :is(.tool-card,.guide-card,.topic-chip,.logo-icon-wrapper){background:var(--ui-surface)!important}
html:root[data-sleeple-design] body .topic-chip strong{color:var(--ui-ink)!important}
html:root[data-sleeple-design] body .topic-chip span{color:var(--ui-muted)!important}
html:root[data-sleeple-design] body .mobile-nav{margin:20px auto 0}
html:root[data-sleeple-design] body.premium-dialog-open :is(#sleeple-consent-banner,#sleeple-consent-manage){visibility:hidden}