/*! © 2026 Enrico Ascari — The Drowned Dawn. Tutti i diritti riservati / All rights reserved. */
/* PAGINE LEGALI (privacy.html, terms.html): leggibili prima che belle, coi colori del gioco */
:root { color-scheme: dark; --fondo: #07090b; --carta: #11171a; --testo: #e6dcc4; --tenue: #a9b0ad; --oro: #e9c77b; --bordo: #34403c; }
* { box-sizing: border-box; }
html { background: var(--fondo); }
body { margin: 0; background: radial-gradient(ellipse at 50% 0%, #142024, var(--fondo) 70%) fixed; color: var(--testo);
  font: 17px/1.6 Georgia, "Times New Roman", serif; }
.wrap { max-width: 860px; margin: 0 auto; padding: 24px 16px 60px; }
.top { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; position: sticky; top: 0; padding: 10px 0; background: rgba(7, 9, 11, .92); z-index: 2; }
.btn { display: inline-block; padding: 7px 14px; border: 1px solid #8a6a2c; border-radius: 3px; color: #1a0c02; background: linear-gradient(180deg, #f3dc9d, #c99a45);
  font: 700 14px/1.2 system-ui, sans-serif; text-decoration: none; }
.btn.alt { background: transparent; color: var(--oro); }
h1 { font-weight: 400; font-size: clamp(28px, 6vw, 40px); color: var(--oro); margin: 10px 0 4px; letter-spacing: .5px; }
h2 { font-weight: 400; font-size: 23px; color: var(--oro); margin: 30px 0 8px; border-bottom: 1px solid var(--bordo); padding-bottom: 4px; }
p, li { color: var(--testo); }
a { color: var(--oro); }
.meta { color: var(--tenue); font: 14px/1.5 system-ui, sans-serif; }
.box { background: var(--carta); border: 1px solid var(--bordo); border-left: 3px solid #b98a3c; padding: 10px 16px; margin: 14px 0; }
.box.clausola { border-left-color: #b84a35; }
.tag { display: inline-block; font: 700 12px system-ui, sans-serif; letter-spacing: .5px; text-transform: uppercase; color: #ffd8cc; background: #6b2216; padding: 1px 8px; margin-bottom: 4px; }
table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 15px; }
th, td { border: 1px solid var(--bordo); padding: 8px 10px; vertical-align: top; text-align: left; }
th { background: #16211f; color: var(--oro); font-weight: 400; }
hr { border: 0; border-top: 1px solid var(--bordo); margin: 46px 0; }
footer { margin-top: 40px; color: var(--tenue); font: 14px/1.5 system-ui, sans-serif; }
@media (max-width: 600px) {
  body { font-size: 16px; }
  table, thead, tbody, tr, th, td { display: block; } thead { display: none; }
  tr { border: 1px solid var(--bordo); margin-bottom: 12px; } td { border: 0; border-top: 1px solid #1d2725; }
  td::before { content: attr(data-l); display: block; font: 700 11px system-ui, sans-serif; letter-spacing: .6px; text-transform: uppercase; color: var(--tenue); }
}