/* DNA: Quaderno della Costa — asymmetrical Mediterranean broadsheet, not a card shell. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Libre+Caslon+Display&family=Newsreader:opsz,wght@6..72,400;6..72,600&display=swap');
:root{--paper:#f5f0e6;--ink:#082d51;--terra:#a84b30;--line:#173a5a;--soft:#ded7c8;--white:#fffdf7;--sans:'DM Sans',sans-serif;--serif:'Newsreader',Georgia,serif;--display:'Libre Caslon Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.52;background-image:radial-gradient(#082d5108 .7px,transparent .7px);background-size:4px 4px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}img{max-width:100%;display:block}.salta{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:10px;z-index:99}.salta:focus{top:20px}.testata{width:min(1400px,calc(100% - 56px));margin:auto;min-height:160px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:210px 1fr 210px;align-items:center;gap:20px}.testata-meta{font:11px/1.6 var(--sans);letter-spacing:.04em}.testata-meta>*{display:block}.condizione{margin-top:12px}.marchio{font:clamp(58px,7.7vw,118px)/.8 var(--display);letter-spacing:-.045em;text-align:center;text-decoration:none;white-space:nowrap}.marchio:after{content:'QUADERNO INDIPENDENTE DI MONTEGIORDANO MARINA E DELL’ALTO IONIO CALABRESE';font:10px/1 var(--sans);letter-spacing:.16em;display:block;margin-top:17px}.nota-mano{font:italic 20px/1.1 var(--serif);transform:rotate(-5deg);text-align:center}.menu{display:none}.navigazione{width:min(1400px,calc(100% - 56px));margin:auto;height:48px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr) 44px;align-items:center;font:600 11px var(--sans);letter-spacing:.15em;text-transform:uppercase}.navigazione a{text-align:center;text-decoration:none}.navigazione a:hover{color:var(--terra)}.cerca-apri{border:0;background:none;color:var(--ink);font-size:24px;cursor:pointer}.ricerca{width:min(1400px,calc(100% - 56px));margin:auto;padding:18px;border-bottom:1px solid var(--line)}.ricerca form{max-width:700px;margin:auto}.ricerca label{font:700 11px var(--sans);letter-spacing:.12em}.ricerca form div{display:flex}.ricerca input{flex:1;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:10px;font:18px var(--serif)}button,.ricerca button{font:700 11px var(--sans);letter-spacing:.08em;text-transform:uppercase}.ricerca button,.modulo-pagina button{border:0;background:var(--terra);color:white;padding:12px 20px}.briciole{width:min(1400px,calc(100% - 56px));margin:14px auto;font:10px var(--sans);letter-spacing:.08em;text-transform:uppercase}.copertina{width:min(1400px,calc(100% - 56px));margin:20px auto 0;display:grid;grid-template-columns:140px minmax(310px,.68fr) minmax(460px,1.25fr);min-height:510px}.indice-numero{border-right:1px solid var(--line);padding-right:20px;font:10px/1.5 var(--sans)}.indice-numero p{margin:0 0 15px}.indice-numero strong{font:10px var(--sans)}.indice-numero em{font:40px var(--serif);color:var(--terra);font-style:normal}.indice-numero b{display:block;margin:20px 0}.indice-numero a{display:grid;grid-template-columns:28px 1fr;text-decoration:none;margin:13px 0}.indice-numero i{font:18px var(--serif);color:var(--terra);font-style:normal}.titolo-copertina{padding:5px 34px 20px}.occhiello{font:700 10px var(--sans);letter-spacing:.12em}.titolo-copertina h1{font:clamp(65px,6.4vw,105px)/.82 var(--display);letter-spacing:-.045em;margin:12px 0 20px;border-bottom:1px solid var(--line);padding-bottom:18px}.sommario{font-size:17px;line-height:1.15}.titolo-copertina blockquote{border-left:2px solid var(--terra);color:var(--terra);margin:25px 0 0;padding:0 0 0 15px;font:italic 22px/1.05 var(--serif)}.immagine-copertina{margin:0;position:relative;overflow:hidden;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%,0 17%)}.immagine-copertina img{width:100%;height:100%;object-fit:cover}.immagine-copertina figcaption{position:absolute;right:24px;top:28px;text-align:right;font:italic 19px var(--serif)}.immagine-copertina figcaption span{font-size:13px}.richiami{width:min(1180px,calc(100% - 230px));margin:0 28px 0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.richiami article{display:grid;grid-template-columns:52px 1fr;padding:20px;border-right:1px dotted var(--line)}.richiami article>span{font:32px var(--serif);color:var(--terra)}.richiami b,.agenda-nastro time{font:700 9px var(--sans);letter-spacing:.1em}.richiami h2{font:600 19px/1.05 var(--serif);margin:4px 0}.richiami p{font-size:13px;line-height:1.25}.agenda-nastro{width:min(1400px,calc(100% - 56px));margin:28px auto 80px;display:grid;grid-template-columns:170px repeat(3,1fr) 150px;border:1px solid var(--line);min-height:90px}.agenda-nastro>*{padding:15px 18px;border-right:1px dotted var(--line)}.agenda-nastro header{background:var(--terra);color:white}.agenda-nastro header>*{display:block}.agenda-nastro time,.agenda-nastro div>*{display:block}.agenda-nastro div b{font-size:14px}.agenda-nastro div span{font-size:11px}.agenda-nastro>a{display:grid;place-items:center;font:700 10px var(--sans)}.doppia-pagina{width:min(1180px,calc(100% - 56px));margin:70px auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.doppia-pagina h2{font:clamp(42px,5vw,76px)/.92 var(--display);margin:12px 0}.freccia{display:inline-block;margin-top:20px;font:700 11px var(--sans);letter-spacing:.08em;text-transform:uppercase}.foto-editoriale,.foto-panorama,.foto-articolo{margin:0;position:relative}.foto-editoriale img,.foto-panorama img,.foto-articolo img{aspect-ratio:3/2;width:100%;object-fit:cover}.foto-editoriale figcaption,.foto-panorama figcaption,.foto-articolo figcaption{font:9px var(--sans);letter-spacing:.1em;margin-top:6px}.apertura-sezione{width:min(1180px,calc(100% - 56px));margin:65px auto 35px;display:grid;grid-template-columns:150px 1.2fr .8fr;gap:35px;align-items:end}.apertura-sezione>span{font:700 10px var(--sans);letter-spacing:.15em;color:var(--terra)}.apertura-sezione h1{font:clamp(64px,8vw,118px)/.78 var(--display);letter-spacing:-.04em;margin:0}.apertura-sezione>p{font-size:20px;line-height:1.2;border-left:1px solid var(--terra);padding-left:20px}.foto-panorama{width:min(1400px,calc(100% - 56px));margin:auto}.foto-panorama img{aspect-ratio:16/6}.sommario-articoli{width:min(1180px,calc(100% - 56px));margin:45px auto 90px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.sommario-articoli article{padding:25px;border-right:1px dotted var(--line)}.sommario-articoli i{font:28px var(--serif);font-style:normal;color:var(--terra)}.sommario-articoli h2{font:32px/1 var(--serif)}.pagina-articolo>header{width:min(960px,calc(100% - 56px));margin:60px auto 30px}.pagina-articolo header>span,.metadati{font:700 10px var(--sans);letter-spacing:.12em}.pagina-articolo h1{font:clamp(62px,8vw,112px)/.86 var(--display);letter-spacing:-.04em;margin:20px 0}.lead{font:27px/1.25 var(--serif);max-width:760px}.metadati{border-top:1px solid var(--line);padding-top:12px}.foto-articolo{width:min(1180px,calc(100% - 56px));margin:30px auto}.foto-articolo img{aspect-ratio:16/8}.testo-articolo{width:min(760px,calc(100% - 56px));margin:55px auto 100px}.testo-articolo>p:first-child:first-letter{float:left;font:90px/.72 var(--display);color:var(--terra);padding:9px 10px 0 0}.testo-articolo h2{font:45px/1 var(--display);margin-top:50px}.testo-articolo aside{margin-top:45px;border:1px solid var(--line);padding:20px;font-size:14px}.scheda-archivio{border:1px solid var(--line);padding:30px}.scheda-archivio b{font:10px var(--sans);letter-spacing:.1em}.calendario{width:min(1180px,calc(100% - 56px));margin:45px auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.calendario article{padding:30px;border-right:1px dotted var(--line)}.calendario time{font:700 10px var(--sans);letter-spacing:.1em;color:var(--terra)}.nota-agenda{width:min(760px,calc(100% - 56px));margin:40px auto 90px;padding-left:30px;border-left:4px solid var(--terra)}.modulo-pagina,.contatto-editoriale{width:min(1180px,calc(100% - 56px));margin:40px auto 80px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.modulo-pagina form{display:grid;gap:15px}.modulo-pagina label{font:700 10px var(--sans);letter-spacing:.08em}.modulo-pagina input,.modulo-pagina select,.modulo-pagina textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 0;font:17px var(--serif);color:var(--ink)}.modulo-pagina .spunta{display:flex;gap:10px;line-height:1.4}.modulo-pagina .spunta input{width:auto}.criteri,.testo-istituzionale,.documento{width:min(860px,calc(100% - 56px));margin:60px auto 100px}.criteri ol{list-style:none;padding:0;border-top:1px solid var(--line)}.criteri li{display:grid;grid-template-columns:180px 1fr;padding:20px;border-bottom:1px dotted var(--line)}.testo-istituzionale h2,.documento h2{font:38px/1 var(--display);margin-top:45px}.apertura-documento{width:min(860px,calc(100% - 56px));margin:65px auto 20px}.apertura-documento span{font:700 10px var(--sans);letter-spacing:.1em;color:var(--terra)}.apertura-documento h1{font:clamp(55px,7vw,92px)/.85 var(--display);margin:20px 0}.documento section{border-top:1px solid var(--line);padding:10px 0 20px}.errore{width:min(1050px,calc(100% - 56px));margin:100px auto 160px}.errore span{font:700 10px var(--sans);color:var(--terra)}.errore h1{font:clamp(65px,10vw,140px)/.85 var(--display)}.colophon{background:var(--ink);color:var(--paper);padding:45px max(28px,calc((100vw - 1400px)/2));display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;font-size:14px}.colophon b{font:700 11px var(--sans);letter-spacing:.1em}.colophon a{display:block;margin:8px 0}.numero-fondo{font:50px/1 var(--display);text-align:right}.numero-fondo small{font:9px var(--sans)}.consenso{position:fixed;z-index:50;bottom:18px;left:18px;right:18px;background:var(--white);border:2px solid var(--ink);box-shadow:10px 10px 0 #082d5130;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:30px}.consenso p{margin:0;max-width:800px;font-size:14px}.consenso button{padding:10px;border:1px solid var(--ink);background:transparent;color:var(--ink)}.consenso button+button{background:var(--ink);color:white}
@media(max-width:1100px){.testata{grid-template-columns:145px 1fr 145px;min-height:130px}.marchio{font-size:7vw}.marchio:after{font-size:7px}.copertina{grid-template-columns:110px 42% 1fr}.titolo-copertina{padding:5px 22px}.titolo-copertina h1{font-size:7.5vw}.richiami{width:calc(100% - 160px)}.agenda-nastro{grid-template-columns:140px repeat(2,1fr) 110px}.agenda-nastro div:nth-of-type(3){display:none}.apertura-sezione{grid-template-columns:110px 1.2fr .8fr}.apertura-sezione h1{font-size:7.2vw}.modulo-pagina,.contatto-editoriale{gap:30px}}
@media(max-width:780px){body{font-size:17px}.testata{width:100%;padding:16px 20px;min-height:auto;grid-template-columns:1fr auto;border-bottom:1px solid var(--line)}.testata-meta,.nota-mano{display:none}.marchio{text-align:left;font-size:40px;white-space:normal}.marchio:after{font-size:6px;line-height:1.3;margin-top:7px}.menu{display:block;background:transparent;border:1px solid var(--ink);padding:9px;color:var(--ink)}.navigazione{display:none;width:100%;height:auto;padding:10px 20px;grid-template-columns:1fr}.navigazione.open{display:grid}.navigazione a{padding:12px;text-align:left;border-bottom:1px dotted var(--line)}.cerca-apri{text-align:left}.briciole{width:calc(100% - 36px)}.copertina{width:100%;margin:0;display:flex;flex-direction:column}.indice-numero{display:none}.titolo-copertina{padding:30px 20px}.titolo-copertina h1{font-size:18vw;line-height:.82}.immagine-copertina{height:430px;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%,0 12%)}.richiami{width:100%;margin:0;display:block}.richiami article{border-bottom:1px dotted var(--line)}.agenda-nastro{width:100%;margin:0 0 60px;display:block}.agenda-nastro>*{border-bottom:1px dotted var(--line);display:block}.doppia-pagina{width:calc(100% - 36px);display:flex;flex-direction:column;gap:30px}.apertura-sezione{width:calc(100% - 36px);margin-top:35px;display:block}.apertura-sezione h1{font-size:18vw;margin:18px 0}.apertura-sezione>p{margin-top:25px}.foto-panorama{width:100%}.foto-panorama img{aspect-ratio:4/3}.sommario-articoli,.calendario{width:calc(100% - 36px);display:block}.sommario-articoli article,.calendario article{border-bottom:1px dotted var(--line)}.pagina-articolo>header,.foto-articolo,.testo-articolo,.apertura-documento,.documento,.criteri,.testo-istituzionale{width:calc(100% - 36px)}.pagina-articolo h1{font-size:16vw}.lead{font-size:22px}.foto-articolo img{aspect-ratio:4/3}.testo-articolo h2{font-size:38px}.modulo-pagina,.contatto-editoriale{width:calc(100% - 36px);display:flex;flex-direction:column}.criteri li{grid-template-columns:1fr;gap:5px}.colophon{grid-template-columns:1fr 1fr}.colophon>div:first-child,.numero-fondo{grid-column:1/-1}.numero-fondo{text-align:left}.consenso{display:block}.consenso div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}}