/* The same shell, palette and real examples as the approved home preview. */
:root { --header-height:72px; }
.site-header { transition:transform 220ms var(--ease); }
.site-header[data-scroll-hidden] { transform:translateY(-100%); }
.header-inner { flex-wrap:nowrap; gap:24px; }
.header-inner .brand img { width:160px; }
.header-links { align-items:center; gap:10px; }
.header-links :is(a,button) { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:9px 10px; border:0; border-radius:6px; background:transparent; color:var(--ink); font:600 13px/1.5 system-ui,-apple-system,"Segoe UI","Yu Gothic UI",Meiryo,sans-serif; white-space:nowrap; text-decoration:none; }
.header-links :is(a,button):hover,.header-links button[aria-expanded="true"] { background:var(--orange-soft); color:var(--orange); }
.header-links :is([aria-current="page"],.is-current)::after { content:""; position:absolute; bottom:0; left:10px; right:10px; height:2px; background:var(--orange); border-radius:2px; }
.header-links .header-services-toggle { display:none; }
.motion-ready .header-links .header-services-toggle { display:inline-flex; }
.motion-ready .header-services-fallback { display:none; }
.header-services-toggle svg { transition:transform 160ms var(--ease); }
.header-services-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
.header-utilities { display:flex; flex:none; align-items:center; gap:4px; padding-left:15px; border-left:1px solid var(--line); }
.header-utilities > a { display:flex; align-items:center; justify-content:center; gap:7px; min-width:44px; min-height:44px; padding:8px; border-radius:7px; color:var(--ink); font-size:12px; font-weight:600; text-decoration:none; }
.header-utilities > a:hover,.header-utilities > a[aria-expanded="true"],.header-utilities > a[aria-current="page"] { color:var(--orange); background:var(--orange-soft); }
.motion-ready .site-header .menu-toggle { display:none; }
.site-menu,.header-search-panel { position:absolute; top:100%; right:max(20px,calc((100% - 1120px)/2)); width:min(720px,calc(100% - 40px)); padding:24px; overflow-y:auto; border:1px solid var(--line); border-radius:0 0 12px 12px; background:var(--paper); box-shadow:0 18px 35px light-dark(#32200e18,#0005); transform-origin:top center; }
.menu-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 20px; margin-bottom:18px; }
.menu-heading strong { font-size:15px; }
.menu-heading a { display:inline-flex; align-items:center; min-height:36px; color:var(--muted); font-size:11px; text-underline-offset:4px; }
.menu-services { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.menu-service { display:flex; align-items:center; gap:14px; min-height:94px; padding:15px; border:1px solid var(--line); border-radius:8px; text-decoration:none; }
.menu-service:hover { border-color:var(--orange); background:var(--orange-soft); }
.menu-service[aria-current="page"] { border-color:var(--orange); }
.menu-service .service-icon { flex:none; }
.menu-service strong { display:block; color:var(--ink); font-size:16px; line-height:1.5; }
.menu-service small { margin-top:3px; color:var(--muted); font-size:11px; line-height:1.6; }
.menu-service .menu-destination { margin-top:2px; font-size:10px; }
.menu-footer { gap:4px 23px; margin-top:18px; padding-top:12px; border-top:1px solid var(--line); }
.menu-footer a { min-height:38px; text-decoration:none; }
.menu-footer a:hover { color:var(--orange); text-decoration:underline; text-underline-offset:4px; }
.header-search-panel { width:min(520px,calc(100% - 40px)); }
.header-search-panel label { display:block; margin-bottom:12px; font-size:15px; font-weight:650; }
.header-search-field { display:flex; gap:8px; }
.header-search-field input { width:100%; min-width:0; min-height:48px; padding:10px 13px; border:1px solid var(--line); border-radius:6px; background:var(--soft); color:var(--ink); font-size:15px; }
.header-search-field button { flex:none; min-height:48px; padding:9px 18px; border:1px solid var(--orange); border-radius:6px; background:var(--orange); color:var(--paper); font-size:13px; font-weight:650; }
.header-search-panel p { margin-top:12px; color:var(--muted); font-size:11px; }
.ui-icon { display:inline-block; flex:none; width:20px; height:20px; vertical-align:middle; stroke-width:2; }
.header-utilities .ui-icon { width:21px; height:21px; }
.header-services-toggle .disclosure-icon { width:16px; height:16px; }
.menu-symbol { display:grid; place-items:center; width:20px; height:20px; }
.menu-symbol .ui-icon { grid-area:1/1; width:20px; height:20px; }
.menu-symbol .menu-close-icon { display:none; }
.menu-toggle[aria-expanded="true"] .menu-open-icon { display:none; }
.menu-toggle[aria-expanded="true"] .menu-close-icon { display:block; }
.link-symbol { display:inline-flex; flex:none; align-items:center; justify-content:center; width:18px; height:18px; vertical-align:-3px; color:inherit; }
.link-symbol .ui-icon { width:16px; height:16px; }
.link-original { display:none !important; }
.direct-service { grid-template-columns:44px minmax(0,1fr) 18px; column-gap:14px; row-gap:2px; }
.direct-service > .link-symbol { grid-column:3; grid-row:1 / span 2; color:var(--orange); }
.direct-copy > span { text-wrap:balance; }
.direct-service > .link-destination { grid-column:2; margin:1px 0 0; padding:0; border:0; color:var(--orange); font-size:10px; }
.preview-open > .link-symbol,.video-destination > .link-symbol { margin-left:5px; }
.album-details > .link-symbol { color:var(--orange); }
.footer-columns .link-symbol,.footer-base .link-symbol { margin-left:6px; color:var(--muted); }
.footer-columns .link-symbol .ui-icon,.footer-base .link-symbol .ui-icon { width:14px; height:14px; }
.service-link > .link-symbol,.intro-link > .link-symbol { transition:none; }
.service-link:hover > .link-symbol { transform:none; }
summary { display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none; }
summary::-webkit-details-marker { display:none; }
summary > .disclosure-icon { width:18px; height:18px; margin-left:auto; transition:transform 160ms var(--ease); }
details[open] > summary > .disclosure-icon { transform:rotate(180deg); }
.link-destination { display:inline-block; flex:none; margin-left:3px; padding-left:10px; border-left:1px solid currentColor; font-size:10px; font-weight:500; line-height:1.5; text-decoration:none; white-space:nowrap; opacity:.85; }
:root[data-header-hidden] .reading-progress { top:0; }
@media (max-width:1000px) and (min-width:851px) { .header-inner { gap:12px; } .header-links { gap:1px; } .header-links :is(a,button) { padding-inline:7px; font-size:12px; } .header-utilities { padding-left:8px; } .header-inner .brand img { width:148px; } }
@media (max-width:850px) {
 :root { --header-height:64px; }
 .header-inner { width:calc(100% - 36px); gap:10px; }
 .header-inner .brand img { width:138px; }
 .header-utilities { gap:2px; margin-left:auto; padding-left:0; border-left:0; }
 .header-search-toggle > span { display:none; }
 .motion-ready .site-header .menu-toggle { display:flex; gap:9px; min-width:78px; margin-left:3px; padding:8px; font-size:12px; }
 .menu-symbol,.menu-symbol i { width:18px; }
 .site-menu,.header-search-panel { right:18px; width:calc(100% - 36px); padding:20px; }
}
@media (max-width:540px) {
 .menu-services { grid-template-columns:1fr; gap:8px; }
 .menu-service { min-height:80px; padding:12px; }
 .menu-heading { gap:2px; margin-bottom:13px; }
 .menu-heading strong { width:100%; }
 .menu-footer { gap:1px 18px; margin-top:14px; }
 .header-search-field button { padding-inline:12px; }
}
@media (max-width:350px) {
 .header-inner { width:calc(100% - 28px); gap:4px; }
 .header-inner .brand img { width:111px; }
 .header-utilities { gap:0; }
 .header-utilities > a { min-width:40px; }
 .motion-ready .site-header .menu-toggle { min-width:70px; gap:7px; margin-left:0; padding-inline:5px; }
 .site-menu,.header-search-panel { right:14px; width:calc(100% - 28px); padding:16px; }
}
.site-menu a[aria-current="page"] { color:var(--orange); background:var(--orange-soft); }
.preview-site-footer { margin-top:0; padding-top:42px; border-top:1px solid var(--line); background:var(--soft); }
.footer-heading { display:flex; align-items:center; flex-wrap:wrap; gap:20px 40px; margin-bottom:30px; }
.footer-heading p { color:var(--muted); font-size:13px; }
.footer-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; padding-bottom:32px; }
.preview-site-footer h2 { margin-bottom:13px; font-size:14px; font-weight:650; letter-spacing:0; }
.footer-columns a { display:flex; align-items:center; min-height:37px; color:var(--muted); font-size:13px; text-decoration:none; }
.footer-columns a:hover,.footer-columns a[aria-current] { color:var(--orange); text-decoration:underline; text-underline-offset:4px; }
.footer-base { display:flex; align-items:center; flex-wrap:wrap; gap:12px 30px; padding-block:16px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
.footer-base a { display:inline-flex; align-items:center; min-height:40px; text-underline-offset:4px; }
.footer-base a:last-child { margin-left:auto; }
.footer-motion { display:none; align-items:center; gap:8px; }
.motion-ready .footer-motion { display:flex; }
.footer-motion select { max-width:155px; min-height:36px; padding:5px 8px; border:1px solid var(--line); border-radius:5px; background:var(--paper); color:var(--muted); font:inherit; font-size:12px; }
.footer-motion-note { font-size:11px; color:var(--muted); }
.shell { width:min(1120px,calc(100% - 80px)); margin-inline:auto; }
.narrow { max-width:800px; }
.breadcrumbs { padding-block:15px; color:var(--muted); font-size:12px; }
.breadcrumbs ol { display:flex; flex-wrap:wrap; gap:5px 12px; padding:0; margin:0; list-style:none; }
.breadcrumbs li:not(:last-child)::after { content:"/"; margin-left:12px; color:var(--line); }
.breadcrumbs a { text-underline-offset:3px; }
.page-main { --tone-bg:var(--hero-bg); --tone-edge:var(--hero-edge); padding-bottom:0; overflow-wrap:anywhere; }
.page-main[data-tone="photo"] { --orange:var(--photo); --orange-soft:var(--photo-soft); --tone-bg:var(--photo-soft); --tone-edge:light-dark(#cddfed,#283c4c); }
.page-main[data-tone="video"] { --orange:var(--video); --orange-soft:var(--video-soft); --tone-bg:var(--video-soft); --tone-edge:light-dark(#ecd2c0,#493126); }
.page-main[data-tone="blog"] { --orange:var(--blog); --orange-soft:var(--blog-soft); --tone-bg:var(--blog-soft); --tone-edge:light-dark(#d2e5d7,#2a463a); }
.page-main h1 { font-size:clamp(36px,4.3vw,54px); line-height:1.45; letter-spacing:-.045em; font-weight:720; text-wrap:balance; }
.page-main h1 strong { color:inherit; text-decoration:none; white-space:normal; }
.page-main h2 { font-size:clamp(25px,2.8vw,34px); line-height:1.55; letter-spacing:-.03em; }
.page-main h3 { margin-bottom:12px; font-size:22px; line-height:1.6; }
.page-main p { font-size:16px; line-height:1.95; }
.page-main a { text-underline-offset:4px; }
.page-hero { position:relative; isolation:isolate; padding-block:54px 58px; background:var(--tone-bg); border-bottom:1px solid var(--tone-edge); }
.page-hero::before { content:""; position:absolute; z-index:-1; inset:0 0 0 61%; border-radius:70px 0 0 0; background:var(--tone-edge); }
.page-hero > .shell { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:64px; }
.page-hero p { position:relative; max-width:29em; font-size:15px; }
.eyebrow { display:table; margin-bottom:15px; color:var(--orange); font-size:12px; font-weight:650; line-height:1.7; }
.about-brand-mark { position:absolute; z-index:-1; right:2%; bottom:-30px; opacity:.08; }
.about-brand-mark img { width:160px; height:auto; }
.page-index { display:flex; flex-wrap:wrap; gap:8px; padding-block:20px 3px; }
.page-index a { display:inline-flex; align-items:center; min-height:38px; padding:5px 12px; border:1px solid var(--line); border-radius:5px; color:var(--muted); font-size:12px; text-decoration:none; }
.page-index a:hover,.page-index a[aria-current] { color:var(--orange); border-color:var(--orange); background:var(--orange-soft); }
.page-main .section { padding-block:54px; }
.page-main .surface { background:var(--soft); }
.page-main .section-heading { display:block; max-width:800px; margin-bottom:30px; }
.page-main .section-heading .eyebrow { margin-bottom:10px; }
.page-main .section-heading h2 { margin-bottom:12px; }
.page-main .section-heading p { max-width:48em; color:var(--muted); font-size:15px; padding:0; }
.page-main .stack > * + * { margin-top:17px; }
.page-main .stack .eyebrow { margin-top:0; }
.page-main .manifesto { display:grid; grid-template-columns:.9fr 1.1fr; gap:74px; align-items:start; }
.page-main .manifesto-copy p + p { margin-top:18px; }
.page-main .manifesto-copy > a { display:inline-flex; align-items:center; gap:12px; min-height:44px; margin-top:18px; color:var(--orange); }
.promise-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.promise { padding:30px; border-radius:12px; background:var(--orange-soft); }
.promise:nth-child(2) { background:#253d37; color:#faf4e9; }
.promise-number { display:block; margin-bottom:17px; color:var(--orange); font-size:11px; font-weight:650; letter-spacing:.05em; }
.promise:nth-child(2) .promise-number { color:#ffba89; }
.promise h3 { font-size:23px; }
.promise p { font-size:15px; }
.brand-story { display:grid; grid-template-columns:.65fr 1.35fr; gap:70px; align-items:center; }
.brand-story-logo { padding:26px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
.brand-story-logo img { width:100%; height:auto; }
.page-main .brand-story .prose { padding:0; }
.timeline { padding:0; margin:30px auto 0; list-style:none; counter-reset:history; }
.timeline li { position:relative; margin-left:18px; padding:0 0 32px 36px; border-left:2px solid var(--line); counter-increment:history; }
.timeline li:last-child { padding-bottom:0; border-left-color:transparent; }
.timeline li::before { content:counter(history,decimal-leading-zero); position:absolute; left:-18px; top:0; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--paper); border:1px solid var(--line); color:var(--muted); font-size:11px; font-weight:600; }
.timeline li[data-passed]::before { background:var(--orange); border-color:var(--orange); color:var(--paper); }
.timeline b { display:block; padding-top:2px; margin-bottom:9px; font-size:19px; }
.timeline p { color:var(--muted); font-size:15px; }
.fact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.fact { padding:23px; border:1px solid var(--line); background:var(--orange-soft); border-radius:9px; }
.fact > b { display:block; margin-bottom:10px; font-size:18px; }
.fact p { font-size:14px; }
.fact a { display:inline-flex; align-items:center; min-height:44px; margin-top:9px; font-size:13px; font-weight:600; }
.tool-intro { display:grid; grid-template-columns:1fr 1.05fr; gap:60px; align-items:center; }
.page-main .detail-example { width:100%; height:340px; min-height:0; }
.page-main .photo-example .photo-stack { width:min(340px,calc(100% - 56px)); }
.page-main .detail-example .article-heading h4 { font-size:17px; }
.page-main .button-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px; margin-top:23px; }
.page-main .button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:48px; padding:11px 20px; border:1px solid var(--orange); border-radius:7px; background:var(--orange); color:var(--paper); font-size:14px; font-weight:600; line-height:1.6; text-decoration:none; }
.page-main .button:hover { filter:brightness(.92); }
.page-main .button-quiet,.page-main .button-secondary { background:transparent; border-color:var(--line); color:var(--ink); }
.page-main .button[disabled] { cursor:default; opacity:.65; }
.feature-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; padding:0; margin:0; list-style:none; }
.feature-list li { padding:25px; border:1px solid var(--line); border-radius:9px; background:var(--paper); }
.feature-list h3,.feature-list b { display:block; margin-bottom:12px; font-size:20px; }
.feature-list p { color:var(--muted); font-size:14px; }
.feature-list a { display:inline-flex; align-items:center; gap:12px; min-height:44px; margin-top:17px; color:var(--orange); font-size:13px; font-weight:600; }
.channel-row { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:62px; padding-block:6px 52px; margin-bottom:48px; border-bottom:1px solid var(--line); }
.channel-row:last-child { margin-bottom:0; padding-bottom:0; border:0; }
.channel-copy h2 { margin-bottom:14px; }
.channel-copy p { margin-bottom:22px; color:var(--muted); }
.channel-copy .button-row { margin-top:0; }
.cta-panel { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:25px 52px; padding:32px 36px; border-radius:12px; background:#253d37; color:#faf4e9; }
.cta-panel h2 { font-size:29px; }
.cta-panel p { max-width:42em; margin-top:10px; color:#d2d9d0; font-size:15px; }
.cta-panel .button { --orange:#ffb57e; --paper:#253d37; }
.minor-content-link { margin-top:28px; color:var(--muted); }
.reading-layout { display:grid; grid-template-columns:minmax(0,1fr) 215px; align-items:start; gap:65px; }
.prose { min-width:0; font-size:17px; line-height:2; }
.page-main .prose h2 { margin:42px 0 18px; font-size:27px; }
.page-main .prose h2:first-child { margin-top:0; }
.page-main .prose h3 { margin:32px 0 12px; font-size:21px; }
.page-main .prose p { margin-block:17px; font-size:16px; line-height:2; }
.prose :is(ul,ol) { padding-left:1.6em; margin-block:20px; }
.prose li { margin-block:8px; }
.prose a { color:var(--orange); text-decoration-thickness:1px; }
.prose img { max-width:100%; height:auto; margin-block:22px; border-radius:7px; }
.prose figure { margin:24px 0; }
.prose figcaption { color:var(--muted); font-size:12px; line-height:1.8; }
.prose blockquote { margin:25px 0; padding:16px 22px; border:1px solid var(--line); border-radius:8px; background:var(--soft); }
.prose table { display:block; max-width:100%; margin-block:22px; overflow-x:auto; border-collapse:collapse; font-size:14px; }
.prose :is(th,td) { min-width:120px; padding:13px 15px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.prose th { background:var(--orange-soft); }
.prose dl { display:grid; grid-template-columns:155px minmax(0,1fr); margin-block:20px 30px; border-top:1px solid var(--line); font-size:15px; line-height:1.9; }
.prose :is(dt,dd) { margin:0; padding:12px 14px; border-bottom:1px solid var(--line); }
.prose dt { font-weight:600; background:var(--soft); }
.content-link-card { display:block; margin-block:25px; padding:22px; border:1px solid var(--line); border-radius:8px; background:var(--orange-soft); color:var(--ink) !important; font-size:14px; line-height:1.9; text-decoration:none; }
.content-link-card strong { display:block; margin-bottom:9px; color:var(--orange); font-size:19px; }
.content-link-card small { display:block; margin-top:10px; color:var(--muted); font-size:11px; }
.content-link-card:hover { border-color:var(--orange); }
.page-toc { position:sticky; top:calc(var(--header-height) + 24px); padding:0 0 0 18px; border-left:2px solid var(--line); font-size:12px; }
.page-toc summary { padding-block:10px; cursor:pointer; font-size:13px; font-weight:650; }
.page-toc nav { display:grid; gap:4px; padding-top:5px; }
.page-toc a { display:block; padding-block:6px; color:var(--muted); font-size:12px; line-height:1.8; text-decoration:none; }
.page-toc a[aria-current],.page-toc a:hover { color:var(--orange); text-decoration:underline; }
.reading-progress { position:fixed; z-index:51; top:var(--header-height); left:0; right:0; height:2px; pointer-events:none; }
.reading-progress span { display:block; height:100%; background:var(--orange); transform:scaleX(0); transform-origin:left; }
.page-main[data-page="article"] > article.section { padding-top:40px; }
.page-main[data-page="article"] > article > header { max-width:870px; margin-bottom:30px; }
.page-main[data-page="article"] h1 { font-size:clamp(31px,3.5vw,46px); }
.page-main[data-page="article"] > article > header p { margin-top:18px; }
.muted { color:var(--muted); }
.article-hero-image { margin-block:30px 42px; }
.article-hero-image img { width:100%; height:auto; border-radius:10px; }
.article-list { display:grid; gap:0; margin-top:32px; }
.article-list article { display:grid; grid-template-columns:125px minmax(0,1fr); align-items:start; gap:30px; padding-block:30px; border-bottom:1px solid var(--line); }
.article-list time { padding-top:6px; color:var(--muted); font-size:12px; }
.article-list h2 { margin-bottom:12px; font-size:24px; }
.article-list h2 a { text-decoration:none; }
.article-list h2 a:hover { color:var(--orange); text-decoration:underline; }
.article-list p { color:var(--muted); font-size:14px; }
.page-main[data-page="contact"] .prose > ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0; list-style:none; }
.page-main[data-page="contact"] .prose > ol li { padding:15px; border:1px solid var(--line); border-radius:7px; background:var(--orange-soft); font-size:14px; }
.external-content-link { margin-block:15px; }
.notification-setup { display:grid; grid-template-columns:1fr 1fr; gap:50px; padding:32px; border:1px solid var(--tone-edge); border-radius:11px; background:var(--tone-bg); }
.notification-setup h2 { margin-bottom:10px; }
.notification-setup p { font-size:15px; }
.notification-control { align-self:center; }
.notification-control .button-row { margin-top:16px; }
.notification-channel-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.notification-channel-grid article { padding:25px; border-radius:9px; background:var(--soft); }
.notification-channel-grid p { margin-bottom:20px; font-size:14px; }
.notification-channel-label { display:block; margin-bottom:12px; color:var(--orange); font-size:11px; }
.page-main .notification-section { margin-block:35px; padding:28px 0; border:0; border-top:1px solid var(--line); background:transparent; }
.status-summary { margin-block:34px; padding:30px; border:1px solid var(--line); border-radius:8px; }
.status-summary-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; }
.status-summary-heading a { font-size:13px; }
.status-summary-state,.notification-recent p { color:var(--muted); font-size:14px !important; }
.notification-help-details { padding:20px 24px; border:1px solid var(--line); border-radius:8px; }
.notification-help-details summary { cursor:pointer; font-weight:600; }
.notification-help-content { padding-top:24px; }
.notification-help-content h2 { font-size:23px; margin-block:18px 12px; }
.notification-notes { margin-top:28px; color:var(--muted); }
.notification-notes p { font-size:13px; }
.site-search-form { max-width:760px; padding:30px; margin-block:35px; border:1px solid var(--line); border-radius:10px; background:var(--soft); }
.site-search-form label { display:block; font-weight:600; margin-bottom:12px; }
.site-search-fields { display:flex; gap:12px; }
.site-search-fields input { width:100%; min-width:0; padding:11px 14px; border:1px solid var(--line); border-radius:6px; color:var(--ink); background:var(--paper); font:inherit; }
.site-search-note { margin-top:12px; color:var(--muted); font-size:12px !important; }
.search-alternatives { padding-block:34px 55px; border-top:1px solid var(--line); }
.search-alternatives h2 { margin-bottom:14px; }
.search-alternatives p { max-width:55em; color:var(--muted); font-size:15px; }
.search-match-list { padding:0; margin:22px 0 40px; list-style:none; }
.search-match-list li { padding:20px 0; border-bottom:1px solid var(--line); }
.search-match-list a { font-size:21px; font-weight:650; }
.search-match-list p { margin-top:9px; color:var(--muted); font-size:14px; }
.sitemap-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.sitemap-grid section { padding:25px; border:1px solid var(--line); border-radius:8px; }
.sitemap-grid h2 { margin-bottom:16px; font-size:22px; }
.sitemap-grid a { display:flex; align-items:center; min-height:44px; padding-block:7px; font-size:14px; }
@media (max-width:1000px) {
 .page-hero > .shell { gap:38px; grid-template-columns:1fr 1fr; }
 .page-main .manifesto,.tool-intro,.brand-story,.channel-row { gap:36px; }
 .reading-layout { grid-template-columns:minmax(0,1fr) 175px; gap:35px; }
 .feature-list { gap:16px; }
 .feature-list li { padding:20px; }
 .notification-setup { gap:30px; padding:25px; }
}
@media (max-width:850px) {
 .motion-ready .header-links { display:none; }
 .menu-toggle { margin-left:auto; }
 .feature-list { grid-template-columns:1fr; }
 .feature-list li { padding:24px; }
 .fact-grid { grid-template-columns:1fr; }
 .fact { padding:24px; }
 .sitemap-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:720px) {
 .shell { width:calc(100% - 40px); }
 .breadcrumbs { font-size:11px; padding-block:12px; }
 .page-hero { padding-block:32px 36px; }
 .page-hero::before { inset:48% 0 0 23%; border-radius:55px 0 0 0; }
 .page-hero > .shell { grid-template-columns:1fr; gap:24px; }
 .page-main h1 { font-size:34px; line-height:1.5; }
 .page-hero p { max-width:34em; font-size:14px; }
 .eyebrow { font-size:11px; margin-bottom:12px; }
 .about-brand-mark { display:none; }
 .page-index { gap:7px; padding-top:16px; }
 .page-index a { min-height:40px; padding:5px 10px; font-size:11px; }
 .page-main .section { padding-block:35px; }
 .page-main .section-heading { margin-bottom:24px; }
 .page-main .section-heading p { font-size:14px; }
 .page-main .manifesto,.tool-intro,.brand-story,.channel-row { grid-template-columns:1fr; gap:24px; }
 .page-main p,.page-main .manifesto-copy p { font-size:14px; }
 .promise-grid { grid-template-columns:1fr; gap:16px; }
 .promise { padding:24px; }
 .promise h3 { font-size:21px; }
 .promise p { font-size:14px; }
 .brand-story-logo { width:min(320px,100%); padding:26px; }
 .page-main .detail-example { height:300px; }
 .page-main .photo-example .photo-stack { width:min(295px,calc(100% - 52px)); }
 .page-main .button { min-height:46px; gap:16px; padding:10px 16px; font-size:13px; }
 .channel-row { margin-bottom:30px; padding-bottom:30px; }
 .channel-row > .channel-copy { order:0; }
 .channel-row > .detail-example { order:1; }
 .page-main .cta-panel { padding:25px; gap:22px; }
 .cta-panel h2 { font-size:25px; }
 .cta-panel p { font-size:14px; }
 .reading-layout { grid-template-columns:1fr; gap:25px; }
 .page-toc { position:static; grid-row:1; padding:8px 15px; border:1px solid var(--line); border-radius:7px; background:var(--soft); }
 .page-toc a { min-height:36px; }
 .page-main .prose p { font-size:15px; line-height:2; }
 .page-main .prose h2 { margin-top:34px; font-size:24px; }
 .page-main .prose h3 { font-size:20px; }
 .prose { font-size:15px; }
 .prose dl { grid-template-columns:1fr; font-size:14px; }
 .prose dt { border-bottom:0; padding-bottom:4px; }
 .prose dd { padding-top:6px; }
 .prose :is(th,td) { min-width:110px; padding:10px; font-size:13px; }
 .content-link-card { padding:18px; font-size:13px; }
 .content-link-card strong { font-size:17px; }
 .page-main[data-page="article"] h1 { font-size:30px; }
 .page-main[data-page="article"] > article > header p { margin-top:15px; font-size:14px; }
 .article-list article { grid-template-columns:1fr; gap:10px; padding-block:25px; }
 .article-list h2 { font-size:22px; }
 .article-list p { font-size:14px; }
 .page-main[data-page="contact"] .prose > ol { grid-template-columns:1fr; gap:8px; }
 .notification-setup { grid-template-columns:1fr; gap:24px; padding:23px; }
 .notification-channel-grid { grid-template-columns:1fr; gap:16px; }
 .notification-help-details { padding:18px; }
 .status-summary { padding:22px; }
 .site-search-form { padding:20px; }
 .site-search-fields { gap:8px; }
 .site-search-fields input { font-size:14px; padding-inline:10px; }
 .search-match-list a { font-size:19px; }
 .sitemap-grid { grid-template-columns:1fr; gap:18px; }
 .footer-heading { gap:18px; margin-bottom:24px; }
 .footer-heading p { font-size:12px; }
 .footer-columns { grid-template-columns:1fr 1fr; gap:28px 22px; }
 .footer-columns nav:last-child { grid-column:1 / -1; }
 .footer-columns a { min-height:41px; font-size:12px; }
 .footer-base { gap:6px 20px; font-size:10px; }
 .footer-base small { flex-basis:100%; }
}