/* Frost — pages intérieures (coin, explore, how, studio) */
main{padding:48px var(--gut) 80px;max-width:1240px;margin:0 auto}
.crumb{font:13px var(--m);color:var(--muted);margin-bottom:18px}
.crumb a{color:var(--muted)}
.sim{display:inline-block;font:500 12px var(--m);color:var(--burn);border:1px solid var(--burn);border-radius:2px;padding:3px 6px;margin-left:10px;vertical-align:middle}
.card{border-top:1px solid var(--line);padding:18px 0 0}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:15px;margin:0}
.kv dt{color:var(--muted)} .kv dd{margin:0;color:var(--frost);font-family:var(--m);min-width:0;overflow-wrap:anywhere}
table{width:100%;border-collapse:collapse;font-size:15px}
th{font-weight:500;color:var(--muted);text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--line)}
td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tablewrap{overflow-x:auto}
.ellipsis{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.reason{display:block;font-size:13px;color:var(--cancel);margin-top:4px}

/* formulaires */
label{display:block;font-size:14px;color:var(--glass);margin:0 0 6px}
.hint{font-size:13px;color:var(--muted);margin-top:6px}
input,textarea,select{width:100%;font:15px var(--t);color:var(--frost);background:var(--night);border:1px solid var(--line);border-radius:3px;padding:11px 12px}
input:focus,textarea:focus,select:focus{outline:2px solid var(--ice);outline-offset:1px;border-color:transparent}
input[type=range]{padding:0;accent-color:var(--ice);background:none;border:0}
input[type=file]{padding:9px}
textarea{min-height:96px;resize:vertical}
fieldset{border:0;padding:0;margin:0 0 30px;min-width:0}
legend{font:600 20px var(--t);color:var(--frost);margin-bottom:16px;padding:0}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.field{margin-bottom:16px;min-width:0}
@media (max-width:640px){.grid2,.grid3{grid-template-columns:1fr}}
.err{color:var(--cancel);font-size:15px;min-height:1.4em}
.ok{color:var(--ice)}
main.doc{max-width:none;padding:24px var(--gut) 80px}
::placeholder{color:var(--muted);opacity:1}
