*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#111827;font-family:Arial,Helvetica,sans-serif;padding-bottom:76px}.topbar{position:sticky;top:0;z-index:10;background:#0f172a;color:white;padding:16px 18px}.topbar h1{margin:3px 0 0;font-size:1.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:700;opacity:.72}.shell{max-width:860px;margin:auto;padding:14px}.card{background:white;border:1px solid #e5e7eb;border-radius:18px;padding:17px;margin-bottom:13px;box-shadow:0 5px 18px rgba(15,23,42,.05)}.accent{background:linear-gradient(135deg,#eff6ff,#fff)}h2{font-size:1.25rem;margin:5px 0 8px}.muted{color:#64748b}.pill{display:inline-block;background:#e2e8f0;padding:6px 9px;border-radius:999px;font-size:.75rem;font-weight:700}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.button{display:inline-block;text-decoration:none;background:#0f172a;color:white;padding:11px 13px;border-radius:11px;font-weight:700}.button.alt{background:#e2e8f0;color:#0f172a}.timeline,.stack,.steps{display:grid}.item,.row,.step{padding:12px 0;border-bottom:1px solid #eef2f7}.item:last-child,.row:last-child,.step:last-child{border-bottom:0}.item{display:grid;grid-template-columns:76px 1fr auto;gap:10px}.item span,.row span{color:#64748b;font-size:.85rem}.item a{color:#0f172a;font-weight:700;text-decoration:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{background:#f8fafc;border:1px solid #e5e7eb;border-radius:13px;padding:13px;text-decoration:none;color:#0f172a}.tile span{display:block;color:#64748b;font-size:.83rem;margin-top:3px}.row{display:grid;grid-template-columns:70px 1fr auto;gap:10px}.row em{font-style:normal;font-size:.8rem;font-weight:700;color:#475569}.step{display:grid;grid-template-columns:80px 1fr;gap:12px}.step h3{margin:0 0 4px;font-size:1rem}.step p{margin:0;color:#475569;line-height:1.45}.step .time{font-weight:800}.step.key{background:#f0fdf4;margin:0 -8px;padding:12px 8px;border-radius:10px}.step.warn{background:#fff7ed;margin:0 -8px;padding:12px 8px;border-radius:10px}.fine{font-size:.8rem;color:#64748b}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(860px,100%);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.97);border-top:1px solid #e5e7eb;padding:8px}.bottom a{text-align:center;text-decoration:none;color:#64748b;font-size:.78rem;font-weight:700;padding:8px;border-radius:9px}.bottom a.active{background:#0f172a;color:#fff}@media(max-width:600px){.grid{grid-template-columns:1fr 1fr}.item{grid-template-columns:64px 1fr}.item a{grid-column:2}.row{grid-template-columns:58px 1fr}.row em{grid-column:2}.step{grid-template-columns:66px 1fr}}