:root{
  --bg: #14171c;
  --bg-panel: #1b1f27;
  --bg-panel-2: #20242e;
  --line: #2a2f3a;
  --tick: #333a47;
  --text: #f2f0ea;
  --text-muted: #7b8290;
  --amber: #ff8a3d;
  --mint: #3ddc97;
  --coral: #ff5c7a;
  --focus: #6fb3ff;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; background:var(--bg); color:var(--text); font-family:'Inter',sans-serif; }
body{ min-height:100vh; display:flex; flex-direction:column; }
::selection{ background:var(--amber); color:#14171c; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; }
button:focus-visible, input:focus-visible, a:focus-visible, [tabindex]:focus-visible{
  outline:2px solid var(--focus); outline-offset:2px;
}
img{ max-width:100%; }

/* ---------- header ---------- */
.site-header{
  width:100%; border-bottom:1px solid var(--line);
  display:flex; flex-direction:column; align-items:center;
}
.site-header-inner{
  width:100%; max-width:1080px; display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px; gap:16px;
}
.brand{ display:flex; align-items:center; gap:10px; font-family:'Space Mono',monospace; font-weight:700; font-size:15px; }
.brand .dot{ width:9px;height:9px;border-radius:50%; background:var(--amber); box-shadow:0 0 0 3px rgba(255,138,61,0.15); }
.brand-clock{ font-family:'Space Mono',monospace; font-size:13px; color:var(--text-muted); }
.brand-clock span{ color:var(--amber); }

.site-nav{
  width:100%; max-width:1080px; display:flex; gap:4px; overflow-x:auto; scrollbar-width:none;
  padding:0 20px 14px;
}
.site-nav::-webkit-scrollbar{ display:none; }
.site-nav a{
  white-space:nowrap; font-size:12.5px; font-weight:600; letter-spacing:0.02em; text-transform:uppercase;
  color:var(--text-muted); padding:8px 12px; border-radius:999px; border:1px solid transparent;
}
.site-nav a:hover{ color:var(--text); border-color:var(--line); }
.site-nav a.active{ color:#14171c; background:var(--text); }

/* ---------- main / layout ---------- */
main{ flex:1; width:100%; display:flex; flex-direction:column; align-items:center; }
.page-wrap{ width:100%; max-width:720px; padding:28px 20px 10px; display:flex; flex-direction:column; align-items:center; }
.page-wrap.wide{ max-width:960px; }
h1{ font-family:'Space Mono',monospace; font-size:clamp(22px,4.5vw,30px); text-align:center; margin:0 0 8px; }
.page-sub{ color:var(--text-muted); font-size:14px; text-align:center; max-width:560px; margin:0 0 26px; line-height:1.55; }

/* ---------- bezel (shared ring/digit tool face) ---------- */
.bezel-wrap{ position:relative; width:min(78vw,320px); aspect-ratio:1/1; margin:6px 0; }
.bezel-wrap.small{ width:min(48vw,190px); }
.bezel-wrap svg{ width:100%; height:100%; display:block; overflow:visible; }
.tick{ stroke:var(--tick); stroke-width:2; }
.tick.major{ stroke:#454c5a; stroke-width:3; }
.progress-track{ fill:none; stroke:var(--line); stroke-width:3; }
.progress-arc{ fill:none; stroke-width:3; stroke-linecap:round; transition:stroke .2s ease; }
.sweep-dot{ transition:fill .2s ease; }
.digit-face{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:6px; }
.digits{ font-family:'Space Mono',monospace; font-weight:700; font-size:clamp(28px,7.5vw,42px); font-variant-numeric:tabular-nums; }
.digits .sub{ font-size:0.5em; color:var(--text-muted); }
.face-label{ font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-muted); }

.controls{ display:flex; align-items:center; gap:16px; margin:20px 0 8px; flex-wrap:wrap; justify-content:center; }
.ctrl-btn{ border-radius:999px; border:1px solid var(--line); background:var(--bg-panel); color:var(--text); font-weight:600; font-size:13px; letter-spacing:0.03em; text-transform:uppercase; padding:12px 20px; transition:transform .1s ease, border-color .15s ease, background .15s ease; }
.ctrl-btn:hover{ border-color:#454c5a; }
.ctrl-btn:active{ transform:scale(0.96); }
.ctrl-btn.primary{ background:var(--amber); border-color:var(--amber); color:#14171c; padding:14px 30px; }
.ctrl-btn.primary.running{ background:var(--coral); border-color:var(--coral); }
.ctrl-btn.primary.done{ background:var(--mint); border-color:var(--mint); }
.ctrl-btn:disabled{ opacity:0.35; cursor:not-allowed; }

.list-area{ width:100%; max-width:400px; margin-top:8px; }
.lap-row{ display:flex; justify-content:space-between; padding:9px 4px; border-bottom:1px solid var(--line); font-family:'Space Mono',monospace; font-size:13px; }
.lap-row .lap-idx{ color:var(--text-muted); }
.lap-row .lap-delta{ color:var(--text-muted); }
.empty-hint{ text-align:center; color:var(--text-muted); font-size:13px; padding:16px 0; }

.presets{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; max-width:420px; margin-bottom:6px; }
.preset-chip{ background:var(--bg-panel); border:1px solid var(--line); color:var(--text-muted); font-family:'Space Mono',monospace; font-size:12px; padding:8px 14px; border-radius:999px; transition:border-color .15s ease, color .15s ease; }
.preset-chip:hover, .preset-chip.active{ color:var(--text); border-color:#454c5a; }

.hms-input{ display:flex; align-items:baseline; gap:4px; justify-content:center; margin:4px 0 10px; flex-wrap:wrap; }
.hms-input input{ width:56px; background:var(--bg-panel); border:1px solid var(--line); border-radius:8px; color:var(--text); font-family:'Space Mono',monospace; font-size:20px; text-align:center; padding:8px 0; }
.hms-input span{ color:var(--text-muted); font-family:'Space Mono',monospace; font-size:18px; }
.hms-input label{ display:flex; flex-direction:column; align-items:center; gap:4px; font-size:10px; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-muted); }

.alarm-add{ display:flex; align-items:center; gap:10px; margin:4px 0 18px; flex-wrap:wrap; justify-content:center; }
.alarm-add input[type=time]{ background:var(--bg-panel); border:1px solid var(--line); border-radius:8px; color:var(--text); font-family:'Space Mono',monospace; font-size:18px; padding:10px 12px; }
.alarm-add input[type=text]{ background:var(--bg-panel); border:1px solid var(--line); border-radius:8px; color:var(--text); font-family:'Inter',sans-serif; font-size:13px; padding:10px 12px; width:130px; }
.alarm-list{ width:100%; max-width:400px; }
.alarm-row{ display:flex; align-items:center; justify-content:space-between; background:var(--bg-panel); border:1px solid var(--line); border-radius:12px; padding:12px 14px; margin-bottom:8px; }
.alarm-row.firing{ border-color:var(--coral); box-shadow:0 0 0 3px rgba(255,92,122,0.15); }
.alarm-meta{ display:flex; flex-direction:column; }
.alarm-time{ font-family:'Space Mono',monospace; font-size:20px; }
.alarm-label{ font-size:11px; color:var(--text-muted); margin-top:2px; }
.alarm-actions{ display:flex; align-items:center; gap:10px; }
.switch{ width:38px; height:22px; border-radius:999px; background:var(--line); position:relative; border:none; transition:background .15s ease; flex-shrink:0; }
.switch.on{ background:var(--mint); }
.switch .knob{ position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:var(--text); transition:transform .15s ease; }
.switch.on .knob{ transform:translateX(16px); }
.remove-btn{ background:transparent; border:none; color:var(--text-muted); font-size:16px; padding:4px 6px; border-radius:6px; }
.remove-btn:hover{ color:var(--coral); }
.clock-caption{ font-family:'Space Mono',monospace; font-size:13px; color:var(--text-muted); margin-top:4px; }

/* ---- chess clock ---- */
.chess-wrap{ display:flex; width:100%; max-width:520px; gap:10px; margin:14px 0; }
.chess-half{ flex:1; background:var(--bg-panel); border:2px solid var(--line); border-radius:16px; padding:26px 10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; transition:border-color .15s ease, background .15s ease; min-height:150px; }
.chess-half.active{ border-color:var(--amber); background:var(--bg-panel-2); }
.chess-half.dead{ border-color:var(--coral); }
.chess-half .digits{ font-size:clamp(24px,6vw,36px); }
.chess-half .cname{ font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-muted); }
.chess-settings{ display:flex; gap:10px; align-items:center; margin-top:6px; flex-wrap:wrap; justify-content:center; }
.chess-settings input{ width:64px; background:var(--bg-panel); border:1px solid var(--line); border-radius:8px; color:var(--text); font-family:'Space Mono',monospace; font-size:15px; text-align:center; padding:6px 0; }
.chess-settings label{ font-size:11px; color:var(--text-muted); display:flex; flex-direction:column; align-items:center; gap:4px; }

/* ---- metronome ---- */
.metro-bpm{ font-family:'Space Mono',monospace; font-weight:700; font-size:clamp(40px,11vw,58px); margin:10px 0 2px; }
.metro-bpm-label{ font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-muted); margin-bottom:14px; }
.metro-slider{ width:100%; max-width:340px; accent-color:var(--amber); }
.pulse-dot{ width:22px; height:22px; border-radius:50%; background:var(--amber); margin:18px auto 4px; transform:scale(1); }
.pulse-dot.beat{ animation:pulse .28s ease-out; }
@keyframes pulse{ 0%{ transform:scale(1.7); background:var(--mint); } 100%{ transform:scale(1); background:var(--amber); } }

/* ---- converters / calculators ---- */
.field-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:center; margin:8px 0; }
.field-row label{ font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-muted); display:flex; flex-direction:column; gap:5px; align-items:flex-start; }
.field-row input, .field-row select{
  background:var(--bg-panel); border:1px solid var(--line); border-radius:8px; color:var(--text);
  font-family:'Space Mono',monospace; font-size:15px; padding:9px 10px; text-align:center;
}
.field-row select{ font-family:'Inter',sans-serif; font-size:13px; min-width:170px; text-align:left; }
.result-box{
  width:100%; max-width:440px; background:var(--bg-panel); border:1px solid var(--line); border-radius:14px;
  padding:20px; text-align:center; margin:16px 0;
}
.result-box .r-label{ font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-muted); margin-bottom:6px; }
.result-box .r-value{ font-family:'Space Mono',monospace; font-size:clamp(22px,6vw,30px); font-weight:700; color:var(--mint); }
.swap-btn{ background:var(--bg-panel); border:1px solid var(--line); border-radius:999px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; color:var(--text-muted); }
.swap-btn:hover{ color:var(--text); border-color:#454c5a; }

table.ref-table{ width:100%; max-width:520px; border-collapse:collapse; margin:18px 0; font-size:13.5px; }
table.ref-table caption{ text-align:left; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-muted); margin-bottom:8px; }
table.ref-table th, table.ref-table td{ padding:9px 10px; border-bottom:1px solid var(--line); text-align:left; }
table.ref-table th{ color:var(--text-muted); font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:0.05em; }
table.ref-table td.mono{ font-family:'Space Mono',monospace; }
table.ref-table tbody tr:hover{ background:rgba(255,255,255,0.02); }

/* ---- world clock (time.is-style) ---- */
.worldclock{ width:100%; max-width:640px; display:flex; flex-direction:column; align-items:center; padding:6px 20px 18px; }
.wc-label{ font-size:10.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--text-muted); margin-bottom:4px; }
.wc-huge{ font-family:'Space Mono',monospace; font-weight:700; font-size:clamp(32px,7vw,46px); font-variant-numeric:tabular-nums; line-height:1; color:var(--amber); }
.wc-sub{ font-size:12px; color:var(--text); margin-top:6px; text-align:center; }
.wc-date{ font-size:11px; color:var(--text-muted); margin-top:2px; margin-bottom:12px; }
.wc-search-wrap{ position:relative; width:100%; max-width:360px; }
.wc-search{ width:100%; background:var(--bg-panel); border:1px solid var(--line); border-radius:10px; color:var(--text); font-family:'Inter',sans-serif; font-size:14px; padding:11px 14px; }
.wc-search::placeholder{ color:var(--text-muted); }
.wc-suggestions{ position:absolute; top:calc(100% + 6px); left:0; right:0; background:var(--bg-panel-2); border:1px solid var(--line); border-radius:10px; overflow:hidden; z-index:5; display:none; }
.wc-suggestions.open{ display:block; }
.wc-suggestion{ width:100%; text-align:left; background:none; border:none; color:var(--text); font-size:13.5px; padding:10px 14px; display:flex; justify-content:space-between; }
.wc-suggestion:hover, .wc-suggestion.hi{ background:rgba(255,138,61,0.1); }
.wc-suggestion .s-tz{ color:var(--text-muted); font-family:'Space Mono',monospace; font-size:12px; }
.wc-result{ display:none; align-items:center; justify-content:space-between; gap:14px; width:100%; max-width:360px; margin-top:14px; background:var(--bg-panel); border:1px solid var(--line); border-radius:12px; padding:12px 16px; }
.wc-result.show{ display:flex; }
.wc-result .wr-meta{ display:flex; flex-direction:column; }
.wc-result .wr-city{ font-size:12px; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.06em; }
.wc-result .wr-time{ font-family:'Space Mono',monospace; font-size:20px; font-weight:700; color:var(--mint); }
.wc-result .wr-close{ background:none; border:none; color:var(--text-muted); font-size:18px; padding:4px 8px; }
.wc-result .wr-close:hover{ color:var(--coral); }
.wc-popular{ width:100%; max-width:640px; margin-top:14px; }
.wc-popular-label{ text-align:center; font-size:10.5px; letter-spacing:0.12em; text-transform:uppercase; color:var(--text-muted); margin-bottom:8px; }
.wc-ticker-wrap{ width:100%; overflow:hidden; position:relative; -webkit-mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent); mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent); }
.wc-ticker{ display:flex; align-items:center; gap:22px; width:max-content; animation:wc-scroll 34s linear infinite; }
.wc-ticker:hover{ animation-play-state:paused; }
@keyframes wc-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.wc-time-chip{ display:flex; align-items:center; gap:8px; white-space:nowrap; background:none; border:none; padding:4px 0; flex-shrink:0; color:var(--text-muted); transition:color .15s ease; }
.wc-time-chip:hover{ color:var(--text); }
.wc-time-chip .wc-chip-city{ font-size:12px; }
.wc-time-chip .wc-chip-time{ font-family:'Space Mono',monospace; font-size:12.5px; color:var(--text); }
.wc-time-chip .wc-chip-sep{ color:var(--line); font-size:14px; }
@media (prefers-reduced-motion: reduce){ .wc-ticker{ animation:none; overflow-x:auto; } .progress-arc,.sweep-dot,.pulse-dot{ transition:none; animation:none !important; } }

/* ---- tool card grid (home + hub pages) ---- */
.tool-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:12px; width:100%; max-width:900px; margin:8px 0 10px; }
.tool-card{ background:var(--bg-panel); border:1px solid var(--line); border-radius:14px; padding:18px 16px; text-align:left; color:var(--text); display:flex; flex-direction:column; gap:8px; transition:border-color .15s ease, transform .12s ease; }
.tool-card:hover{ border-color:#454c5a; transform:translateY(-2px); }
.tc-icon{ width:32px; height:32px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-family:'Space Mono',monospace; font-weight:700; font-size:13px; background:rgba(255,138,61,0.12); color:var(--amber); }
.tc-title{ font-weight:600; font-size:14.5px; }
.tc-desc{ font-size:12px; color:var(--text-muted); line-height:1.45; }

/* ---- preset grid (timer hub) ---- */
.preset-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; width:100%; max-width:760px; margin:10px 0 20px; }
.preset-card{ background:var(--bg-panel); border:1px solid var(--line); border-radius:12px; padding:14px 10px; text-align:center; color:var(--text); font-family:'Space Mono',monospace; font-size:14px; transition:border-color .15s ease, transform .12s ease; }
.preset-card:hover{ border-color:var(--amber); color:var(--amber); transform:translateY(-2px); }

/* ---- content / SEO copy sections ---- */
.content-block{ width:100%; max-width:680px; padding:8px 20px 8px; color:var(--text-muted); font-size:14.5px; line-height:1.7; }
.content-block h2{ font-family:'Space Mono',monospace; font-size:18px; color:var(--text); margin:30px 0 10px; }
.content-block h3{ font-size:15px; color:var(--text); margin:20px 0 6px; }
.content-block p{ margin:0 0 12px; }
.content-block ul{ margin:0 0 14px; padding-left:20px; }
.content-block li{ margin-bottom:6px; }
.content-block a{ color:var(--amber); border-bottom:1px solid rgba(255,138,61,0.35); }
.content-block a:hover{ border-color:var(--amber); }

.faq{ width:100%; max-width:680px; padding:0 20px 10px; }
.faq details{ border-bottom:1px solid var(--line); padding:14px 0; }
.faq summary{ cursor:pointer; font-weight:600; font-size:14.5px; color:var(--text); list-style:none; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; color:var(--text-muted); font-family:'Space Mono',monospace; font-size:18px; flex-shrink:0; }
.faq details[open] summary::after{ content:"–"; }
.faq p{ color:var(--text-muted); font-size:13.5px; line-height:1.6; margin:10px 0 0; }

/* ---------- footer ---------- */
footer.site-footer{ width:100%; border-top:1px solid var(--line); margin-top:30px; padding:30px 20px 40px; display:flex; flex-direction:column; align-items:center; }
.footer-inner{ width:100%; max-width:1080px; display:flex; flex-direction:column; gap:20px; }
.footer-cols{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:20px; }
.footer-col h4{ font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-muted); margin:0 0 10px; }
.footer-col a{ display:block; font-size:13px; color:var(--text-muted); padding:4px 0; }
.footer-col a:hover{ color:var(--text); }
.footer-bottom{ font-size:11px; color:var(--text-muted); text-align:center; padding-top:16px; border-top:1px solid var(--line); }

@media (max-width:640px){
  .site-header-inner{ flex-wrap:wrap; }
}


/* 2026 trust, SEO, UX and Cloudflare Pages updates */
.site-nav{overflow:visible;align-items:center}
.nav-more{position:relative}
.nav-more summary{list-style:none;white-space:nowrap;font-size:12.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);padding:8px 12px;border-radius:999px;border:1px solid transparent;cursor:pointer}
.nav-more summary::-webkit-details-marker{display:none}
.nav-more summary:hover,.nav-more[open] summary{color:var(--text);border-color:var(--line)}
.nav-more-menu{position:absolute;z-index:50;top:42px;right:0;min-width:230px;padding:8px;background:var(--bg-panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.35);display:grid;gap:2px}
.nav-more-menu a{display:block;border-radius:8px;padding:9px 10px;text-transform:none;letter-spacing:0;font-size:13px}
.header-actions{display:flex;align-items:center;gap:10px}
.home-h1{margin:0 0 10px;font-size:12px;font-family:'Inter',sans-serif;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.utility-btn{display:inline-flex;align-items:center;justify-content:center;margin:16px auto 0;border:1px solid var(--line);border-radius:999px;background:var(--bg-panel);color:var(--text);padding:10px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.utility-btn:hover{border-color:#454c5a}
.breadcrumbs{width:100%;display:flex;gap:7px;align-items:center;justify-content:flex-start;color:var(--text-muted);font-size:12px;margin:0 0 18px}
.breadcrumbs a:hover{color:var(--text)}
.legal-page{width:100%;max-width:760px;padding:42px 20px 56px;line-height:1.75}
.legal-page h1{text-align:left;font-size:clamp(28px,5vw,42px);margin-bottom:10px}
.legal-page h2{font-family:'Space Mono',monospace;font-size:18px;margin:34px 0 8px}
.legal-page p{color:#c7cbd2}
.legal-page a{text-decoration:underline;text-underline-offset:3px;color:var(--text)}
.legal-lead{font-size:17px;max-width:680px}
.legal-meta,.eyebrow{color:var(--text-muted)!important;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase}
.footer-bottom a{text-decoration:underline;text-underline-offset:2px}
.classroom-page{max-width:920px}
.classroom-bezel{width:min(82vw,420px)}
.classroom-bezel .digits{font-size:clamp(38px,10vw,64px)}
@media (max-width:760px){
  .site-nav{overflow-x:auto;overflow-y:visible}
  .nav-more-menu{position:fixed;left:16px;right:16px;top:auto;min-width:0}
  .brand-clock{display:none}
  .legal-page{padding-top:30px}
}

/* Content and accessible control additions */
.content-block h3{font-size:1.1rem;margin:1.6rem 0 .6rem;color:var(--text)}
.content-block ol,.legal-page ol{padding-left:1.4rem;line-height:1.8}.content-block li,.legal-page li{margin:.65rem 0}
.content-block a,.legal-page a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.guide-card{display:block;padding:22px;border:1px solid var(--line,#41434a);border-radius:12px;text-decoration:none!important}.guide-card h2{margin-top:0}
.timer-notice{min-height:1.5em;margin:16px auto;text-align:center;max-width:640px}.controls{flex-wrap:wrap}
.date-field,.activity-label{display:block;margin:18px 0}.date-field input,.activity-label input{display:block;margin-top:8px;padding:12px;max-width:100%;background:var(--bg);color:var(--text);border:1px solid #676a73;border-radius:6px}
.activity-display{font-size:clamp(1.3rem,4vw,2.2rem);text-align:center;overflow-wrap:anywhere}.updated{font-size:.85rem;margin-top:2rem}
[hidden]{display:none!important}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.result-box{overflow-wrap:anywhere}.field-row{flex-wrap:wrap}input,select{max-width:100%} .legal-page .content-block{padding-left:0;padding-right:0}
@media(max-width:480px){.field-row>*{min-width:0}.guide-grid{grid-template-columns:1fr}.legal-page{padding-left:20px;padding-right:20px}.content-block{padding-left:20px;padding-right:20px}}
.nav-more:not([open]) .nav-more-menu{display:none}
@media(max-width:760px){.site-nav{flex-wrap:wrap;overflow:visible}.nav-more-menu{position:absolute;left:0;right:auto;top:38px;width:250px;max-width:calc(100vw - 40px);max-height:60vh;overflow:auto}.nav-more{position:static}.site-nav{position:relative}.nav-more-menu{left:20px;top:100%}}
.footer-col{min-width:0}.footer-col a{overflow-wrap:anywhere}