/* Styles partagés des calculateurs de scores Romane */
.lead{max-width:720px;}
.official{display:inline-block;margin:14px 0 0;font-size:14px;font-weight:700;color:var(--teal);text-decoration:none;border-bottom:1px solid var(--teal);}
.grid2{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start;margin:22px 0 6px;}
@media(max-width:820px){.grid2{grid-template-columns:1fr;}.result{position:static;}}
.cgroup{border:1px solid var(--line);border-radius:14px;background:#fff;padding:6px 16px 8px;margin-bottom:12px;}
.cgroup h3{margin:12px 2px 4px;font-size:15px;color:var(--deep);}
.cgroup h3 .max{font-size:12.5px;color:var(--muted);font-weight:600;}
.crow{display:flex;align-items:center;gap:12px;padding:10px 2px;border-top:1px dashed var(--line);}
.crow:first-of-type{border-top:0;}
.crow .cl{flex:1;font-size:14.5px;color:var(--deep);}
.crow .cl .chint{display:block;font-size:12.5px;color:var(--muted);font-weight:400;margin-top:2px;line-height:1.35;}
.crow .cn{font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted);min-width:24px;}
.crow select{border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:14px;color:var(--deep);background:#fff;min-width:132px;max-width:150px;}
.crow input.cnum{border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:15px;color:var(--deep);background:#fff;width:84px;text-align:center;}
.chelp{background:#F6FAFA;border:1px solid var(--line);border-radius:12px;padding:12px 15px;font-size:13.5px;color:var(--muted);line-height:1.55;margin:0 0 14px;}
.chelp b{color:var(--deep);}
.legend{font-size:13px;color:var(--muted);margin:12px 0 0;line-height:1.5;}
.cacts{margin:14px 0 0;}
.cacts button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;}
.cacts button:hover{border-color:var(--teal);color:var(--teal);}
.result{position:sticky;top:16px;background:var(--deep);color:#fff;border-radius:16px;padding:22px 24px;}
.result .lbl{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9FC7CC;}
.result .val{font-family:var(--serif);font-size:44px;font-weight:600;line-height:1;margin:8px 0 2px;}
.result .val small{font-size:20px;color:#9FC7CC;}
.result .bar{height:8px;border-radius:6px;background:rgba(255,255,255,.16);margin:14px 0 0;overflow:hidden;}
.result .bar>i{display:block;height:100%;background:var(--amber);border-radius:6px;transition:width .2s;width:0;}
.result .interp{font-size:15px;line-height:1.5;margin-top:12px;color:#E6F1F2;}
.result .brk{font-size:12.5px;color:#9FC7CC;margin-top:12px;line-height:1.7;}
.h-sec{font-family:var(--serif);color:var(--deep);font-size:24px;margin:34px 0 10px;}
.faq details{border:1px solid var(--line);border-radius:12px;padding:2px 16px;margin:10px 0;background:#fff;}
.faq summary{cursor:pointer;font-weight:700;color:var(--deep);padding:13px 0;font-size:15.5px;}
.faq p{color:var(--muted);line-height:1.6;margin:0 0 13px;font-size:15px;}
.share{margin:28px 0 6px;padding:15px 18px;background:var(--mist);border:1px solid var(--line);border-radius:14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.share b{font-size:14px;color:var(--deep);margin-right:2px;}
.share a,.share button{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:700;color:var(--teal);text-decoration:none;cursor:pointer;}

.cnumwrap{display:inline-flex;align-items:center;gap:6px;}
.cnumwrap .cunit{font-size:12.5px;color:var(--muted);font-weight:700;min-width:34px;}
.crow input.cnum{width:96px;}
