*{box-sizing:border-box}body{margin:0;background:#f5f5ef;color:#163142;font:16px/1.55 system-ui,sans-serif}.banner{padding:10px;text-align:center;background:#fff0d2;color:#6e4c17;font-size:13px;font-weight:650}header{display:flex;justify-content:space-between;gap:20px;max-width:1200px;margin:auto;padding:24px}header strong{font-size:22px}a{color:#155665}main{max-width:1200px;padding:0 24px;margin:auto}h1{font-size:36px;line-height:1.2;letter-spacing:-1px}h2{font-size:23px}h3{font-size:17px;overflow-wrap:anywhere}.hero{background:#163142;color:white;border-radius:16px;padding:35px;margin-bottom:30px}.hero p{color:#d6e2e3;max-width:750px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px}label{display:block;font-size:13px;font-weight:650;margin:17px 0}input,select{display:block;width:100%;min-width:0;margin-top:6px;padding:11px;font:16px system-ui;border:1px solid #abbec6;border-radius:7px;background:white;color:#163142}button{padding:11px 16px;border:1px solid #163142;border-radius:7px;font:14px system-ui;background:#163142;color:white;cursor:pointer;margin:5px 8px 5px 0}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #db8c44;outline-offset:3px}.note{font-size:12px;color:#617581}.layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin:30px 0}.panel{background:white;padding:25px;border:1px solid #d8e0df;border-radius:12px;margin:20px 0}.row{padding:14px;border:1px solid #d8e0df;border-radius:8px;overflow-wrap:anywhere;margin:10px 0}.row p{font-size:12px}.catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:430px;overflow:auto}.catalogue .row{margin:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 system-ui;background:#f2f5ef;padding:15px;border-radius:8px}#piece-error,#submit-status{overflow-wrap:anywhere}#piece-error{color:#943821}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.stats>div{background:#e7eeeb;padding:20px;font-size:13px;border-radius:9px}.stats strong{display:block;font-size:30px}.warning{background:#fff0d2;padding:18px;border-left:4px solid #b47c27}footer{padding:24px 0;border-top:1px solid #d8e0df;margin-top:35px;font-size:12px;color:#617581}[hidden]{display:none!important}@media(max-width:700px){header{flex-direction:column;padding:20px}main{padding:0 16px}.hero{padding:24px}h1{font-size:29px}.layout{grid-template-columns:1fr;gap:0}.panel{padding:19px}.catalogue{grid-template-columns:1fr;max-height:350px}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:15px}button{max-width:100%}}

pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}

/* Les URL documentaires doivent rester lisibles sur écran étroit. */
a{overflow-wrap:anywhere}

.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}