/* Ecoutance shared design. Opt-in at build time; native page controllers stay in charge. */
html:root[data-comparator-design]{--design-radius:16px;--design-gap:clamp(1.5rem,3vw,2rem);--design-pad:clamp(1rem,2.5vw,1.5rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--design-ease:cubic-bezier(.2,.7,.2,1)}
html:root[data-comparator-design] *,html:root[data-comparator-design] *::before,html:root[data-comparator-design] *::after{box-sizing:border-box}
html:root[data-comparator-design] [hidden]{display:none!important}
html:root[data-comparator-design] body>main{width:100%;max-width:1280px;margin-inline:auto;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,4vw,3rem) 3rem;overflow-wrap:anywhere}
html:root[data-comparator-design] main :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.025em;color:var(--ink)}
html:root[data-comparator-design] main h2{line-height:1.35}
html:root[data-comparator-design] main p{line-height:1.7}
html:root[data-comparator-design] :is(img,svg){max-width:100%}
html:root[data-comparator-design] main :is(section,article,nav,div,li,form,label){min-width:0}
html:root[data-comparator-design] main :is(a,a:visited),html:root[data-comparator-design] main :is(.provider-book-title,.voice-reading h2){color:var(--ink)}
html:root[data-comparator-design] a{text-underline-offset:.2em;text-decoration-thickness:1px}
/* Theme colours change together; only geometry and shadows are animated. */
html:root[data-comparator-design] :is(body,a,summary,p,span,small,label,input,select,textarea){transition-property:transform,box-shadow!important}
html:root[data-comparator-design] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:4px}
html:root[data-comparator-design] :is(input,select,textarea){max-width:100%;min-width:0;font:inherit;color:var(--ink);background-color:var(--surface);border-radius:10px;border-color:var(--control-line)}
html:root[data-comparator-design] :is(input:not([type=checkbox]):not([type=radio]),select){min-height:48px}
html:root[data-comparator-design] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
html:root[data-comparator-design] input:is([type=checkbox],[type=radio]){accent-color:var(--ink);flex-shrink:0}
/* A padded chevron replaces the platform-dependent arrow glued to the edge. */
html:root[data-comparator-design] select{appearance:none;padding:.7rem 2.75rem .7rem .85rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23101610' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:16px!important}
html:root[data-comparator-design][data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23F2F5EB' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
/* Hierarchy: neutral controls, green commitments, quiet utility actions.
   Colours stay explicit to reconcile the historical component styles. */
html:root[data-comparator-design] body :is(button,.primary,.shelf-primary,.mood-compare,.quick-book-full,.book-action,.book-edition-actions>a,.ux-action,.page-cta,.catalogue-provider-action,.provider-book-action,.voice-reading-action,.personal-empty-action,.lot3-action,.guide-action,.storytel-link,.edition-actions>a,.trial-action,.commercial-action,.personal-shortcut,.locale-menu>summary,.conversion-mobile>a){background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--control-line)!important;border-radius:10px;min-height:44px;max-width:100%;line-height:1.45;white-space:normal;text-align:center;text-decoration:none;cursor:pointer;box-shadow:none;transition:box-shadow 160ms var(--design-ease),transform 160ms var(--design-ease)}
html:root[data-comparator-design] body :is(button,.primary,.shelf-primary,.mood-compare,.quick-book-full,.book-action,.book-edition-actions>a,.ux-action,.page-cta,.catalogue-provider-action,.provider-book-action,.voice-reading-action,.personal-empty-action,.lot3-action,.guide-action,.storytel-link,.edition-actions>a,.trial-action,.commercial-action,.personal-shortcut,.locale-menu>summary,.conversion-mobile>a):hover{background:var(--surface-soft)!important;color:var(--ink)!important;border-color:var(--ink)!important}
html:root[data-comparator-design] body :is(.primary,.shelf-primary,.mood-compare,.quick-book-full,a.book-action:not(.book-action-secondary),.page-cta,.personal-empty-action,.welcome-start,[data-list-pick],.conversion-mobile>a,.book-edition-actions>a:first-of-type,form button[type=submit],.ux-demo .ux-action,.voice-profile-top .voice-follow){background:var(--action)!important;color:var(--on-action)!important;border-color:transparent!important;font-weight:700}
html:root[data-comparator-design] body :is(.primary,.shelf-primary,.mood-compare,.quick-book-full,a.book-action:not(.book-action-secondary),.page-cta,.personal-empty-action,.welcome-start,[data-list-pick],.conversion-mobile>a,.book-edition-actions>a:first-of-type,form button[type=submit],.ux-demo .ux-action,.voice-profile-top .voice-follow):hover{background:var(--action-hover)!important;color:var(--on-action)!important;border-color:transparent!important}
/* Commercial actions are intentionally prominent within their own sections. */
html:root[data-comparator-design] body :is(.trial-explorer .trial-action,.trial-nextory-catalogue .trial-action,.ux-platform-browser .catalogue-provider-action,.ux-platform-browser .ux-provider-panel .ux-action){background:var(--action)!important;color:var(--on-action)!important;border-color:transparent!important;font-weight:700}
html:root[data-comparator-design] body :is(.trial-explorer .trial-action,.trial-nextory-catalogue .trial-action,.ux-platform-browser .catalogue-provider-action,.ux-platform-browser .ux-provider-panel .ux-action):hover{background:var(--action-hover)!important;color:var(--on-action)!important;border-color:transparent!important}
html:root[data-comparator-design] body button:is([aria-pressed=true],[aria-selected=true],[data-filled=true]){background:var(--surface-soft)!important;color:var(--ink)!important;border-color:var(--ink)!important;font-weight:700;box-shadow:none}
html:root[data-comparator-design] body button.comparator-chip[aria-pressed=true]{background:var(--action)!important;color:var(--on-action)!important;border-color:transparent!important;box-shadow:none}
html:root[data-comparator-design] body button :is(svg,small,.lot3-icon,.ux-icon){color:inherit!important}
html:root[data-comparator-design] body button:disabled{background:var(--surface-soft)!important;color:var(--muted)!important;border:1px solid var(--line)!important;opacity:1;cursor:default;box-shadow:none}
html:root[data-comparator-design] body :is(.theme-toggle,.mobile-menu-toggle,.locale-menu>summary,.personal-shortcut,.trial-dismiss,.welcome-close,.quick-book-close,.analytics-settings,:where(#clear-search)){background:transparent!important;color:var(--ink)!important;border-color:transparent!important;box-shadow:none}
html:root[data-comparator-design] body :is(.theme-toggle,.mobile-menu-toggle,.locale-menu>summary,.personal-shortcut,.trial-dismiss,.welcome-close,.quick-book-close,:where(#clear-search)):hover{background:var(--surface-soft)!important;border-color:transparent!important}
html:root[data-comparator-design] body .comparator-book .book-edition-actions>.affiliate-offer-link{color:var(--ink)!important}
html:root[data-comparator-design] :is(.tabs,.personal-tabs){display:flex;gap:var(--space-2);padding:0;flex-wrap:wrap;border:0}
html:root[data-comparator-design] body :is(.tabs,.personal-tabs) button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 16px;border:1px solid transparent!important;background:transparent!important;color:var(--muted)!important;border-radius:10px;box-shadow:none!important;position:relative;font-weight:600}
html:root[data-comparator-design] body :is(.tabs,.personal-tabs) button:hover{background:var(--surface-soft)!important;color:var(--ink)!important}
html:root[data-comparator-design] body :is(.tabs,.personal-tabs) button[aria-selected=true]{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
html:root[data-comparator-design] :is(.tabs,.personal-tabs) button[aria-selected=true]::after{content:'';height:3px;position:absolute;bottom:0;left:16px;right:16px;background:var(--action);border-radius:3px}
html:root[data-comparator-design] :is(.tabs,.personal-tabs) button span:not([id$="-label"]){display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:2px 6px;border-radius:6px;font-size:.75rem;line-height:1.25;font-variant-numeric:tabular-nums;background:var(--surface-soft)!important;color:var(--muted)!important}
html:root[data-comparator-design] :is(.tabs,.personal-tabs) button[aria-selected=true] span:not([id$="-label"]){background:var(--action)!important;color:var(--on-action)!important}

/* The stars reflect an actual saved rating; clearing and retrying stay secondary. */
html:root[data-comparator-design] body button[data-rating]:not([data-rating="0"]){background:var(--surface)!important;color:var(--muted)!important;border-color:var(--line)!important;box-shadow:none}
html:root[data-comparator-design] body button[data-rating][data-filled=true]:not([data-rating="0"]){background:var(--action)!important;color:var(--on-action)!important;border-color:transparent!important}
html:root[data-comparator-design] body button[data-rating]:disabled{background:var(--surface-soft)!important;color:var(--muted)!important;border-color:var(--line)!important}
/* Shared shell and typographic rhythm. */
html:root[data-comparator-design] .topbar{border:0;background:var(--surface);gap:1rem;padding-inline:clamp(1rem,3vw,3rem)}
html:root[data-comparator-design] .topbar .site-nav :is(a,.desktop-about>summary){position:relative;border-bottom:0;min-height:44px;text-decoration:none}
html:root[data-comparator-design] .topbar .site-nav a::after,
html:root[data-comparator-design] .topbar .desktop-about>summary::before{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;border-radius:4px;background:var(--action);transform:scaleX(0);transform-origin:left;transition:transform 180ms var(--design-ease)}
html:root[data-comparator-design] .topbar .site-nav a:is(:hover,[aria-current=page],[aria-current=true])::after,
html:root[data-comparator-design] .topbar .desktop-about:is([open],:has(a[aria-current=page],a[aria-current=true]))>summary::before,
html:root[data-comparator-design] .topbar .desktop-about>summary:hover::before{transform:scaleX(1)}
html:root[data-comparator-design] :is(.theme-toggle,.mobile-menu-toggle,.locale-menu>summary){min-width:44px}
html:root[data-comparator-design] main>.page-intro{padding:0 0 1.75rem;margin:0;max-width:none;background:transparent;border:0}
html:root[data-comparator-design] main>.page-intro h1{font-size:clamp(2rem,4.1vw,3rem);line-height:1.17;max-width:30ch;margin:.5rem 0 1rem}
html:root[data-comparator-design] main>.page-intro p{max-width:75ch}
html:root[data-comparator-design] :is(.eyebrow,.category,.guide-kicker){color:var(--muted)}
html:root[data-comparator-design] .breadcrumbs{margin:0 0 1.25rem;gap:.5rem;line-height:1.6}
html:root[data-comparator-design] :is(.seo-links,.page-actions,.listening-nav,.provider-shortcuts){gap:.4rem 1.25rem}
html:root[data-comparator-design] :is(.seo-links,.page-actions,.listening-nav)>a{min-height:44px;display:inline-flex;align-items:center}
html:root[data-comparator-design] .site-footer{border:0;margin-top:1.5rem;padding-inline:clamp(1rem,4vw,3rem)}
html:root[data-comparator-design] .site-footer :is(.footer-top,.footer-bottom){max-width:1184px;margin-inline:auto}
/* Consistent padded disclosures; one fine internal separator, no ruled-page effect. */
html:root[data-comparator-design] main :is(.shared-faq,.lot2-faq,.ux-more-guide){background:var(--surface);border:0;border-radius:var(--design-radius);padding:var(--design-pad);margin:2.5rem 0}
html:root[data-comparator-design] main :is(.shared-faq,.lot2-faq,.ux-more-guide)>h2{margin:0 0 .75rem;font-size:clamp(1.3rem,2.4vw,1.75rem)}
html:root[data-comparator-design] main :is(.shared-faq,.lot2-faq,.ux-more-guide) details{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:0;margin:0}
html:root[data-comparator-design] main :is(.shared-faq,.lot2-faq,.ux-more-guide) summary{position:relative;display:block;list-style:none;min-height:52px;padding:1rem 2rem 1rem 0;font-weight:650;font-size:1rem;line-height:1.5;cursor:pointer;color:var(--ink)}
html:root[data-comparator-design] main :is(.shared-faq,.lot2-faq,.ux-more-guide) summary::-webkit-details-marker{display:none}
html:root[data-comparator-design] main :is(.shared-faq,.lot2-faq,.ux-more-guide) summary::after{content:'+';position:absolute;right:.25rem;top:1rem;font-size:1.25rem;line-height:1.2}
html:root[data-comparator-design] main :is(.shared-faq,.lot2-faq,.ux-more-guide) details[open]>summary::after{content:'−'}
html:root[data-comparator-design] main :is(.shared-faq,.lot2-faq,.ux-more-guide) details>p{max-width:85ch;margin:.1rem 0 1.25rem}
html:root[data-comparator-design] .shared-faq .faq-more>details{margin-left:clamp(.25rem,2vw,1rem)}
html:root[data-comparator-design] main summary{cursor:pointer;line-height:1.6;min-height:44px;transition-property:transform,box-shadow}
/* Books: three contiguous stages, using the same content rail at every width. */
html:root[data-comparator-design] .comparator-layout{display:block;margin:0}
html:root[data-comparator-design] .comparator-book .work-overview{display:grid;grid-template-columns:180px minmax(0,1fr);gap:0 32px;padding:8px 0 40px;border:0;background:transparent;max-width:960px;margin:0}
html:root[data-comparator-design] .comparator-book .book-identity{display:contents}
html:root[data-comparator-design] .comparator-book .book-cover{grid-column:1;grid-row:1/6;max-width:none;margin:0;padding:0;background:transparent;text-align:left}
html:root[data-comparator-design] .comparator-book .book-cover img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 12px 24px color-mix(in srgb,var(--ink) 12%,transparent);transition:transform 200ms var(--design-ease)}
html:root[data-comparator-design] .comparator-book .book-cover figcaption{font-size:.75rem;color:var(--muted);margin:12px 0 0;line-height:1.5}
html:root[data-comparator-design] .comparator-book .page-intro{grid-column:2;padding:0;border:0;background:transparent;margin:0}
html:root[data-comparator-design] .comparator-book .page-intro h1{font-size:clamp(1.75rem,3.3vw,2.75rem);font-weight:800;line-height:1.16;margin:0 0 8px;max-width:28ch}
html:root[data-comparator-design] .comparator-book .book-author{font-size:1.0625rem;margin:0;color:var(--muted)}
html:root[data-comparator-design] .comparator-book .book-subtitle{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html:root[data-comparator-design] .comparator-book .comparator-story{grid-column:2;margin:24px 0 0;max-width:68ch}
html:root[data-comparator-design] .comparator-book .comparator-story h2{font-family:inherit;letter-spacing:0;font-size:.8125rem;font-weight:700;line-height:1.5;margin:0 0 8px;color:var(--muted)}
html:root[data-comparator-design] .comparator-book .comparator-story p{font-size:1rem;line-height:1.65;color:var(--ink);margin:0}
html:root[data-comparator-design] .comparator-book .book-story{border:0;padding:0;margin:0;max-width:none;flex:0 1 auto}
html:root[data-comparator-design] .comparator-book .book-story>summary{font-size:.8125rem;min-height:48px;padding:14px 28px 14px 0;color:var(--muted)}
html:root[data-comparator-design] .comparator-book .book-story[open]{flex-basis:100%}
html:root[data-comparator-design] .comparator-book .book-story[open]>summary{max-width:180px}
html:root[data-comparator-design] .comparator-book .book-main-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0;align-items:center}
html:root[data-comparator-design] .comparator-book .book-main-actions .book-action{flex:0 1 auto;font-size:.9375rem;min-height:48px;padding:12px 20px}
html:root[data-comparator-design] .comparator-book .book-save-status{grid-column:2;margin:0;font-size:.875rem}
html:root[data-comparator-design] .comparator-book .book-save-status:empty{display:none}
html:root[data-comparator-design] .comparator-results{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:24px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--design-radius);margin:0 0 32px}
html:root[data-comparator-design] .comparator-book #work-editions{font-size:clamp(1.25rem,2vw,1.625rem);margin:0 0 8px;line-height:1.35;scroll-margin-top:24px}
html:root[data-comparator-design] .comparator-book .conversion-intro{font-size:.8125rem;color:var(--muted);margin:0;max-width:52ch}
html:root[data-comparator-design] .comparator-book .comparison-scope{font-size:.875rem;line-height:1.7;margin:12px 0}
html:root[data-comparator-design] .comparator-book .voice-filters{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);align-items:start;background:transparent;border:0;border-radius:0;padding:0;margin:16px 0 20px;gap:24px}
html:root[data-comparator-design] .comparator-book .voice-filters:has(>.comparator-choice:only-of-type){grid-template-columns:1fr}
html:root[data-comparator-design] .comparator-book .voice-filters label{flex:auto;max-width:none;min-width:0;margin:0}
html:root[data-comparator-design] .comparator-choice-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.875rem;line-height:1.5;margin:0 0 12px!important}
html:root[data-comparator-design] .comparator-step{display:grid;place-items:center;width:24px;height:24px;flex:none;border:1px solid var(--line);border-radius:50%;font-size:.75rem;color:var(--muted);background:var(--surface-soft);font-variant-numeric:tabular-nums}
html:root[data-comparator-design] .comparator-chips{display:flex;flex-wrap:wrap;gap:8px}
html:root[data-comparator-design] .comparator-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.875rem;line-height:1.45;padding:10px 14px;min-height:44px}
html:root[data-comparator-design] .comparator-chip::before{content:none}
html:root[data-comparator-design] .comparator-chip[aria-pressed=true]::before{content:'';flex:none;border:0;border-radius:0;width:10px;height:6px;transform:rotate(-45deg);border-left:2px solid currentColor;border-bottom:2px solid currentColor;opacity:1}
html:root[data-comparator-design] .comparator-tools{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-top:1px solid var(--line);padding-top:8px}
html:root[data-comparator-design] .comparator-tools:has(details[open]){grid-template-columns:1fr}
html:root[data-comparator-design] .comparator-book :is(.book-access-help,.edition-comparison){border:0;border-radius:0;background:transparent;padding:0;margin:0}
html:root[data-comparator-design] .comparator-book :is(.book-access-help,.edition-comparison)>summary{font-size:.8125rem;font-weight:500;padding:12px 28px 12px 0;color:var(--muted)}
html:root[data-comparator-design] .comparator-editions-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin:0 0 16px}
html:root[data-comparator-design] .comparator-editions-heading h2{font-size:1.25rem;margin:0;line-height:1.4}
html:root[data-comparator-design] .comparator-book .voice-filter-count{font-size:.875rem;margin:0;color:var(--muted);font-variant-numeric:tabular-nums}
html:root[data-comparator-design] .comparator-book .detail-offers{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
html:root[data-comparator-design] .comparator-book .detail-offers article{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(0,1.6fr) minmax(190px,1fr);align-items:start;gap:12px 24px;border:1px solid var(--line);border-radius:var(--design-radius);padding:24px;background:var(--surface);height:auto}
/* The old float clearfix otherwise creates an empty grid row on phones. */
html:root[data-comparator-design] .comparator-book .detail-offers article::after{content:none}
html:root[data-comparator-design] .comparator-book .comparator-edition-identity{grid-column:1;grid-row:1;display:grid;gap:8px}
html:root[data-comparator-design] .comparator-book .book-edition-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;margin:0}
html:root[data-comparator-design] .comparator-book .book-edition-head img{width:44px;height:44px;border-radius:4px;object-fit:contain}
html:root[data-comparator-design] .comparator-book .book-edition-head h3{font-size:1rem;margin:0;line-height:1.4}
html:root[data-comparator-design] .comparator-book .book-edition-title{display:block;font-size:.75rem;font-weight:400;line-height:1.5;margin:4px 0 0;color:var(--muted)}
html:root[data-comparator-design] .comparator-book .book-edition-facts{grid-column:2;grid-row:1;display:grid;gap:6px;margin:0}
html:root[data-comparator-design] .comparator-book .book-edition-facts p{font-size:.875rem;line-height:1.5;margin:0}
html:root[data-comparator-design] .comparator-book .book-edition-facts .access-badge{border:0;background:transparent;border-radius:0;padding:0;color:var(--ink);margin:2px 0 0;font-size:.8125rem;font-weight:600}
html:root[data-comparator-design] .comparator-book .book-edition-variant{font-size:.75rem!important;color:var(--muted)}
html:root[data-comparator-design] .comparator-book .listening-badges{margin:8px 0 0;gap:8px;font-size:.75rem}
html:root[data-comparator-design] .comparator-book .book-edition-details{border:0;padding:0;margin:0}
html:root[data-comparator-design] .comparator-book .book-edition-details>summary{font-size:.75rem;padding:12px 28px 12px 0;min-height:44px;color:var(--muted);max-width:240px}
html:root[data-comparator-design] .comparator-book .book-edition-actions{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0}
html:root[data-comparator-design] .comparator-book .book-edition-actions>a{display:flex;justify-content:center;align-items:center;font-size:.8125rem;min-height:44px;padding:10px 12px;margin:0}
html:root[data-comparator-design] .comparator-book .book-edition-actions>:is(small,.affiliate-disclosure,.affiliate-language-note){margin:0;font-size:.75rem;line-height:1.5;color:var(--muted)}
html:root[data-comparator-design] .comparator-book>.listening-panel{max-width:none;margin:32px 0;padding:var(--design-pad);border:1px solid var(--line);border-radius:var(--design-radius);background:var(--surface)}
html:root[data-comparator-design] .comparator-book .voice-discovery{border:0;padding:0;margin:48px 0}
html:root[data-comparator-design] .comparator-book :is(.book-related,.voice-book-list){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
html:root[data-comparator-design] .comparator-book :is(.voice-book-list,.book-related) li{border:0;border-radius:12px;background:var(--surface);padding:16px}

html:root[data-comparator-design] .comparator-book.comparator-long-title .page-intro h1{font-size:clamp(1.375rem,2.4vw,2rem);max-width:none;line-height:1.25;text-wrap:pretty}
html:root[data-comparator-design] .comparator-results.comparator-no-choices{margin:16px 0 0;padding:0;background:transparent;border:0;display:block}
html:root[data-comparator-design] .comparator-no-choices .comparator-tools{border:0;padding:0}
html:root[data-comparator-design] .comparator-editions-heading .conversion-intro{flex-basis:100%;max-width:none}

html:root[data-comparator-design] .comparator-book .breadcrumbs{display:flex;flex-wrap:nowrap;align-items:baseline;gap:4px}
html:root[data-comparator-design] .comparator-book .breadcrumbs>a{flex:none}
html:root[data-comparator-design] .comparator-current-crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root[data-comparator-design] .comparator-title-subtitle{display:block;font-family:'DM Sans',sans-serif;font-size:1.0625rem;font-weight:400;line-height:1.6;margin-top:12px;letter-spacing:0;color:var(--muted)}
@media(max-width:760px){
 html:root[data-comparator-design] .comparator-book.comparator-long-title .page-intro{display:contents}
 html:root[data-comparator-design] .comparator-book.comparator-long-title .page-intro h1{grid-column:1/-1;grid-row:1;margin-bottom:20px}
 html:root[data-comparator-design] .comparator-book.comparator-long-title .book-cover{grid-column:1;grid-row:2;width:72px}
 html:root[data-comparator-design] .comparator-book.comparator-long-title .book-author{grid-column:2;grid-row:2;align-self:center}
 html:root[data-comparator-design] .comparator-title-subtitle{font-size:1rem;line-height:1.55}
}

/* Homepage: a quiet editorial opening and an uninterrupted discovery workspace. */
html:root[data-comparator-design] .explorer-page .workspace{border:0;padding:0}
html:root[data-comparator-design] .explorer-page .intro{padding:8px 0 32px;border:0;margin:0}
html:root[data-comparator-design] .explorer-page .intro>div{max-width:none;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 48px;align-items:end}
html:root[data-comparator-design] .explorer-page .intro .eyebrow{grid-column:1/-1;margin:0;font-size:.6875rem;letter-spacing:.1em}
html:root[data-comparator-design] .explorer-page .intro h1{grid-column:1;grid-row:2;font-size:clamp(2rem,4vw,3.25rem);line-height:1.12;margin:0;max-width:20ch;letter-spacing:-.04em}
html:root[data-comparator-design] .explorer-page .intro-copy{grid-column:1;grid-row:3;font-size:.9375rem;max-width:60ch;margin:0;color:var(--muted)}
html:root[data-comparator-design] .explorer-page .catalogue-scale-panel {
  grid-column:2;grid-row:2/4;align-self:end;width:min(40vw,35rem);max-width:100%;
  padding:clamp(1rem,2vw,1.75rem);border-radius:var(--design-radius);
  background:var(--surface-soft);text-align:left;
}
html:root[data-comparator-design] .explorer-page .catalogue-scale-title {
  display:flex;align-items:center;gap:10px;margin:0 0 12px;
  color:var(--muted);font-size:.8125rem;font-weight:650;letter-spacing:.075em;text-transform:uppercase;
}
html:root[data-comparator-design] .explorer-page .catalogue-scale-title::before {
  content:"";flex:0 0 18px;height:3px;border-radius:3px;background:var(--action);
}
html:root[data-comparator-design] .explorer-page .catalogue-scale {
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,.8fr);
  gap:clamp(1rem,2vw,1.75rem);padding:0;margin:0;list-style:none;
}
html:root[data-comparator-design] .explorer-page .catalogue-scale li {
  display:block;min-width:0;padding:11px 0 0;border:0;border-top:1px solid var(--line);
  border-radius:0;background:transparent;text-align:left;
}
html:root[data-comparator-design] .explorer-page .catalogue-scale li::before {content:none}
html:root[data-comparator-design] .explorer-page .catalogue-scale-full {
  position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
}
html:root[data-comparator-design] .explorer-page .catalogue-scale-compact {
  display:grid;justify-items:start;gap:6px;
}
html:root[data-comparator-design] .explorer-page .catalogue-scale-compact strong {
  font-family:'DM Sans',system-ui,sans-serif;font-size:clamp(1.65rem,2.65vw,2.65rem);
  line-height:1.1;letter-spacing:-.045em;font-weight:650;color:var(--ink);
  font-variant-numeric:lining-nums tabular-nums;
}
html:root[data-comparator-design] .explorer-page .catalogue-scale-compact > span {
  font-size:.9375rem;font-weight:500;line-height:1.45;color:var(--muted);
}
@media(max-width:560px) {
  html:root[data-comparator-design] .explorer-page .catalogue-scale {grid-template-columns:minmax(0,1fr);gap:0}
  html:root[data-comparator-design] .explorer-page .catalogue-scale li {padding-block:10px}
  html:root[data-comparator-design] .explorer-page .catalogue-scale li:last-child {padding-bottom:0}
  html:root[data-comparator-design] .explorer-page .catalogue-scale-compact {
    grid-template-columns:minmax(0,7.7rem) minmax(0,1fr);align-items:baseline;gap:9px;
  }
}
html:root[data-comparator-design] .explorer-page .intro-personal{grid-column:1/-1;font-size:.8125rem;margin:4px 0 0;color:var(--muted)}
html:root[data-comparator-design] .explorer-page .tabs{border:0;gap:8px;padding:0;margin:0 0 24px;flex-wrap:wrap}
html:root[data-comparator-design] .explorer-page .tabs button{min-width:0}
html:root[data-comparator-design] .explorer-page .search-field{border:1px solid var(--control-line);border-radius:12px;min-height:56px;margin:0;box-shadow:0 4px 16px color-mix(in srgb,var(--ink) 3%,transparent)}
html:root[data-comparator-design] .explorer-page .search-field:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 40%,transparent)}
html:root[data-comparator-design] .explorer-page #clear-search{min-width:44px;flex:0 0 44px}
html:root[data-comparator-design] .explorer-page #search{min-height:54px;font-size:1rem}
html:root[data-comparator-design] .explorer-page #criteria-panel{border:1px solid var(--line);border-radius:var(--design-radius);background:var(--surface);padding:0;overflow:clip}
html:root[data-comparator-design] .explorer-page #criteria-panel :is(summary,.filter-controls){border:0;background:transparent}
html:root[data-comparator-design] .explorer-page #criteria-panel>summary{border-radius:0;padding:16px 20px;font-size:.875rem;min-height:52px}
html:root[data-comparator-design] .explorer-page .filter-controls{gap:20px;padding:0 20px 20px!important}
html:root[data-comparator-design] .explorer-page .filter-controls label{font-size:.8125rem;font-weight:600;line-height:1.5}
html:root[data-comparator-design] .explorer-page .filter-controls select{margin-top:6px;font-size:.875rem}
html:root[data-comparator-design] .explorer-page .listening-nav{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0}
html:root[data-comparator-design] .explorer-page .listening-nav a{font-size:.8125rem;min-height:36px}
html:root[data-comparator-design] .explorer-page .quick-read-filter{margin:0;padding:16px 0 0;border-top:1px solid var(--line)}
html:root[data-comparator-design] .explorer-page .quick-read-filter p{font-size:.75rem;line-height:1.55;margin:8px 0 0}
html:root[data-comparator-design] .explorer-page #catalogue{background:transparent;border:0;padding:0;margin:0}
html:root[data-comparator-design] .explorer-page #books{gap:20px}
html:root[data-comparator-design] .explorer-page #books .book{border:1px solid var(--line);border-radius:var(--design-radius);overflow:clip;box-shadow:none;background:var(--surface)}
html:root[data-comparator-design] .explorer-page #books .book-main{border:0;padding:16px;gap:12px}
html:root[data-comparator-design] .explorer-page #books .cover-wrap{border-radius:8px;background:var(--surface-soft);overflow:hidden}
html:root[data-comparator-design] .explorer-page #books .book h2{font-size:1rem;line-height:1.4;margin:0}
html:root[data-comparator-design] .explorer-page #books .book>details{border-top:0}
html:root[data-comparator-design] .explorer-page #books .book>details>summary{margin:0 16px 16px;border:0;border-radius:8px;min-height:44px;background:var(--surface-soft);font-size:.8125rem}
html:root[data-comparator-design] .explorer-page #discovery-tools{gap:12px;margin:12px 0 0}
html:root[data-comparator-design] .explorer-page #discovery-tools :is(#subscriptions,#mood-panel){border:1px solid var(--line);border-radius:10px;background:transparent}
html:root[data-comparator-design] .explorer-page #discovery-tools :is(#subscriptions,#mood-panel)>summary{padding:10px 16px;min-height:44px;font-size:.8125rem}
html:root[data-comparator-design] .explorer-page #discovery-tools #mood-panel>summary::before{color:var(--muted)}
html:root[data-comparator-design] .explorer-page .results-heading{border:0;margin:20px 0 12px;line-height:1.5;font-size:.8125rem}
html:root[data-comparator-design] .trial-promo{position:relative;border:1px solid var(--line);border-radius:var(--design-radius);padding:24px;background:var(--surface);margin:32px 0}
html:root[data-comparator-design] .trial-explorer {
  display:grid;grid-template-columns:minmax(0,max-content) max-content 44px;align-items:center;
  width:fit-content;max-width:100%;gap:6px 12px;margin:0 0 16px;padding:8px 12px 4px;
  background:var(--surface-soft);
}
html:root[data-comparator-design] .trial-explorer>h2{padding:0;margin:0!important;font-size:1.125rem;line-height:1.35;text-wrap:wrap}
html:root[data-comparator-design] body .trial-explorer .trial-dismiss{position:static;grid-column:3;grid-row:1;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:1.5rem;border-radius:50%;margin:0}
html:root[data-comparator-design] .trial-explorer>.trial-actions{display:grid;justify-items:start;grid-column:2;grid-row:1}
html:root[data-comparator-design] .trial-actions>a{flex:1 1 230px;font-size:.8125rem}
html:root[data-comparator-design] .trial-explorer .comparator-trial-terms{grid-column:1/-1;margin:0;border:0;border-block-start:1px solid var(--line);background:transparent;padding:0}
html:root[data-comparator-design] .trial-explorer .comparator-trial-terms>summary{display:flex;align-items:center;font-size:.8125rem;line-height:1.4;min-height:44px;padding:6px 1.75rem 6px 0;color:var(--muted)}
html:root[data-comparator-design] .trial-explorer :is(.trial-conditions,.trial-disclosure){font-size:.75rem;line-height:1.65;margin:12px 0 0;max-width:100ch}
html:root[data-comparator-design] .explorer-page:has(#filters[hidden])>.trial-explorer{display:none}

/* The same surfaces and spacing across guides, platforms, voices, contact and personal space. */
html:root[data-comparator-design] main :is(.guide-card,.ux-contact-card,.ux-provider-panel,.voice-reading,.personal-entry,.personal-voice,.platform-guide,.library-offer,.book-filter-empty,.provider-book,.voice-search-empty,.provider-empty,.personal-empty,.ux-demo,.catalogue-provider-card,.commercial-reference,.commercial-entry,.notification-form){border:0;border-radius:var(--design-radius);background:var(--surface);box-shadow:none;padding:var(--design-pad)}
html:root[data-comparator-design] main :is(.catalogue-provider-card){padding:0;overflow:clip}
html:root[data-comparator-design] main :is(.ux-provider-panel header,.catalogue-provider-footer,.voice-reading-editions,.provider-book-info,.about-section,.about-founder,.page-actions){border:0}
html:root[data-comparator-design] main :is(.about-origin,.about-ambition,.ux-access-guide,.platform-access-note,.provider-decision,.guide-example,.lot3-pick-bar,.personal-settings,.free-listening-note,.library-panel,.guide-outcome){border:0;background:var(--surface-soft);border-radius:var(--design-radius);padding:var(--design-pad);margin-block:1.5rem}
html:root[data-comparator-design] main :is(.ux-contact-info,.provider-access){border:0;background:var(--surface);border-radius:var(--design-radius);padding:.75rem var(--design-pad);margin:1.5rem 0}
html:root[data-comparator-design] main :is(.ux-contact-direct,.voice-profile-top,.about-hero){background:transparent;border:0;padding:0;margin-bottom:2rem}
html:root[data-comparator-design] main .about-hero{max-width:none}
html:root[data-comparator-design] main .lot2-commitments{border:0;gap:1rem}
html:root[data-comparator-design] main .lot2-commitments>a{border:0;border-radius:var(--design-radius);padding:1.25rem;background:var(--surface)}
html:root[data-comparator-design] main :is(.ux-guide-entry,.lot2-guide-entry,.lot2-related) nav>a{border:0;border-radius:12px;background:var(--surface);padding:1.25rem}
html:root[data-comparator-design] main :is(.lot2-guide-jump,.lot2-guide-sections){gap:1rem}
html:root[data-comparator-design] main .lot2-guide-jump>a{border:0;border-radius:12px;background:var(--surface);padding:1rem}
html:root[data-comparator-design] main .lot2-guide-section{border:0;background:var(--surface);border-radius:var(--design-radius);padding:var(--design-pad)}
html:root[data-comparator-design] main :is(.provider-controls,.voice-filters){border:0;border-radius:var(--design-radius);background:var(--surface-soft);padding:1.25rem}
html:root[data-comparator-design] main :is(.voice-directory,.provider-books,.personal-cards){gap:1rem}
html:root[data-comparator-design] main .voice-directory li{border:0;border-radius:12px;background:var(--surface);overflow:clip}
html:root[data-comparator-design] main .voice-directory a{padding:1rem 1.25rem}
html:root[data-comparator-design] main .personal-tabs{border:0;padding:0;margin-block:0 2rem}
html:root[data-comparator-design] main .personal-panel{margin-top:1.5rem}
html:root[data-comparator-design] main .personal-empty{grid-column:1/-1}
html:root[data-comparator-design] main .book-list:not(.provider-books){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:1rem}
html:root[data-comparator-design] main .book-list:not(.provider-books)>li{border:0;border-radius:12px;background:var(--surface);padding:1rem;min-width:0}
html:root[data-comparator-design] main .book-list a{color:var(--ink)}
html:root[data-comparator-design] :is(.commercial-actions,.trial-actions){min-width:0;flex-shrink:1}
html:root[data-comparator-design] :is(dialog,.quick-book){max-width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);border:0;border-radius:20px;background:var(--surface);color:var(--ink)}
html:root[data-comparator-design] dialog::backdrop{background:color-mix(in srgb,#101610 55%,transparent);backdrop-filter:blur(3px)}
/* Reveal only secondary content. Native disclosure still controls layout and focus. */
@media screen and (prefers-reduced-motion:no-preference){
 @keyframes comparator-reveal{
  from{opacity:.88;translate:0 var(--comparator-reveal-offset,4px)}
 }
 html:root[data-comparator-design] main :is(.intro .catalogue-scale-panel,.page-intro .eyebrow,.comparator-story>h2){
  animation:comparator-reveal 180ms var(--design-ease)
 }
 html:root[data-comparator-design] main details[open]>summary+:is(p,.library-offer,.catalogue-discovery-links),
 html:root[data-comparator-design] main #books .book>details[open]>.editions>:first-child{
  --comparator-reveal-offset:3px;
  animation:comparator-reveal 140ms var(--design-ease)
 }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html:root[data-comparator-design] .book-cover:hover img{transform:translateY(-3px)}
 html:root[data-comparator-design] main :is(.voice-reading,.ux-contact-card,.guide-card,.provider-book,.book-list>li,.voice-directory li){transition:transform 180ms var(--design-ease),box-shadow 180ms var(--design-ease)}
 html:root[data-comparator-design] main :is(.voice-reading,.ux-contact-card,.guide-card,.provider-book,.book-list>li,.voice-directory li):hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 6%,transparent)}
 html:root[data-comparator-design] body button:not(:disabled):active{transform:translateY(1px)}
}
@media(max-width:1099px){
 html:root[data-comparator-design] .explorer-page .intro>div{grid-template-columns:minmax(0,1fr)}
 html:root[data-comparator-design] .explorer-page .intro :is(h1,.intro-copy,.catalogue-scale-panel){grid-column:1;grid-row:auto}
 html:root[data-comparator-design] .explorer-page .intro h1{max-width:24ch}
 html:root[data-comparator-design] .explorer-page .catalogue-scale-panel{width:min(100%,38rem);margin-top:8px}
 html:root[data-comparator-design] .comparator-book .detail-offers article{grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr) minmax(170px,1fr);gap:12px 16px;padding:20px}
 html:root[data-comparator-design] .explorer-page .filter-controls{padding-top:8px!important}
}
@media(min-width:761px) and (max-width:900px){
 html:root[data-comparator-design] .comparator-results{display:block}
 html:root[data-comparator-design] .comparator-book .voice-filters{grid-template-columns:1fr;gap:20px}
 html:root[data-comparator-design] .comparator-tools{grid-template-columns:1fr}
}
@media(max-width:760px){
 html:root[data-comparator-design] .comparator-book .work-overview{grid-template-columns:100px minmax(0,1fr);gap:0 20px;max-width:none;padding-bottom:32px}
 html:root[data-comparator-design] .comparator-book .book-cover{grid-row:1/2}
 html:root[data-comparator-design] .comparator-book .book-cover figcaption{font-size:.6875rem;margin-top:8px}
 html:root[data-comparator-design] .comparator-book .page-intro{align-self:center}
 html:root[data-comparator-design] .comparator-book .page-intro h1{font-size:clamp(1.5rem,4.8vw,2rem)}
 html:root[data-comparator-design] .comparator-book .book-author{font-size:.9375rem}
 html:root[data-comparator-design] .comparator-book :is(.comparator-story,.book-main-actions,.book-story,.book-save-status){grid-column:1/-1}
 html:root[data-comparator-design] .comparator-book .book-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
 html:root[data-comparator-design] .comparator-book .book-story{grid-column:1/-1;flex-basis:100%}
 html:root[data-comparator-design] .comparator-book .book-main-actions .book-action{padding:12px;font-size:.875rem;width:100%;min-height:64px;justify-content:center}
 html:root[data-comparator-design] .comparator-results{display:block;padding:20px;margin-bottom:24px}
 html:root[data-comparator-design] .comparator-book .voice-filters{grid-template-columns:1fr;gap:20px;margin:20px 0 16px}
 html:root[data-comparator-design] .comparator-chips{display:grid;grid-template-columns:1fr 1fr}
 html:root[data-comparator-design] .comparator-choice[data-choice-kind=language] .comparator-chips{grid-template-columns:repeat(3,minmax(0,1fr))}
 html:root[data-comparator-design] .comparator-choice[data-choice-kind=voice]:is([data-visible-choices="3"],[data-visible-choices="5"],[data-visible-choices="7"],[data-visible-choices="9"]) .comparator-chip:first-child{grid-column:1/-1}
 html:root[data-comparator-design] .comparator-chip{padding:10px;font-size:.875rem}
 html:root[data-comparator-design] .comparator-tools{grid-template-columns:1fr;padding-top:4px}
 html:root[data-comparator-design] .comparator-book .detail-offers article{grid-template-columns:1fr;padding:20px;gap:16px}
 html:root[data-comparator-design] .comparator-book :is(.comparator-edition-identity,.book-edition-head,.book-edition-facts,.book-edition-details,.book-edition-actions){grid-column:1;grid-row:auto}
 html:root[data-comparator-design] .comparator-book .book-edition-head{grid-template-columns:44px minmax(0,1fr)}
 html:root[data-comparator-design] .comparator-book .comparator-edition-identity{display:contents}
 html:root[data-comparator-design] .comparator-book .book-edition-details{order:3}
 html:root[data-comparator-design] .comparator-book .book-edition-actions{order:4}
 html:root[data-comparator-design] .comparator-book .book-edition-details>summary{min-height:44px;padding-block:12px;max-width:none}
 html:root[data-comparator-design] .comparator-editions-heading{display:block}
 html:root[data-comparator-design] .comparator-editions-heading h2{margin-bottom:4px;font-size:1.125rem}
 html:root[data-comparator-design] main :is(input,select,textarea){font-size:1rem}
 html:root[data-comparator-design] .explorer-page .intro{padding:0 0 24px}
 html:root[data-comparator-design] .explorer-page .intro h1{font-size:clamp(2rem,7.5vw,2.75rem)}
 html:root[data-comparator-design] .explorer-page .intro-personal{font-size:.75rem}
 html:root[data-comparator-design] .explorer-page .tabs{gap:4px;margin-bottom:16px;flex-wrap:nowrap;align-items:stretch}
 html:root[data-comparator-design] body .explorer-page .tabs button{flex:1 1 auto;padding:10px 8px;font-size:.8125rem;gap:6px}
 html:root[data-comparator-design] .explorer-page .tabs button span:not([id$="-label"]){font-size:.6875rem;min-width:20px;min-height:20px;padding:2px 4px}
 html:root[data-comparator-design] main .personal-tabs{gap:4px;margin-bottom:24px}
 html:root[data-comparator-design] body main .personal-tabs button{display:grid;grid-template-rows:20px minmax(2.8em,auto) 24px;justify-items:center;gap:4px;padding:10px 6px;font-size:.8125rem;flex:1 1 80px}
 html:root[data-comparator-design] main .personal-tabs button>svg{grid-row:1;width:20px;height:20px}
 html:root[data-comparator-design] main .personal-tabs button>[data-personal-count]{grid-row:3;justify-self:center;margin:0}
 html:root[data-comparator-design] .trial-promo:not(.trial-explorer){padding:20px;margin-block:24px}
 html:root[data-comparator-design] .trial-explorer>h2{font-size:1rem}
 html:root[data-comparator-design] .trial-explorer .trial-actions>a{padding:10px 12px;font-size:.8125rem}
 html:root[data-comparator-design] .explorer-page .filter-controls select{font-size:1rem}
}
@media(max-width:650px){
 html:root[data-comparator-design] .explorer-page #filters{grid-template-columns:minmax(0,1fr);gap:12px}
 html:root[data-comparator-design] .explorer-page #filters .search-field{grid-column:1/-1;min-width:0;width:100%}
 html:root[data-comparator-design] .explorer-page .catalogue-filter-rail{grid-column:1/-1}
 html:root[data-comparator-design] .explorer-page .intro-personal{display:none}
 html:root[data-comparator-design][lang=ru] .explorer-page .tabs button{display:grid;grid-template-rows:1fr auto;justify-items:center;min-height:76px;font-size:.75rem}
}
@media(max-width:380px){
 html:root[data-comparator-design] .topbar{display:flex!important;flex-wrap:wrap!important;gap:8px 0!important}
 html:root[data-comparator-design] .topbar .brand-lockup{flex:1 1 0!important;width:auto;min-width:0;max-width:none}
 html:root[data-comparator-design] .topbar .brand{flex:1 1 auto;min-width:0}
 html:root[data-comparator-design] .topbar .header-actions{gap:0!important;width:auto;min-width:0;flex:none}
 html:root[data-comparator-design] .topbar .signal-logo{width:112px}
 html:root[data-comparator-design] .topbar .header-tools{grid-column:auto;justify-self:end;display:flex;justify-content:flex-end;width:auto;flex:0 0 auto;gap:0!important}
 html:root[data-comparator-design] .topbar :is(.personal-shortcut,.locale-menu>summary,.theme-toggle,.mobile-menu-toggle){width:44px;min-width:44px;padding:0!important}
 html:root[data-comparator-design] .topbar .locale-menu>summary{gap:4px;font-size:.75rem}
 html:root[data-comparator-design] .comparator-book .work-overview{grid-template-columns:80px minmax(0,1fr);gap:0 16px}
 html:root[data-comparator-design] .comparator-book .book-main-actions{grid-template-columns:1fr}
 html:root[data-comparator-design] .comparator-book .book-main-actions .book-action{min-height:48px}
 html:root[data-comparator-design] .comparator-results{padding:16px}
 html:root[data-comparator-design] .comparator-chips{gap:8px}
 html:root[data-comparator-design] .comparator-chip{padding:10px 12px}
}

@media(prefers-reduced-motion:reduce){html:root[data-comparator-design] *,html:root[data-comparator-design] *::before,html:root[data-comparator-design] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){html:root[data-comparator-design] select{appearance:auto;background-image:none}html:root[data-comparator-design] button:is([aria-pressed=true],[aria-selected=true],[data-filled=true]){outline:2px solid ButtonText;outline-offset:-4px}}
@media print{html:root[data-comparator-design] .comparator-layout,html:root[data-comparator-design] .detail-offers{display:block}html:root[data-comparator-design] .detail-offers article{break-inside:avoid}}
html:root[data-comparator-design] main .book-related-title{color:var(--ink)}
html:root[data-comparator-design] .comparator-book .book-edition-facts .voice-link{display:inline;min-height:0;padding:0}
html:root[data-comparator-design] body .content-page.ux-books .book-action-secondary{color:var(--ink)!important}
html:root[data-comparator-design] body .content-page.ux-books .book-action-secondary:disabled{color:var(--muted)!important}
html:root[data-comparator-design] :is(.ux-action,.lot3-action,.personal-empty-action,.catalogue-provider-action,.guide-action,.commercial-action) :is(svg,.lot3-icon,.ux-icon){color:inherit!important}
html:root[data-comparator-design] body .site-footer .analytics-settings{min-height:44px;padding:.65rem .85rem;color:#F2F5EB!important;border-color:#778970!important}
html:root[data-comparator-design] main .lot2-network-action{color:var(--ink)}

html:root[data-comparator-design] main a{transition-property:transform,box-shadow}
html:root[data-comparator-design] .topbar .header-tools{display:flex;align-items:center;gap:.5rem}
html:root[data-comparator-design] .topbar .mobile-menu-toggle{margin:0;flex:none;order:1;font-size:20px!important}
@media(max-width:650px){html:root[data-comparator-design] .topbar .header-tools{margin-left:auto}html:root[data-comparator-design] .topbar .header-actions{gap:.4rem}}
/* The same disclosure affordance on book facts, personal tools and guides. */
html:root[data-comparator-design] main :is(.book-story,.book-access-help,.edition-comparison,.book-edition-details,.listening-panel,.voice-reading-editions,.provider-book-info,.provider-access,.provider-question,.personal-settings,.personal-comment,.ux-contact-info,.guide-sources,.guide-background,.comparator-trial-terms,.ru-language-help,.lot2-market,.signup-disclosure)>summary{display:block;position:relative;list-style:none;padding-right:2rem}
html:root[data-comparator-design] main :is(.book-story,.book-access-help,.edition-comparison,.book-edition-details,.listening-panel,.voice-reading-editions,.provider-book-info,.provider-access,.provider-question,.personal-settings,.personal-comment,.ux-contact-info,.guide-sources,.guide-background,.comparator-trial-terms,.ru-language-help,.lot2-market,.signup-disclosure)>summary::-webkit-details-marker{display:none}
html:root[data-comparator-design] main :is(.book-story,.book-access-help,.edition-comparison,.book-edition-details,.listening-panel,.voice-reading-editions,.provider-book-info,.provider-access,.provider-question,.personal-settings,.personal-comment,.ux-contact-info,.guide-sources,.guide-background,.comparator-trial-terms,.ru-language-help,.lot2-market,.signup-disclosure)>summary::after{content:'+';position:absolute;right:.25rem;top:50%;transform:translateY(-50%);font-size:1.2rem;line-height:1}
html:root[data-comparator-design] main :is(.book-story,.book-access-help,.edition-comparison,.book-edition-details,.listening-panel,.voice-reading-editions,.provider-book-info,.provider-access,.provider-question,.personal-settings,.personal-comment,.ux-contact-info,.guide-sources,.guide-background,.comparator-trial-terms,.ru-language-help,.lot2-market,.signup-disclosure)[open]>summary::after{content:'−'}
html:root[data-comparator-design] .comparator-book .voice-filters .comparator-native-choice{font-size:.9375rem;font-weight:750;line-height:1.5}
html:root[data-comparator-design] .comparator-book .comparator-native-choice select{font-weight:500}
html:root[data-comparator-design] .comparator-cell-label{display:none}
@media(max-width:700px){
 html:root[data-comparator-design] main .comparator-table{display:block;width:100%;border:0}
 html:root[data-comparator-design] main .comparator-table caption{display:block;width:100%}
 html:root[data-comparator-design] main .comparator-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html:root[data-comparator-design] main .comparator-table tbody{display:grid;gap:1rem}
 html:root[data-comparator-design] main .comparator-table tbody tr{display:block;padding:1rem;background:var(--surface-soft);border-radius:12px}
 html:root[data-comparator-design] main .comparator-table tbody :is(th,td){display:block;border:0;width:100%;padding:.4rem 0;font-size:.9375rem;line-height:1.6}
 html:root[data-comparator-design] main .comparator-table tbody tr>:first-child{font-size:1rem;font-weight:750;padding-top:0;color:var(--ink)}
 html:root[data-comparator-design] main .comparator-cell-label{display:block;font-size:.8125rem;font-weight:700;color:var(--muted);margin:0 0 .2rem}
}
@media(min-width:381px) and (max-width:650px){html:root[data-comparator-design] .topbar .signal-logo{width:clamp(128px,35vw,148px)}}


/* Responsive polish for shared footers, guides, narrator and catalogue cards. */
@media (min-width:651px) {
  html:root[data-comparator-design] .voice-profile-top > .page-intro {
    background: transparent;
  }
}

@media (max-width:650px) {
  html:root[data-comparator-design] body > main:is(.content-page,.explorer-page) {
    padding-block-end: 24px;
  }
  html:root[data-comparator-design] body > main > :nth-last-child(1 of :not(script,style,noscript,dialog:not([open]),[hidden])) {
    margin-block-end: 0;
  }
  html:root[data-comparator-design] .site-footer {
    margin-block-start: 0;
  }
  html:root[data-comparator-design] body .site-footer .analytics-settings {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 8px 0 0;
    padding: 0;
    border-color: transparent !important;
    text-align: start;
    text-decoration: underline;
  }
  html:root[data-comparator-design] .site-footer + .amazon-associate-disclosure {
    margin: 0;
    padding: 0 16px 20px;
    color: #bac3b4;
    background: #101610;
    font-size: .8125rem;
    line-height: 1.55;
  }

  html:root[data-comparator-design] main > .page-intro {
    padding-block-end: 0;
  }
  html:root[data-comparator-design] main :is(.ux-guide-entry,.lot2-guide-entry,.lot2-related,.guide-outcome,.about-founder) {
    margin-block: 20px;
  }
  html:root[data-comparator-design] main > nav.page-actions {
    margin-block: 16px 20px;
  }
  html:root[data-comparator-design] main .guide-outcome {
    background: color-mix(in srgb,var(--action) 18%,var(--surface));
    border-inline-start: 3px solid var(--action);
    border-radius: 10px;
  }
  html:root[data-comparator-design] main :is(.lot2-guide-jump,.ux-guide-entry nav,.lot2-guide-entry nav,.lot2-related nav) {
    gap: 8px;
  }
  html:root[data-comparator-design] main :is(.lot2-guide-jump,.ux-guide-entry nav,.lot2-guide-entry nav,.lot2-related nav) > a {
    padding: 12px;
    min-height: 48px;
    line-height: 1.45;
    text-decoration: none;
  }
  html:root[data-comparator-design] main :is(.lot2-guide-jump,.ux-guide-entry,.lot2-guide-entry,.lot2-related) a :is(svg,.lot2-icon) {
    color: light-dark(#3c6416,var(--action));
  }
  html:root[data-comparator-design] main .guide-voice-body {
    gap: 12px;
  }
  html:root[data-comparator-design] main .guide-voice-body .guide-book-heading {
    grid-template-columns: 96px minmax(0,1fr);
    gap: 12px;
    margin: 0;
  }
  html:root[data-comparator-design] main .guide-voice-body .guide-book-heading img {
    width: 72px;
  }
  html:root[data-comparator-design] main .guide-voice-body .guide-edition-rows {
    margin: 0;
  }
  @supports (grid-template-rows: subgrid) {
    html:root[data-comparator-design] main .guide-voice-body .guide-book-heading {
      grid-template-columns: 72px minmax(0,1fr);
      grid-template-rows: auto auto;
      row-gap: 4px;
    }
    html:root[data-comparator-design] main .guide-voice-body .guide-book-heading > figure {
      grid-area: 1 / 1 / 3 / 3;
      display: grid;
      grid-template: subgrid / subgrid;
    }
    html:root[data-comparator-design] main .guide-voice-body .guide-book-heading img {
      grid-area: 1 / 1 / 3 / 2;
      align-self: start;
    }
    html:root[data-comparator-design] main .guide-voice-body .guide-book-heading figcaption {
      grid-area: 2 / 2;
      margin: 0;
    }
    html:root[data-comparator-design] main .guide-voice-body .guide-book-heading > div {
      grid-area: 1 / 2;
    }
  }

  html:root[data-comparator-design] .explorer-page .catalogue-context > nav {
    display: grid;
    gap: 0;
    padding: 0 14px 10px;
  }
  html:root[data-comparator-design] .explorer-page .catalogue-context > nav > a {
    display: flex;
    align-items: center;
    min-height: 44px;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }
  html:root[data-comparator-design] body :is(
    .guide-action-page .guide-edition-row > .guide-action,
    .explorer-page #books .edition-actions > .storytel-link
  ) {
    background: var(--action) !important;
    color: var(--on-action) !important;
    border-color: transparent !important;
    font-weight: 700;
  }
  html:root[data-comparator-design] body :is(
    .guide-action-page .guide-edition-row > .guide-action,
    .explorer-page #books .edition-actions > .storytel-link
  ):hover {
    background: var(--action-hover) !important;
    color: var(--on-action) !important;
    border-color: transparent !important;
  }
}

/* Guide hierarchy: marker, question, steps, one primary action, then context. */
html:root[data-comparator-design] .guide-action-page .lot2-guide-marker {
  padding: 5px 10px;
  border-radius: 8px;
  background: color-mix(in srgb,var(--action) 25%,var(--surface));
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
html:root[data-comparator-design] .guide-action-page .lot2-guide-copy .guide-lead {
  font-weight: 650;
  line-height: 1.5;
}
html:root[data-comparator-design] .guide-action-page .guide-practice-steps {
  color: var(--muted);
}
html:root[data-comparator-design] .guide-action-page .guide-practice-steps li::marker {
  color: var(--ink);
}
html:root[data-comparator-design] .guide-action-page .guide-primary {
  background: var(--action) !important;
  color: var(--on-action) !important;
  border-color: transparent !important;
  font-weight: 700;
}
html:root[data-comparator-design] .guide-action-page .guide-primary:hover {
  background: var(--action-hover) !important;
}
html:root[data-comparator-design] .guide-action-page .guide-background > summary {
  color: var(--muted);
  font-size: .9375rem;
}

/* Local edition scope and the dismissible homepage note. */
html:root[data-comparator-design] :is(.book-access-scope,.design-renewal) {
  border-radius: var(--design-radius);
  background: var(--surface-soft);
  color: var(--ink);
  padding: clamp(14px,2vw,22px);
  margin-block: 0 16px;
}
html:root[data-comparator-design] .book-access-scope {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 4px 24px;
  align-items: center;
}
html:root[data-comparator-design] .book-access-scope p {
  grid-column: 1;
  margin: 0;
  font-size: .875rem;
  color: var(--muted);
}
html:root[data-comparator-design] .book-access-controls {
  display: flex;
  grid-column: 2;
  grid-row: 1 / span 2;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 16px;
}
html:root[data-comparator-design] :is(.book-access-controls,.design-renewal) a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--ink);
  font-size: .875rem;
  font-weight: 650;
  text-underline-offset: .2em;
}
html:root[data-comparator-design] .book-access-controls button {
  margin: 0;
  padding: 8px 12px;
  font-size: .875rem;
  font-weight: 700;
}
html:root[data-comparator-design] .design-renewal {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  border-inline-start: 3px solid var(--action);
  scroll-margin-block-start: 6rem;
}
html:root[data-comparator-design] .design-renewal[data-renewal="detail"] {
  grid-template-columns: minmax(0,1fr);
  margin-block: 16px 24px;
}
html:root[data-comparator-design] .design-renewal h2 {
  font-size: 1.0625rem;
  line-height: 1.35;
  margin: 0 0 4px;
}
html:root[data-comparator-design] .design-renewal p {
  margin: 0;
  max-width: 68ch;
  font-size: .875rem;
  line-height: 1.55;
  color: var(--muted);
}
@media (max-width:650px) {
  html:root[data-comparator-design] .trial-explorer {width:100%;grid-template-columns:minmax(0,1fr) 44px;gap:6px 8px}
  html:root[data-comparator-design] body .trial-explorer .trial-dismiss {grid-column:2}
  html:root[data-comparator-design] .trial-explorer > .trial-actions {grid-column:1/-1;grid-row:2;justify-items:stretch}
  html:root[data-comparator-design] .book-access-scope {
    grid-template-columns: minmax(0,1fr);
  }
  html:root[data-comparator-design] .book-access-controls {
    grid-column: auto;
    grid-row: auto;
    margin-block-start: 6px;
  }
}