:root{--obs:#0E0F10;--car:#171516;--gra:#232021;--sla:#322D2A;--mist:#E8E6E3;--paper:#fff;--brass:#C6A15D;--gold:#B08B52;--dp:#F4F2EF;--ds:#C9C3BC;--lp:#121212;--ls:#4B4440}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--obs);color:var(--dp);font:16px/1.6 Aptos,Inter,Calibri,Helvetica,Arial,sans-serif}
a{color:var(--brass)}:focus-visible{outline:3px solid var(--brass);outline-offset:2px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--paper);color:var(--lp);padding:8px;z-index:9}
.proto{background:var(--gra);color:var(--ds);font-size:12px;text-align:center;padding:4px 12px;border-bottom:1px solid var(--sla)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
h1{font-size:40px;line-height:1.15;margin:8px 0 12px;letter-spacing:-.01em}h2{font-size:30px;line-height:1.2;margin:48px 0 16px}h3{font-size:22px;margin:0 0 8px}
.eyebrow{color:var(--brass);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}
.rule{width:80px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:16px 0}
.hero{background:var(--obs) url(/assets/hero.jpg) no-repeat right center/auto 100%;padding:64px 0;position:relative}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--obs) 45%,rgba(14,15,16,.75) 70%,rgba(14,15,16,.45))}
.hero .wrap{position:relative}.hero h1{font-size:54px;max-width:640px}.lede{color:var(--ds);font-size:18px;max-width:560px}
.ask{max-width:600px;margin-top:24px}textarea,input{width:100%;font:inherit;color:var(--lp);background:var(--paper);border:1px solid var(--sla);border-radius:6px;padding:12px 16px}
.ask textarea{font-size:17px;min-height:96px}
.btn{display:inline-block;background:var(--gold);color:var(--obs);border:0;border-radius:6px;padding:12px 24px;font-family:inherit;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;cursor:pointer;min-height:44px;margin-top:12px}
.btn:hover{background:var(--brass)}.btn.ghost{background:transparent;color:var(--dp);border:1px solid var(--sla)}.btn.ghost:hover{border-color:var(--brass)}
.btn.ghost.dark{color:var(--lp);border-color:#bdb6ae}.btn.small{padding:6px 12px;font-size:14px;min-height:36px;margin:0}
.try{margin-top:16px;color:var(--ds);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chip{display:inline-block;border:1px solid var(--sla);background:var(--car);color:var(--dp);border-radius:999px;padding:8px 14px;font-family:inherit;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;min-height:40px}
.chip:hover,.chip.on{border-color:var(--brass);color:var(--brass)}
.note,.small{font-size:13px;color:var(--ds)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{display:block;background:var(--car);border:1px solid var(--sla);border-radius:8px;padding:24px;color:var(--dp);text-decoration:none}
.card:hover{border-color:var(--gold)}.card p{color:var(--ds);font-size:15px}.dom,.meta{font-size:12px;color:var(--ds);display:block}.dom{color:var(--brass);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.why{display:block;font-size:13px;color:var(--dp);margin-top:8px}
.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:3px 10px;margin-top:10px}
.tag.ex{border:1px dashed var(--brass);color:var(--brass)}.tag.demo{border:1px dashed #b3541e;color:#ffb38a;font-size:12px}
.how{margin:48px 0 64px;padding:24px;background:var(--car);border:1px solid var(--sla);border-radius:8px}.how ul{display:flex;gap:24px;flex-wrap:wrap;padding:0;list-style:none;color:var(--ds)}
.results{padding-top:8px}.nomatch{background:var(--car);border:1px solid var(--sla);border-left:3px solid var(--brass);border-radius:8px;padding:24px;margin-top:24px}.nomatch h2{margin-top:0}
.nomatch .card{background:var(--gra)}.link{font-weight:700}
.ghead{padding:32px 0;border-bottom:1px solid var(--sla)}.crumb{font-size:14px;color:var(--ds)}.crumb a{color:var(--ds)}
.verdict{margin-top:24px;background:var(--car);border:1px solid var(--sla);border-radius:8px;padding:24px}.big{font-size:20px;line-height:1.5}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}h4{margin:8px 0;color:var(--brass);font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.verdict ul{color:var(--ds);padding-left:20px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sharemsg,.copymsg,.helpmsg{font-size:14px}.sharemsg input{width:280px;color:var(--lp)}
.paper{background:var(--mist);color:var(--lp);padding:16px 0 64px}.paper a{color:#7a5a24}.paper .small{color:var(--ls)}
.paper h2{border-top:2px solid var(--gold);padding-top:16px;display:inline-block;min-width:80px}.paper section{max-width:860px}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.opt{background:var(--paper);border:1px solid #d4cfc9;border-radius:8px;padding:20px}.opt.pref{border:2px solid var(--gold)}
.opt dl{margin:0;font-size:14px}.opt dt{font-weight:700;color:var(--ls);margin-top:8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.opt dd{margin:0}
.paper .eyebrow{color:#7a5a24}.ev{display:inline-block;font-size:12px;background:var(--gra);color:var(--dp);border-radius:4px;padding:2px 8px;margin-top:8px}
.steps li{margin-bottom:12px}.example{background:var(--obs);color:var(--dp);border-radius:8px;padding:16px;margin:24px 0}.exhead{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.exhead .tag{margin:0}
pre{white-space:pre-wrap;font:14px/1.6 ui-monospace,Consolas,monospace;margin:12px 0 0}.checks li::marker{content:"☐  "}
.caution{background:#fff6e5;border-left:3px solid var(--gold);padding:12px 16px;border-radius:4px;margin-top:16px}
.ev-t{width:100%;border-collapse:collapse;background:var(--paper);font-size:14px}.ev-t th,.ev-t td{text-align:left;padding:10px;border-bottom:1px solid #ddd;vertical-align:top}
.fb{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.grid.light .card{background:var(--paper);color:var(--lp);border-color:#d4cfc9}.grid.light .card .meta{color:var(--ls)}.grid.light .dom{color:#7a5a24}
.explore input[type=search]{max-width:600px;margin:16px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}
.list{margin-top:32px}.row{display:grid;grid-template-columns:2fr 1.4fr 1fr auto;gap:16px;padding:16px;border:1px solid var(--sla);background:var(--car);border-radius:8px;margin-bottom:8px;color:var(--ds);text-decoration:none;font-size:14px;align-items:center}
.row[hidden]{display:none}.row .t{color:var(--dp);font-weight:700;font-size:17px}.row .open{color:var(--brass);font-weight:700}.row:hover{border-color:var(--gold)}
.suggest{margin-bottom:64px;max-width:760px;margin-left:auto;margin-right:auto}.suggest label{display:block;margin:16px 0 6px;font-weight:600}.err{color:#ffb38a;font-size:14px}
.ack{background:var(--car);border:1px solid var(--gold);border-radius:8px;padding:24px}
footer.site{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid var(--sla);font-size:12px;color:var(--ds)}
@media(max-width:760px){h1,.hero h1{font-size:34px}h2{font-size:24px}.hero{background:var(--obs);padding:32px 0}.hero:before{display:none}
.grid,.opts,.two{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:4px}.wrap{padding:0 16px}.btn{width:100%;text-align:center}.btn.small{width:auto}.fb{flex-direction:column;align-items:stretch}
.ev-t thead{display:none}.ev-t tr{display:block;border-bottom:1px solid #ddd;padding:8px 0}.ev-t td{display:block;border:0;padding:2px 10px}}

/* v0.4 */
.grid.light .card p{color:var(--ls)}.grid.light .tag.ex{color:#6b4f1f;border-color:#6b4f1f}
.sub{margin-top:24px;font-size:18px}
.nlband{background:var(--car);border-top:1px solid var(--sla);border-bottom:1px solid var(--sla);padding:32px 0}
.nlin{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:start}.nlband h2{font-size:24px;margin:0 0 8px}
.nl input[type=email]{margin-bottom:8px}.cb{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--ds)}.cb input{width:20px;height:20px;margin-top:2px}
.nl .btn{margin-top:8px}.nlmsg{font-size:14px;margin:8px 0 0}.tag.demo{display:block;width:max-content;max-width:100%}
.sponsor{margin:48px 0 64px;border:1px dashed var(--ds);border-radius:8px;padding:24px;background:transparent}.sponsor h3{margin-top:8px}.sponsor p{color:var(--ds)}
.tag.sp{border:1px solid var(--ds);color:var(--dp);background:var(--gra)}
.email{max-width:640px;margin:32px auto;background:var(--paper);border:1px solid #d4cfc9;border-radius:8px;overflow:hidden}
.emhead{background:#f4f2ef;padding:16px 24px;border-bottom:1px solid #d4cfc9;font-size:14px}.emhead dl{display:grid;grid-template-columns:70px 1fr;margin:0}.emhead dt{color:var(--ls)}.emhead dd{margin:0}
.embody{padding:24px}.embody h3{font-size:18px;margin:24px 0 6px;color:#6b4f1f}.embody img{display:block;border-radius:6px}
.email-sp{margin:24px 0;border-color:#9a928a}.email-sp p{color:var(--ls)}.email-sp .tag.sp{color:var(--lp);background:#eee}
.emfoot{font-size:12px;color:var(--ls);border-top:1px solid #ddd;padding-top:12px;margin-top:24px}
.h3{font-size:22px}
@media(max-width:760px){.nlin{grid-template-columns:1fr}}
/* v0.5 */
.tag.rs{border:1px solid #7fa37a;color:#bfe0b9}.paper .tag.rs,.grid.light .tag.rs{color:#2f5d2a;border-color:#2f5d2a}
.planned{columns:2;color:var(--ds);font-size:14px;padding-left:20px}.plannedbox{margin:24px 0;color:var(--ds)}.plannedbox summary{cursor:pointer;font-weight:600;color:var(--dp)}
.row.muted{opacity:.85}.facts{display:grid;grid-template-columns:120px 1fr;gap:6px 12px;margin:0}.facts dt{color:var(--ds)}.facts dd{margin:0}
.opt dd .small{color:var(--ls)}.verdict p{color:var(--dp)}
@media(max-width:760px){.planned{columns:1}.facts{grid-template-columns:1fr}}

.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
/* v0.5.2 */
details.more{margin:18px 0;border:1px solid #c9c2b2;border-radius:6px;padding:10px 14px}details.more>summary{cursor:pointer;font-weight:600;padding:4px 0}details.more[open]>summary{margin-bottom:10px}
details.more summary:focus-visible{outline:3px solid #b08d57;outline-offset:2px}
.outcome{font-size:1.05em;border-left:4px solid #b08d57;padding:6px 12px;background:rgba(176,141,87,.08)}
.opts .opt p{margin:.3em 0}.note-research{opacity:.85}
.paper h4{color:#6b4f1f}.paper .btn.small,.example .btn.small{color:#14110f;font-weight:600}

/* v0.6.3 tap targets: key links and controls at least 44px tall on mobile */
@media(max-width:760px){nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.crumb a,footer.site a,a.link,.try .chip,.chip,.btn,.btn.small,.brand{display:inline-flex;align-items:center;min-height:44px}
.btn{justify-content:center}.cb{min-height:44px;align-items:center}.cb input{width:24px;height:24px;margin-top:0;flex:none}
footer.site a{padding:0 4px}.crumb{line-height:44px}}
/* v0.6.3 heading-order fixes keep the same look */
h3.h4{margin:8px 0;color:var(--brass);font-size:14px;text-transform:uppercase;letter-spacing:.08em}.paper h3.h4,.light h3.h4{color:#6b4f1f}
.embody h2.eh{font-size:18px;margin:24px 0 6px;color:#6b4f1f}

/* v1.1.1 shared Promptivity header standard (matches shop.promptivity.ai release-030, see HEADER-STANDARD.md) */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-wght-normal.3100e775e8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--gh-obsidian:#0E0F10;--gh-carbon:#171516;--gh-slate:#322D2A;--gh-mist:#E8E6E3;--gh-text:#F4F2EF;--gh-text2:#C9C3BC;--gh-brass:#C6A15D;--gh-champagne:#F0D8A4;--gh-font:Aptos,Inter,Calibri,Helvetica,Arial,sans-serif}
.gw{max-width:1040px;margin:0 auto;padding:0 24px}
header.gh{position:relative;border-bottom:1px solid var(--gh-slate);background:var(--gh-obsidian);font-family:var(--gh-font);font-size:16px;line-height:1.6}
header.gh .gw{display:flex;align-items:center;justify-content:space-between;gap:24px;height:65px}
header.gh .brand{display:flex;align-items:center;gap:12px;color:var(--gh-mist);text-decoration:none;font-weight:600;font-size:19px;line-height:1}
header.gh .brand:hover{color:var(--gh-text)}
header.gh .brand img{width:32px;height:32px;display:block}
header.gh #gnav{display:flex;align-items:center;gap:28px}
header.gh #gnav ul,header.gh #gnav li{display:contents}
header.gh #gnav a{display:block;color:var(--gh-mist);text-decoration:none;white-space:nowrap;font-size:16px;font-weight:500;letter-spacing:normal;padding:6px 0;border-bottom:2px solid transparent}
header.gh #gnav a:hover{color:var(--gh-text);border-bottom-color:var(--gh-slate)}
header.gh #gnav a[aria-current]{color:var(--gh-text);font-weight:600;border-bottom-color:var(--gh-brass)}
header.gh a:focus-visible,header.gh button:focus-visible,.subnav a:focus-visible{outline:2px solid var(--gh-champagne);outline-offset:3px;border-radius:0}
.menu-btn{display:none;align-items:center;gap:8px;background:transparent;color:var(--gh-text);border:1px solid var(--gh-slate);border-radius:6px;padding:8px 12px;font:inherit;font-size:16px;font-weight:600;cursor:pointer;min-height:44px}
.menu-btn:hover{border-color:var(--gh-brass)}
.menu-btn .bars{width:18px;height:2px;background:currentColor;position:relative}
.menu-btn .bars:before,.menu-btn .bars:after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor}
.menu-btn .bars:before{top:-6px}.menu-btn .bars:after{top:6px}
.subnav{border-bottom:1px solid var(--gh-slate);background:var(--gh-carbon);font-family:var(--gh-font);line-height:1.6}
.subnav .gw{display:flex;align-items:center;gap:20px;height:44px;overflow-x:auto;white-space:nowrap}
.subnav a{color:var(--gh-text2);text-decoration:none;font-size:15px;white-space:nowrap}
.subnav a:hover{color:var(--gh-text);text-decoration:underline}
.subnav a.sid{color:var(--gh-text);font-weight:700;font-size:16px;margin-right:4px}
@media(max-width:760px){header.gh .gw{height:60px}
.js .menu-btn,.js .menu-btn[hidden]{display:inline-flex}
.js header.gh #gnav{display:none;position:absolute;left:0;right:0;top:60px;background:var(--gh-obsidian);border-bottom:1px solid var(--gh-slate);z-index:10;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 16px}
.js header.gh.open #gnav{display:flex}
.js header.gh #gnav a{padding:12px 0;min-height:44px;border-bottom:1px solid var(--gh-slate)}
.js header.gh #gnav a[aria-current]{border-left:3px solid var(--gh-brass);padding-left:10px;border-bottom-color:var(--gh-slate)}
html:not(.js) header.gh .gw{height:auto;flex-wrap:wrap;row-gap:0;padding-top:8px}
html:not(.js) header.gh #gnav{width:100%;overflow-x:auto;gap:16px}
html:not(.js) header.gh #gnav a{min-height:44px;display:flex;align-items:center;font-size:15px}
.subnav .gw{gap:16px}
header.gh .brand,.subnav a{min-height:44px;display:inline-flex;align-items:center}}
/* v1.1.3 mobile section row scroll cue: edge fades shown only when the row overflows (JS toggles .fl/.fr) */
@media(max-width:760px){.subnav{position:relative}
.subnav:before,.subnav:after{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:1}
.subnav:before{left:0;background:linear-gradient(to right,var(--gh-carbon),rgba(23,21,22,0))}
.subnav:after{right:0;background:linear-gradient(to left,var(--gh-carbon),rgba(23,21,22,0))}
.subnav.fl:before,.subnav.fr:after{opacity:1}}
@media(prefers-reduced-motion:reduce){.subnav:before,.subnav:after{transition:none}}