:root{--ink:#303331;--muted:#64665f;--paper:#fdfcfa;--white:#fff;--line:#e6e2dc;--accent:#92513f;--soft:#f5eee8;--green:#eaf0e9;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3{line-height:1.16;letter-spacing:-.035em;margin:0 0 20px}h1{font-size:clamp(2.8rem,5.5vw,5.1rem);font-weight:550}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}h2{font-size:clamp(1.9rem,3vw,2.8rem);font-weight:550}h3{font-size:1.4rem;font-weight:620}p{margin:0 0 20px}figure{margin:0}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:-10000px;top:0}.skip-link:focus{left:20px;top:20px;padding:15px;background:white;z-index:100}.site-header{position:sticky;top:0;z-index:20;background:rgba(253,252,250,.98);border-bottom:1px solid var(--line)}.nav{width:min(1160px,calc(100% - 64px));margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.6rem;font-weight:700;letter-spacing:-.04em;text-decoration:none}.brand-mark{width:43px;height:32px;object-fit:contain}.desktop-nav{display:flex;gap:34px}.desktop-nav a,.mobile-links a{font-size:.94rem;text-decoration:none}.desktop-nav a[aria-current],.mobile-links a[aria-current]{color:var(--accent);text-decoration:underline}.mobile-nav{display:none}.hero{padding:66px 0 74px}.hero-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:65px;align-items:center}.eyebrow,.label{display:block;color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.eyebrow{margin:0 0 18px}.hero-copy{font-size:1.12rem;color:var(--muted);max-width:490px;margin:24px 0 28px}.hero-footnote{font-size:.875rem;color:var(--muted);margin:20px 0 0}.hero-image{position:relative}.hero-image img{aspect-ratio:1.03;object-fit:cover;border-radius:4px 64px 4px 4px}.hero-image figcaption{background:var(--ink);color:white;padding:17px 23px;position:absolute;bottom:22px;left:-24px;right:28px;line-height:1.5;font-family:Georgia,serif;font-size:1.2rem}.hero-image figcaption span{display:block;color:#e6bbaa;font-family:system-ui,sans-serif;letter-spacing:.12em;font-size:.75rem;margin-bottom:4px}.button{display:inline-flex;gap:22px;align-items:center;justify-content:center;min-height:49px;padding:12px 23px;background:var(--accent);color:#fff;text-decoration:none;border:1px solid var(--accent);border-radius:5px;font-size:.94rem;font-weight:650;line-height:1.5}.button:hover{background:#754030;color:white}.button.secondary{background:transparent;color:var(--ink);border-color:#b8b3aa}.button.secondary:hover{background:var(--soft)}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:.94rem;font-weight:650;text-decoration:none}.text-link:hover{text-decoration:underline}.section{padding:62px 0;border-top:1px solid var(--line)}.section-head{margin-bottom:32px}.section-head h2{margin:0}.situation-grid,.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.situation-card{display:block;text-decoration:none;border-bottom:1px solid #b8b3aa;padding:12px 0 25px}.situation-card:hover{color:var(--ink)}.situation-card h3{margin:15px 0 10px}.situation-card p{color:var(--muted);margin-bottom:17px}.situation-icon{display:inline-grid;place-items:center;width:40px;height:40px;background:var(--soft);color:var(--accent);font-size:1.65rem;border-radius:50%}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.content-card{min-width:0}.card-image{display:block;overflow:hidden;border-radius:8px}.card-image img{width:100%;aspect-ratio:3/2;object-fit:cover}.card-copy{padding:24px 0 0}.card-copy h3{font-size:1.7rem;margin:12px 0}.card-copy h3 a{text-decoration:none}.card-copy p{color:var(--muted);max-width:500px}.category-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;background:var(--soft);border-radius:8px;overflow:hidden;text-decoration:none}.category-card img{aspect-ratio:3/2;object-fit:cover;width:100%}.category-card>div{padding:28px 40px 28px 0}.category-card h3{font:2.6rem/1.15 Georgia,serif;margin-top:15px}.category-card p{color:var(--muted)}.compare-banner{display:flex;justify-content:space-between;gap:44px;align-items:center;padding:38px;background:var(--soft);border-radius:8px}.compare-banner>div{max-width:650px}.compare-banner h3{font-size:2rem;margin-top:12px}.compare-banner p{margin:0}.compare-banner .button{flex-shrink:0}.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-bottom:12px}.trust-grid h3{margin-top:14px}.trust-grid p{color:var(--muted)}.page-hero{padding:64px 0 40px}.page-hero h1{max-width:980px;font-size:clamp(2.5rem,4.5vw,4.5rem)}.page-hero p:not(.eyebrow){max-width:760px;font-size:1.1rem;color:var(--muted)}.category-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.category-hero img{aspect-ratio:4/3;object-fit:cover;border-radius:8px}.compare-guide{padding:35px;background:var(--soft);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:8px}.compare-guide h3{font:2.1rem/1.2 Georgia,serif;margin-top:15px}.compare-guide .text-link+.text-link{margin-top:15px}.context-links{display:grid;gap:14px;padding:25px 0}.breadcrumbs{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;font-size:.875rem;color:var(--muted)}.breadcrumbs a{text-decoration:none}.article-hero{margin-bottom:40px}.article-hero img{width:100%;max-height:400px;aspect-ratio:2.9;object-fit:cover;object-position:center 58%;border-radius:8px}.article-hero figcaption{font-size:.8rem;color:var(--muted);margin-top:9px}.article-layout{display:grid;grid-template-columns:220px minmax(0,780px);gap:55px;padding-bottom:65px}.toc{position:sticky;top:112px;align-self:start}.toc strong{display:block;font-size:.875rem;margin-bottom:12px}.toc a{display:block;text-decoration:none;color:var(--muted);padding:6px 0;font-size:.9rem}.article{min-width:0}.wrap.article{max-width:1060px;padding-bottom:65px}.article h2{margin:48px 0 20px;font-size:clamp(1.75rem,2.8vw,2.4rem)}.article h3{font-size:1.3rem;margin:30px 0 12px}.article p,.article li{color:#50554f}.article p{max-width:78ch}.article li+li{margin-top:10px}.article section{scroll-margin-top:105px}.callout,.evidence-box,.research-note{background:var(--soft);border-radius:8px;padding:28px;margin:30px 0}.callout{border-left:3px solid var(--accent)}.callout>strong{display:block;margin-bottom:8px}.callout p:last-child{margin-bottom:0}.article .noisy-calls h2{margin-top:0}.table-wrap{overflow:auto;max-width:100%;margin:28px 0;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;background:#fff;width:100%}th,td{padding:17px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:.94rem}th{background:var(--soft);font-weight:650}tr:last-child td{border-bottom:0}.comparison-table th,.comparison-table td{min-width:185px}.comparison-table th:first-child{min-width:145px}.winner{color:var(--ink);font-weight:500}.status-note{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;margin:28px 0;font-size:.94rem}.comparison-intro{display:grid;grid-template-columns:1fr 310px;gap:32px;align-items:start}.research-note{margin:0;font-size:.94rem}.research-note strong{display:block;margin-bottom:7px}.affiliate-disclosure,.affiliate-label{font-size:.875rem!important;color:var(--muted);margin:18px 0}.quick-picks{margin:38px 0}.quick-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;border:1px solid var(--line);background:white;border-radius:8px;padding:24px;min-width:0}.quick-card strong{font-size:1.2rem;line-height:1.4}.quick-card>span:not(.label):not(.text-link){color:var(--muted);font-size:.94rem}.quick-card .text-link{margin-top:auto}.call-diagram{margin:35px 0;background:#303b35;padding:30px;border-radius:8px;color:white}.call-diagram figcaption{font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:#dddcd2;margin-bottom:20px}.diagram-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.diagram-grid>div{position:relative;padding-left:45px}.diagram-grid>div>span{position:absolute;left:0;font-size:2rem;color:#e6bbaa}.diagram-grid strong{display:block}.article .diagram-grid p,.diagram-grid p{color:#e2e5df;font-size:.94rem;margin:8px 0 0}.product-stack{display:grid;gap:32px;margin:44px 0}.product-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:34px;scroll-margin-top:105px}.product-card-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.product-card h2{margin:0 0 15px}.best-for{background:var(--green);padding:13px 16px;border-radius:6px;font-weight:600;font-size:.94rem}.not-ideal{background:var(--soft);padding:13px 16px;border-radius:6px;font-size:.94rem}.not-ideal strong{display:block;color:var(--accent)}.research-badge{font-size:.75rem;color:var(--muted);white-space:nowrap}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:26px}.product-grid h3{margin-top:0}.product-grid ul{padding-left:20px}.source-line{background:#f5f6f2;border-radius:7px;padding:22px;margin:22px 0;font-size:.94rem}.verdict{border-top:1px solid var(--line);padding:20px 0 0}.article .evidence-box h2{margin-top:12px}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.decision{padding:20px;background:var(--soft);border-radius:7px}.decision span{display:block;font-size:.875rem;color:var(--muted);margin-bottom:7px}.legal{max-width:780px;padding-bottom:65px}.legal h2{font-size:1.6rem;margin:34px 0 16px}.site-footer{padding:48px 0 24px;background:#f5f2ed;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:45px}.footer-grid p{margin-top:20px;color:var(--muted);font-size:.94rem}.footer-col strong{display:block;margin-bottom:15px}.footer-col a{display:block;text-decoration:none;color:var(--muted);font-size:.94rem;margin:8px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:22px;font-size:.8rem;color:var(--muted)}
@media(max-width:900px){.hero-grid{gap:35px}.desktop-nav{gap:20px}.hero-image figcaption{left:0;right:0;bottom:0;position:relative}.hero-image img{border-radius:8px 40px 0 0}.category-hero{gap:28px}.article-layout{grid-template-columns:1fr;gap:24px}.toc{position:static;display:flex;flex-wrap:wrap;gap:10px 20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.toc strong{width:100%}.toc a{padding:0}.comparison-intro{grid-template-columns:1fr}.compare-banner{display:block}.compare-banner .button{margin-top:24px}.quick-grid{gap:14px}.quick-card{padding:18px}.product-card-head{display:block}.research-badge{display:block;margin-bottom:16px}}
@media(max-width:680px){html{scroll-padding-top:85px}.wrap,.nav{width:calc(100% - 36px)}.nav{min-height:72px}.brand{font-size:1.4rem}.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;list-style:none;padding:12px;font-size:.94rem}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{margin-left:8px}.mobile-links{position:absolute;left:0;right:0;top:72px;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #30333112;display:grid;gap:6px}.mobile-links a{padding:12px}.hero{padding:38px 0 42px}.hero-grid,.category-hero{grid-template-columns:1fr;gap:30px}h1{font-size:2.9rem}.hero-copy{font-size:1.05rem}.hero-image img{aspect-ratio:1.3}.hero-image figcaption{font-size:1.1rem;padding:16px 20px}.section{padding:40px 0}.section-head{margin-bottom:26px}.situation-grid,.content-grid,.quick-grid,.trust-grid,.product-grid,.decision-grid,.footer-grid{grid-template-columns:1fr;gap:26px}.situation-grid{gap:10px}.situation-card{position:relative;padding-left:58px}.situation-icon{position:absolute;left:0;top:15px}.situation-card h3{font-size:1.25rem}.situation-card p{margin-bottom:12px}.content-grid{gap:36px}.card-copy{padding-top:18px}.category-card{grid-template-columns:1fr;gap:0}.category-card>div{padding:25px}.category-card h3{font-size:2.1rem}.compare-banner{padding:25px}.page-hero{padding:35px 0 24px}.page-hero h1{font-size:2.6rem}.category-hero img{max-height:290px}.article-hero img{aspect-ratio:3/2;max-height:none}.article-hero{margin-bottom:26px}.article h2{margin-top:35px}.quick-card{padding:23px}.callout,.research-note,.evidence-box{padding:22px}.product-card{padding:22px}.product-card h2{font-size:1.8rem}.product-grid{gap:16px}.diagram-grid{grid-template-columns:1fr;gap:20px}.call-diagram{padding:23px}.trust-grid{gap:16px}.footer-grid{gap:22px}.breadcrumbs{gap:10px;font-size:.8rem}.label,.eyebrow{font-size:.8rem}.site-footer{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* nolmira-v1-design-system */
/* Shared shell. Discovery pages use the approved P0 brand treatment;
   article content keeps its established sleep-earbuds typography. */
/* Shared variables are defined in source/styles/tokens.css. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.62 Arial,sans-serif}
img{max-width:100%}
.wrap,.nav{width:min(var(--max),calc(100% - 40px));margin-inline:auto}

/* Global header and navigation */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-family:Inter,Arial,sans-serif}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:20px;font-weight:800;letter-spacing:-.02em;text-decoration:none}
.brand-mark{width:38px;height:38px;object-fit:contain}
.desktop-nav{display:flex;align-items:center;gap:18px;color:#5f6664;font-size:14px}
.desktop-nav a,.mobile-links a{color:inherit;text-decoration:none}
.desktop-nav a:hover,.desktop-nav a[aria-current],.mobile-links a:hover,.mobile-links a[aria-current]{color:var(--brand-deep)}
.desktop-nav a[aria-current],.mobile-links a[aria-current]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.nav-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--brand);color:#fff!important;font-weight:750;padding:11px 17px}
.nav-btn:hover{background:var(--brand-deep)!important;color:#fff!important;text-decoration:none!important}
.about-nav-group{display:flex;align-items:center;gap:2px}.about-parent.parent-active{color:var(--brand-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.about-menu{position:relative}.about-menu summary{display:grid;place-items:center;cursor:pointer;list-style:none;width:23px;height:30px;border-radius:8px}.about-menu summary::-webkit-details-marker{display:none}.about-menu summary svg,.mobile-about summary svg{width:15px;height:15px}.about-menu summary:hover{background:var(--surface-soft);color:var(--brand-deep)}.about-menu[open] summary svg,.mobile-about[open] summary svg{transform:rotate(180deg)}.about-popover{position:absolute;top:38px;right:0;z-index:30;display:grid;min-width:210px;gap:2px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 18px 48px rgba(42,35,25,.12)}.about-popover a{padding:10px 11px;border-radius:9px;color:var(--text)!important;font-size:14px}.about-popover a:hover,.about-popover a[aria-current]{background:var(--surface-soft);color:var(--brand-deep)!important;text-decoration:none!important}.about-divider{height:1px;margin:5px 3px;background:var(--line)}
.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;padding:10px 0;color:var(--text);font-size:14px;font-weight:750}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{margin-left:7px}.mobile-links{position:absolute;top:48px;right:0;width:min(300px,calc(100vw - 30px));display:grid;gap:2px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 18px 48px rgba(42,35,25,.12)}.mobile-links a{padding:11px 12px;border-radius:10px}.mobile-links a:hover{background:var(--surface-soft)}
.mobile-about{display:grid}.mobile-about summary{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 12px;color:var(--text);font-size:14px;font-weight:750}.mobile-about-links{display:grid;gap:2px;padding:2px 0 4px 12px}.mobile-about-links a{font-size:13px}.mobile-about .about-divider{margin:5px 12px}

/* Shared buttons, labels and link states */
.button,.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:1px solid var(--brand);border-radius:999px;background:var(--brand);color:#fff!important;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:750;line-height:1.2;text-decoration:none}
.button:hover,.btn-primary:hover{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff!important}
.button.secondary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.88);color:var(--text)!important;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:750;line-height:1.2;text-decoration:none}.button.secondary:hover,.btn-secondary:hover{background:var(--surface-soft);border-color:var(--line);color:var(--text)!important}
.text-link,.view-link{color:var(--brand-deep);font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.text-link:hover,.view-link:hover{color:var(--brand);text-decoration-thickness:2px}
.eyebrow,.label{color:var(--brand);font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.tag{display:inline-flex;width:max-content;padding:7px 10px;border-radius:999px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* Shared footer and return control */
.site-footer{margin-top:68px;padding:0;background:var(--dark);border:0;color:#faf9f6;font-family:Inter,Arial,sans-serif}
.site-footer .brand{gap:12px;color:#fff;font-size:22px;line-height:1.2;margin-bottom:12px}.site-footer .brand-mark{width:44px;height:44px;padding:6px;border-radius:11px;background:#faf9f6;object-fit:contain;filter:none}.site-footer p,.site-footer a{color:rgba(250,249,246,.72);font-size:14px;line-height:1.8}.site-footer a{text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px;padding:52px 0 38px}.footer-col{display:grid;align-content:start;gap:8px;font-size:14px}.footer-col strong{margin:3px 0 5px;color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.footer-bottom{margin:0;padding:17px 0 23px;border-top:1px solid rgba(255,255,255,.12);color:rgba(250,249,246,.56);font-size:12px}
.nolmira-top{position:fixed;right:22px;bottom:20px;z-index:40;display:grid;place-items:center;min-width:48px;min-height:46px;border:1px solid #b8b3aa;border-radius:999px;background:#fff;color:var(--text);box-shadow:none;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:800;text-decoration:none}.nolmira-top:hover{background:var(--brand);border-color:var(--brand);color:#fff}

/* Discovery system typography. Content pages retain the Article system. */
.discovery-page{font-family:Inter,Arial,sans-serif}.discovery-page h1,.discovery-page h2{font-family:"Cormorant Garamond",Georgia,serif;color:var(--text);letter-spacing:-.04em}.discovery-page .page-hero{background:linear-gradient(135deg,#f9f4ec 0%,#faf9f6 60%,#f4e6de 100%);border-bottom:1px solid var(--line)}.discovery-page .page-hero h1{line-height:.98}.discovery-page .page-hero p:not(.eyebrow){color:var(--muted)}

/* Article commerce keeps the approved rectangular CTA variant. */
.content-page .product-cta{border-radius:5px;background:var(--accent);border-color:var(--accent);font-family:Arial,sans-serif}.content-page .product-cta:hover{background:#733c2d;border-color:#733c2d;color:#fff!important}

@media(max-width:1080px){.desktop-nav{gap:13px;font-size:13px}}
@media(max-width:1180px){.desktop-nav{display:none}.mobile-nav{display:block}}
@media(max-width:900px){.desktop-nav{display:none}.mobile-nav{display:block}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:24px}}
@media(max-width:680px){.wrap,.nav{width:min(var(--max),calc(100% - 30px))}.nav{min-height:70px}.brand{font-size:19px}.footer-grid{grid-template-columns:1fr;gap:22px;padding:40px 0 30px}.nolmira-top{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* nolmira-page2-open-ear */
.page2 .page-hero{padding:42px 0 30px}.page2 .page-hero h1{max-width:960px;font-size:clamp(2.35rem,4.5vw,4.15rem);margin-bottom:20px}.hero-deck{max-width:780px!important;color:var(--ink)!important;font-size:clamp(1.1rem,1.8vw,1.28rem)!important;line-height:1.55;margin:0 0 25px!important}.meta-row{display:inline-flex;align-items:baseline;gap:9px;margin:0 0 24px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px;line-height:1.3}.meta-row .meta-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#77766f}.hero-context{max-width:780px;margin:0 0 17px;padding:20px 22px;border-radius:8px;background:#f6f4f0}.hero-context .label{margin-bottom:8px}.hero-context p{max-width:70ch!important;margin:0!important;color:#50554f!important;font-size:16px!important;line-height:1.65}.disclosure{max-width:780px;margin:0;padding:0;color:var(--muted);font-size:13px;line-height:1.55}.disclosure strong{color:#50554f}.page2 .section{padding:48px 0}.page2 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.page2 .quick-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:start}.page2 .quick-card h3{margin:7px 0;font-size:1.28rem}.page2 .quick-card p{font-size:14px;margin:8px 0}.product-visual{display:grid;place-items:center;aspect-ratio:1;background:#f7f5f2;border:1px solid var(--line);border-radius:8px;padding:10px}.product-visual img{width:100%;height:100%;object-fit:contain}.page2 .quick-card .product-visual{border-radius:6px}.caution{color:#746052!important}.caution strong{color:var(--accent)}.action-link,.text-link,.page2 .toc a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.action-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:650;font-size:14px}.action-link:hover,.text-link:hover,.page2 .toc a:hover{color:#754030;text-decoration-thickness:2px}.toc{display:flex;gap:10px 22px;flex-wrap:wrap;padding:17px 0;font-size:14px}.toc a{color:var(--accent)}.page2 .section h2{font-size:clamp(1.75rem,2.7vw,2.35rem)}.matters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.matters article{padding:21px;background:var(--soft);border-radius:8px}.matters h3{font-size:1.18rem;margin-bottom:10px}.matters p{font-size:14px;margin:0;color:#50554f}.table-note{font-size:14px;color:var(--muted)}.decision-image{margin:25px 0}.decision-image img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}.decision-image figcaption{margin-top:9px;color:var(--muted);font-size:13px}.split-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.fit-list{padding:25px;background:#f6f4f0;border-radius:8px}.fit-list h3{font-size:1.22rem}.fit-list ul{margin:0;padding-left:20px}.fit-list li+li{margin-top:8px}.page2 .callout{margin:25px 0}.product-stack{display:grid;gap:32px;margin:34px 0}.page2 .product-card{padding:34px}.product-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px}.product-image{align-self:start}.product-image .product-visual{max-width:260px}.image-caption{font-size:12px;color:var(--muted);margin:9px 0}.product-copy h3{font-size:1.14rem;margin:22px 0 9px}.product-copy p{color:#50554f}.evidence-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f3e8e1;color:#85503f;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.evidence-copy{background:#f5f6f2;padding:19px;border-radius:7px}.page2 .best-for,.page2 .not-ideal{margin:14px 0}.page2 .not-ideal strong{display:block}.source-placeholder{font-size:13px;color:var(--muted);margin-top:19px}.evidence-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0}.evidence-levels article{padding:22px;background:#f6f4f0;border-radius:8px}.evidence-levels h3{font-size:1.2rem;margin-bottom:9px}.evidence-levels p{font-size:14px;margin:0}.evidence-levels .products{margin-top:15px;color:var(--accent);font-weight:650}.method-copy{max-width:78ch}.decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.related-grid article{padding:25px;border:1px solid var(--line);border-radius:8px}.related-grid h3{font-size:1.38rem;margin:10px 0}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:30;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 15px;border:1px solid #b8b3aa;border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 10px 26px rgba(48,51,49,.15);font-size:14px;font-weight:650;text-decoration:none}.back-to-top:hover{background:var(--accent);border-color:var(--accent);color:#fff}.back-to-top span{font-size:16px;line-height:1}.external-link::after{content:' ↗';font-size:.9em}
@media(max-width:680px){.page2 .quick-grid,.matters,.product-layout,.evidence-levels,.split-list,.related-grid{grid-template-columns:1fr}.page2 .quick-card{grid-template-columns:82px minmax(0,1fr);gap:16px}.page2 .product-card{padding:22px}.product-image .product-visual{margin:auto}.matters{gap:12px}.page2 .section{padding:34px 0}.decision-grid{grid-template-columns:1fr}.back-to-top{right:16px;bottom:16px;padding:10px 13px}.back-to-top .top-label{display:none}.page2 .page-hero h1{font-size:2.35rem;overflow-wrap:break-word}}

.product-cta{display:inline-flex;align-items:center;gap:9px;min-height:46px;margin-top:20px;padding:11px 17px;border:1px solid var(--accent);border-radius:5px;background:var(--accent);color:#fff;font-size:14px;font-weight:650;text-decoration:none}.product-cta:hover{color:#fff;background:#754030;border-color:#754030}.product-cta.official{background:#fff;color:var(--accent)}.product-cta.official:hover{background:#754030;border-color:#754030;color:#fff}.affiliate-note{margin:8px 0 0!important;font-size:12px!important;color:var(--muted)!important}.affiliate-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}.editorial-principle{max-width:780px;margin:0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.55}.editorial-principle strong{color:#50554f}.internal-cta{display:inline-flex;align-items:center;gap:8px;margin-top:3px;padding:11px 0;color:var(--accent);font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:4px}.page2 a[target="_blank"]::after{content:' ↗';font-size:.9em}.product-cta::after{content:' ↗';font-size:.9em}.product-cta[target="_blank"]::after{content:' ↗';font-size:.9em}

.card-image.product-card-image{display:grid;place-items:center;background:#f7f5f2}.card-image.product-card-image img{object-fit:contain;padding:16px}
/* Shared content-page section navigation; only pages opting into the layout render it. */
.content-section-layout{display:block;min-width:0}
.content-section-body{min-width:0}
.content-section-nav{min-width:0}
.section-nav-rail{display:none}
.section-nav-mobile{margin:20px auto 0;width:min(820px,calc(100% - 30px));border:1px solid #dedbd4;border-radius:8px;background:#fff;color:#2e2e2f}
.section-nav-mobile summary{cursor:pointer;padding:12px 16px;font-weight:700;list-style:none}
.section-nav-mobile summary::-webkit-details-marker{display:none}
.section-nav-mobile summary:after{content:'⌄';float:right}
.section-nav-mobile[open] summary:after{content:'⌃'}
.section-nav-mobile nav{display:grid;padding:4px 10px 12px;border-top:1px solid #dedbd4}
.section-nav-mobile a,.section-nav-rail a{display:block;padding:8px 11px;border-left:3px solid transparent;color:#505950;text-decoration:none;font-size:14px;line-height:1.35}
.section-nav-mobile a:hover,.section-nav-rail a:hover,.section-nav-mobile a[aria-current="location"],.section-nav-rail a[aria-current="location"]{border-left-color:#94533c;background:#f6f4f0;color:#2e2e2f;font-weight:700}
.content-section-nav .section-nav-cta{margin:12px 4px 0;padding-top:12px;border-top:1px solid #dedbd4}
.content-section-nav .section-nav-cta .product-cta{display:flex;box-sizing:border-box;width:100%;min-height:46px;padding:10px 8px;border:1px solid #94533c;border-radius:5px;background:#94533c;color:#fff!important;text-align:center;text-decoration:none;font-size:13px;font-weight:800;line-height:1.35}
.content-section-nav .section-nav-cta .product-cta:hover{border-color:#733c2d;background:#733c2d;color:#fff!important}
.content-section-nav .section-nav-cta .product-cta:focus-visible{outline:3px solid #94533c;outline-offset:3px}
.content-section-nav a:focus-visible,.section-nav-mobile summary:focus-visible{outline:3px solid #94533c;outline-offset:2px}
.content-section-body [id]{scroll-margin-top:96px}
@media(min-width:1200px){
 .content-section-layout{display:grid;grid-template-columns:176px minmax(0,820px);gap:40px;width:min(1036px,calc(100% - 40px));margin-inline:auto;align-items:stretch}
 .section-nav-mobile{display:none}
 .section-nav-rail{display:grid;align-content:start;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;padding:14px 6px 14px 0}
 .section-nav-label{margin:0 0 8px 11px;color:#94533c;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
}
@media(prefers-reduced-motion:no-preference){.content-section-body{scroll-behavior:smooth}}
/* Review articles using the shared rail keep navigation in its own column. */
.review-section-layout .content-section-body{min-width:0}
@media(min-width:1200px){
 .content-section-layout.review-section-layout{grid-template-columns:176px minmax(0,960px);gap:32px;width:min(1168px,calc(100% - 40px))}
 .review-section-layout .content-section-body .section .wrap{box-sizing:border-box;width:100%;max-width:none}
}
@media(max-width:1199px){
 .review-section-layout .section-nav-mobile{width:min(960px,calc(100% - 40px))}
}

/* nolmira-design-tokens */
/*
 * Nolmira Design Tokens — Phase 1 foundation
 *
 * The first group is the approved Design System. Compatibility aliases below
 * preserve the computed V30 values while legacy page CSS is migrated in later
 * component/template phases.
 */
:root {
  /* Color */
  --color-background: #faf9f6;
  --color-surface: #fff;
  --color-surface-soft: #fbf8f2;
  --color-surface-paper-legacy: #fdfcfa;
  --color-surface-soft-legacy: #f5eee8;
  --color-text: #303331;
  --color-text-article: #26342f;
  --color-text-soft: #66707c;
  --color-text-soft-legacy: #64665f;
  --color-border: #e7ded1;
  --color-border-legacy: #e6e2dc;
  --color-border-strong: #b8b3aa;
  --color-brand: #a66350;
  --color-brand-deep: #8b4f3f;
  --color-brand-soft: #f0ddd7;
  --color-brand-hover-legacy: #754030;
  --color-article-cta: #94533c;
  --color-article-cta-hover: #733c2d;
  --color-gold: #c6a27a;
  --color-gold-soft: #f5efe3;
  --color-product-surface: #f7f5f2;
  --color-evidence-surface: #f5f6f2;
  --color-evidence-soft: #f3e8e1;
  --color-article-body-legacy: #50554f;
  --color-diagram-surface: #303b35;

  /* Semantic tags */
  --tag-review-background: #e7f0fb;
  --tag-review-text: #456e97;
  --tag-compare-background: #e8eee6;
  --tag-compare-text: #607555;
  --tag-guide-background: #f4eddf;
  --tag-guide-text: #8a6b40;
  --tag-new-background: #f5e8ef;
  --tag-new-text: #8f5e76;
  --tag-hot-background: #fae7df;
  --tag-hot-text: #a75c43;

  /* Typography */
  --font-discovery: Inter, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-article: Arial, sans-serif;
  --font-serif: Georgia, serif;
  --font-legacy-ui: system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --type-home-hero-size: 72px;
  --type-home-hero-mobile-size: 50px;
  --type-discovery-section-size: 35px;
  --type-discovery-section-mobile-size: 28px;
  --type-featured-size: 38px;
  --type-situation-card-size: 24px;
  --type-latest-card-size: 24px;
  --type-body-size: 16px;
  --type-small-size: 14px;
  --type-caption-size: 13px;
  --type-eyebrow-size: 12px;
  --type-tag-size: 11px;
  --type-article-h1-size: clamp(2.3rem, 5vw, 4.2rem);
  --type-article-h2-size: clamp(1.8rem, 3vw, 2.5rem);
  --leading-home-hero: .9;
  --leading-discovery-section: 1.12;
  --leading-article-heading: 1.16;
  --leading-article-body: 1.62;
  --leading-home-copy: 1.9;
  --leading-section-copy: 1.85;

  /* Spacing */
  --space-page-desktop: 40px;
  --space-page-mobile: 30px;
  --space-home-frame-desktop: 26px;
  --space-home-frame-mobile: 16px;
  --space-home-module: 56px;
  --space-home-module-mobile: 30px;
  --space-home-section: 34px;
  --space-home-section-mobile: 20px;
  --space-section-article: 53px;
  --space-section-article-mobile: 40px;
  --space-grid-common: 14px;
  --space-grid-split: 30px;
  --space-product-stack: 32px;
  --space-card-discovery: 24px;
  --space-card-article: 30px;

  /* Layout — home frame is recorded but not activated until its visual
     reference is reconciled with the current V30 1280px implementation. */
  --layout-home-frame-max: 1460px;
  --layout-article-max: 1120px;
  --layout-hub-max: 1120px;

  /* Radius */
  --radius-discovery-shell: 30px;
  --radius-discovery-large-card: 24px;
  --radius-discovery-medium: 18px;
  --radius-article-card: 10px;
  --radius-article-frame: 8px;
  --radius-article-info: 7px;
  --radius-article-cta: 5px;
  --radius-pill: 999px;
  --radius-legacy: 16px;

  /* Elevation */
  --shadow-discovery-card: 0 24px 64px rgba(42, 35, 25, .08);
  --shadow-hero-panel: 0 18px 52px rgba(42, 35, 25, .12);
  --shadow-top: 0 10px 26px rgba(48, 51, 49, .15);

  /* Breakpoints. Native CSS custom properties cannot be used inside media
     queries; these values are the shared reference for later component CSS. */
  --breakpoint-home-two-column: 1220px;
  --breakpoint-home-tablet: 980px;
  --breakpoint-home-mobile: 720px;
  --breakpoint-article-grid: 800px;
  --breakpoint-article-mobile: 650px;

  /* V30 compatibility aliases */
  --bg: var(--color-background);
  --surface: var(--color-surface);
  --surface-soft: var(--color-surface-soft);
  --paper: var(--color-surface-paper-legacy);
  --white: var(--color-surface);
  --text: var(--color-text);
  --text-soft: var(--color-text-soft);
  --muted: var(--color-text-soft);
  --ink: var(--color-text-article);
  --line: var(--color-border);
  --brand: var(--color-brand);
  --brand-deep: var(--color-brand-deep);
  --brand-soft: var(--color-brand-soft);
  --accent: var(--color-article-cta);
  --gold: var(--color-gold);
  --gold-soft: var(--color-gold-soft);
  --soft: #f6f4f0;
  --green: #e7efe9;
  --peach: var(--color-evidence-soft);
  --dark: var(--color-text);
  --max: var(--layout-article-max);
  --r-xl: var(--radius-discovery-shell);
  --r-lg: var(--radius-discovery-large-card);
  --r-md: var(--radius-discovery-medium);
  --radius: var(--radius-legacy);
}