/* multitap template: Brutalist Poster — huge type, thick black borders, hard offset shadows. */
.t-brutal{--bg:#fff27a;--ink:#000;--a:#ff3b00;--paper:#fff}
.t-brutal.p2{--bg:#f6e7d7;--ink:#111;--a:#ff48b0;--paper:#fffaf3}
.t-brutal.p3{--bg:#b9f5d8;--ink:#000;--a:#2b50ff;--paper:#fff}
.t-brutal.p4{--bg:#d9d9d9;--ink:#000;--a:#00c853;--paper:#f4f4f4}
.t-brutal.p5{--bg:#141414;--ink:#fff;--a:#ffe600;--paper:#222}

.t-brutal{--text:var(--ink);--dim:var(--ink);--accent:var(--a);--line:var(--ink);
  background:var(--bg);color:var(--ink);font-family:"Space Grotesk",system-ui,sans-serif;font-weight:500}
.t-brutal .top{background:var(--ink);border-bottom:0;padding:16px 0}
.t-brutal .brand{font-family:"Archivo Black",sans-serif;font-size:1.6rem;color:var(--bg);text-transform:uppercase;letter-spacing:-.02em}
.t-brutal nav a{color:var(--bg);font-weight:700;text-transform:uppercase;padding:2px 8px}
.t-brutal nav a.on,.t-brutal nav a:hover{background:var(--a);color:var(--ink)}
.t-brutal.p5 nav a.on,.t-brutal.p5 nav a:hover{color:#000}
.t-brutal .brand,.t-brutal.p5 .brand{color:var(--bg)}
.t-brutal.p5 .top{background:var(--a)}.t-brutal.p5 .brand,.t-brutal.p5 nav a{color:#000}
.t-brutal.p5 nav a.on,.t-brutal.p5 nav a:hover{background:#000;color:var(--a)}
.t-brutal h1,.t-brutal h2{font-family:"Archivo Black",sans-serif;text-transform:uppercase;letter-spacing:-.03em;line-height:.95}
.t-brutal h1{font-size:clamp(2.6rem,11vw,4.6rem)}
.t-brutal h2{font-size:1.6rem;display:inline-block;background:var(--a);color:var(--ink);padding:4px 10px;margin-bottom:14px}
.t-brutal.p5 h2{color:#000}
.t-brutal .lead{color:var(--ink);font-size:1.15rem;font-weight:700}
.t-brutal .note{color:var(--ink);opacity:.8}
.t-brutal .card{background:var(--paper);border:4px solid var(--ink);border-radius:0;box-shadow:10px 10px 0 var(--ink);margin-bottom:26px}
.t-brutal .facts>div{background:var(--bg);border:3px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink)}
.t-brutal .facts b{font-family:"Archivo Black",sans-serif;font-size:1.05rem}
.t-brutal .facts span{color:var(--ink);text-transform:uppercase;font-weight:700;font-size:.7rem}
.t-brutal .coin span{background:var(--paper);border:3px solid var(--ink);border-radius:0;box-shadow:4px 4px 0 var(--ink);transition:transform .08s}
.t-brutal .coin b{font-family:"Archivo Black",sans-serif;font-size:1.1rem}
.t-brutal .coin small{color:var(--ink)}
.t-brutal .coin input:checked+span{background:var(--a);color:var(--ink);transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}
.t-brutal.p5 .coin input:checked+span,.t-brutal.p5 .coin input:checked+span small{color:#000}
.t-brutal .btn{background:var(--a);color:var(--ink);border:4px solid var(--ink);border-radius:0;box-shadow:6px 6px 0 var(--ink);
  font-family:"Archivo Black",sans-serif;text-transform:uppercase;letter-spacing:.02em;transition:transform .08s,box-shadow .08s}
.t-brutal.p5 .btn{color:#000}
.t-brutal .btn:hover{background:var(--a);transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.t-brutal .btn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink)}
.t-brutal .btn.big{font-size:2rem;padding:18px}
.t-brutal .btn[disabled]{background:var(--bg);color:var(--ink);box-shadow:none;transform:none;opacity:.7}
.t-brutal input,.t-brutal .copy{background:var(--paper);border:3px solid var(--ink);border-radius:0;color:var(--ink);font-weight:700}
.t-brutal .flash{border:4px solid var(--ink);border-radius:0;box-shadow:6px 6px 0 var(--ink);font-weight:700;color:var(--ink)}
.t-brutal .flash.ok{background:var(--a)}.t-brutal.p5 .flash.ok{color:#000}
.t-brutal .flash.err{background:#ff5a5a;color:#000}
.t-brutal .good,.t-brutal .task-r{color:var(--ink);background:var(--a);padding:0 4px}
.t-brutal.p5 .good,.t-brutal.p5 .task-r{color:#000}
.t-brutal .task{background:var(--paper);border:3px solid var(--ink);border-radius:0;color:var(--ink)}
.t-brutal .bar{height:18px;border:3px solid var(--ink);border-radius:0;background:var(--paper)}.t-brutal .bar i{background:var(--a)}
.t-brutal .recent li{border-bottom:2px solid var(--ink);font-weight:700}.t-brutal .recent span{color:var(--ink)}
.t-brutal .steps{color:var(--ink);font-weight:700}
.t-brutal .foot{color:var(--ink);font-weight:700;text-transform:uppercase}
.t-brutal a{color:var(--ink);text-decoration-thickness:3px}