/* Raised, tactile surfaces with restrained glass highlights. No external fonts or CSS assets. */
:root {
  --display: Arial, Helvetica, sans-serif;
  --serif: Georgia, 'Times New Roman', serif;
  --body: Arial, Helvetica, sans-serif;
}
body.editorial,
body.editorial.tool-page {
  --page: #e9f6f4;
  --ink: #173d44;
  --accent: #0b7277;
  --accent-text: #ffffff;
  --rule: #1b596136;
  --surface: #fcfffd;
  --muted-ink: #48636a;
  --gold: #b68b5d;
  --edge: #126469;
  --halo: #b7ece4;
  --chip: #ddf2ee;
  --page-wash: radial-gradient(circle at 7% 18%, #c2e9e4 0, transparent 38%), radial-gradient(circle at 92% 65%, #d9f0ed 0, transparent 39%);
  --depth: 0 5px 0 #175e6240, 0 16px 28px #17464a22;
  --deep-depth: 0 9px 0 #175e6240, 0 25px 45px #17464a26;
}
body.editorial[data-palette=forest],
body.editorial.tool-page[data-palette=forest] {
  --page:#f3f1e7;--ink:#183d32;--accent:#245d45;--accent-text:#fffefa;--rule:#244f3c36;
  --surface:#fffdf6;--muted-ink:#596b5b;--gold:#b18b52;--edge:#315b43;--halo:#dbe8c8;--chip:#e5ecda;
  --page-wash:radial-gradient(circle at 8% 15%,#e0e9cd 0,transparent 40%),radial-gradient(circle at 90% 72%,#e7e2cc 0,transparent 40%);
  --depth:0 5px 0 #27533b40,0 16px 28px #334b2f21;--deep-depth:0 9px 0 #27533b40,0 25px 45px #334b2f29;
}
body.editorial[data-palette=midnight],
body.editorial.tool-page[data-palette=midnight] {
  --page:#ecf0ff;--ink:#142c5a;--accent:#294cba;--accent-text:#fff;--rule:#294cba36;
  --surface:#fcfdff;--muted-ink:#546485;--gold:#b9965a;--edge:#2447a5;--halo:#d7e2ff;--chip:#dce5ff;
  --page-wash:radial-gradient(circle at 12% 15%,#d9e6ff 0,transparent 39%),radial-gradient(circle at 92% 70%,#e7dfff 0,transparent 40%);
  --depth:0 5px 0 #29488f50,0 16px 30px #223c7a25;--deep-depth:0 9px 0 #29488f50,0 25px 48px #223c7a30;
}
body.editorial[data-palette=plum],
body.editorial.tool-page[data-palette=plum] {
  --page:#f5eef3;--ink:#432b49;--accent:#763e80;--accent-text:#fff;--rule:#763e8036;
  --surface:#fffbfd;--muted-ink:#715f75;--gold:#af845e;--edge:#65386d;--halo:#eedaf0;--chip:#f0e0ee;
  --page-wash:radial-gradient(circle at 8% 17%,#eadbe9 0,transparent 40%),radial-gradient(circle at 92% 65%,#f0e1de 0,transparent 41%);
  --depth:0 5px 0 #62386948,0 16px 28px #56345d22;--deep-depth:0 9px 0 #62386948,0 25px 45px #56345d2a;
}
body.editorial[data-palette=terracotta],
body.editorial.tool-page[data-palette=terracotta] {
  --page:#faf0e5;--ink:#53392c;--accent:#a84e31;--accent-text:#fff;--rule:#a0523638;
  --surface:#fffcf6;--muted-ink:#806453;--gold:#b78347;--edge:#9b472c;--halo:#f5dcc4;--chip:#f7dfcb;
  --page-wash:radial-gradient(circle at 8% 16%,#f6d8bc 0,transparent 40%),radial-gradient(circle at 92% 67%,#f4e7cd 0,transparent 41%);
  --depth:0 5px 0 #93472e48,0 16px 28px #86472e21;--deep-depth:0 9px 0 #93472e48,0 25px 45px #86472e2a;
}
body.editorial[data-mode=night],
body.editorial.tool-page[data-mode=night] {
  --page:#071b25;--ink:#f3fffd;--accent:#71eee0;--accent-text:#08272d;--rule:#bdeee73d;
  --surface:#153f4bd9;--muted-ink:#c2dedc;--gold:#f0bd70;--edge:#04151d;--halo:#2e8e91;--chip:#245966d9;
  --page-wash:radial-gradient(circle at 10% 7%,#177b837a 0,transparent 34%),radial-gradient(circle at 88% 28%,#174b8070 0,transparent 37%),radial-gradient(circle at 65% 100%,#8d5e2960 0,transparent 34%);
  --depth:0 5px 0 #020e14,0 20px 34px #000a11b8;--deep-depth:0 9px 0 #020e14,0 31px 55px #00070dc7;
}
body.editorial[data-palette=forest][data-mode=night],body.editorial.tool-page[data-palette=forest][data-mode=night]{
  --page:#26392d;--ink:#f5faed;--accent:#b9e694;--accent-text:#1d3527;--rule:#e4f1d941;--surface:#38543b;--muted-ink:#d6e5ca;--edge:#142a1c;--halo:#638759;--chip:#4a684a;
  --page-wash:radial-gradient(circle at 8% 10%,#5b87556e 0,transparent 40%),radial-gradient(circle at 90% 73%,#5d73536b 0,transparent 42%);
}
body.editorial[data-palette=midnight][data-mode=night],body.editorial.tool-page[data-palette=midnight][data-mode=night]{
  --page:#202f5b;--ink:#f6f7ff;--accent:#b3c6ff;--accent-text:#1b305b;--rule:#d5deff43;--surface:#32477a;--muted-ink:#d4ddf3;--edge:#13234b;--halo:#607ad0;--chip:#425d97;
  --page-wash:radial-gradient(circle at 8% 10%,#617ed081 0,transparent 40%),radial-gradient(circle at 90% 73%,#8259ad70 0,transparent 42%);
}
body.editorial[data-palette=plum][data-mode=night],body.editorial.tool-page[data-palette=plum][data-mode=night]{
  --page:#392845;--ink:#fff6fc;--accent:#ecc5f1;--accent-text:#412b49;--rule:#f1d9f249;--surface:#563b60;--muted-ink:#ead3e9;--edge:#251831;--halo:#9b6da4;--chip:#6d4a75;
  --page-wash:radial-gradient(circle at 8% 10%,#9564a378 0,transparent 40%),radial-gradient(circle at 90% 73%,#9c5e8670 0,transparent 42%);
}
body.editorial[data-palette=terracotta][data-mode=night],body.editorial.tool-page[data-palette=terracotta][data-mode=night]{
  --page:#493229;--ink:#fff5ea;--accent:#ffc5a1;--accent-text:#4a2f24;--rule:#f7ddca49;--surface:#67493a;--muted-ink:#efdbcb;--edge:#2f1e18;--halo:#a46a50;--chip:#7d5541;
  --page-wash:radial-gradient(circle at 8% 10%,#a469477a 0,transparent 40%),radial-gradient(circle at 90% 73%,#a17b4f70 0,transparent 42%);
}

@media screen {
  body.editorial,body.editorial:not(.light),body.editorial.light,body.editorial.tool-page{
    --bg:var(--page);--text:var(--ink);--panel:var(--surface);--line:var(--rule);--border:var(--rule);--field:var(--surface);
    --mint:var(--accent);--coral:var(--accent);--muted:var(--muted-ink);--solid:var(--surface);
    background:var(--page-wash),var(--page)!important;color:var(--ink);color-scheme:light;
  }
  body.editorial[data-mode=night]{color-scheme:dark}
  .editorial header,.editorial.light header,.editorial:not(.light) header{
    background:color-mix(in srgb,var(--page) 88%,transparent)!important;
    box-shadow:0 7px 24px #071f2612;border-bottom:1px solid var(--rule);backdrop-filter:blur(18px);
  }
  .editorial header .nav{display:flex;align-items:center;gap:19px;max-width:1270px;padding:15px 28px 12px;min-height:90px}
  .editorial .brand{font-size:23px;letter-spacing:-1.1px}
  .editorial .brand .wordmark-sign{display:grid;place-items:center;width:33px;height:33px;color:var(--accent-text)!important;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 75%,white),var(--accent));border:1px solid color-mix(in srgb,var(--accent) 70%,white);border-radius:9px;box-shadow:inset 0 2px 1px #fff8,0 4px 0 var(--edge),0 8px 13px #06242932;font-size:17px;transform:rotate(-7deg)}
  .editorial nav{font-size:13px;gap:22px}
  .editorial nav a{font-weight:700}
  .editorial .saved-nav{white-space:nowrap}
  .editorial .appearance-bar{display:flex;align-items:center;gap:11px;width:100%;justify-content:flex-end;padding:3px 0 8px;order:10}
  .appearance-label{font:700 11px var(--body);color:var(--muted-ink);white-space:nowrap;margin-right:3px}
  .palette-choices{display:flex;align-items:center;gap:8px;max-width:100%;overflow-x:auto;padding:3px 2px 7px;scrollbar-width:thin}
  .editorial .palette-choice,.editorial .mode-choice{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;width:auto;min-height:39px;
    background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 94%,white),var(--surface));
    color:var(--ink);border:1px solid var(--rule);border-radius:9px!important;padding:7px 10px;
    box-shadow:inset 0 2px 1px #fff7,0 3px 0 var(--edge),0 7px 12px #112b2830!important;
    font:700 11px var(--body);transform:translateY(0);transition:transform .18s,box-shadow .18s,background .18s!important;
  }
  .editorial .palette-choice:hover,.editorial .mode-choice:hover{transform:translateY(-3px);box-shadow:inset 0 2px 1px #fff7,0 6px 0 var(--edge),0 12px 18px #112b2835!important}
  .editorial .palette-choice:active,.editorial .mode-choice:active{transform:translateY(2px);box-shadow:inset 0 2px 1px #fff7,0 1px 0 var(--edge)!important}
  .editorial .palette-choice[aria-pressed=true]{border-color:var(--accent);background:var(--chip);outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:1px}
  .palette-dot{width:12px;height:12px;flex:none;border-radius:50%;background:linear-gradient(140deg,#99dfdc,#096b72);box-shadow:inset 1px 1px 2px #fff9,0 1px 3px #0004}
  [data-choice=forest] .palette-dot{background:linear-gradient(140deg,#c3d7a2,#275e43)}
  [data-choice=midnight] .palette-dot{background:linear-gradient(140deg,#9eb5fd,#263f9e)}
  [data-choice=plum] .palette-dot{background:linear-gradient(140deg,#dfb8e0,#704079)}
  [data-choice=terracotta] .palette-dot{background:linear-gradient(140deg,#efb68d,#a95031)}
  .palette-check{display:none;color:var(--accent);font-weight:900}
  [aria-pressed=true] .palette-check{display:inline}
  .editorial .mode-choice{margin-left:6px}
  .editorial .mode-choice span{font-size:17px;line-height:1}
  .editorial .palette-control{display:none!important}

  .editorial main{max-width:1260px}
  .editorial .eyebrow{font-weight:800;letter-spacing:1.7px}
  .editorial-hero{gap:50px;padding:55px 0 62px}
  .editorial-hero h1{font-family:var(--display);font-size:clamp(60px,6.4vw,91px);font-weight:900;line-height:1.01;letter-spacing:-.065em;text-transform:none;max-width:550px}
  .editorial-hero h1 .hero-emphasis{color:var(--accent)}
  .editorial .hero-description{font-size:17px;line-height:1.65;max-width:445px}
  .hero-still-life{position:relative;padding:14px;border:1px solid color-mix(in srgb,var(--surface) 50%,var(--accent));border-radius:19px;background:linear-gradient(145deg,#fff9 0%,#fff2 29%,transparent 70%),var(--surface);box-shadow:inset 0 3px 2px #fff9,0 7px 0 var(--edge),0 24px 40px #183e3a33;transform:rotate(1deg);transition:transform .35s,box-shadow .35s}
  .hero-still-life:hover{transform:rotate(0deg) translateY(-5px);box-shadow:inset 0 3px 2px #fff9,0 12px 0 var(--edge),0 35px 55px #183e3a3d}
  .hero-still-life img{border-radius:10px;mix-blend-mode:normal;aspect-ratio:4/3}
  .hero-still-life .art-caption{padding:4px 6px 0;color:var(--muted-ink)}
  .editorial .hero-note{font-size:12px;font-weight:700;color:var(--muted-ink)}
  .editorial .hero-actions{gap:14px}
  .quick-pick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 15px;color:var(--muted-ink);font-size:12px;font-weight:700}
  .editorial .quick-pick button{min-height:36px;padding:6px 11px;font-size:12px;border-radius:8px!important}
  .quick-pick-result{display:grid;grid-template-columns:1fr auto;gap:1px 14px;width:min(100%,425px);padding:12px 14px;margin:6px 0;background:var(--surface);border:1px solid var(--rule);border-radius:11px;box-shadow:var(--depth)}
  .quick-pick-result strong{color:var(--ink);font:700 16px var(--body)}
  .quick-pick-result span{color:var(--muted-ink);font-size:11px;grid-row:2}
  .editorial .quick-pick-result button{grid-row:1/3;grid-column:2;align-self:center;white-space:nowrap}
  .editorial button,.editorial .soft,.editorial a.primary,.editorial .next a{
    border-radius:9px!important;box-shadow:inset 0 2px 1px #fff8,0 4px 0 var(--edge),0 10px 18px #133e3c24!important;
    transition:transform .18s,box-shadow .18s,border-color .18s,background .18s!important;
  }
  .editorial .primary,.editorial a.primary,.editorial .next a.primary{
    background:linear-gradient(170deg,color-mix(in srgb,var(--accent) 82%,white),var(--accent) 58%,color-mix(in srgb,var(--accent) 88%,black))!important;
    color:var(--accent-text)!important;border:1px solid color-mix(in srgb,var(--accent) 75%,black);
    box-shadow:inset 0 2px 1px #fff6,0 5px 0 var(--edge),0 12px 19px #0b393a32!important;
  }
  .editorial button:hover,.editorial .soft:hover,.editorial a.primary:hover{transform:translateY(-3px);box-shadow:inset 0 2px 1px #fff8,0 7px 0 var(--edge),0 16px 22px #133e3c2f!important}
  .editorial button:active,.editorial .soft:active,.editorial a.primary:active{transform:translateY(2px);box-shadow:inset 0 2px 1px #fff8,0 1px 0 var(--edge),0 4px 9px #133e3c26!important}
  .editorial .path-card{position:relative;background:linear-gradient(155deg,#fff9 0%,#fff2 28%,transparent 48%),var(--surface)!important;border:1px solid var(--rule);border-radius:16px!important;padding:17px;box-shadow:inset 0 2px 1px #fff9,var(--depth)!important;transform:translateY(0);transition:transform .25s,box-shadow .25s,border-color .25s!important}
  .editorial .path-card:hover,.editorial .path-card:focus-visible{transform:translateY(-7px) rotate(-.45deg);box-shadow:inset 0 2px 1px #fff9,var(--deep-depth)!important;border-color:var(--accent)}
  .editorial .path-card:nth-child(2):hover{transform:translateY(-7px) rotate(.45deg)}
  .path-card img{border-radius:9px;mix-blend-mode:normal;margin:12px 0 19px;box-shadow:inset 0 1px 0 #fff9,0 7px 15px #1c343c22}
  .path-card .path-top{font-weight:800}
  .path-card h3{font-size:27px}
  .path-action{font-weight:800}
  .editorial .gather-paths,.editorial .gather-ideas{border-color:var(--rule)}
  .idea-grid{gap:17px}
  .idea-grid a{position:relative;display:block;padding:22px 22px 19px;border:1px solid var(--rule)!important;border-radius:14px;background:linear-gradient(150deg,#fff7,transparent 40%),var(--surface);box-shadow:inset 0 2px 1px #fff9,0 4px 0 var(--edge),0 13px 24px #183e3a20;transition:transform .22s,box-shadow .22s}
  .idea-grid a:hover{transform:translateY(-5px);box-shadow:inset 0 2px 1px #fff9,0 9px 0 var(--edge),0 22px 30px #183e3a2b}
  .idea-grid h3{margin:15px 0 10px}
  .idea-grid .path-action{color:var(--accent)}
  .editorial .glass,.editorial.light .glass,.editorial.dark .glass{
    background:linear-gradient(155deg,#fff8,transparent 30%),var(--surface)!important;
    border:1px solid var(--rule);border-radius:15px;box-shadow:inset 0 2px 1px #fff8,0 5px 0 var(--edge),0 16px 30px #173d3a22!important;
    backdrop-filter:blur(12px);
  }
  .editorial .kit{border-radius:15px;box-shadow:inset 0 2px 1px #fff8,var(--depth);transition:transform .22s,box-shadow .22s}
  .editorial .kit:hover{transform:translateY(-6px);box-shadow:inset 0 2px 1px #fff8,var(--deep-depth)}
  .editorial .art{background:linear-gradient(145deg,#fff9,transparent 45%),color-mix(in srgb,var(--accent) 19%,var(--page))!important}
  .editorial .paper{box-shadow:0 8px 0 #d7d4c7,0 18px 22px #19343636;background:#fffdf6}
  .editorial .chip{border-radius:9px}
  .editorial .chip.active,.editorial .filters [aria-pressed=true]{background:var(--accent)!important;color:var(--accent-text)!important}
  .editorial .secondary-gathering .glass{padding:20px!important;border:1px solid var(--rule)!important;background:var(--surface)!important;box-shadow:inset 0 2px 1px #fff8,0 4px 0 var(--edge),0 13px 23px #173d3a20!important}
  .editorial .textbtn{background:transparent;box-shadow:none!important;color:var(--accent);border:0}
  .editorial .textbtn:hover{box-shadow:none!important}
  .editorial .count{color:var(--accent)}
  .editorial.tool-page .intro{padding-top:8px}
  .editorial.tool-page .intro h1{font-family:var(--display);font-weight:900;letter-spacing:-.055em;max-width:880px}
  .editorial.tool-page .design{border-radius:12px;background:var(--surface);box-shadow:inset 0 2px 1px #fff8,0 4px 0 var(--edge),0 14px 22px #143a3924!important;transition:transform .2s,box-shadow .2s!important}
  .editorial.tool-page .design:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:inset 0 2px 1px #fff8,0 8px 0 var(--edge),0 22px 30px #143a3930!important}
  .editorial.tool-page input,.editorial.tool-page textarea,.editorial.tool-page select{border-radius:8px!important;background:var(--surface);color:var(--ink)}
  .editorial .planning-countdown{background:var(--surface);padding:16px 20px;border:1px solid var(--rule);border-radius:14px;box-shadow:var(--depth)}
  .editorial dialog{border-radius:17px;box-shadow:0 35px 90px #031e2580}
  .editorial .cd-number{box-shadow:inset 0 2px 1px #fff7,0 4px 0 var(--edge),0 10px 17px #061e2526!important}
  .editorial input::placeholder,.editorial textarea::placeholder{color:var(--muted-ink);opacity:.85}
}
@media(max-width:1050px){
  .editorial header .nav{padding:15px 22px 12px;gap:14px}
  .editorial .appearance-bar{justify-content:flex-start}
  .editorial-hero{gap:27px}
}
@media(max-width:700px){
  .editorial header .nav{padding:13px 18px;gap:11px}
  .editorial .appearance-bar{order:5;padding-top:9px;display:grid;grid-template-columns:1fr auto;gap:4px 8px}
  .appearance-label{align-self:center}
  .palette-choices{grid-column:1/-1;grid-row:2;max-width:calc(100vw - 36px);padding:3px 2px 9px}
  .appearance-label::after{content:' · swipe colours →';font-weight:400}
  .editorial .palette-choice{flex:0 0 auto}
  .editorial .mode-choice{grid-column:2;grid-row:1;margin:0;min-height:34px;padding:5px 9px}
  .editorial .palette-choice{min-height:37px}
  .editorial .nav nav{order:6}
  .editorial-hero{padding:29px 0 41px;gap:20px}
  .editorial-hero h1{font-size:clamp(52px,12.7vw,73px);letter-spacing:-.06em}
  .hero-still-life{margin:8px auto 0;padding:9px;transform:rotate(.5deg)}
  .hero-still-life img{max-height:280px}
  .editorial .path-card{grid-template-columns:1fr 115px;gap:10px 14px;padding:14px}
  .path-card img{margin:0}
  .idea-grid{gap:15px}
  .idea-grid a{padding:18px}
  .editorial .secondary-gathering .glass{padding:16px!important}
  .editorial.tool-page .intro h1{font-size:clamp(38px,9vw,54px)}
  .quick-pick-result{grid-template-columns:1fr;gap:7px}
  .quick-pick-result span{grid-row:auto}
  .editorial .quick-pick-result button{grid-row:auto;grid-column:auto;justify-self:start}
}
@media(prefers-reduced-motion:reduce){
  .editorial .path-card,.editorial .kit,.editorial .palette-choice,.editorial .mode-choice,.editorial .design,.editorial .idea-grid a,.hero-still-life{transition:none!important}
  .editorial .path-card:hover,.editorial .kit:hover,.editorial .palette-choice:hover,.editorial .mode-choice:hover,.editorial .design:hover,.editorial .idea-grid a:hover,.hero-still-life:hover{transform:none!important}
}
@media print{
  .appearance-bar{display:none!important}
}
.editorial .nav .brand img{display:block;width:178px;height:auto;max-height:72px;object-fit:contain;filter:drop-shadow(0 5px 6px #17426b22)}
.editorial .nav .brand{flex:none;line-height:1}
@media(max-width:700px){.editorial .nav .brand img{width:142px;max-height:58px}}

/* Compact navigation and a colour menu that stays on the header row. */
@media screen{
  .editorial header .nav{min-height:76px;padding:8px 28px;flex-wrap:nowrap;gap:17px}
  .editorial .nav .brand img{width:155px;max-height:62px}
  .editorial .nav nav{order:1;gap:20px}
  .editorial .appearance-menu{position:relative;order:2;flex:none;margin-left:1px}
  .editorial .saved-nav{order:3;margin-left:0}
  .appearance-trigger{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;white-space:nowrap;min-height:38px;padding:7px 11px;border:1px solid var(--rule);border-radius:9px;background:var(--surface);color:var(--ink);font:700 11px var(--body);box-shadow:inset 0 2px 1px #fff8,0 3px 0 var(--edge),0 7px 12px #112b2826}
  .appearance-trigger::-webkit-details-marker{display:none}
  .appearance-trigger::after{content:'⌄';font-size:16px;line-height:1}
  .appearance-menu[open] .appearance-trigger{border-color:var(--accent)}
  .appearance-panel{position:absolute;z-index:30;right:0;top:calc(100% + 11px);width:230px;padding:15px;border:1px solid var(--rule);border-radius:13px;background:var(--surface);box-shadow:inset 0 2px 1px #fff8,0 7px 0 var(--edge),0 22px 40px #112b2840}
  .appearance-panel .appearance-label{display:block;margin:0 0 10px;font-size:11px}
  .appearance-panel .palette-choices{display:grid;gap:8px;overflow:visible;padding:0}
  .appearance-panel .palette-choice{justify-content:flex-start;width:100%;min-height:37px}
  .appearance-panel .mode-choice{width:100%;margin:14px 0 0;justify-content:flex-start}
  .home-page .editorial-hero{grid-template-columns:1fr .98fr;gap:28px;padding:16px 0 20px}
  .home-page .editorial-hero h1{font-size:clamp(56px,5.3vw,73px);max-width:520px;margin:13px 0 17px;line-height:1.02}
  .home-page .hero-description{font-size:16px;line-height:1.5}
  .home-page .hero-actions{margin:20px 0 13px}
  .home-page .hero-still-life{padding:10px}
  .home-page .hero-still-life img{aspect-ratio:1.55;max-height:310px;object-fit:cover}
  .home-page .hero-still-life .art-caption{margin-top:8px}
  .home-page .quick-pick{margin-bottom:8px}
}
@media(max-width:1050px){
  .editorial header .nav{gap:11px;padding:9px 20px}
  .editorial .nav .brand img{width:135px}
  .editorial .nav nav{gap:12px;font-size:12px}
  .appearance-trigger{padding:7px 8px}
}
@media(max-width:700px){
  .editorial header .nav{min-height:63px;padding:8px 16px;gap:8px;flex-wrap:wrap}
  .editorial .nav .brand img{width:118px;max-height:48px}
  .editorial .nav-toggle{order:2;margin-left:auto;padding:7px 9px;min-height:36px}
  .editorial .appearance-menu{order:3;margin:0}
  .appearance-trigger{min-height:35px;padding:6px 8px}
  .appearance-current{font-size:0}
  .appearance-current::before{content:'Colours';font-size:11px}
  .editorial .saved-nav{order:4;margin:0;padding:7px;min-height:35px}
  .editorial .nav nav{order:5;margin:0;width:100%}
  .appearance-panel{right:-52px;width:min(230px,calc(100vw - 30px))}
  .appearance-panel .appearance-label::after{content:none}
  .appearance-panel .palette-choices{grid-column:auto;grid-row:auto;max-width:none;padding:0}
  .appearance-panel .mode-choice{grid-column:auto;grid-row:auto;margin:14px 0 0}
  .home-page .editorial-hero{grid-template-columns:1fr;gap:12px;padding:25px 0 30px}
  .home-page .editorial-hero h1{font-size:clamp(43px,10vw,61px);margin:11px 0 16px}
  .home-page .hero-still-life{max-width:390px;margin:3px auto 0}
  .home-page .hero-still-life img{max-height:210px}
}
@media(max-width:420px){
  .editorial header .nav{padding:7px 12px;gap:6px;flex-wrap:nowrap}
  .editorial .nav .brand img{width:100px;max-height:42px}
  .editorial .nav-toggle{font-size:11px;padding:6px 7px;min-height:34px}
  .appearance-trigger{font-size:10px;padding:5px 6px;min-height:34px}
  .appearance-current::before{font-size:10px}
  .editorial .saved-nav{font-size:0;min-width:40px;min-height:34px;padding:5px 6px}
  .editorial .saved-nav::before{content:'♡';font-size:16px;line-height:1}
  .editorial .saved-nav .count{font-size:10px;padding:0 0 0 2px;border:0}
  .editorial .nav nav{position:absolute;top:100%;left:0;right:0;padding:8px 16px 13px!important;background:var(--surface);border-bottom:1px solid var(--rule);box-shadow:0 10px 20px #122d3030}
  .appearance-panel{right:0;width:min(230px,calc(100vw - 24px))}
}

/* Clear, compact brand treatment and a consistent three-choice navigation. */
@media screen {
  .editorial .nav .brand{display:flex;align-items:center;gap:7px;min-width:0;flex:none;text-decoration:none}
  .editorial .brand-emblem{display:block;position:relative;flex:none;width:54px;height:56px;overflow:hidden}
  .editorial .nav .brand-emblem img{display:block;width:140px;max-width:none;height:56px;max-height:none;object-fit:fill;filter:drop-shadow(0 4px 5px #17426b24)}
  .editorial .brand-name{font:850 22px/1 var(--display);letter-spacing:-.055em;color:#0879ae!important;white-space:nowrap}
  .editorial .brand-name em{font-style:normal;color:#cc7b18}
  .editorial .nav nav{font-size:13px;font-weight:700}
  .editorial.tool-page .nav nav,.editorial.tool-page .nav nav a{font-size:13px}
  .editorial.tool-page .intro h1{font-size:clamp(35px,4vw,49px);line-height:1.12;max-width:740px}
  .editorial.tool-page .intro{margin-top:11px;margin-bottom:28px;padding-bottom:24px}
  @media(max-width:1050px){.editorial .brand-name{font-size:19px}.editorial .nav .brand-emblem{width:47px;height:49px}.editorial .nav .brand-emblem img{width:122px;height:49px}.editorial .nav nav{font-size:12px}}
  @media(max-width:700px){.editorial .brand-name{font-size:18px}.editorial .nav .brand-emblem{width:43px;height:45px}.editorial .nav .brand-emblem img{width:112px;height:45px}}
  @media(max-width:420px){.editorial .brand-name{font-size:15px}.editorial .nav .brand-emblem{width:38px;height:40px}.editorial .nav .brand-emblem img{width:100px;height:40px}}
}

/* Give primary categories the same tactile depth as the site controls. */
@media screen {
  .editorial .nav #main-navigation{align-items:center;gap:8px}
  .editorial .nav #main-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 13px;border:1px solid color-mix(in srgb,var(--accent) 27%,var(--rule));border-radius:9px;background:linear-gradient(155deg,#fff8,transparent 60%),var(--surface);color:var(--ink);box-shadow:inset 0 2px 1px #fff9,0 3px 0 var(--edge),0 8px 13px #1236381c;text-decoration:none;white-space:nowrap;transition:transform .18s,box-shadow .18s,border-color .18s}
  .editorial .nav #main-navigation a:hover,.editorial .nav #main-navigation a:focus-visible{transform:translateY(-3px);box-shadow:inset 0 2px 1px #fff9,0 6px 0 var(--edge),0 14px 19px #1236382b;border-color:var(--accent)}
  .editorial .nav #main-navigation a:active{transform:translateY(2px);box-shadow:inset 0 1px 1px #fff8,0 1px 0 var(--edge)}
  .editorial .nav #main-navigation a[aria-current=page]{background:linear-gradient(155deg,#fff6,transparent 65%),var(--accent);color:var(--accent-text);border-color:var(--accent)}
  .editorial .brand-emblem{width:58px!important}
  @media(max-width:1050px){.editorial .brand-emblem{width:50px!important}.editorial .nav #main-navigation a{padding:6px 9px}}
  @media(max-width:700px){.editorial .brand-emblem{width:46px!important}.editorial .nav #main-navigation a{justify-content:flex-start;width:100%;min-height:42px;padding:9px 12px}}
  @media(max-width:420px){.editorial .brand-emblem{width:41px!important}}
}

/* Text-only wordmark and balanced controls across every page. */
@media screen {
  .editorial header .nav{align-items:center}
  .editorial .nav .brand{min-height:38px;gap:0;margin-right:auto}
  .editorial .brand-name{font:850 clamp(24px,2.1vw,31px)/1 var(--display);letter-spacing:-.055em;color:#0879ae!important}
  .editorial .brand-name em{color:#cc7b18}
  .editorial .nav nav{margin-left:0}
  .editorial .nav .saved-nav{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;min-width:0;padding:7px 11px;font:700 11px/1.2 var(--body);white-space:nowrap}
  .editorial .nav .saved-nav::before{content:none}
  .editorial .nav .saved-nav .count{font-size:11px;padding:0 5px;border:0}
  .editorial .nav .appearance-trigger{min-height:38px}
  @media(max-width:1050px){.editorial .brand-name{font-size:24px}.editorial .nav #main-navigation a{padding-inline:9px}}
  @media(max-width:700px){.editorial .nav .brand{margin-right:auto}.editorial .brand-name{font-size:24px}.editorial .nav .saved-nav{min-height:36px;font-size:11px;padding:6px 8px}.editorial .nav .saved-nav .count{font-size:11px}.editorial .nav .appearance-trigger{min-height:36px}}
  @media(max-width:420px){.editorial .brand-name{font-size:21px}.editorial .nav .saved-nav{font-size:0;gap:2px}.editorial .nav .saved-nav::before{content:'♡';font-size:17px}.editorial .nav .saved-nav .count{font-size:11px}}
}

/* Prominent one-click night mode and luminous glass surfaces. */
@media screen {
  .editorial .night-toggle{order:3;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--rule));border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 90%,white),var(--surface));color:var(--ink);font:800 11px var(--body);white-space:nowrap;box-shadow:inset 0 2px 1px #fff8,0 3px 0 var(--edge),0 8px 16px #07192335;transition:transform .18s,box-shadow .18s,border-color .18s}
  .editorial .night-toggle span:first-child{font-size:17px;line-height:1;color:var(--gold);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--gold) 65%,transparent))}
  .editorial .night-toggle:hover,.editorial .night-toggle:focus-visible{transform:translateY(-3px);border-color:var(--accent);box-shadow:inset 0 2px 1px #fff8,0 6px 0 var(--edge),0 15px 24px #0719234d}
  .editorial .night-toggle:active{transform:translateY(2px);box-shadow:inset 0 1px 1px #fff6,0 1px 0 var(--edge)}
  .editorial .night-toggle[aria-pressed=true]{background:linear-gradient(145deg,#215e69c9,#102f40e8);border-color:#77eee1;box-shadow:inset 0 1px 1px #cafff17d,0 3px 0 #020e14,0 0 24px #65e8da45}
  body.editorial[data-mode=night] header{background:#071b25c2!important;border-color:#a7ebe43d;box-shadow:0 10px 35px #000912a8;backdrop-filter:blur(24px) saturate(140%)}
  body.editorial[data-mode=night] .time-card,body.editorial[data-mode=night] .countdown-widget,body.editorial[data-mode=night] .path-card,body.editorial[data-mode=night] .appearance-panel,body.editorial[data-mode=night] dialog{background:linear-gradient(145deg,#ffffff17 0%,#ffffff07 28%,transparent 68%),var(--surface)!important;border-color:#b8f4eb42!important;box-shadow:inset 0 2px 1px #d9fff53d,0 6px 0 var(--edge),0 22px 42px #00091299!important;backdrop-filter:blur(20px) saturate(135%)}
  body.editorial[data-mode=night] .world-clock,body.editorial[data-mode=night] .cd-alarm,body.editorial[data-mode=night] .cd-tabs,body.editorial[data-mode=night] .clock-picker input{background:linear-gradient(145deg,#ffffff14,transparent 70%),var(--chip)!important;border-color:#b8f4eb36!important}
  body.editorial[data-mode=night] .editorial-hero h1{text-shadow:0 0 34px #5de7dc24}
  body.editorial[data-mode=night] .eyebrow,body.editorial[data-mode=night] .path-action{filter:drop-shadow(0 0 8px #71eee055)}
  @media(max-width:700px){.editorial .night-toggle{min-height:36px;padding:6px 9px}.editorial .night-toggle span:last-child{font-size:0}.editorial .night-toggle span:last-child::after{content:'Mode';font-size:10px}}
  @media(max-width:420px){.editorial .night-toggle{width:38px;padding:5px}.editorial .night-toggle span:last-child{display:none}}
}