/* ------------------------------------------------------------------
   pages.css - pagine di contenuto: download, note di rilascio,
   router lingua e 404. Stesso linguaggio visivo della homepage.
   Richiede base.css caricato prima.
------------------------------------------------------------------ */

/* ============================ INTESTAZIONE DI PAGINA ============================ */
.page-hero{position:relative;padding:78px 0 46px;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(50% 60% at 78% 20%,rgba(99,102,241,.2),transparent 65%),
    radial-gradient(40% 60% at 12% 90%,rgba(59,130,246,.12),transparent 62%)}
.page-hero .wrap,.page-hero .container{position:relative}
.page-hero h1{font-size:40px;line-height:1.1;letter-spacing:-.035em;margin-bottom:18px;max-width:18ch}
.page-hero .lead{max-width:60ch}

/* ============================ FASCE DI CONTENUTO ============================ */
.section{padding:56px 0;border-top:1px solid var(--line)}
.section.soft{background:var(--bg-2)}
.section h2{margin-bottom:18px}

/* ============================ CARTE ============================ */
.download-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.download-card,.release-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:24px}
.download-card h3,.release-card h3{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#fff;margin-bottom:12px}
.download-card p,.release-card p{color:var(--text-2);font-size:14.5px;line-height:1.6}
.card-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;
  background:rgba(59,130,246,.16);border:1px solid rgba(59,130,246,.3);color:#93c5fd}
.card-icon .icon{width:17px;height:17px}
.card-icon.dark{background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.35);color:#c4b5fd}

/* Tabelle chiave/valore (endpoint, requisiti, percorsi) */
.table{margin-top:18px;border-top:1px solid var(--line)}
.table-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.table-row strong{color:#e7ebf5;font-weight:600}
.table-row code{color:#9ec1ff;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.22);border-radius:6px;padding:3px 8px;overflow-wrap:anywhere}

/* ============================ ROUTER LINGUA E 404 ============================ */
.language-router-page,.error-page{min-height:100vh;display:flex;flex-direction:column}
.language-choice,.error-page main{flex:1;display:grid;place-items:center}
.language-choice .page-hero,.error-page .page-hero{width:100%;text-align:center;padding:96px 0}
.language-choice .page-hero h1,.error-page .page-hero h1{max-width:none;margin-inline:auto}
.language-choice .lead,.error-page .lead{margin-inline:auto}
.language-choice .page-actions,.error-page .page-actions,.language-choice .microcopy{justify-content:center}

/* ============================ RESPONSIVE ============================ */
@media (max-width:860px){
  .download-layout{grid-template-columns:1fr}
}
@media (max-width:680px){
  .page-hero{padding:56px 0 36px}
  .page-hero h1{font-size:30px}
  .table-row{flex-direction:column;align-items:flex-start;gap:6px}
}