/* vqr.info – stile editoriale (carta salmone) */
:root{
 --paper:#FBF1E4; --ink:#1D1D1B; --grey:#6E6259; --rule:#CBB59C; --blue:#00557F;
 --ca:#084C61; --cb:#3E7C96; --cc:#BDCFD8; --cd:#E2A33C; --ce:#B5402E;
 --t1:#F8E9CD; --t2:#F1D49E;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Georgia,'Times New Roman',serif}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:var(--blue)}
h1,h2,h3{font-family:Georgia,serif;line-height:1.15}
h1{font-size:34px;margin:.4em 0 .3em}
h2{font-size:22px;margin:1.2em 0 .4em}
.masthead{padding-top:14px}
.mast-in{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}
.logo{font:700 30px Georgia,serif;color:var(--ink);text-decoration:none}
.logo span{color:var(--blue)}
nav{font-family:Arial,Helvetica,sans-serif;font-size:13px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
nav a{text-decoration:none;color:var(--ink)}
nav a:hover{color:var(--blue)}
nav .cta{background:var(--blue);color:#fff;padding:5px 10px;border-radius:2px}
nav .user{color:var(--blue);font-weight:bold}
.rule{border-top:3px solid var(--ink);margin-top:10px}
.kicker{font:bold 12px Arial;letter-spacing:.08em;color:var(--blue);text-transform:uppercase;margin:18px 0 2px}
.stand{color:#4A4138;font-size:15px;max-width:62em}
.keyline{font:bold 14px Arial;margin:10px 0}
.note{font:italic 13px/1.5 Georgia;color:#4A4138}
.small{font:12px/1.6 Arial;color:var(--grey)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0}
.card{border:1px solid var(--rule);background:#fff8ef;padding:14px 16px;border-top:3px solid var(--ink)}
.card h3{margin:0 0 6px;font-size:17px}
.card p{margin:0 0 10px;font-size:13.5px;color:#4A4138;font-family:Arial}
.btn{display:inline-block;font:bold 13px Arial;background:var(--ink);color:#fff;text-decoration:none;padding:7px 12px;border:0;cursor:pointer}
.btn.blue{background:var(--blue)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.badge{display:inline-block;font:bold 10px Arial;letter-spacing:.06em;background:var(--cd);color:var(--ink);padding:2px 6px;text-transform:uppercase}
/* tabella sole */
.tbl{width:100%;border-collapse:collapse;font-family:Arial;font-size:13px;margin:10px 0 4px}
.tbl th{font:bold 10.5px Arial;letter-spacing:.04em;text-transform:uppercase;color:var(--grey);text-align:left;border-bottom:2px solid var(--ink);padding:6px 8px;white-space:nowrap}
.tbl td{border-bottom:1px solid var(--rule);padding:7px 8px;vertical-align:middle}
.tbl tr.t1 td{background:var(--t1)} .tbl tr.t2 td{background:var(--t2)}
.tbl .rk{color:var(--grey);text-align:right;width:30px}
.tbl tr.t1 .rk,.tbl tr.t2 .rk{color:var(--ink);font-weight:bold}
.tbl .cod{font:11px 'Courier New',monospace;color:var(--grey);white-space:nowrap}
.tbl .nome{font-weight:bold}
.tbl .sub{font-size:11px;color:var(--grey)}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl .R{font-weight:bold;font-size:14.5px}
.bar{display:flex;height:14px;min-width:170px;border:1px solid var(--rule)}
.bar i{display:block;height:100%}
.bar .A{background:var(--ca)} .bar .B{background:var(--cb)} .bar .C{background:var(--cc)} .bar .D{background:var(--cd)} .bar .E{background:var(--ce)}
.legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font:11.5px Arial;color:var(--ink);margin:8px 0}
.legend i{display:inline-block;width:14px;height:11px;margin-right:4px;vertical-align:-1px;border:1px solid rgba(0,0,0,.08)}
.lock{border:1px dashed var(--ink);background:#fff8ef;padding:14px 16px;margin:8px 0 16px;font-family:Arial;font-size:14px}
form.std{font-family:Arial;font-size:14px;max-width:480px}
form.std label{display:block;font-weight:bold;margin:12px 0 4px}
form.std input,form.std select{width:100%;padding:8px;border:1px solid var(--rule);background:#fff;font:14px Arial}
.flash{border-left:4px solid var(--blue);background:#fff8ef;padding:10px 14px;font-family:Arial;font-size:14px;margin:14px 0}
.flash.err{border-color:var(--ce)}
footer{margin-top:46px;padding:18px 0 30px;font:12.5px/1.6 Arial;color:var(--grey)}
.frule{border-top:2px solid var(--ink);margin-bottom:12px}
.fl a{color:var(--grey)}
.sel-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap;font-family:Arial;margin:14px 0}
.sel-row label{font:bold 12px Arial;display:block;margin-bottom:4px}
.sel-row select{padding:8px;font:14px Arial;border:1px solid var(--rule);background:#fff;max-width:560px}
@media print{.masthead nav,.btn,.lock{display:none}}