/* cnfans.it · CNFans Spreadsheet · Sartoria sotto casa · prefisso srq- */
:root{--ink:#1e262e;--ink2:#464f58;--navy:#243a63;--navy-d:#182848;--navy-l:#e4e9f3;--tape:#e2b23e;--tape-l:#faf0d6;
--paper:#f7f3eb;--kraft:#e9dec8;--card:#fff;--line:#dbd3c4;--ok:#28744a;--ok-l:#e0f0e5;--maybe:#8f5a0f;--maybe-l:#f9ecd2;
--no:#9e3826;--no-l:#f7e1db;--serif:Constantia,"Cambria","Georgia",serif;
--sans:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.64 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--navy-d)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,label:focus-within{outline:3px solid var(--tape);outline-offset:2px}
[hidden]{display:none!important}
.srq-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.srq-salta{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:9}
.srq-salta:focus{left:8px}
/* testata con metro */
.srq-capo{background:#fff;border-top:9px solid var(--tape);position:relative}
.srq-capo::before{content:"";position:absolute;left:0;right:0;top:-9px;height:9px;
background:repeating-linear-gradient(90deg,rgba(30,38,46,.55) 0 1px,transparent 1px 12px),
repeating-linear-gradient(90deg,rgba(30,38,46,.7) 0 2px,transparent 2px 60px);background-size:auto 5px,auto 9px;background-repeat:repeat-x}
.srq-capo__riga{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:8px}
.srq-marchio{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:700 20px/1.2 var(--serif);min-height:44px}
.srq-marchio img{width:44px;height:44px;border-radius:8px}
.srq-capo__nota{margin:0;font:italic 15px/1.3 var(--serif);color:var(--ink2)}
.srq-menu{border-top:1px dashed var(--line);border-bottom:1px solid var(--line);background:#fff}
.srq-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 4px}
.srq-menu a{display:inline-flex;align-items:center;min-height:46px;padding:0 12px;color:var(--ink);text-decoration:none;font-size:15.5px;font-weight:600}
.srq-menu a:hover{color:var(--navy)}
.srq-menu a[aria-current=page]{box-shadow:inset 0 -4px 0 var(--tape);color:var(--navy-d)}
/* briciole */
.srq-briciole{max-width:1180px;margin:0 auto;padding:6px 24px 0}
.srq-briciole ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:14px;color:var(--ink2)}
.srq-briciole li+li::before{content:"/";margin-right:8px;color:#9a917f}
.srq-briciole a,.srq-briciole span{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
/* hero */
.srq-hero{background:var(--kraft);padding:34px 0 28px;border-bottom:2px dashed #b9a982}
.srq-hero h1{font:700 42px/1.12 var(--serif);margin:0 0 12px;max-width:880px;color:var(--navy-d)}
.srq-lede{font-size:19px;color:var(--ink2);max-width:800px;margin:0 0 18px}
.srq-hero .srq-lede{color:#3a3f44}
.srq-cerca{display:flex;gap:10px;max-width:800px;background:#fff;border:2px solid var(--navy);border-radius:6px;padding:7px}
.srq-cerca label{position:absolute;left:-999px}
.srq-cerca input[type=search]{flex:1;min-width:0;border:0;font:18px var(--sans);padding:12px;color:var(--ink);background:transparent}
.srq-cerca input:focus{outline:none}
.srq-cerca button{border:0;background:var(--navy);color:#fff;font:700 17px var(--sans);padding:0 26px;border-radius:4px;min-height:50px;cursor:pointer}
.srq-cerca button:hover{background:var(--navy-d)}
.srq-striscia{display:flex;flex-wrap:wrap;gap:4px 22px;margin:10px 0 0;padding:0;list-style:none;font-size:15.5px}
.srq-striscia a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.srq-stato{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:8px 0 0;max-width:800px}
.srq-stato p{margin:0;flex:1 1 320px;font-size:15px;color:#3a3f44}
.srq-bottone{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:2px solid var(--navy);border-radius:4px;
font-weight:700;font-size:15.5px;text-decoration:none;background:transparent;color:var(--navy)}
.srq-bottone:hover{background:var(--navy);color:#fff}
.srq-testa{background:#fff;border-bottom:2px dashed var(--line);padding:24px 0 18px}
.srq-testa h1{font:700 36px/1.16 var(--serif);margin:0 0 10px;max-width:900px;color:var(--navy-d)}
.srq-testa .srq-lede{margin-bottom:4px}
.srq-zone{background:var(--paper);border-bottom:1px solid var(--line)}
.srq-zone ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 6px}
.srq-zone a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:48px;padding:0 10px;font-size:15px;text-decoration:none;color:var(--ink2)}
.srq-zone a[aria-current=page]{color:var(--navy-d);font-weight:700;box-shadow:inset 0 -3px 0 var(--navy)}
/* titoli di sezione con un pezzo di metro */
.srq-sez h2,.srq-parete h2,.srq-banco h2,.srq-chiusa h2{font:700 30px/1.2 var(--serif);margin:0 0 16px;color:var(--ink)}
.srq-sez h2::before,.srq-parete h2::before,.srq-banco h2::before{content:"";display:block;width:84px;height:10px;margin-bottom:12px;
background:repeating-linear-gradient(90deg,rgba(30,38,46,.65) 0 1px,transparent 1px 7px),var(--tape);background-size:auto 5px,auto;
background-repeat:repeat-x,no-repeat;border-radius:1px}
/* parete */
.srq-parete{padding:32px 0 26px;background:#fff;border-bottom:1px solid var(--line)}
.srq-parete__intro{max-width:800px;color:var(--ink2);margin:0 0 18px}
.srq-griglia{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.srq-tessera{min-width:0}
.srq-tessera a{display:flex;flex-direction:column;height:100%;background:var(--card);border:1px solid var(--line);border-radius:4px;
overflow:hidden;text-decoration:none;color:var(--ink);border-bottom:6px solid var(--ok)}
.srq-tessera:nth-child(n+4) a{border-bottom-color:#b88a2a}
.srq-tessera:nth-child(n+6) a{border-bottom-color:#c2703a}
.srq-tessera:nth-child(n+7) a{border-bottom-color:var(--no)}
.srq-tessera a:hover{box-shadow:0 6px 18px rgba(36,58,99,.16)}
.srq-tessera img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee8dc}
.srq-tessera b{display:block;font:700 18px/1.25 var(--serif);padding:10px 12px 2px}
.srq-tessera span{display:block;font-size:14.5px;color:var(--ink2);padding:0 12px 10px;line-height:1.45}
.srq-tessera em{display:block;font-style:normal;font-size:12.5px;color:var(--navy);padding:0 12px 12px;font-weight:700;margin-top:auto}
/* sezioni */
.srq-sez{padding:36px 0;border-top:1px dashed var(--line)}
.srq-sez:nth-of-type(even){background:#fff}
.srq-duo{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:40px;align-items:start}
.srq-duo--l{grid-template-columns:520px minmax(0,1fr)}
.srq-duo--l .srq-txt{order:2}
.srq-duo--l .srq-fig{order:1}
.srq-txt{min-width:0}
.srq-txt>:first-child{margin-top:0}
.srq-txt>:last-child{margin-bottom:0}
.srq-txt p,.srq-col p{margin:0 0 14px;overflow-wrap:break-word}
.srq-coda{margin-top:20px;max-width:900px}
.srq-col{max-width:880px}
.srq-fig{margin:0;background:#fff;border:1px solid var(--line);border-radius:4px;padding:10px;min-width:0}
.srq-fig img{width:100%;border-radius:2px}
.srq-fig figcaption{font-size:14px;line-height:1.45;color:var(--ink2);margin-top:8px}
.srq-fig--wide{margin:18px 0}
.srq-elenco,.srq-passi{margin:0 0 14px;padding-left:22px}
.srq-elenco li,.srq-passi li{margin:0 0 8px}
.srq-passi li::marker{font-weight:700;color:var(--navy)}
.srq-dl{margin:0 0 14px;border-top:1px solid var(--line)}
.srq-dl div{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}
.srq-dl dt{font-weight:700;color:var(--navy-d)}
.srq-dl dd{margin:0;min-width:0;overflow-wrap:break-word}
.srq-nota{background:var(--tape-l);border-left:4px solid var(--tape);padding:12px 16px;margin:0 0 14px;font-size:16px}
.srq-nota p{margin:0}
.srq-oltre{margin:4px 0 0;font-weight:700}
.srq-oltre a{display:inline-flex;align-items:center;min-height:44px}
q[lang=en]{font-style:italic}
.srq-tabbox{overflow-x:auto;max-width:100%;margin:0 0 14px}
.srq-tab{width:100%;border-collapse:collapse;font-size:15px;background:#fff}
.srq-tab caption{text-align:left;font-weight:700;padding:0 0 8px;color:var(--ink2)}
.srq-tab th,.srq-tab td{border:1px solid var(--line);padding:8px 9px;text-align:left;vertical-align:top}
.srq-tab thead th{background:var(--navy-l);color:var(--navy-d);font-size:14px}
.srq-tab tbody th{background:#fbf9f4}
.srq-tab td a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.srq-st{display:inline-block;font-size:13.5px;font-weight:700;padding:1px 7px;border-radius:3px}
.srq-st--F{background:var(--ok-l);color:var(--ok)}
.srq-st--D{background:var(--maybe-l);color:var(--maybe)}
.srq-st--N{background:var(--no-l);color:var(--no)}
.srq-st--X{color:#8a8578}
/* cartellino di bottega (listini datati) */
.srq-cartellino{position:relative;background:#fffdf6;border:1px solid #d9c9a4;border-radius:4px 4px 4px 22px;padding:16px 18px 12px 46px;
margin:0 0 16px;max-width:560px}
.srq-cartellino::before{content:"";position:absolute;left:16px;top:18px;width:14px;height:14px;border-radius:50%;border:2px solid #b9a982;background:var(--paper)}
.srq-cartellino__t{margin:0 0 8px;font:700 16px/1.3 var(--serif);color:var(--navy-d)}
.srq-cartellino ul{list-style:none;margin:0 0 8px;padding:0;border-top:1px dashed #cdbb91}
.srq-cartellino li{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-bottom:1px dashed #cdbb91;font-size:15.5px}
.srq-cartellino li b{white-space:nowrap}
.srq-cartellino__f{margin:0;font-size:13.5px;color:var(--ink2)}
.srq-cartellino__f a{display:inline-flex;align-items:center;min-height:44px}
.srq-fonte{font-size:14px;color:var(--ink2)}
.srq-fonte a{display:inline-flex;align-items:center;min-height:44px}
.srq-faq details{border:1px solid var(--line);border-radius:4px;background:#fff;margin:0 0 10px;padding:0 14px}
.srq-faq summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;padding:8px 0}
.srq-faq details[open] summary{border-bottom:1px dashed var(--line);margin-bottom:10px}
.srq-termini{margin:0 0 14px}
.srq-termini div{padding:10px 0;border-bottom:1px dashed var(--line)}
.srq-termini dt{font:700 18px/1.3 var(--serif);color:var(--navy-d)}
.srq-termini dd{margin:4px 0 0;overflow-wrap:break-word}
.srq-termini dd small{display:block;color:var(--ink2);font-size:13.5px}
.srq-termini dd small a{display:inline-flex;align-items:center;min-height:44px}
/* banco del sarto */
.srq-banco{padding:34px 0;background:#fff;border-bottom:1px solid var(--line)}
.srq-banco__intro{max-width:820px;color:var(--ink2);margin:0 0 18px}
.srq-banco__grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start}
.srq-banco__scelte fieldset{border:0;margin:0 0 14px;padding:0;min-width:0}
.srq-banco__scelte legend{font:700 17px var(--serif);margin-bottom:8px;color:var(--navy-d)}
.srq-chips{display:flex;flex-wrap:wrap;gap:8px}
.srq-chip{position:relative;display:inline-flex}
.srq-chip input{position:absolute;opacity:0;width:1px;height:1px}
.srq-chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:22px;
background:var(--paper);font-size:15.5px;cursor:pointer;user-select:none}
.srq-chip input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700}
.srq-chip input:focus-visible+span{outline:3px solid var(--tape);outline-offset:2px}
.srq-legenda{list-style:none;margin:8px 0 0;padding:12px 0 0;border-top:1px dashed var(--line);display:grid;gap:8px;font-size:15px;color:var(--ink2)}
.srq-legenda li{position:relative;padding-left:22px}
.srq-legenda li::before{content:"";position:absolute;left:0;top:6px;width:12px;height:12px;border-radius:3px}
.srq-legenda--F::before{background:#28744a}.srq-legenda--D::before{background:#c48a1c}.srq-legenda--N::before{background:#9e3826}
.srq-banco__esito{border:1px solid var(--line);border-radius:6px;padding:16px 18px;background:var(--paper)}
.srq-quadrante{display:block;width:100%;max-width:300px;height:auto;margin:0 auto 4px}
.srq-arco{fill:none;stroke-width:22;opacity:.28}
.srq-arco--F{stroke:#28744a}.srq-arco--D{stroke:#c48a1c}.srq-arco--N{stroke:#9e3826}
.srq-quadrante[data-stato=F] .srq-arco--F,.srq-quadrante[data-stato=D] .srq-arco--D,.srq-quadrante[data-stato=N] .srq-arco--N{opacity:1}
.srq-quadrante text{font:600 13px var(--sans);fill:#464f58}
.srq-ago line{stroke:#1e262e;stroke-width:5;stroke-linecap:round}
.srq-ago circle{fill:#1e262e}
.srq-ago{transition:transform .3s}
.srq-quadrante[data-stato=X] .srq-ago{opacity:.25}
.srq-banco__esito .srq-coppia{margin:0;font-size:14px;color:var(--ink2);text-align:center}
.srq-banco__esito .srq-verdetto{margin:2px 0 10px;font:700 24px/1.2 var(--serif);text-align:center;color:var(--navy-d)}
.srq-banco__esito p{margin:0 0 10px;font-size:15.5px}
.srq-foto{border-top:1px dashed var(--line);padding-top:10px}
.srq-vai{margin:0!important;font-weight:700}
.srq-vai a{display:inline-flex;align-items:center;min-height:44px}
/* chiusura */
.srq-chiusa{padding:34px 0;background:var(--kraft);border-top:2px dashed #b9a982}
.srq-chiusa p{max-width:800px}
.srq-stato--fondo{margin-top:6px}
/* piede */
.srq-piede{background:#182030;color:#d6dbe3;padding:32px 0 36px}
.srq-piede a{color:#fff}
.srq-piede__griglia{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px}
.srq-piede__nome{font:700 19px var(--serif);color:#fff;margin:0 0 8px}
.srq-piede p{font-size:15px;margin:0 0 10px}
.srq-piede__link{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}
.srq-piede__link li{min-height:44px;display:flex;align-items:center}
.srq-piede__link a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:15px}
.srq-404{padding:60px 0;min-height:50vh}
/* schermi più stretti: in fondo al file */
@media (max-width:1239px){
.srq-duo,.srq-duo--l{grid-template-columns:minmax(0,1fr);max-width:600px;gap:22px}
.srq-duo--l .srq-txt,.srq-duo--l .srq-fig{order:0}
.srq-duo .srq-fig{max-width:542px}
.srq-coda{max-width:600px}
}
@media (max-width:1179px){
.srq-sez h2,.srq-parete h2,.srq-banco h2,.srq-chiusa h2{font-size:26px}
.srq-hero h1{font-size:35px}
.srq-testa h1{font-size:31px}
.srq-banco__grid{grid-template-columns:minmax(0,1fr)}
.srq-banco__esito{max-width:560px}
}
@media (max-width:900px){
.srq-griglia{grid-template-columns:repeat(2,minmax(0,1fr))}
.srq-capo__riga{flex-direction:column;align-items:flex-start;gap:2px}
.srq-piede__griglia{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
body{font-size:16.5px}
.srq-wrap,.srq-briciole{padding-left:16px;padding-right:16px}
.srq-hero h1{font-size:28px}
.srq-testa h1{font-size:27px}
.srq-sez h2,.srq-parete h2,.srq-banco h2,.srq-chiusa h2{font-size:23px}
.srq-cerca{flex-direction:column}
.srq-cerca button{width:100%}
.srq-menu a{padding:0 9px;font-size:15px}
.srq-dl div{grid-template-columns:minmax(0,1fr);gap:2px}
.srq-griglia{gap:10px}
.srq-tessera b{font-size:16px}
.srq-cartellino{padding-left:40px}
.srq-cartellino li{flex-direction:column;gap:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}