/* ==========================================================================
   מיקרופייל ישראל — Design System "Strata"
   Palette: basalt / strata / ochre (bentonite) / oxide (rebar) / limestone
   ========================================================================== */

:root{
  --basalt:#100E0C;
  --strata:#191512;
  --grout:#241E19;
  --edge:#332A22;
  --ochre:#E0A93F;
  --ochre-soft:#F2C778;
  --oxide:#B4512F;
  --limestone:#F0EADD;
  --slate:#A79C8B;
  --bg:var(--basalt);
  --surface:var(--strata);
  --surface-2:var(--grout);
  --border:var(--edge);
  --text:var(--limestone);
  --muted:var(--slate);
  --accent:var(--ochre);
  --accent-ink:#171208;
  --ring:#F2C778;

  --font:"Rubik","Rubik Fallback",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --maxw:1220px;
  --gap:clamp(1rem,2.5vw,2rem);
  --r-s:6px; --r-m:12px; --r-l:20px;
  --shadow:0 18px 50px -20px rgba(0,0,0,.75);
  --t:.28s cubic-bezier(.2,.7,.3,1);
}

html[data-theme="light"]{
  --bg:#E8E6E0;
  --surface:#FFFFFF;
  --surface-2:#F3F1EB;
  --border:#D6D1C6;
  --text:#171310;
  --muted:#5C5346;
  --accent:#8A5A12;
  --accent-ink:#FFFFFF;
  --ring:#8A5A12;
  --shadow:0 14px 40px -22px rgba(23,19,16,.45);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
body{
  margin:0;
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  font-size:clamp(1rem,.97rem + .2vw,1.075rem);
  line-height:1.75;
  font-weight:400;
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background:
    radial-gradient(900px 480px at 88% -8%,rgba(224,169,63,.10),transparent 62%),
    radial-gradient(700px 420px at 4% 12%,rgba(180,81,47,.09),transparent 60%);
}
html[data-theme="light"] body::before{opacity:.35}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--text)}
:focus-visible{outline:3px solid var(--ring);outline-offset:3px;border-radius:4px}

h1,h2,h3,h4{line-height:1.18;margin:0 0 .6em;font-weight:800;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:clamp(2.05rem,1.35rem + 3.1vw,3.9rem);font-weight:900}
h2{font-size:clamp(1.6rem,1.2rem + 1.7vw,2.6rem)}
h3{font-size:clamp(1.2rem,1.06rem + .6vw,1.5rem);font-weight:700}
h4{font-size:1.06rem;font-weight:700}
p{margin:0 0 1.05em}
ul,ol{margin:0 0 1.2em;padding-inline-start:1.25em}
li{margin-bottom:.5em}
strong{font-weight:700;color:var(--text)}

.wrap{width:min(100% - 2.2rem,var(--maxw));margin-inline:auto}
.section{padding:clamp(3rem,6vw,5.5rem) 0;position:relative;z-index:1}
.section--tight{padding:clamp(2rem,4vw,3.2rem) 0}
.section--panel{background:var(--surface);border-block:1px solid var(--border)}
.lede{font-size:clamp(1.06rem,1rem + .45vw,1.28rem);color:var(--muted);max-width:64ch}
.center{text-align:center;margin-inline:auto}

/* eyebrow — depth marker motif */
.eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;margin:0 0 .9rem;
  font-size:.82rem;font-weight:700;letter-spacing:.14em;color:var(--accent);
}
.eyebrow::before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}

/* ---------- Skip link ---------- */
.skip{position:absolute;right:-9999px;top:0;z-index:999}
.skip:focus{right:1rem;top:1rem;background:var(--accent);color:var(--accent-ink);padding:.7rem 1.1rem;border-radius:var(--r-s);font-weight:700}

/* ---------- Header ---------- */
.hdr{position:sticky;top:0;z-index:120;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.hdr__bar{display:flex;align-items:center;gap:.9rem;min-height:70px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);flex:0 0 auto}
.brand__name{font-weight:900;font-size:1.12rem;letter-spacing:-.02em;line-height:1.1}
.brand__sub{display:block;font-size:.7rem;font-weight:500;color:var(--muted);letter-spacing:.05em}
.nav{margin-inline-start:auto;display:flex;align-items:center;gap:.15rem}
.nav a:not(.btn){color:var(--text);text-decoration:none;font-weight:500;font-size:.96rem;padding:.55rem .7rem;border-radius:var(--r-s);white-space:nowrap}
.nav a:not(.btn):hover,.nav a:not(.btn)[aria-current="page"]{background:var(--surface-2);color:var(--accent)}
.has-sub{position:relative}
.has-sub>button{
  font:inherit;font-weight:500;font-size:.96rem;color:var(--text);background:none;border:0;cursor:pointer;
  padding:.55rem .7rem;border-radius:var(--r-s);display:inline-flex;align-items:center;gap:.35rem
}
.has-sub>button:hover,.has-sub>button[aria-expanded="true"]{background:var(--surface-2);color:var(--accent)}
.has-sub>button svg{width:11px;transition:transform var(--t)}
.has-sub>button[aria-expanded="true"] svg{transform:rotate(180deg)}
.sub{
  position:absolute;inset-inline-start:0;top:calc(100% + .5rem);min-width:290px;padding:.5rem;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);box-shadow:var(--shadow);
  display:none;max-height:70vh;overflow:auto
}
.sub[data-open="true"]{display:block}
.sub a{display:block;padding:.5rem .7rem;font-size:.92rem;border-radius:var(--r-s)}
.hdr__tools{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}
.iconbtn{
  width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-s);
  background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer
}
.iconbtn:hover{color:var(--accent);border-color:var(--accent)}
.iconbtn svg{width:19px;height:19px}
.langbox{position:relative}
.langmenu{position:absolute;inset-inline-end:0;top:calc(100% + .5rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);box-shadow:var(--shadow);padding:.4rem;min-width:170px;display:none}
.langmenu[data-open="true"]{display:block}
.langmenu a{display:block;padding:.45rem .7rem;border-radius:var(--r-s);font-size:.92rem;text-decoration:none;color:var(--text)}
.langmenu a:hover{background:var(--surface-2);color:var(--accent)}
.burger{display:none}

/* ---------- Mobile drawer ---------- */
.drawer{
  position:fixed;inset:0;z-index:200;background:var(--bg);
  transform:translateY(-100%);visibility:hidden;transition:transform var(--t),visibility var(--t);
  overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:6rem
}
.drawer[data-open="true"]{transform:translateY(0);visibility:visible}
.drawer__top{display:flex;align-items:center;justify-content:space-between;min-height:70px;border-bottom:1px solid var(--border)}
.drawer nav{padding:1.2rem 0}
.drawer nav a:not(.btn){display:block;padding:.7rem 0;font-size:1.08rem;font-weight:600;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}
.drawer nav .sub-list a{font-size:.95rem;font-weight:400;color:var(--muted);padding-inline-start:1rem;border-bottom:0}
.drawer details{border-bottom:1px solid var(--border);padding:.35rem 0}
.drawer summary{padding:.7rem 0;font-size:1.08rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::after{content:"+";color:var(--accent);font-weight:700}
.drawer details[open] summary::after{content:"–"}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.85rem 1.5rem;border-radius:var(--r-s);font-weight:700;font-size:1rem;
  text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform var(--t),background var(--t),color var(--t)
}
.btn svg{width:18px;height:18px;flex:0 0 auto}
.btn--primary{background:var(--accent);color:var(--accent-ink)}
.btn--primary:hover{background:var(--ochre-soft);color:var(--accent-ink);transform:translateY(-2px)}
html[data-theme="light"] .btn--primary:hover{background:#6E4708;color:#fff}
.btn--ghost{border-color:var(--border);color:var(--text);background:var(--surface)}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.btn--wa{background:#12793C;color:#fff}
.btn--wa:hover{background:#0E6B35;color:#fff;transform:translateY(-2px)}
.btn--sm{padding:.55rem 1rem;font-size:.9rem}
.btnrow{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.4rem 0 0}

/* button colors win over any container link rule */
.ftr a.btn--primary,.drawer a.btn--primary,.nav a.btn--primary,.actionbar a.btn--primary,
a.btn--primary{color:var(--accent-ink);background:var(--accent)}
.ftr a.btn--wa,.drawer a.btn--wa,a.btn--wa{color:#fff;background:#12793C}
.ftr a.btn--ghost,.drawer a.btn--ghost,a.btn--ghost{color:var(--text);background:var(--surface)}
a.btn{text-decoration:none;font-size:1rem}
a.btn--sm{font-size:.9rem}

/* ---------- Hero ---------- */
.hero{position:relative;padding:clamp(2.5rem,5vw,4.5rem) 0 clamp(3rem,6vw,5rem);overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.hero h1 span{color:var(--accent);display:block}
.hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-m);overflow:hidden;margin-top:2.2rem}
.hero__stats div{background:var(--surface);padding:1rem .9rem}
.hero__stats b{display:block;font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem);font-weight:900;color:var(--accent);line-height:1.1}
.hero__stats span{font-size:.82rem;color:var(--muted)}

/* borehole animation */
.bore{width:100%;max-width:420px;margin-inline:auto}
.bore .drill{animation:drill 4.5s ease-in-out infinite}
@keyframes drill{0%,100%{transform:translateY(0)}50%{transform:translateY(26px)}}
.bore .spin{transform-origin:center;animation:spin 3s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.bore .grout-flow{stroke-dasharray:6 8;animation:flow 1.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-28}}

/* ---------- Cards ---------- */
.grid{display:grid;gap:1.15rem}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.card{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);
  padding:1.5rem;position:relative;transition:border-color var(--t),transform var(--t)
}
.card:hover{border-color:var(--accent);transform:translateY(-3px)}
.card h3{margin-bottom:.5rem}
.card p{color:var(--muted);margin-bottom:.8rem;font-size:.98rem}
.card a.more{font-weight:700;text-decoration:none;font-size:.95rem}
.card a.more::after{content:" ←"}
.card__ico{width:46px;height:46px;border-radius:var(--r-s);background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;margin-bottom:1rem;color:var(--accent)}
.card__ico svg{width:24px;height:24px}
.card--link{display:block;text-decoration:none;color:var(--text)}
.card--link:hover{color:var(--text)}

/* strata list — layered rows */
.strata{border:1px solid var(--border);border-radius:var(--r-m);overflow:hidden;background:var(--surface)}
.strata li{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:flex-start;margin:0;padding:1.1rem 1.3rem;border-bottom:1px solid var(--border)}
.strata li:last-child{border-bottom:0}
.strata li:nth-child(odd){background:var(--surface-2)}
.strata .depth{font-weight:900;color:var(--accent);font-size:.9rem;min-width:56px;letter-spacing:.03em}
.strata ul{list-style:none;padding:0;margin:0}
.strata p{margin:.25rem 0 0;color:var(--muted);font-size:.96rem}
.strata h3{font-size:1.08rem;margin:0}

/* ---------- Tables ---------- */
.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-m);background:var(--surface)}
table{width:100%;border-collapse:collapse;font-size:.96rem;min-width:520px}
caption{text-align:right;padding:.9rem 1rem;color:var(--muted);font-size:.9rem}
th,td{padding:.85rem 1rem;text-align:right;border-bottom:1px solid var(--border)}
th{background:var(--surface-2);font-weight:700;color:var(--text)}
tbody tr:last-child td{border-bottom:0}

/* ---------- FAQ ---------- */
.faq{border:1px solid var(--border);border-radius:var(--r-m);overflow:hidden;background:var(--surface)}
.faq details{border-bottom:1px solid var(--border)}
.faq details:last-child{border-bottom:0}
.faq summary{padding:1.05rem 1.3rem;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-weight:900;font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details[open] summary{color:var(--accent)}
.faq .ans{padding:0 1.3rem 1.2rem;color:var(--muted)}
.faq .ans p:last-child{margin-bottom:0}

/* ---------- Breadcrumbs ---------- */
.crumbs{padding:.9rem 0;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--muted)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}
.crumbs li::after{content:"›";margin-inline-start:.4rem;color:var(--border)}
.crumbs li:last-child::after{content:""}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--accent)}

/* ---------- CTA band ---------- */
.cta{
  background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);
  border:1px solid var(--border);border-radius:var(--r-l);padding:clamp(1.7rem,4vw,3rem);
  position:relative;overflow:hidden
}
.cta::before{
  content:"";position:absolute;inset-block:0;inset-inline-start:0;width:6px;
  background:repeating-linear-gradient(180deg,var(--accent) 0 14px,var(--oxide) 14px 28px)
}
.cta h2{margin-bottom:.4rem}
.cta p{color:var(--muted);max-width:60ch}

/* ---------- Calculator ---------- */
.calc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-l);padding:clamp(1.3rem,3vw,2.2rem)}
.calc__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.2rem,3vw,2.2rem);align-items:start}
.field{margin-bottom:1.1rem}
.field label{display:block;font-weight:700;font-size:.94rem;margin-bottom:.45rem}
.field .hint{font-weight:400;color:var(--muted);font-size:.85rem}
select,input[type="number"],input[type="text"],input[type="tel"],input[type="email"],textarea{
  width:100%;padding:.75rem .9rem;font:inherit;font-size:1rem;color:var(--text);
  background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-s)
}
select:focus,input:focus,textarea:focus{border-color:var(--accent)}
input[type="range"]{width:100%;accent-color:var(--accent)}
.calc__out{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-m);padding:1.4rem;position:sticky;top:90px}
.calc__num{font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);font-weight:900;color:var(--accent);line-height:1.15;margin:.2rem 0 .1rem}
.calc__row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px dashed var(--border);font-size:.93rem;color:var(--muted)}
.calc__row:last-of-type{border-bottom:0}
.calc__row b{color:var(--text)}
.note{font-size:.84rem;color:var(--muted);margin-top:.9rem}
.checkline{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:.95rem}
.checkline input{width:18px;height:18px;accent-color:var(--accent)}

/* ---------- Forms ---------- */
.form{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-l);padding:clamp(1.3rem,3vw,2.2rem)}
.form .grid--2{gap:1rem}
.formnote{font-size:.85rem;color:var(--muted)}

/* ---------- Footer ---------- */
.ftr{background:var(--surface);border-top:1px solid var(--border);margin-top:0;position:relative;z-index:1}
.ftr__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:2rem;padding:clamp(2.5rem,5vw,4rem) 0 2rem}
.ftr h3{font-size:.95rem;letter-spacing:.06em;color:var(--accent);margin-bottom:1rem}
.ftr ul{list-style:none;padding:0;margin:0}
.ftr li{margin-bottom:.5rem}
.ftr a:not(.btn){color:var(--muted);text-decoration:none;font-size:.93rem}
.ftr a:not(.btn):hover{color:var(--accent)}
.ftr p{color:var(--muted);font-size:.93rem}
.social{display:flex;gap:.5rem;margin-top:1rem}
.social a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--r-s);color:var(--muted)}
.social a:hover{color:var(--accent);border-color:var(--accent)}
.social svg{width:18px;height:18px}
.ftr__bottom{border-top:1px solid var(--border);padding:1.2rem 0 5.5rem;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;font-size:.86rem;color:var(--muted)}
.ftr__bottom a:not(.btn){font-size:.86rem}

/* ---------- Floating UI ---------- */
.fab{position:fixed;z-index:130;border:0;cursor:pointer;border-radius:50%;display:grid;place-items:center;box-shadow:var(--shadow)}
.fab svg{width:24px;height:24px}
.fab--up{inset-inline-start:18px;bottom:88px;width:46px;height:46px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);opacity:0;visibility:hidden;transition:opacity var(--t),visibility var(--t)}
.fab--up[data-show="true"]{opacity:1;visibility:visible}
.fab--up:hover{color:var(--accent);border-color:var(--accent)}
.fab--a11y{inset-inline-start:18px;bottom:146px;width:46px;height:46px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent)}
.fab--wa{inset-inline-end:18px;bottom:88px;width:56px;height:56px;background:#12793C;color:#fff}
.fab--wa:hover{background:#0E6B35}

.actionbar{
  position:fixed;inset-inline:0;bottom:0;z-index:125;display:grid;grid-template-columns:repeat(2,1fr);
  background:var(--surface);border-top:1px solid var(--border)
}
.actionbar a{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem 0;font-size:.78rem;font-weight:600;color:var(--text);text-decoration:none}
.actionbar a:hover{color:var(--accent)}
.actionbar svg{width:19px;height:19px}

/* scroll depth rail — signature element */
.rail{position:fixed;inset-inline-end:0;top:70px;bottom:0;width:3px;z-index:110;background:var(--border);display:none}
.rail__fill{width:100%;background:linear-gradient(180deg,var(--ochre),var(--oxide));height:0}
.rail__label{position:absolute;inset-inline-end:8px;transform:translateY(-50%);font-size:.7rem;font-weight:700;color:var(--accent);white-space:nowrap}
@media(min-width:1280px){.rail{display:block}}

/* ---------- Accessibility panel ---------- */
.a11y{
  position:fixed;z-index:210;inset-inline-start:18px;bottom:200px;width:min(320px,calc(100vw - 36px));
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);box-shadow:var(--shadow);
  padding:1.1rem;display:none
}
.a11y[data-open="true"]{display:block}
.a11y h2{font-size:1.05rem;margin-bottom:.8rem}
.a11y button.opt{
  width:100%;text-align:right;font:inherit;font-size:.93rem;padding:.55rem .8rem;margin-bottom:.4rem;cursor:pointer;
  background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-s);color:var(--text)
}
.a11y button.opt[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}
.a11y .close{margin-top:.4rem}
html.a11y-links a{text-decoration:underline!important;font-weight:700}
html.a11y-contrast{filter:contrast(1.35) saturate(1.15)}
html.a11y-nomotion *{animation:none!important;transition:none!important}
html.a11y-readable body{font-family:Arial,"Segoe UI",sans-serif!important;letter-spacing:.02em;line-height:1.95}

/* ---------- Misc ---------- */
.pill{display:inline-block;padding:.28rem .7rem;border:1px solid var(--border);border-radius:999px;font-size:.8rem;color:var(--muted);background:var(--surface)}
.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 0}
.prose>*:last-child{margin-bottom:0}
.prose h2{margin-top:2.2rem}
.prose h3{margin-top:1.6rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.4rem,3vw,3rem);align-items:center}
.callout{border-inline-start:4px solid var(--accent);background:var(--surface);padding:1.1rem 1.3rem;border-radius:var(--r-s);margin:1.6rem 0}
.callout p:last-child{margin-bottom:0}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
.err404{text-align:center;padding:clamp(3rem,8vw,6rem) 0}
.err404 .code{font-size:clamp(4rem,12vw,9rem);font-weight:900;color:var(--accent);line-height:.9;letter-spacing:-.04em}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  .nav,.hdr__tools .desk{display:none}
  .burger{display:grid}
  .hero__grid,.split,.calc__grid{grid-template-columns:1fr}
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .calc__out{position:static}
}
@media(max-width:760px){
  .grid--2,.grid--3,.grid--4{grid-template-columns:1fr}
  .ftr__grid{grid-template-columns:1fr 1fr;gap:1.6rem}
  .hero__stats{grid-template-columns:1fr;}
  .fab--wa{display:none}
  .fab--up{bottom:74px;inset-inline-start:12px}
  .fab--a11y{bottom:130px;inset-inline-start:12px}
  .a11y{bottom:184px;inset-inline-start:12px}
}
@media(max-width:480px){
  .ftr__grid{grid-template-columns:1fr}
}
@media(min-width:761px){
  .actionbar{display:none}
  .ftr__bottom{padding-bottom:1.2rem}
  .fab--up{bottom:24px}
  .fab--a11y{bottom:82px}
  .a11y{bottom:136px}
}
@media print{
  .hdr,.drawer,.fab,.actionbar,.rail,.a11y,.cta{display:none!important}
  body{background:#fff;color:#000}
}