/* The guide pages (content/site/guides/*.html): moved out of each page's <style> block (Nov 2026) so the pages carry no inline styles. */
/* Fonts served from this site (public/fonts): no third-party stylesheet in the way of the first paint. Latin subsets cover English and Spanish.
   The "Fallback" faces are Arial sized to match (by weight), so text barely moves when the real font arrives. */
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-var.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/public-sans-400.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/public-sans-500.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/public-sans-600.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/public-sans-700.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-mono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-mono-500.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/montserrat-800.woff2) format("woff2")}
@font-face{font-family:"Archivo Fallback";font-weight:100 649;src:local("Arial"),local("Liberation Sans"),local("Roboto");size-adjust:100.50%;ascent-override:87.36%;descent-override:20.90%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:650 799;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");size-adjust:98.20%;ascent-override:89.41%;descent-override:21.38%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:800 875;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");size-adjust:114.70%;ascent-override:76.55%;descent-override:18.31%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:876 900;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");size-adjust:121.00%;ascent-override:72.56%;descent-override:17.36%;line-gap-override:0%}
@font-face{font-family:"Public Sans Fallback";font-weight:100 599;src:local("Arial"),local("Liberation Sans"),local("Roboto");size-adjust:101.85%;ascent-override:93.27%;descent-override:22.09%;line-gap-override:0%}
@font-face{font-family:"Public Sans Fallback";font-weight:600 900;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");size-adjust:98.60%;ascent-override:96.35%;descent-override:22.82%;line-gap-override:0%}

:root{
  --bg:#FFFFFF; --bg-alt:#F5F7FA; --line:#E3E8EF; --ink:#0B1B33; --ink2:#475467; --ink3:#667085;
  --blue:#1D4ED8; --blue-soft:#E6EDFD; --cta:#C2410C; --cta-hover:#A93A0B; --cta-ink:#FFFFFF; --card:#FFFFFF;
  --navy:#0B1B33; --navy2:#13294B; --hivis:#F26B1D; --ok:#0E7A4F; --warn:#B54708; --bad:#B42318; --yellow:#FACC15;
  --display:"Archivo","Archivo Fallback","Arial Narrow",Arial,sans-serif; --body:"Public Sans","Public Sans Fallback","Segoe UI",Roboto,Arial,sans-serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){color-scheme:dark; --bg:#0A1526; --bg-alt:#0E1C33; --line:#1E3350; --ink:#EEF2F8; --ink2:#B4C0D3; --ink3:#8E9BB0; --blue:#8AAEFF; --blue-soft:#15294A; --cta:#F26B1D; --cta-hover:#FF8A3D; --cta-ink:#14110F; --card:#0F1E36;}}
:root[data-theme="dark"]{color-scheme:dark; --bg:#0A1526; --bg-alt:#0E1C33; --line:#1E3350; --ink:#EEF2F8; --ink2:#B4C0D3; --ink3:#8E9BB0; --blue:#8AAEFF; --blue-soft:#15294A; --cta:#F26B1D; --cta-hover:#FF8A3D; --cta-ink:#14110F; --card:#0F1E36;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
.gut{padding-inline:20px}
.wrap{max-width:1160px;margin:0 auto}
.wordmark{font:800 22px "Montserrat",Arial,sans-serif;letter-spacing:-.01em;color:#fff;line-height:1;text-transform:uppercase}
h1,h2,h3{font-family:var(--display);line-height:1.08;text-wrap:balance;margin:0;letter-spacing:-.01em}
p{margin:0}
a{color:var(--blue)}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--navy);font-weight:700;padding:10px 14px;border-radius:8px;text-decoration:none}.skip:focus{left:8px}
:focus-visible{outline:3px solid #7EA2FF;outline-offset:3px}
.btn{font-family:var(--body);font-weight:700;font-size:17px;min-height:50px;padding:0 22px;border-radius:8px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s}
.btn-cta{background:var(--cta);color:var(--cta-ink)}.btn-cta:hover{background:var(--cta-hover)}
.btn-hivis{background:var(--hivis);color:#0B1B33}.btn-hivis:hover{background:#FF8A3D}
.btn-ghost{background:transparent;color:var(--blue);border:2px solid currentColor}
.btn-line{background:var(--card);color:var(--ink);border:1.5px solid var(--line)}.btn-line:hover{border-color:var(--ink3)}
.lang-bar{background:var(--hivis);color:#0B1B33;text-align:center;font-size:15px;font-weight:600;padding:9px 16px;line-height:1.35}
.lang-bar a{color:#0B1B33;font-weight:800;text-decoration:underline;white-space:nowrap;display:inline-block;padding:5px 6px;margin:-5px 0}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(11,27,51,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.nav nav{display:flex;gap:24px;align-items:center}
.nav nav a{color:#C9D3E3;text-decoration:none;font-size:16px;font-weight:500}.nav nav a:hover{color:#fff}
.nav .btn{min-height:44px;font-size:16px;padding:0 18px;white-space:nowrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav nav a.login{font-weight:700;white-space:nowrap}
.lang-tabs{display:inline-flex;border:1.5px solid rgba(255,255,255,.55);border-radius:8px;overflow:hidden}
.nav nav .lang-tabs a{padding:0 12px;min-height:40px;display:inline-flex;align-items:center;font-size:14px;font-weight:800;letter-spacing:.04em;color:#fff;text-decoration:none;opacity:.85}
.nav nav .lang-tabs a[aria-current="page"]{background:var(--hivis);color:#0B1B33;opacity:1}
@media (max-width:860px){.nav nav a.hide-m{display:none}}
@media (max-width:560px){.nav nav{gap:10px}.nav .wrap{gap:10px}.nav .btn{padding:0 12px;font-size:15px}}
@media (max-width:430px){.nav .wordmark{display:none}}
/* article */
.crumbs{font-size:14px;color:var(--ink3);padding-top:22px}.crumbs a{color:var(--ink3);text-decoration:none;display:inline-block;padding-block:5px}.crumbs a:hover{color:var(--ink)}.crumbs span{margin:0 8px}
.ghead{padding:14px 0 36px;max-width:820px}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:14px}
h1{font-size:clamp(34px,5vw,56px);font-weight:900;font-stretch:108%}
.lead{font-size:clamp(18px,1.6vw,21px);color:var(--ink2);max-width:64ch;margin-top:18px}
.byline{margin-top:18px;font-size:15px;color:var(--ink3);display:flex;gap:8px 18px;flex-wrap:wrap}
.byline a{color:var(--ink3)}
.dlrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dlrow .btn{min-height:44px;font-size:15px;padding:8px 14px}
.dlrow .btn-line{background:var(--card);color:var(--ink);border:1.5px solid var(--line)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start;padding-bottom:72px}
@media (max-width:980px){.layout{grid-template-columns:1fr}.aside{position:static;order:-1}}
article{max-width:720px;min-width:0}
article h2{font-size:clamp(26px,3.2vw,34px);font-weight:850;font-stretch:106%;margin:52px 0 16px;scroll-margin-top:90px}
article h3{font-size:21px;font-weight:750;margin:30px 0 10px}
article p{margin:0 0 16px;max-width:68ch}
article ul,article ol{margin:0 0 18px;padding-left:22px;max-width:66ch}article li{margin-bottom:8px}article li::marker{color:var(--hivis);font-weight:800}
article ol.steps{list-style:none;padding:0;counter-reset:s}
article ol.steps li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;gap:14px;margin-bottom:16px;align-items:start}
article ol.steps li::before{content:counter(s);width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;font:800 17px/40px var(--display);text-align:center}
article ol.steps b{display:block;font-family:var(--display);font-size:19px;font-weight:750;margin-bottom:2px}
.callout{border-left:4px solid var(--hivis);background:var(--bg-alt);padding:16px 18px;border-radius:0 10px 10px 0;margin:0 0 20px}
.callout p:last-child{margin:0}
.aside{position:sticky;top:88px;display:grid;gap:16px}
.dlcard{background:var(--navy);color:#fff;border-radius:16px;padding:22px 22px 20px;display:grid;gap:10px}
.dlcard h2{color:#fff;font-size:22px;font-weight:850;font-stretch:106%;margin:0}
.dlcard p{color:#C9D3E3;font-size:15px;margin:0}
.dlcard .btn{width:100%;justify-content:flex-start;min-height:48px;font-size:16px;text-align:left;line-height:1.25;padding:10px 14px}
.dlcard .row{display:grid;grid-template-columns:1fr;gap:8px}
.dlcard small{font-size:13px;color:#9AA8BF}
.dlcard .sub{font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#9AA8BF;margin-top:6px}
.toc{background:var(--bg-alt);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.toc b{display:block;font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:8px}
.toc a{display:block;color:var(--ink);text-decoration:none;font-size:15px;padding:5px 0;border-top:1px solid var(--line)}.toc a:first-of-type{border-top:0}.toc a:hover{color:var(--blue)}
/* figures */
.matrix{display:grid;grid-template-columns:118px repeat(5,minmax(0,1fr));gap:4px;max-width:560px;margin:8px 0 10px;font-family:var(--display)}
.matrix .ax{font:600 13px/1.2 var(--body);color:var(--ink2);text-align:right;padding-right:6px;align-self:center}
.matrix .c{height:44px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#0B1B33;border-radius:6px}
.matrix .x{text-align:center;font:600 12px/1.2 var(--body);color:var(--ink2)}
.bands{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.bands span{font:800 13px/26px var(--display);letter-spacing:.03em;padding:0 10px;border-radius:6px;color:#0B1B33}
.fig{font-size:14px;color:var(--ink3);margin:0 0 20px;max-width:66ch}
.hoc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-width:720px;margin:8px 0 6px;font:800 14px/1.2 var(--display);text-align:center}
.hoc span{padding:10px 6px;border-radius:6px;color:#0B1B33}.hoc span:first-child,.hoc span:last-child{color:#fff}
.hoc-h{display:flex;justify-content:space-between;font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);max-width:720px;margin-bottom:4px}
.ex{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 20px}
.ex div{border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:var(--card)}
.ex b{font-family:var(--display);font-size:17px}.ex .chips{display:inline-flex;gap:6px;align-items:center;margin-left:8px;vertical-align:middle}.ex .chips span{font:800 13px/22px var(--display);padding:0 8px;border-radius:5px;color:#0B1B33}
.ex p{margin:6px 0 0;font-size:16px;color:var(--ink2)}
.cmp{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px}.cmp th{text-align:left;font-family:var(--display);font-size:15px;letter-spacing:.02em;padding:8px 10px;border-bottom:2px solid var(--ink)}.cmp td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.cmp td:first-child{font-weight:700;white-space:nowrap}
/* faq */
.faq{max-width:760px}
details{border-bottom:1px solid var(--line);padding:4px 0}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-family:var(--display);font-weight:700;font-size:19px;min-height:44px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--mono);font-size:24px;color:var(--ink3);flex:none}
details[open] summary::after{content:"–"}
details p{color:var(--ink2);padding:0 0 18px;max-width:68ch;font-size:17px}
/* product strip */
.try{background:var(--navy);color:#fff;border-radius:16px;padding:26px 26px 24px;margin:48px 0 0;display:grid;grid-template-columns:1fr;gap:18px}
.try h2{color:#fff;margin:0 0 8px;font-size:clamp(22px,2.6vw,28px)}.try p{color:#C9D3E3;margin:0;font-size:16px;max-width:60ch}
.try .acts{display:flex;gap:10px;flex-wrap:wrap}
/* index */
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding:10px 0 72px}
.gcard{display:block;border:1.5px solid var(--line);border-radius:16px;padding:22px;background:var(--card);text-decoration:none;color:inherit}
.gcard:hover{border-color:var(--hivis)}
.gcard .eyebrow{margin-bottom:10px}.gcard h2{font-size:24px;font-weight:850;font-stretch:106%;margin:0 0 10px}.gcard p{color:var(--ink2);font-size:16px;margin:0 0 12px}.gcard .more{color:var(--blue);font-weight:700}
footer{background:#07111F;color:#9AA8BF;font-size:14px;padding-block:48px 56px}
footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
footer h3{color:#fff;font:600 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}
footer a{color:#C9D3E3;text-decoration:none;display:block;padding:3px 0}footer a:hover{color:#fff}
footer .disclaim{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:13px;line-height:1.5;max-width:none}
@media (max-width:820px){footer .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:520px){footer .wrap{grid-template-columns:1fr}}

/* procedure card, key card, topic tables */
.proc{border:1.5px solid var(--line);border-radius:14px;padding:18px 18px 6px;margin:0 0 22px;background:var(--card)}
.proc-h{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-bottom:14px;font-size:15px}
.proc-h .proc-k{display:block;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:2px}
@media (max-width:560px){.proc-h{grid-template-columns:1fr}}
.proc-t{font-size:15px}.proc-t td:first-child{font-family:var(--mono);font-weight:600}
.proc ol.steps{margin-top:6px}
.cmp.topics td:first-child{font-family:var(--mono);font-weight:600;text-align:right}
.cmp.topics td:nth-child(2){font-weight:700}
.cmp.topics td:last-child{white-space:nowrap;color:var(--ink3);font-size:14px}
@media (max-width:640px){.cmp.topics td:last-child{white-space:normal}.cmp,.cmp thead,.cmp tbody,.cmp tr,.cmp td,.cmp th{font-size:15px}.cmp td:first-child{white-space:normal}}
.keycard ul{margin:0;padding-left:18px;display:grid;gap:8px;color:#E6ECF5;font-size:15px}.keycard li::marker{color:var(--hivis)}
.keycard small{margin-top:4px}

@media (max-width:640px){
  .cmp.stack thead{display:none}
  .cmp.stack tr{display:block;border-bottom:1px solid var(--line);padding:10px 0}
  .cmp.stack td{display:grid;grid-template-columns:96px 1fr;gap:4px 10px;border:0;padding:3px 0;white-space:normal;text-align:left}
  .cmp.stack td::before{content:attr(data-l);font:600 11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding-top:3px}
  .cmp.topics td:first-child{text-align:left}
  .cmp.topics td:nth-child(2){font-size:17px}
}

@media print{
  .lang-bar,.nav,footer,.skip,.try,.toc{display:none!important}
  body{font-size:12.5px;line-height:1.45;color:#000;background:#fff}
  .layout{display:block;padding-bottom:0}
  .aside{position:static;margin:0 0 18px}
  .dlcard{background:#0B1B33!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  article{max-width:none}
  article h2{font-size:22px;margin:26px 0 10px;break-after:avoid}
  article h3{font-size:16px}
  h1{font-size:30px}
  .lead{font-size:15px}
  .cmp,.proc,.ex,.callout,ol.steps li{break-inside:avoid}
  .matrix .c,.bands span,.hoc span,.chips span{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  details{display:block}details summary::after{display:none}details p{display:block}
  a{color:inherit;text-decoration:none}
}
.gcard .free{display:inline-block;background:var(--hivis);color:#0B1B33;font:800 11px/18px var(--body);letter-spacing:.04em;text-transform:uppercase;padding:0 7px;border-radius:5px;margin-left:8px;vertical-align:middle}

/* Oct 29, 2026 fixes: side box stops sticking on phones and tablets; wide tables scroll in their own box;
   readable Get started button; phone-sized main heading */
@media (max-width:980px){.aside{position:static}}
.tw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 20px}
.tw>.cmp{margin:0}
@media (min-width:641px){.cmp td:first-child{white-space:normal;min-width:7.5em}}
.nav nav a.btn-hivis,.nav nav a.btn-hivis:hover{color:#0B1B33}
@media (max-width:480px){h1{font-size:30px}}

/* Rule citations link to the official text on eCFR (Oct 29, 2026) */
a.cite{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
a.cite:hover{text-decoration-thickness:2px}
.dlcard a.cite,footer a.cite{color:inherit;text-decoration-color:currentColor}

/* Ask the safety team, under the questions (Oct 29, 2026) */
.ask{margin:28px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--bg-alt);font-size:16px;line-height:1.55;max-width:760px}
.ask button{font:inherit;font-weight:700;color:var(--blue);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.ask a{color:var(--blue);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
@media print{.ask{display:none}}
/* former style="" attributes on the pages (Nov 2026): three :not(#_) keep the standing an inline style had */
.sa-030bce9:not(#_):not(#_):not(#_){background:#3F72A0}
.sa-0e2968a:not(#_):not(#_):not(#_){background:#EAB308}
.sa-1354c5e:not(#_):not(#_):not(#_){margin-top:12px;max-width:34ch}
.sa-1e38d42:not(#_):not(#_):not(#_){background:#FCCE06}
.sa-376c7bb:not(#_):not(#_):not(#_){background:#F26522}
.sa-3c3cd71:not(#_):not(#_):not(#_){background:#F97316}
.sa-3e128f1:not(#_):not(#_):not(#_){background:#86EFAC}
.sa-5ebcb8b:not(#_):not(#_):not(#_){background:#83BD50}
.sa-729d2fa:not(#_):not(#_):not(#_){color:#fff}
.sa-a3d90ee:not(#_):not(#_):not(#_){background:#DC2626;color:#fff}
.sa-ab06f54:not(#_):not(#_):not(#_){background:#D7141B}
.sa-c78809a:not(#_):not(#_):not(#_){display:inline-flex;align-items:center;gap:10px}
.sa-fdf33f2:not(#_):not(#_):not(#_){margin-bottom:8px}
/* The offer block (Nov 4b): the free sample pack form (the home page's), the price and trial line, and the $295 package,
   once right after the intro and once near the end of every guide (public/site/guides.js sends the form). */
.goffer{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px 36px;margin:0 0 40px;padding:24px 26px;background:var(--bg-alt);border:1px solid var(--line);border-top:4px solid var(--hivis);border-radius:14px}
article .goffer{grid-template-columns:minmax(0,1fr);margin:28px 0 8px}
.goffer h2{margin:0 0 6px;font-size:clamp(22px,2.4vw,26px);font-weight:850;font-stretch:106%;line-height:1.15}
.goffer .go-smp>p{margin:0;color:var(--ink2);font-size:16px;max-width:60ch}
.goffer .smp-form{margin-top:14px}
.goffer .smp-pick{border:0;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:0 18px}
.goffer .smp-pick legend{float:left;margin:0 4px 0 0;padding:0;font-weight:700;font-size:15px}
.goffer .smp-pick label{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;min-height:44px;cursor:pointer}
.goffer .smp-pick input{width:22px;height:22px;margin:0;accent-color:var(--hivis)}
.goffer .smp-form>label{display:block;font-weight:700;font-size:15px;margin-bottom:6px}
.goffer .smp-row{display:flex;gap:10px;flex-wrap:wrap}
.goffer .smp-row input{flex:1 1 220px;min-width:0;min-height:50px;padding:0 14px;border-radius:8px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:500 17px var(--body)}
.goffer .smp-row input::placeholder{color:var(--ink3)}
.goffer .smp-row input:focus{border-color:var(--hivis);outline:3px solid rgba(242,107,29,.3);outline-offset:1px}
.goffer .smp-row .btn{flex:0 0 auto}
.goffer .micro{margin:10px 0 0;font-size:14px;color:var(--ink3)}
.goffer .micro a{color:var(--ink);font-weight:600;text-underline-offset:3px}
.goffer .smp-note{margin:10px 0 0;padding:10px 12px;border-radius:6px;background:rgba(242,107,29,.12);border-left:4px solid var(--hivis);color:var(--ink);font-size:15px}
.goffer .smp-done{margin-top:16px;padding:16px 18px;border:1.5px solid var(--line);border-radius:10px;background:var(--card)}
.goffer .smp-sent{margin:0 0 12px;font-weight:700}
.goffer .hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.goffer .go-plan{display:flex;flex-direction:column;justify-content:center;gap:12px;padding-left:36px;border-left:1px solid var(--line)}
article .goffer .go-plan{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}
.goffer .go-from{margin:0;color:var(--ink2);font-size:15px;max-width:52ch}
.goffer .go-acts .btn{min-width:240px}
.goffer .go-pk{margin:0;font-size:15px;color:var(--ink2)}
.goffer .go-pk a{color:var(--blue);font-weight:700;text-underline-offset:3px}
@media (max-width:860px){
  .goffer{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px 18px}
  .goffer .go-plan{padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}
  .goffer .smp-row .btn,.goffer .go-acts .btn{width:100%;min-width:0}
  .goffer .smp-pick legend{float:none;width:100%;margin:0}
}
@media print{.goffer{display:none!important}}