/* skin-sticker.css: the "sticker pop" look (operator pick A from /design-lab, 2026-11-01). Loaded AFTER property.css and mech.css. One file, fully reversible:
   remove the link in build-pages.mjs (PROP_CSS) and the site returns to the receipts look. Palette: cream paper, true black ink, lime #C6FF3D, yellow #FFE14D,
   red #E23B2E. Rules: thick black borders, hard offset shadows, flat colour, loud uppercase headlines, no line textures. Keep contrast AA (black on lime/yellow/cream). */
:root{
  --paper:#F4F0E4;--sand:#F4F0E4;--cream:#EDE6D3;
  --night:#0A0A0A;--night-2:#141414;--on-night:#fff;--on-night-dim:rgba(255,255,255,.82);
  --blaze:#C6FF3D;--blaze-hi:#C6FF3D;--blaze-ink:#2B4300;
  --sk-ink:#0A0A0A;--sk-lime:#C6FF3D;--sk-yellow:#FFE14D;--sk-red:#E23B2E;--sk-sh:5px 5px 0 #0A0A0A;
}
body{background:#F4F0E4;color:#111}
.pl-topo,svg.pl-topo{display:none!important}

/* header */
.pl-mast,.pl-mast.is-scrolled{background:#F4F0E4;color:#0A0A0A;border-bottom:3px solid #0A0A0A;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.pl-brand{color:#0A0A0A}.pl-word-a{color:#0A0A0A}.pl-word-b{color:#333}
.pl-word-a i{color:#0A0A0A;background:#C6FF3D;border:2px solid #0A0A0A;border-radius:5px;padding:0 .12em;margin-left:.04em}
.pl-mark-cut{stroke:#F4F0E4}.pl-mark-snow{fill:#fff}
.pl-nav a{color:#111}.pl-nav a:hover,.pl-nav a[aria-current]{color:#0A0A0A}.pl-nav a::after{background:#0A0A0A;height:3px}
.pl-cta{background:#C6FF3D;color:#0A0A0A;border:3px solid #0A0A0A;box-shadow:3px 3px 0 #0A0A0A}
.pl-cta:hover{background:#FFE14D;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #0A0A0A}

/* hero bands (home, hubs, article heroes) */
.pl-hero2,.pl-ahero,.pl-band{background:#F4F0E4;color:#0A0A0A;border-bottom:3px solid #0A0A0A;margin-top:0}
.pl-hero2 h1,.pl-band h1,.pl-ahero h1,body .pl-ahero h1{color:#0A0A0A;text-transform:uppercase;letter-spacing:-.035em;line-height:.92}
.pl-hero2 h1 em{color:#0A0A0A}
.pl-hero2 h1 em::before{background:#C6FF3D;border:3px solid #0A0A0A;transform:rotate(-1.2deg)}
.pl-hero2 .pl-lede,.pl-band .lpm-deck,.pl-ahero .lpm-deck,.article-wrap .pl-ahero .lpm-deck{color:#1b1b1b;font-weight:500}
.pl-hero2 .pl-eyebrow,.pl-band .pl-eyebrow,.pl-ahero .pl-eyebrow{color:#0A0A0A}
.pl-eyebrow,.wp-eyebrow{display:inline-block;background:#FFE14D;color:#0A0A0A;border:2px solid #0A0A0A;border-radius:999px;padding:.18rem .7rem;font-weight:700}
.pl-eyebrow::before,.wp-eyebrow::before{display:none}
.pl-ahero .crumbs,.pl-band .crumbs,.pl-ahero .crumbs a,.pl-band .crumbs a{color:#333;border-bottom-color:#333}
.pl-ahero .crumbs a:hover,.pl-band .crumbs a:hover{color:#0A0A0A}
.pl-specs dt{color:#444}.pl-specs dd,.article-wrap .pl-specs dd,.article-wrap .pl-specs dd a{color:#0A0A0A}
.pl-specs{border-top-color:#0A0A0A}.pl-specs>div{border-color:#0A0A0A}
.pl-btn--ghost,.pl-band-jump a{color:#0A0A0A;border:3px solid #0A0A0A;background:#fff;box-shadow:3px 3px 0 #0A0A0A}
.pl-btn--ghost:hover,.pl-band-jump a:hover{background:#FFE14D;color:#0A0A0A}
.pl-btn--blaze{background:#C6FF3D;color:#0A0A0A;border:3px solid #0A0A0A;box-shadow:3px 3px 0 #0A0A0A}
.pl-btn--blaze:hover{background:#FFE14D}

/* sections */
.wp-sec h2,.article-wrap h2{letter-spacing:-.025em}
.wp-ledger,.wp-lrow{border-color:#0A0A0A}
.wp-lfig b,.wp-lfig{color:#0A0A0A}
.wp-lfig b{background:#C6FF3D;border:3px solid #0A0A0A;border-radius:10px;padding:0 .35rem;display:inline-block}

/* cards: thick border + hard shadow */
.wp-tile,.wp-ix-card,.cm-card,.cc-form,.cc-sent,.wp-cmp-grid article,.wp-claim,.wp-claim-lines li,.lpm-fig,.wp-say,.wp-feature,.wp-idx{border:3px solid #0A0A0A;border-radius:14px;box-shadow:var(--sk-sh)}
.wp-tile:hover,.wp-ix-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #0A0A0A}
.wp-tile,.wp-ix-card{background:#fff}
.wp-tile--lead{border-color:#0A0A0A;background:#FFFBE3}
.wp-tile-art{border-bottom:3px solid #0A0A0A}
.wp-tile-kind{background:#FFE14D;color:#0A0A0A;border:2px solid #0A0A0A}
.wp-tile-n{display:none}
.wp-tile-fig b{background:#C6FF3D;color:#0A0A0A;border:3px solid #0A0A0A;border-radius:10px;padding:0 .35rem}
.wp-tile-fig{border-top:3px solid #0A0A0A}
.wp-ix-ph{border-bottom:3px solid #0A0A0A}
.wp-ix-rank{background:#FFE14D;color:#0A0A0A;border:2px solid #0A0A0A}
.wp-ix-big b{background:#C6FF3D;color:#0A0A0A!important;border:3px solid #0A0A0A;border-radius:10px;padding:0 .35rem;font-size:2.1rem}
.wp-ix-src{background:#FFE14D;color:#0A0A0A!important;border:2px solid #0A0A0A}
.wp-ix-more{border-top:3px solid #0A0A0A}.wp-ix-more summary{color:#0A0A0A;font-weight:700}
.cm-card header h3{font-weight:800}
.cm-copy,.cm-dl{border:3px solid #0A0A0A;box-shadow:3px 3px 0 #0A0A0A}.cm-dl{background:#0A0A0A;color:#fff}.cm-copy{background:#fff;color:#0A0A0A}
.cm-pick{border:3px solid #0A0A0A;box-shadow:var(--sk-sh)}

/* ink blocks (dark cards keep dark, gain the border and shadow) */
.lpm-finding,.wp-short,.lpm-keep,.wp-ix-record,.wp-tool,.lpm-verdicts>li,.article-wrap .lpm-verdicts>li{border:3px solid #0A0A0A;box-shadow:var(--sk-sh)}
.lpm-finding{border-left-width:3px}
.wp-short{background:#0A0A0A}
.wp-short-n{color:#C6FF3D}
.wp-grades,.lpm-method{border:3px solid #0A0A0A;box-shadow:var(--sk-sh);border-radius:14px}
.wp-rc-wrap .wp-receipt,.wp-receipt{border:3px solid #0A0A0A}

/* stamps and stickers */
.wp-stamp{border-width:3px}
.lpm-table{border:3px solid #0A0A0A}.lpm-table thead th{background:#0A0A0A;color:#fff}

/* footer */
.pl-foot{background:#0A0A0A;border-top:3px solid #0A0A0A}
.pl-foot a{color:#C6FF3D}.pl-foot .pl-foot-col a{color:#fff}.pl-foot .pl-foot-col a:hover{color:#C6FF3D}

/* motion */
@media (prefers-reduced-motion:reduce){.wp-tile:hover,.wp-ix-card:hover,.pl-cta:hover{transform:none}}
@media (max-width:560px){.wp-tile,.wp-ix-card,.cm-card,.lpm-fig,.lpm-finding,.wp-short{box-shadow:3px 3px 0 #0A0A0A;border-width:2px}.wp-ix-big b{font-size:1.7rem}}

/* fixes after first look (2026-11-01) */
.pl-eyebrow,.wp-eyebrow,.pl-hero2 .pl-eyebrow,.pl-band .pl-eyebrow,.pl-ahero .pl-eyebrow,.wp-hero .wp-eyebrow,.wp-tool .wp-eyebrow,.wp-feature .wp-kicker{color:#0A0A0A!important;width:fit-content;align-self:flex-start}
.pl-mark-ridge{fill:#C6FF3D;stroke:#0A0A0A;stroke-width:2}
.pl-mark{filter:none}
.pl-hero2{padding-bottom:3.2rem}
.wp-sec header,.wp-sec>header{align-items:flex-start}
.article-wrap .pl-ahero h1,.article-wrap .pl-ahero-in h1{color:#0A0A0A;text-transform:uppercase;letter-spacing:-.03em;line-height:.94}
:is(.lpm-svg,.lpm-key) .lpm-bar-track{fill:#E3DCC8}
.lpm-bar-track{background:#E3DCC8}
.pl-foot .pl-brand,.pl-foot .pl-word-a{color:#fff}.pl-foot .pl-word-b{color:#cfcfcf}
.pl-foot .pl-word-a i{color:#0A0A0A}
.pl-foot .pl-mark-cut{stroke:#0A0A0A}

/* receipts posters + claim sticker (receipt pages) */
.wp-poster{border:3px solid #0A0A0A;box-shadow:var(--sk-sh);transition:transform .15s ease,box-shadow .15s ease}
.wp-poster:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #0A0A0A}
.wp-poster:nth-child(odd){background:#FFFBE3}
.wp-poster-go{background:#C6FF3D;border:3px solid #0A0A0A;border-radius:999px;padding:.35rem .8rem;align-self:flex-start}
.wp-claim{background:#FFFBE3}
.wp-claim-q{font-size:clamp(1.8rem,4.2vw,2.8rem);text-transform:uppercase;letter-spacing:-.02em;line-height:.98}
@media (prefers-reduced-motion:reduce){.wp-poster,.wp-poster:hover{transition:none;transform:none}}

/* guide hero key-number sticker */
.pl-ahero-sticker{float:right;margin:0 0 1rem 1.2rem;max-width:15rem;transform:rotate(3deg);background:#C6FF3D;color:#0A0A0A;border:3px solid #0A0A0A;border-radius:14px;box-shadow:5px 5px 0 #0A0A0A;padding:.6rem .85rem .7rem}
.pl-ahero-sticker b{display:block;font-family:var(--display-cond);font-weight:800;font-size:clamp(2rem,4.4vw,3.2rem);line-height:.95;letter-spacing:-.03em}
.pl-ahero-sticker small{display:block;margin-top:.3rem;font-family:var(--mono);font-size:.6875rem;line-height:1.3;text-transform:uppercase;letter-spacing:.04em}
@media (max-width:640px){.pl-ahero-sticker{float:none;transform:rotate(-2deg);margin:0 0 1rem;max-width:none}}
.wp-poster,.wp-poster:hover{text-decoration:none}.wp-poster .wp-poster-q,.wp-poster .wp-poster-l,.wp-poster-q{color:#0A0A0A;text-decoration:none}
.wp-poster-q{text-transform:uppercase;letter-spacing:-.02em}
.article-wrap a.wp-poster,.article-wrap a.wp-poster *,a.wp-poster span,a.wp-poster p{text-decoration:none!important;border-bottom:0!important;background-image:none}

/* collapsed reasoning toggle */
.wp-reason{margin:.8rem 0 1.2rem;border:3px solid #0A0A0A;border-radius:12px;background:#fff;box-shadow:3px 3px 0 #0A0A0A}
.wp-reason>summary{cursor:pointer;list-style:none;padding:.55rem .9rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;background:#FFE14D;border-radius:9px;color:#0A0A0A}
.wp-reason>summary::-webkit-details-marker{display:none}
.wp-reason>summary::after{content:" +"}.wp-reason[open]>summary::after{content:" -"}
.wp-reason[open]>summary{border-bottom:3px solid #0A0A0A;border-radius:9px 9px 0 0}
.wp-reason>:not(summary){margin-left:.9rem;margin-right:.9rem}.wp-reason>p:first-of-type,.wp-reason>ul:first-of-type{margin-top:.8rem}.wp-reason>:last-child{margin-bottom:.9rem}

.wp-wall-face{border:3px solid #0A0A0A;box-shadow:3px 3px 0 #0A0A0A;border-radius:12px}
.wp-wall-face b{border:2px solid #0A0A0A}
.wp-wall-face:nth-child(3n+1){transform:rotate(-1.5deg)}.wp-wall-face:nth-child(3n+2){transform:rotate(1deg)}.wp-wall-face:nth-child(3n){transform:rotate(-.5deg)}
@media (max-width:560px){.wp-wall-faces{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}.wp-wall-face{border-width:2px;box-shadow:2px 2px 0 #0A0A0A}}

.wp-ix-dl{border:3px solid #0A0A0A;box-shadow:3px 3px 0 #0A0A0A;background:#C6FF3D;color:#0A0A0A;font-weight:700}

.wp-claim-dl{font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:.55rem 1rem;border-radius:999px;border:3px solid #0A0A0A;box-shadow:3px 3px 0 #0A0A0A;background:#C6FF3D;color:#0A0A0A;cursor:pointer}

/* jump-to chip row (phones and tablets; desktop keeps the side index) */
.wp-jump{display:none}
@media (max-width:1000px){.wp-jump{display:flex;gap:.5rem;align-items:center;overflow-x:auto;margin:0 0 1.2rem;padding:.2rem 0 .6rem;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.wp-jump span{flex:none;font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.wp-jump a{flex:none;white-space:nowrap;font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;padding:.35rem .75rem;border:2px solid #0A0A0A;border-radius:999px;background:#fff;color:#0A0A0A;text-decoration:none;box-shadow:2px 2px 0 #0A0A0A}
.wp-jump a:hover{background:#C6FF3D}}