:root{--nuit:#0f1d3a;--nuit2:#16284f;--or:#c9a24a;--txt:#1d2433;--col:68ch;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}
body{margin:0;font:1.0625rem/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--txt);background:#fbfaf6}
h1,h2,h3,.logo{font-family:var(--serif);color:var(--nuit);line-height:1.2;text-wrap:balance;hyphens:none;-webkit-hyphens:none}
h1{font-size:clamp(2rem,1.3rem + 3.2vw,3.25rem);margin:0}
h2{font-size:clamp(1.4rem,1.2rem + .8vw,1.75rem);margin:2.5rem 0 1rem;padding-bottom:.35rem;border-bottom:1px solid var(--or)}
h3{font-size:clamp(1.15rem,1.05rem + .4vw,1.3rem);margin:0 0 .6rem}
p,ul{margin:0 0 1.1rem}p{text-wrap:pretty}
.nw{white-space:nowrap}
a{color:#1f4fa3}a:focus-visible{outline:3px solid var(--or);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:9}
header{background:var(--nuit);border-bottom:3px solid var(--or)}
nav{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem;padding:.9rem 1.25rem}
.logo{color:var(--or);font-size:1.5rem;text-decoration:none;letter-spacing:.08em}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin:0;padding:0}
nav ul a{color:#fff;text-decoration:none;font-size:.95rem;padding:.2rem 0}
nav ul a[aria-current]{color:var(--or);border-bottom:2px solid var(--or)}
.hero{background:linear-gradient(135deg,var(--nuit),var(--nuit2));color:#fff;text-align:center;padding:clamp(3rem,6vw,5rem) 1.25rem}
.hero h1{color:#fff;max-width:var(--col);margin:0 auto}
.hero p{color:#e8dcb8;font-style:italic;font-size:clamp(1.05rem,1rem + .4vw,1.25rem);max-width:var(--col);margin:1rem auto 0;text-wrap:balance}
main{max-width:calc(var(--col) + 2.5rem);margin:auto;padding:clamp(2rem,4vw,3rem) 1.25rem}
main>:first-child{margin-top:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:1.25rem;margin:2rem 0}
.card{display:flex;flex-direction:column;background:#fff;padding:1.4rem;border-top:3px solid var(--or);box-shadow:0 2px 10px #0001}
.card p{flex:1}.card a{font-weight:600;align-self:flex-start}
blockquote{margin:2rem 0;padding:1.25rem 1.5rem;background:#fff;border-left:4px solid var(--or);box-shadow:0 2px 10px #0001}
blockquote p{font-family:var(--serif);font-size:1.15rem;margin:0}
blockquote footer{font-size:.9rem;color:#555;margin-top:.6rem}
body>footer{background:var(--nuit);color:#cfd6e6;text-align:center;padding:2rem 1.25rem;font-size:.9rem}
body>footer p{margin:.3rem 0}body>footer a{color:var(--or)}
@media (max-width:600px){nav{justify-content:center}nav ul{justify-content:center}}
.en{color:#4a5468;font-style:italic}h2 .en{display:block;font-size:.65em;font-weight:normal;margin-top:.2rem}
blockquote .tr{font-family:inherit;font-size:1rem;color:#333;margin-top:.5rem}
.exergue{background:var(--nuit);color:#f3ecd8;padding:clamp(1.5rem,4vw,2.5rem);margin:0 0 2.5rem;border-top:3px solid var(--or)}
.exergue .big{font-family:var(--serif);font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);color:var(--or);text-align:center;margin:0 0 1.2rem;text-wrap:balance}
.exergue .ctx{color:#e6e9f0}.exergue blockquote{background:#16284f;box-shadow:none}.exergue blockquote p{color:#fff}.exergue blockquote footer{color:#cfd6e6}.exergue a{color:var(--or)}
.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.cards{grid-template-columns:1fr;grid-auto-rows:1fr}
@media (min-width:560px){.cards{grid-template-columns:repeat(2,1fr)}.cards .card:last-child:nth-child(odd){grid-column:1/-1}}
@media (min-width:820px){.cards{grid-template-columns:repeat(6,1fr)}.cards .card{grid-column:span 2}.cards .card:last-child:nth-child(odd){grid-column:span 2}.cards .card:nth-child(4):nth-last-child(2){grid-column:2/span 2}}
figure{margin:2rem 0}figure img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;background:#eee}
figcaption{font-size:.85rem;color:#555;margin-top:.5rem}
.lang{display:flex;align-items:center;gap:.35rem;font-size:.78rem;letter-spacing:.14em;line-height:1;color:#cfd6e6}
.lang a,.lang [aria-current]{padding:.3rem .15rem;text-decoration:none}
.lang a{color:#cfd6e6}.lang a:hover{color:var(--or)}
.lang [aria-current]{color:var(--or);border-bottom:1px solid var(--or)}
.lang .sep{color:#5d6b8f}
blockquote .orig{font-family:inherit;font-size:.95rem;font-style:italic;color:#555;margin-top:.5rem}
.pdj{margin:2.5rem 0 0;padding:1.4rem 1.5rem 1.25rem;background:var(--nuit);border-top:3px solid var(--or)}
.pdj h2{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--or);border:0;margin:0 0 .8rem;padding:0}
.pdj blockquote{margin:0;padding:0;background:none;border:0;box-shadow:none}
.pdj blockquote p{color:#fff;font-size:clamp(1.2rem,1.1rem + .6vw,1.45rem)}
.pdj blockquote .orig{color:#e8dcb8;font-size:.95rem}
.pdj blockquote footer{color:#cfd6e6}.pdj a{color:var(--or)}
.comments{margin:0 0 2.5rem;padding:1.25rem 1.5rem 1.4rem;background:#fff;border:1px solid #e6dfc8;border-top:0;box-shadow:0 2px 10px #0001}
.comments h2{font-size:1.15rem;margin:0 0 .5rem;padding:0;border:0}
.com-rules{margin:0 0 1rem;font-size:.92rem;font-style:italic;color:#5a5f6b}
.com-list{list-style:none;margin:0 0 1rem;padding:0}
.com-list li{padding:.8rem 0;border-top:1px solid #eee6d0}.com-list li:first-child{border-top:0;padding-top:.2rem}
.com-meta{margin:0 0 .25rem;font-size:.85rem;color:#6b7080}.com-meta strong{color:var(--nuit);font-family:var(--serif);font-size:1rem}
.com-body{margin:0;white-space:pre-line;overflow-wrap:anywhere}
.com-empty,.com-nojs{margin:0 0 1rem;font-style:italic;color:#6b7080}
.com-form fieldset{margin:0;padding:1rem 0 0;border:0;border-top:1px solid var(--or);min-width:0}
.com-form fieldset[disabled]{opacity:.55}
.com-form legend{padding:0 .5rem 0 0;font-family:var(--serif);font-size:1rem;color:var(--nuit)}
.com-form label{display:block;margin:.6rem 0 .25rem;font-size:.9rem;font-weight:600;color:var(--nuit)}
.com-form input[type=text],.com-form textarea{box-sizing:border-box;width:100%;padding:.55rem .7rem;font:inherit;color:var(--txt);background:#fdfcf8;border:1px solid #cfc6aa;border-radius:2px}
.com-form textarea{min-height:7.5rem;resize:vertical}
.com-form input[type=text]:focus,.com-form textarea:focus{outline:2px solid var(--or);outline-offset:1px;border-color:var(--or)}
.com-count{margin:.2rem 0 0;font-size:.8rem;color:#6b7080;text-align:right}
.com-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.com-ts:not(:empty){margin:.8rem 0 0}
.com-actions{margin:.9rem 0 0}
.com-form button{font:600 .95rem/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.04em;padding:.7rem 1.4rem;color:#fff;background:var(--nuit);border:0;border-bottom:3px solid var(--or);cursor:pointer}
.com-form button:hover{background:var(--nuit2);color:var(--or)}.com-form button:focus-visible{outline:3px solid var(--or);outline-offset:2px}
.com-form button[disabled]{cursor:default;opacity:.7}
.com-note{margin:.7rem 0 0;font-size:.8rem;color:#6b7080}
.com-status{margin:.8rem 0 0;font-size:.95rem}.com-status:empty{display:none}
.com-status.ok{padding:.6rem .8rem;background:#f6f0dc;border-left:3px solid var(--or);color:var(--nuit)}
.com-status.err{padding:.6rem .8rem;background:#fbeeee;border-left:3px solid #a33;color:#7a1f1f}