.arch{gap:clamp(24px,3vw,40px);padding-block:clamp(28px,5vw,56px) 0;display:grid}.arch-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:24px clamp(32px,5vw,72px);display:grid}.arch-head h1{letter-spacing:-.045em;font-size:clamp(34px,5.2vw,76px);font-weight:800;line-height:.95}.arch-head p{color:var(--ink-2);max-width:52ch;margin-top:12px}.arch-sum{border:1px solid var(--rule-2);background:radial-gradient(120% 160% at 0% 0%, #00f2fe14, #0b1c3000 60%), var(--panel);border-radius:10px;justify-items:start;gap:10px;padding:clamp(16px,2vw,22px);display:grid}.arch-conto{align-items:baseline;gap:12px;display:flex}.arch-conto b{font-family:var(--f-display);letter-spacing:-.045em;font-size:clamp(38px,4.6vw,60px);font-weight:800;line-height:1}.arch-conto b i{color:var(--ink-4);font-style:normal}.arch-conto em{font-family:var(--f-mono);color:var(--cyan);font-size:15px;font-style:normal;font-stretch:87.5%}.arch-segni{flex-wrap:wrap;gap:5px;display:flex}.arch-segni i{border-radius:4px;width:18px;height:18px;position:relative}.arch-segni .si{background:color-mix(in oklab, var(--win) 28%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--win) 55%, transparent)}.arch-segni .no{background:color-mix(in oklab, var(--loss) 34%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--loss) 70%, transparent)}.arch-sum small{color:var(--ink-3);max-width:34ch;font-size:11.5px;line-height:1.4}.arch-tab{display:grid;container-type:inline-size}.arch-tab .r{border-bottom:1px solid var(--rule);grid-template-columns:3.6rem minmax(0,1fr) minmax(0,1fr) 4.2rem 6rem;align-items:center;gap:16px;padding-block:12px;display:grid;position:relative}.arch-tab a.r:hover{background:linear-gradient(90deg,#d3e4fe0a,#0000 85%)}.arch-tab .r.capo{border-bottom-color:var(--rule-2)}.arch-tab .r.capo span{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);font-size:10px;font-stretch:87.5%}.arch-tab .ora{font-family:var(--f-mono);color:var(--ink-3);font-size:11.5px;font-stretch:87.5%}.arch-tab .match b{font-family:var(--f-display);font-size:15.5px;font-weight:600;line-height:1.25;display:block}.arch-tab .match b em{font-style:normal;font-family:var(--f-mono);color:var(--ink-2);margin-left:4px;font-size:13px;font-stretch:87.5%}.arch-tab .match small,.arch-tab .pick small{font-family:var(--f-mono);color:var(--ink-3);font-size:10.5px;font-stretch:87.5%;display:block}.arch-tab .pick{color:var(--ink);font-size:14px}.arch-tab .v{text-align:right;font-family:var(--f-mono);color:var(--ink-2);font-size:12.5px;font-stretch:87.5%}.arch-tab .esito{letter-spacing:.06em;text-transform:uppercase;font-size:11px}.arch-tab .esito.si{color:var(--win)}.arch-tab .esito.no{color:var(--loss)}@container (max-width:720px){.arch-tab .r{grid-template-columns:3rem minmax(0,1fr) auto auto;gap:3px 10px}.arch-tab .ora{grid-area:1/1/2/2}.arch-tab .match{grid-area:1/2/2/5}.arch-tab .pick{min-width:0;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;grid-area:2/2/3/3;font-size:13px;overflow:hidden}.arch-tab .pick small{display:none}.arch-tab .q{grid-area:2/3/3/4}.arch-tab .esito{grid-area:2/4/3/5}.arch-tab .r.capo{display:none}}@media (max-width:900px){.arch-head{grid-template-columns:minmax(0,1fr)}}
