/* Parti comuni alle pagine interne (server, entra, whitelist, regolamento, mod, lore, equipaggio) */

/* intestazione, indice, capitoli */
.lhero{border-bottom:1px solid var(--line);padding-block:clamp(3rem,8vw,6rem) clamp(2.5rem,5vw,4rem);position:relative;overflow:hidden}
.lhero .crumb{font:400 .95rem var(--display);letter-spacing:.05em;color:var(--muted);margin-bottom:1.5rem}
.lhero .crumb a{color:var(--muted)}
.lhero h1{font-size:clamp(2.6rem,7vw,5.2rem);font-weight:700;line-height:.92;max-width:16ch}
.lhero h1 span{display:block;color:var(--amber);font-size:.4em;line-height:1.15;letter-spacing:.08em;margin-top:.6em}
.lhero .lede{margin-top:1.8rem;max-width:46ch}
.lhero .source{font-style:italic;color:var(--muted);font-size:1rem;margin-top:1rem}
.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:3.5rem;padding-block:3rem 5rem}
@media (max-width:960px){.layout{grid-template-columns:1fr;gap:1rem}}
.toc{position:sticky;top:calc(env(safe-area-inset-top,0px) + 88px);align-self:start;font:400 1rem var(--display);letter-spacing:.03em}
.toc p{color:var(--muted);margin:0 0 .6rem;font-size:.95rem}
.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.toc a{display:block;padding:.35rem 0 .35rem .9rem;color:var(--muted);text-decoration:none;margin-left:-1px;border-left:2px solid transparent}
.toc a:hover{color:var(--head)}
.toc a.on{color:var(--head);border-left-color:var(--amber)}
@media (max-width:960px){.toc{position:static}.toc ol{display:flex;flex-wrap:wrap;gap:.3rem .9rem;border:0}.toc a{padding:.2rem 0;border:0}}
.chapter{padding-block:0 4rem;margin-bottom:4rem;border-bottom:1px solid var(--line)}
.chapter:last-child{border-bottom:0;margin-bottom:0}
.chapter>h2{margin-bottom:1rem}
.chapter>.intro{font-size:1.15rem;color:var(--head);max-width:58ch}
.finder{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin:1.8rem 0 .5rem}
.finder input{font:400 1rem var(--serif);background:var(--bg2);color:var(--head);border:1px solid var(--line);padding:.6rem .8rem;min-width:min(320px,100%);border-radius:2px}
.finder input:focus{outline:2px solid var(--amber);outline-offset:1px}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}
.chips button{font:400 .92rem var(--display);letter-spacing:.03em;background:transparent;color:var(--muted);border:1px solid var(--line);padding:.35rem .7rem;cursor:pointer;border-radius:2px}
.chips button[aria-pressed="true"]{color:#070706;background:var(--amber);border-color:var(--amber)}
.empty{color:var(--muted);font-style:italic;margin-top:1rem}
.warn{border:1px solid var(--rust);background:color-mix(in srgb,var(--rust) 12%,transparent);padding:1rem 1.2rem;font-size:1rem;margin:2.5rem 0 0;max-width:62ch}
.warn strong{font-family:var(--display);font-weight:500;letter-spacing:.04em;color:var(--head)}
.next{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}

/* blocchi riusati: pilastri, elenchi, passi, regole, mod */
.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--head);margin-top:2.5rem}
@media (max-width:820px){.pillars{grid-template-columns:1fr}}
.pillars article{padding:1.4rem 1.4rem 0 0;border-right:1px solid var(--line)}
.pillars article+article{padding-left:1.4rem}
.pillars article:last-child{border-right:0}
@media (max-width:820px){.pillars article,.pillars article+article{padding:1.2rem 0;border-right:0;border-bottom:1px solid var(--line)}}
.pillars h3{margin-bottom:.6rem}
.pillars p{font-size:1.02rem}
.quote{font:italic 400 clamp(1.4rem,3vw,2rem)/1.35 var(--serif);color:var(--head);border-left:3px solid var(--amber);padding-left:1.2rem;margin:2rem 0;max-width:30ch}
.routine{columns:2;column-gap:2.5rem;padding:0;margin:1.5rem 0 0;list-style:none}
@media (max-width:600px){.routine{columns:1}}
.routine li{break-inside:avoid;padding:.45rem 0;border-bottom:1px dotted var(--line)}
.steps{counter-reset:s;list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:0}
.steps li{counter-increment:s;display:grid;grid-template-columns:4.5rem 1fr;gap:1rem;padding:1.3rem 0;border-top:1px solid var(--line)}
.steps li::before{content:counter(s);font:700 2.6rem/1 var(--display);color:var(--amber)}
.steps h3{margin-bottom:.35rem}
.steps p{margin:0;font-size:1.02rem}
.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2rem}
@media (max-width:700px){.rules{grid-template-columns:1fr}}
.rules div{background:var(--bg);padding:1.4rem}
.rules .art{font:400 .95rem var(--display);color:var(--amber);letter-spacing:.05em;text-decoration:none;display:inline-block;margin-bottom:.4rem}
.rules p{font-size:1rem;margin:0}
.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.4rem 2rem;margin:1.5rem 0 0;padding:0;list-style:none}
.mods li{padding:.4rem 0;border-bottom:1px dotted var(--line);font-size:1rem}
.rules .full{grid-column:1/-1}

/* pagine a colonna singola (entra, whitelist, regolamento, mod) */
.page{padding-block:3rem 5rem;max-width:880px}
.page>.steps{margin-top:0}
.mt-3{margin-top:3rem}
.checklist{list-style:none;padding:0;margin:1.2rem 0 0}
.checklist li{position:relative;padding:.6rem 0 .6rem 2rem;border-bottom:1px dotted var(--line)}
.checklist li::before{content:"";position:absolute;left:.3rem;top:1.05rem;width:.7rem;height:.7rem;border:2px solid var(--amber);transform:rotate(45deg)}
.fields{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:0;margin:1.5rem 0 0;border-top:1px solid var(--line)}
.fields dt,.fields dd{padding:.7rem 0;border-bottom:1px solid var(--line);margin:0}
.fields dt{font:500 1.05rem var(--display);text-transform:uppercase;letter-spacing:.03em;color:var(--head);padding-right:1rem}
@media (max-width:600px){.fields{grid-template-columns:1fr}.fields dt{border-bottom:0;padding-bottom:0}}
.tip{font-style:italic;color:var(--head);border-left:3px solid var(--amber);padding-left:1rem;margin-top:1.8rem}
html.wl-chiusa .wl-solo-chiusa.wl-inline{display:inline}