/* Meridian Worker Deck — styles aligned to Young Player Persona Deck */
:root{--ink:#28251d;--muted:#6f6a61;--faint:#9a948b;--bg:#fbfaf7;--surface:#fff;--line:#e7e2da;--brand:#830E0E;--brand-dk:#6a0b0b;--radius:10px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
.site-header{border-bottom:1px solid var(--line);background:var(--surface);padding:1rem clamp(1rem,4vw,3rem)}
.header-row{margin-bottom:.6rem}
.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink)}
.monogram{font-weight:800;color:var(--brand);font-size:1.15rem}
.wordmark-sm{font-weight:600}
.nav{display:flex;flex-wrap:wrap;gap:1.2rem}
.nav a{text-decoration:none;color:var(--muted);font-size:.92rem}
.nav a.active,.nav a:hover{color:var(--brand)}
.tool-page{max-width:1040px;margin-inline:auto;padding:clamp(1.5rem,4vw,3rem)}
.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:1rem}
.crumbs a{color:var(--brand);text-decoration:none}.crumbs a:hover{text-decoration:underline}
h1{font-size:clamp(1.8rem,1.2rem+2vw,2.6rem);line-height:1.15;margin-bottom:.5rem;display:flex;align-items:center;gap:.6rem}
h2{font-size:1.3rem;margin:2rem 0 .8rem}
h3{font-size:1.15rem;margin-bottom:.2rem}
.icon-lg{width:1.4em;height:1.4em;fill:none;stroke:var(--brand);stroke-width:1.6}
.lede{color:var(--muted);max-width:65ch;margin-bottom:1.5rem;font-size:1.05rem}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0 2.5rem}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem}
.step h4{margin-bottom:.3rem}.step p{font-size:.92rem;color:var(--muted)}
.city-block{margin-bottom:2.5rem}
.city-meta{font-size:.85rem;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;margin:.2rem 0 1rem}
.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}
.persona{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;text-decoration:none;color:var(--ink);text-align:center;transition:box-shadow .18s,transform .18s}
.persona:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px)}
.persona .initial-badge{width:84px;height:84px;margin:.2rem auto .6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#faf2f2;color:var(--brand);font-weight:800;font-size:2.2rem;letter-spacing:-.02em;border:1px solid #ead0d0}
.pid{font-size:.72rem;font-weight:700;color:var(--brand);letter-spacing:.05em}
.pname{font-weight:600;margin:.15rem 0}
.ptag{font-size:.82rem;color:var(--muted)}
.persona-meta{margin:.4rem 0 1rem;color:var(--muted)}
.persona-links{margin:0 0 1.5rem;padding-left:1.1rem}
.persona-links li{margin-bottom:.3rem}
.persona-links a{color:var(--brand);text-decoration:none}.persona-links a:hover{text-decoration:underline}
.dl-profile{display:grid;gap:.9rem;margin:0 0 1.5rem}
.dl-profile .row{border-bottom:1px solid var(--line);padding-bottom:.7rem}
.dl-profile dt{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin-bottom:.2rem}
.dl-profile dd{margin:0}
.prompt-box{position:relative;background:#faf8f4;border:1px solid #e0d9cf;border-radius:var(--radius);margin-top:1rem}
.prompt-box pre{font-family:ui-monospace,Menlo,monospace;font-size:.85rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;padding:2.6rem 1rem 1rem;margin:0;overflow-x:auto}
.copy-btn{position:absolute;top:.7rem;right:.7rem;font:inherit;font-size:.85rem;font-weight:600;color:#fff;background:var(--brand);border:none;border-radius:6px;padding:.4rem .85rem;cursor:pointer}
.copy-btn:hover{background:var(--brand-dk)}
.deck-footer{border-top:1px solid var(--line);padding:1.5rem clamp(1rem,4vw,3rem);color:var(--faint);font-size:.85rem;background:var(--surface)}
@media (prefers-reduced-motion:reduce){.persona{transition:none}}