/* Pulp & Paw Studio theme. Brand: orange #D35F1B, teal #139497, cream #E4CAB6, cocoa #3E2A1A, ivory #F6E7E2.
   Text colours are AA-checked darker shades (see README "Branding"); raw orange/teal are used for non-text accents only. */
:root{
  --orange:#D35F1B;--orange-btn:#B5501A;--orange-btn-d:#8F3F12;--orange-ink:#A84A15;
  --teal:#139497;--teal-ink:#0E6F71;--teal-ink-d:#0A5658;
  --cream:#E4CAB6;--cream-l:#F1E1D4;--cocoa:#3E2A1A;--muted:#6B5444;--ivory:#F6E7E2;--card:#FFFAF7;
  --ok:#0B5E60;--ok-bg:#DDF1F0;--no:#9B1C1C;--no-bg:#FDE2E2;--warn:#7A4A00;--warn-bg:#FBEBC8;--info:#3E2A1A;--info-bg:#F1E1D4;
  --line:var(--cream);--r:16px;--r-s:10px;
  --font:"Nunito","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-h:ui-rounded,"SF Pro Rounded","Nunito","Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
/* Very subtle paper grain: a tiny inline SVG noise tile (data: URI, allowed by img-src). */
body{margin:0;font:16px/1.6 var(--font);color:var(--cocoa);background-color:var(--ivory);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .24 0 0 0 0 .16 0 0 0 0 .1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:var(--teal-ink);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--teal-ink-d);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:4px}
.wrap{max-width:1080px;margin:0 auto;padding:0 1rem}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--card);padding:.5rem;z-index:9;border:2px solid var(--cocoa);border-radius:8px}
h1,h2,h3{font-family:var(--font-h);color:var(--cocoa);letter-spacing:-.01em}
/* Header */
.site-header{background:var(--card);border-bottom:2px solid var(--cream);position:sticky;top:0;z-index:5}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.5rem;padding-bottom:.5rem}
.brand{text-decoration:none;color:var(--cocoa);display:flex;align-items:center;gap:.6rem}
.brand:hover{color:var(--cocoa)}
.brand-icon{display:block;width:44px;height:44px}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-name{font-family:var(--font-h);font-weight:800;font-size:1.12rem}
.brand-by{font-size:.78rem;font-weight:700;color:var(--orange-ink);letter-spacing:.02em}
header nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.3rem;flex-wrap:wrap}
header nav a{display:block;padding:.35rem .75rem;border-radius:999px;border:2px solid transparent;text-decoration:none;color:var(--cocoa);font-size:.95rem;font-weight:600}
header nav a:hover{background:var(--cream-l);color:var(--cocoa)}
header nav a[aria-current=page]{background:var(--cream-l);border-color:var(--cream);color:var(--cocoa)}
main{padding-top:1.5rem;padding-bottom:3rem;min-height:60vh}
h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2;margin:.3rem 0 .6rem;font-weight:800}
h2{font-size:1.35rem;line-height:1.3;font-weight:800}
.lead{font-size:1.15rem;color:var(--cocoa);max-width:46rem}
.hero{padding:1.5rem 0 1rem}
.hero h1::after{content:"";display:block;width:64px;height:6px;border-radius:6px;background:var(--orange);margin-top:.55rem}
/* Buttons: flat, rounded, outlined, with a solid "sticker" offset instead of gradients */
.btn{display:inline-block;background:var(--orange-btn);color:#fff;border:2px solid var(--orange-btn-d);border-radius:12px;padding:.65rem 1.1rem;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;margin:.25rem .25rem .35rem 0;box-shadow:0 3px 0 var(--orange-btn-d);transition:transform .08s,box-shadow .08s}
.btn:hover{background:var(--orange-btn-d);color:#fff}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--orange-btn-d)}
.btn:disabled,.btn[disabled]{background:#7A6A5F;border-color:#5E5048;box-shadow:none;cursor:not-allowed}
.btn-ghost{background:var(--card);color:var(--cocoa);border:2px solid var(--cocoa);box-shadow:0 3px 0 var(--cocoa)}.btn-ghost:hover{background:var(--cream-l);color:var(--cocoa)}
.btn-ghost:active{box-shadow:0 1px 0 var(--cocoa)}
/* Cards */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}
.card{background:var(--card);border:2px solid var(--cream);border-radius:var(--r);padding:1.25rem;box-shadow:0 3px 0 var(--cream)}
.card h2{margin-top:.2rem}
.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800;color:var(--orange-ink);margin:0}
.price .amount{font-size:1.8rem;font-weight:800}
.ticks{padding-left:1.1rem}.link-list{padding-left:1.1rem}
.ticks li::marker,.link-list li::marker,.port-list li::marker,.prose li::marker{color:var(--orange)}
.small{font-size:.875rem}.muted{color:var(--muted)}
.tag-warn{display:inline-block;background:var(--warn-bg);color:var(--warn);border:1.5px solid #E9C77E;border-radius:999px;padding:.05rem .6rem;font-size:.85rem;font-weight:700}
.banner-placeholder{background:var(--warn-bg);color:var(--warn);border-bottom:2px solid #E9C77E;padding:.6rem 0;font-size:.95rem}
.crumbs{font-size:.875rem;color:var(--muted)}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--cocoa)}
.guide-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.guide-item h3{margin:.1rem 0 .3rem;font-size:1.1rem}.guide-item p{margin:.3rem 0}
/* Long-form */
.prose{max-width:46rem}.prose table{border-collapse:separate;border-spacing:0;width:100%;margin:1rem 0;font-size:.95rem;background:var(--card);border:2px solid var(--cream);border-radius:12px;overflow:hidden}
.prose th,.prose td{border-bottom:1px solid var(--cream);padding:.5rem .6rem;text-align:left;vertical-align:top}.prose th{background:var(--cream-l);font-weight:700}
.prose tr:last-child td{border-bottom:0}.prose td+td,.prose th+th{border-left:1px solid var(--cream)}
.prose blockquote{margin:1rem 0;padding:.75rem 1rem;background:var(--warn-bg);border:2px solid #E9C77E;border-left-width:6px;border-radius:12px;color:var(--cocoa)}
.prose blockquote p{margin:0}
.prose code{background:var(--cream-l);border-radius:6px;padding:0 .3rem}
/* Checker */
.checker-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;align-items:start;margin:1.25rem 0 2rem}
@media (max-width:800px){.checker-layout{grid-template-columns:1fr}}
.field{margin-bottom:1rem}
label{display:block;font-weight:700;margin-bottom:.3rem;font-size:.95rem}
select,input[type=datetime-local]{width:100%;font:inherit;padding:.6rem .7rem;border:2px solid #9C7E69;border-radius:12px;background:#fff;color:var(--cocoa);min-height:44px}
select:focus,input:focus{outline:3px solid rgba(211,95,27,.35);outline-offset:0;border-color:var(--orange-btn)}
details summary{cursor:pointer;font-weight:700;color:var(--teal-ink);margin-bottom:.5rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width:480px){.two{grid-template-columns:1fr}}
.check{display:flex;gap:.5rem;align-items:flex-start;font-weight:400;margin-bottom:1rem}.check input{margin-top:.35rem;accent-color:var(--teal-ink);width:1.05rem;height:1.05rem;flex:none}
.result{background:var(--card);border:2px solid var(--cream);border-radius:var(--r);padding:1.25rem;box-shadow:0 3px 0 var(--cream)}
.result h3{font-size:1rem;margin:1rem 0 .3rem}.result ul{padding-left:1.2rem;margin:.3rem 0}
.result-head{padding:.75rem 1rem;border-radius:12px;font-size:1.1rem;border:2px solid transparent}
.result-head.ok{background:var(--ok-bg);color:var(--ok);border-color:#9BD3D1}.result-head.no{background:var(--no-bg);color:var(--no);border-color:#F3AFAF}.result-head.info{background:var(--info-bg);color:var(--info);border-color:var(--cream)}
/* Footer */
.site-footer{border-top:2px solid var(--cream);background:var(--ivory);padding:1.5rem 0 1.25rem;color:var(--cocoa)}
.site-footer p{margin:.3rem 0}
.site-footer a{color:var(--teal-ink)}
.footer-brand{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;padding-bottom:.9rem;margin-bottom:.8rem;border-bottom:1px dashed #D5B8A3}
.footer-brand picture{display:block;line-height:0}.lockup{display:block;width:240px;height:auto;max-width:100%}
.footer-brand .made{font-weight:700;margin:0}.footer-brand .slogan{margin:0;color:var(--orange-ink);font-weight:700;font-style:italic}
@media (max-width:600px){.site-header{position:static}.header-inner{gap:.4rem}header nav{width:100%}header nav ul{flex-wrap:wrap}header nav a{padding:.25rem .6rem;font-size:.9rem;white-space:nowrap}.footer-brand{flex-direction:column;align-items:flex-start}}
/* v2: verification line, expiry notice, ports, checklist, ad slots */
.verified{margin:2rem 0 0;padding:.75rem 1rem;border:2px solid var(--cream);border-left:6px solid var(--teal);border-radius:12px;background:var(--card);font-size:.9rem}
.verified p{margin:.2rem 0}.vdot{color:var(--ok);font-weight:800}
.expiry{margin:1rem 0;padding:.75rem 1rem;border-radius:12px;background:var(--ok-bg);color:var(--ok);border:2px solid #9BD3D1}
.expiry p{margin:.2rem 0}.expiry-warn{background:var(--warn-bg);color:var(--warn);border-color:#E9C77E}
.expiry-expired{background:var(--no-bg);color:var(--no);border-color:#F3AFAF}
.badge{display:inline-block;border-radius:999px;padding:.02rem .55rem;font-size:.8rem;font-weight:700;white-space:nowrap;border:1.5px solid transparent}
.badge-ok{background:var(--ok-bg);color:var(--ok);border-color:#9BD3D1}.badge-warn{background:var(--warn-bg);color:var(--warn);border-color:#E9C77E}.badge-expired{background:var(--no-bg);color:var(--no);border-color:#F3AFAF}
.tag{display:inline-block;background:var(--cream-l);color:var(--cocoa);border-radius:999px;padding:0 .5rem;font-size:.78rem;font-weight:600}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem 1rem;margin:0 0 .75rem}
.facts div{border-bottom:1px dashed #D5B8A3;padding:.3rem 0}.facts dt{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.facts dd{margin:0;font-weight:700}
.cols{columns:2 14rem}
.prov-index{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.prov-index a{padding:.2rem .65rem;border:2px solid var(--cream);border-radius:999px;background:var(--card);font-size:.85rem;font-weight:600;text-decoration:none;color:var(--cocoa)}
.prov-index a:hover{border-color:var(--orange);color:var(--cocoa)}
.prov{margin:1.5rem 0;padding-top:.25rem;scroll-margin-top:4.5rem}.prov h2{margin-bottom:.2rem}.port-list{padding-left:1.1rem}.port-list li{margin:.2rem 0}
.result-col{display:grid;gap:1rem}
.prep h2{margin:.1rem 0 .3rem;font-size:1.15rem}.checklist{list-style:none;padding:0;margin:.5rem 0 0}.checklist li{border-top:1px dashed #D5B8A3;padding:.6rem 0 .1rem}
.checklist .check{margin-bottom:.4rem}
.table-wrap{overflow-x:auto}.t30 td,.t30 th{white-space:nowrap}
:target{scroll-margin-top:4.5rem}
/* Ad slots: empty containers, no ad code. Collapsed by default; ADS_RESERVE=1 reserves height to prevent layout shift once ads load. */
.ad-slot{display:none}
.ads-reserve .ad-slot{display:block;width:100%;min-height:280px;margin:1.5rem 0;overflow:hidden;contain:layout}
.ads-reserve .ad-slot.ad-in-content{min-height:250px}
@media (max-width:600px){.ads-reserve .ad-slot{min-height:250px}}
.ads-preview .ad-slot{border:2px dashed #C9A992;border-radius:12px;background:var(--cream-l)}
.ads-preview .ad-slot::before{content:"Ad slot: " attr(data-ad-slot);display:block;padding:.4rem .6rem;font-size:.75rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}
.see{display:block;margin:.35rem 0 .2rem;padding:.4rem .7rem;border-left:4px solid var(--teal);background:var(--cream-l);border-radius:8px;font-size:.92rem;color:var(--cocoa)}
/* ===== v4 "sunlit paper studio" layer (Figma: Pulp & Paw — Visual Upgrade v1). Visual only: no content, URL or data changes.
   Self-hosted subset fonts (Fraunces 700 for headlines, Nunito 400–900 for text), 2.5px cocoa outlines, hard offset shadows, big radii.
   AA: cocoa 11.2:1, muted 5.9:1, links #0E6F71 4.9:1 on ivory; white on #B5501A 5.1:1; status colours unchanged. ===== */
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-700.woff2) format("woff2");font-weight:500 900;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito";src:url(/assets/fonts/nunito-var.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
:root{--card:#FBF3EF;--r:24px;--r-s:14px;--ol:2.5px solid var(--cocoa);--sh:6px 6px 0 var(--cocoa);--sh-s:4px 4px 0 var(--cocoa);
  --font-d:"Fraunces",Georgia,"Times New Roman",serif;--font-h:var(--font-d)}
body{font-size:16.5px}
.wrap{max-width:1200px;padding-left:20px;padding-right:20px}
h1,h2{font-family:var(--font-d);font-weight:700;letter-spacing:-.02em}
h3{font-family:var(--font);font-weight:900;letter-spacing:0}
h1{font-size:clamp(2.1rem,1.3rem + 3.4vw,3.6rem);line-height:1.05;margin:.4rem 0 .7rem}
h2{font-size:clamp(1.35rem,1.1rem + .9vw,1.75rem);line-height:1.15}
a{text-decoration-thickness:1.5px;text-underline-offset:3px}
:focus-visible{outline-color:var(--teal-ink);outline-offset:3px}
.lead{color:var(--muted);font-size:clamp(1.05rem,1rem + .3vw,1.2rem)}
.eyebrow{font-weight:900;letter-spacing:.14em;color:#9A4314}
/* Header: sticker pill */
.site-header{background:transparent;border-bottom:0;padding-top:12px}
.header-inner{background:var(--card);border:var(--ol);border-radius:36px;box-shadow:var(--sh-s);padding:8px 10px 8px 16px;min-height:64px}
.brand-name{font-family:var(--font);font-weight:900}
header nav a{font-weight:800;font-size:15px;padding:.45rem .9rem}
header nav a[aria-current=page]{background:var(--cream);border-color:transparent}
main.wrap{padding-top:1.75rem}
/* Hero */
.hero{padding:2rem 0 1.25rem}
.hero h1{font-size:clamp(2.6rem,1.3rem + 4.6vw,4.6rem);line-height:1;letter-spacing:-.035em;max-width:13em}
.hero h1::after{width:min(220px,40%);height:12px;border-radius:0;margin-top:.9rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 22' preserveAspectRatio='none'%3E%3Cpath d='M3 14C25 4 40 4 58 12S95 20 115 11S158 3 197 12' fill='none' stroke='%23139497' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
/* Buttons: pill stickers that "press" */
.btn{border-radius:999px;border:var(--ol);box-shadow:var(--sh-s);padding:.8rem 1.4rem;font-weight:800;min-height:48px;margin:.3rem .5rem .45rem 0;transition:transform .12s,box-shadow .12s,background-color .12s}
.btn:hover{background:var(--orange-btn-d)}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--cocoa)}
.btn-ghost{border:var(--ol);box-shadow:var(--sh-s)}.btn-ghost:hover{background:#fff}
.btn-ghost:active{box-shadow:2px 2px 0 var(--cocoa)}
@media (hover:hover){.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--cocoa)}}
.btn:disabled,.btn[disabled]{border-color:#5E5048;box-shadow:none;transform:none}
/* Cards */
.grid{gap:24px;margin:1.75rem 0}
.card,.result{background:var(--card);border:var(--ol);border-radius:var(--r);padding:1.5rem;box-shadow:var(--sh)}
.card h2{font-size:clamp(1.3rem,1.15rem + .5vw,1.6rem)}
.guide-list{gap:20px}
.guide-item{box-shadow:var(--sh-s);border-radius:20px;transition:transform .15s,box-shadow .15s}
@media (hover:hover){.guide-item:hover{transform:translateY(-4px);box-shadow:6px 10px 0 var(--cocoa)}}
.guide-item h3{font-size:1.08rem;line-height:1.3}
.tag{background:#D3ECEA;color:var(--teal-ink-d);font-weight:800}
/* Notices */
.expiry{border:var(--ol);border-radius:20px;box-shadow:var(--sh-s);padding:1rem 1.25rem}
.verified{border:var(--ol);border-left:var(--ol);border-radius:20px;box-shadow:var(--sh-s);background:var(--card);padding:1rem 1.25rem}
.see{border-left:4px solid var(--teal);border-radius:10px}
/* Forms + checker */
label{font-weight:800}
select,input[type=datetime-local]{border:2px solid var(--cocoa);border-radius:14px;min-height:48px;padding:.6rem .8rem;font-weight:600}
select:focus,input:focus{outline:3px solid rgba(14,111,113,.35);border-color:var(--teal-ink)}
.checker-layout{gap:28px}
.result-head{border:var(--ol);border-radius:16px;font-family:var(--font-d);font-weight:700;font-size:1.2rem;line-height:1.25}
.result-head.ok{border-color:var(--cocoa)}.result-head.no{border-color:var(--cocoa)}.result-head.info{border-color:var(--cocoa)}
.result h3{font-family:var(--font);font-weight:900}
.checklist li{border-top:2px dashed #D5B8A3}
.prov-index a{border:2px solid var(--cocoa);font-weight:800}
.prose table{border:var(--ol);border-radius:16px;box-shadow:var(--sh-s)}
.prose blockquote{border:var(--ol);border-left-width:6px;border-radius:16px}
.badge{border-color:currentColor}
/* Footer */
.site-footer{border-top:var(--ol);background:rgba(251,243,239,.6);padding:1.75rem 0 1.5rem}
.footer-brand .slogan{font-family:var(--font-d);font-weight:700}
@media (max-width:600px){.site-header{position:static;padding-top:8px}.header-inner{border-radius:24px;padding:8px 10px}header nav a{padding:.3rem .65rem}.hero h1{font-size:clamp(2.3rem,9vw,2.8rem)}}
@media (prefers-reduced-motion:reduce){.btn,.guide-item{transition:none}.btn:hover,.guide-item:hover{transform:none}}