/* generato da grammatica_136.py: non modificare a mano,
   viene riscritto al prossimo giro. */
:root{--vino:#6d4a7c;--carta:#fffdf9;--fondo:#f6f4ee;--inchiostro:#2b2620;--tenue:#6b6259;--bordo:#e5e0d4}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--inchiostro);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.65}
.gr-max{max-width:1120px;margin:0 auto;padding:0 20px}
.gr-briciole{font-size:.85rem;color:var(--tenue);padding:14px 0 0}
.gr-briciole a{color:inherit;text-decoration:none}
.gr-briciole a:hover{text-decoration:underline}
.gr-corpo{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;padding:22px 0 40px}
.gr-fianco{position:sticky;top:14px;align-self:start;background:var(--carta);border:1px solid var(--bordo);border-radius:0;padding:10px;max-height:calc(100vh - 28px);overflow-y:auto}
.gr-fianco h2{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tenue);margin:4px 8px 6px}
.gr-fianco details{border-radius:0}
.gr-fianco details[open]{background:var(--fondo)}
.gr-fianco summary{display:flex;align-items:baseline;gap:10px;cursor:pointer;list-style:none;padding:8px 10px;border-radius:0}
.gr-fianco summary::-webkit-details-marker{display:none}
.gr-fianco summary:hover{background:var(--fondo)}
.gr-fianco summary b{color:var(--vino);font-size:1.02rem;min-width:26px}
.gr-fianco summary span{font-size:.86rem;color:var(--tenue)}
.gr-fianco summary::after{content:"\25BE";margin-left:auto;color:var(--tenue);font-size:.7rem;transition:transform .15s ease}
.gr-fianco details[open] summary::after{transform:rotate(180deg)}
.gr-fianco ul{list-style:none;margin:0;padding:0 6px 8px 14px}
.gr-fianco ul a{display:block;font-size:.85rem;color:var(--inchiostro);text-decoration:none;padding:4px 8px;border-radius:0}
.gr-fianco ul a:hover{background:#fff}
.gr-fianco ul a[aria-current]{background:#f1eaf4;color:var(--vino);font-weight:700}
.gr-fianco-extra{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--inchiostro);border-radius:0;padding:8px 10px;margin-top:2px}
.gr-fianco-extra b{color:var(--vino);font-size:1.02rem;min-width:26px}
.gr-fianco-extra span{font-size:.86rem;color:var(--tenue)}
.gr-fianco-extra:hover{background:var(--fondo)}
article.gr-art{min-width:0}
.gr-art .occhiello{color:var(--vino);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;margin:0 0 6px}
.gr-art h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,4.2vw,2.4rem);margin:0 0 12px;line-height:1.18}
.gr-art figure{margin:18px 0;border-radius:0;overflow:hidden;border:1px solid var(--bordo)}
.gr-art figure img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover}
.gr-art figure figcaption{font-size:.8rem;color:var(--tenue);padding:8px 14px;background:var(--carta)}
.gr-art h2{font-family:Georgia,serif;font-size:1.35rem;margin:30px 0 8px}
.gr-art h3{font-size:1.05rem;margin:20px 0 6px}
.gr-art table{border-collapse:collapse;width:100%;margin:12px 0;background:var(--carta);border-radius:0;overflow:hidden;font-size:.95rem}
.gr-art th,.gr-art td{border:1px solid var(--bordo);padding:9px 12px;text-align:left;vertical-align:top}
.gr-art th{background:#f1eaf4;font-size:.85rem;letter-spacing:.03em}
.gr-art td b{color:var(--vino)}
.gr-nota{background:var(--carta);border-left:3px solid var(--vino);border-radius:0;padding:10px 16px;margin:14px 0;font-size:.95rem}
.gr-errori li{margin:0 0 8px}
.gr-errori s{color:#a33;text-decoration-thickness:2px}
.gr-errori b{color:#2f6b3a}
.gr-prova{background:var(--carta);border:1px solid var(--bordo);border-radius:0;padding:18px 20px;margin:24px 0}
.gr-prova h2{margin-top:0}
.gr-prova ol{margin:0 0 12px;padding-left:22px}
.gr-prova li{margin:0 0 6px}
.gr-prova select{font-size:16px;font-family:inherit;padding:3px 6px;border:1.5px solid var(--bordo);border-radius:0;background:#fff;color:var(--inchiostro)}
.gr-prova select.giusto{border-color:#2f6b3a;background:#eef6ef}
.gr-prova select.sbagliato{border-color:#a33;background:#faeeee}
.gr-prova .gr-soluzione{color:#2f6b3a}
.gr-prova-tasti{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.gr-prova-tasti button{font-size:.95rem;font-weight:700;border-radius:0;padding:9px 18px;cursor:pointer;border:0;background:var(--vino);color:#fff}
.gr-prova-tasti button.secondario{background:transparent;color:var(--vino);border:1.5px solid var(--vino)}
#provaEsito{font-size:.92rem;font-weight:700}
/* banner app autosufficiente: le pagine grammatica non caricano esercizi.css,
   quindi tutte le misure vivono qui (schermate piccole, testo accanto) */
.ex-app-promo{display:flex;flex-wrap:wrap;align-items:center;gap:22px;background:var(--carta);border:1px solid var(--bordo);border-radius:0;padding:20px 22px;margin:26px 0}
.app-scatti{display:flex;gap:10px;flex:0 0 auto;margin:0}
.app-scatto{margin:0;display:block}
.app-scatto img{width:96px;height:auto;display:block;border-radius:0;border:1px solid var(--bordo);box-shadow:none}
.ex-app-promo-body{flex:1 1 300px;min-width:0}
.ex-app-promo-body h3{margin:0 0 6px;font-family:Georgia,serif;font-size:1.15rem;color:var(--inchiostro)}
.ex-app-promo-body p{margin:0 0 12px;font-size:.93rem;color:var(--tenue)}
.app-stelle{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--tenue);margin:0 0 6px}
.stelle-gialle{color:#e8a33d;letter-spacing:1px}
.ex-app-promo .button{display:inline-block;background:var(--vino);color:#fff;text-decoration:none;border-radius:0;padding:11px 20px;font-weight:700}
.ex-app-promo .button:hover{opacity:.92}
@media (max-width:600px){
.ex-app-promo{justify-content:center;text-align:center;padding:16px}
.app-scatto img{width:80px}
.app-stelle{justify-content:center}
}
.gr-pdf{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:var(--carta);border:1.5px dashed var(--vino);border-radius:0;padding:16px 20px;margin:24px 0}
.gr-pdf-testo{flex:1 1 320px}
.gr-pdf h2{margin:0 0 4px;font-size:1.1rem;font-family:Georgia,serif}
.gr-pdf p{margin:0;font-size:.92rem;color:var(--tenue)}
.gr-pdf-tasto{background:var(--vino);color:#fff;text-decoration:none;border-radius:0;padding:11px 18px;font-weight:700;white-space:nowrap}
.gr-riga-app{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.92rem;color:var(--tenue);border-left:3px solid var(--vino);padding:6px 0 6px 12px;margin:24px 0}
.gr-riga-app a{color:var(--vino);font-weight:700;text-decoration:none;white-space:nowrap}
.gr-riga-app a:hover{text-decoration:underline}
.gr-prossimi{display:flex;justify-content:space-between;gap:12px;margin:28px 0 0;flex-wrap:wrap}
.gr-prossimi a{background:var(--carta);border:1px solid var(--bordo);border-radius:0;padding:10px 16px;text-decoration:none;color:var(--inchiostro);font-size:.92rem}
.gr-prossimi a:hover{border-color:var(--vino)}
.gr-prossimi a span{display:block;font-size:.78rem;color:var(--tenue)}
@media (max-width:820px){
.gr-corpo{display:block}
.gr-fianco{position:static;max-height:none;margin:0 0 22px}
}

/* 136 · blocco "Da sapere" */
.gr-sapere{background:var(--carta);border:1px solid var(--bordo);border-radius:0;padding:14px 18px;margin:22px 0}
.gr-sapere h2{margin:0 0 8px;font-size:1.12rem}
.gr-sapere ul{margin:0;padding-left:20px}
.gr-sapere li{margin:0 0 7px;font-size:.94rem}
.gr-sapere li b{color:var(--vino)}

/* 138 · il disclaimer del piede andava a capo ogni sei parole: su desktop
   prende tutta la riga invece di stare in una colonna stretta */
.u-piede .u-disc{grid-column:1/-1;flex:1 1 100%;width:100%;max-width:none}
.u-piede .u-disc p{max-width:none;column-count:1;text-wrap:pretty}
@media (min-width:900px){.u-piede .u-disc p{font-size:.83rem;line-height:1.6}}

/* 139 · piede: aria sotto la firma e crediti fotografici */
.u-piede .u-note{padding-bottom:26px}
.u-piede .u-firma{margin-top:16px}
.u-crediti-foto{font-size:.8rem;line-height:1.5;opacity:.85;margin:0 0 16px}
.u-crediti-foto b{display:block;margin:0 0 4px;font-size:.82rem}
.u-crediti-foto p{margin:0}

/* 143 · riquadro dell'app: niente pastiglia intorno al percorso, e due serie
   di colori. Le forzature del 137 e del 139 stavano sopra a queste e sul tema
   scuro rendevano il titolo illeggibile: le toglie lo script. */
.gr-max .ex-app-promo-body h3{display:block;color:#2b2620;line-height:1.35}
.gr-max .ex-app-promo-body h3 span{display:inline;background:none;border:0;padding:0;
  border-radius:0;font:inherit;font-weight:700;color:#6d4a7c;opacity:1}
.gr-max .ex-app-promo-body p{color:#6b6259}
.gr-max .ex-app-promo-body p strong,.gr-max .ex-app-promo-body p b{color:#2b2620}
.gr-max .ex-app-promo-body em{color:#6d4a7c;font-style:normal;font-weight:700}
.gr-max .app-stelle span{color:#6b6259}
.gr-max .app-stelle .stelle-gialle{color:#e8a33d}
.gr-max .app-scatti{flex-wrap:wrap}
.gr-max .app-scatto img{width:92px}
@media (max-width:600px){.gr-max .app-scatto img{width:76px}}
@media (prefers-color-scheme:dark){
  .gr-max .ex-app-promo-body h3{color:#f5f1ea}
  .gr-max .ex-app-promo-body h3 span,.gr-max .ex-app-promo-body em{color:#d3aeea}
  .gr-max .ex-app-promo-body p{color:#cdc6bc}
  .gr-max .ex-app-promo-body p strong,.gr-max .ex-app-promo-body p b{color:#f5f1ea}
  .gr-max .app-stelle span{color:#cdc6bc}
}

.gr-max{max-width:1120px}
/* 138 · crediti fotografici nel piede */
.u-crediti-foto{font-size:.8rem}
/* 139 · piede: aria sotto la firma e crediti fotografici */
.u-piede .u-note{padding-bottom:26px}

/* 143 · riquadro dell'app: niente pastiglia intorno al percorso, e due serie
   di colori. Le forzature del 137 e del 139 stavano sopra a queste e sul tema
   scuro rendevano il titolo illeggibile: le toglie lo script. */
.gr-max .ex-app-promo-body h3{display:block;color:#2b2620;line-height:1.35}
.gr-max .ex-app-promo-body h3 span{display:inline;background:none;border:0;padding:0;
  border-radius:0;font:inherit;font-weight:700;color:#6d4a7c;opacity:1}
.gr-max .ex-app-promo-body p{color:#6b6259}
.gr-max .ex-app-promo-body p strong,.gr-max .ex-app-promo-body p b{color:#2b2620}
.gr-max .ex-app-promo-body em{color:#6d4a7c;font-style:normal;font-weight:700}
.gr-max .app-stelle span{color:#6b6259}
.gr-max .app-stelle .stelle-gialle{color:#e8a33d}
.gr-max .app-scatti{flex-wrap:wrap}
.gr-max .app-scatto img{width:92px}
@media (max-width:600px){.gr-max .app-scatto img{width:76px}}
@media (prefers-color-scheme:dark){
  .gr-max .ex-app-promo-body h3{color:#f5f1ea}
  .gr-max .ex-app-promo-body h3 span,.gr-max .ex-app-promo-body em{color:#d3aeea}
  .gr-max .ex-app-promo-body p{color:#cdc6bc}
  .gr-max .ex-app-promo-body p strong,.gr-max .ex-app-promo-body p b{color:#f5f1ea}
  .gr-max .app-stelle span{color:#cdc6bc}
}