/* trazuno.net v2 — ONE shared stylesheet (ORDER 1, 2026-10-16). Plain CSS, system fonts only, no external resources, no trackers. Phone-first. Three brand directions as theme classes (see DECIDE.html): .t-paper (default) / .t-night / .t-signal — picking = changing one class on <body>. */
*{box-sizing:border-box}
:root,.t-paper{--bg:#F7F5F0;--panel:#ffffff;--ink:#1c1a17;--mut:#6d675e;--line:#e3ded4;--studio:#B4530F;--research:#0F766E;--link:#0f5f8f;--banner:#f3ecdd}
.t-night{--bg:#101215;--panel:#181b20;--ink:#e9e6df;--mut:#9aa0a6;--line:#262a31;--studio:#e8a33d;--research:#5eead4;--link:#7fb4ff;--banner:#1c2129}
.t-signal{--bg:#ffffff;--panel:#f4f5f7;--ink:#0d1117;--mut:#57606a;--line:#d8dde3;--studio:#1d4ed8;--research:#c2410c;--link:#1d4ed8;--banner:#eef1f5}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 -apple-system,"Segoe UI",Roboto,Arial,sans-serif}
main{max-width:62ch;margin:0 auto;padding:20px 16px 56px}
header.top{display:flex;align-items:center;gap:10px;padding:10px 0 2px;flex-wrap:wrap}
.wm{font-weight:800;letter-spacing:.14em;font-size:1.15rem;text-transform:uppercase}
.wm svg{vertical-align:-4px;margin-right:6px}
.lines{font-size:.74rem;color:var(--mut);letter-spacing:.16em;text-transform:uppercase;margin-left:auto;text-align:right;line-height:1.4}
.lines b.s{color:var(--studio)} .lines b.r{color:var(--research)}
nav{display:flex;flex-wrap:wrap;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.92rem}
nav a{color:var(--ink);text-decoration:none;border-bottom:2px solid transparent}
nav a.on{border-bottom-color:var(--studio);font-weight:600}
h1{font-size:1.5rem;line-height:1.25;margin:.7em 0 .2em}
h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin:1.6em 0 .4em}
h3{font-size:1rem;margin:1em 0 .3em}
p{margin:.55em 0}
a{color:var(--link);word-break:break-word}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:.8em 0}
.card.studio{border-top:4px solid var(--studio)} .card.research{border-top:4px solid var(--research)}
.kicker{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:0 0 .3em}
.kicker.studio{color:var(--studio)} .kicker.research{color:var(--research)}
ul{margin:.4em 0 .6em 1.2em;padding:0} li{margin:.3em 0}
.banner{background:var(--banner);border-left:4px solid var(--research);border-radius:0 8px 8px 0;padding:10px 12px;font-size:.93rem;margin:1em 0}
.cta{display:inline-block;background:var(--ink);color:var(--bg);text-decoration:none;border-radius:9px;padding:9px 16px;font-weight:600}
.es{border-left:3px solid var(--line);padding-left:12px;margin-top:1.6em}
footer{margin-top:2.4em;color:var(--mut);font-size:.88rem;border-top:1px solid var(--line);padding-top:1em}
footer a{color:var(--mut)}
.grid2{display:grid;gap:12px} @media(min-width:820px){.grid2{grid-template-columns:1fr 1fr}}
.sw{display:inline-block;width:22px;height:22px;border-radius:5px;border:1px solid var(--line);vertical-align:-5px;margin-right:5px}
.mock{border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.8rem;background:var(--bg);color:var(--ink)}
.mock .mh{padding:12px 12px 4px} .mock .mbody{padding:4px 12px 14px}
.mock .mcard{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:6px 0}
.mock .ms{border-top:3px solid var(--studio)} .mock .mr{border-top:3px solid var(--research)}
table{border-collapse:collapse;font-size:.9rem} td,th{padding:4px 8px;border-bottom:1px solid var(--line);text-align:left}