/* Looni article layout: clean editorial, NYT-inspired, Looni colours. Loaded on blog posts only. */
:root{--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace}
body{background:#fff}
article{max-width:700px}
article .crumbs{font:600 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lav);margin-bottom:22px}
article .crumbs a{color:var(--lav)}
article h1{font-weight:900;letter-spacing:-.035em;line-height:1.02;margin-bottom:16px}
article .meta-line{font:500 11.5px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:22px;margin-bottom:30px}
article p,article li{font-size:18px;line-height:1.75;color:#2A2933}
article .lede{font-size:21px;line-height:1.6;color:var(--ink)}
article h2{margin-top:60px;scroll-margin-top:96px}
article .answer{position:relative;background:#F4F3F8;border:0;border-left:4px solid var(--lav);border-radius:0 14px 14px 0;padding:44px 26px 22px;font-size:17px;line-height:1.7}
article .answer::before{content:"Quick answer";position:absolute;left:26px;top:18px;font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lavd)}
html[lang^="fr"] article .answer::before{content:"Réponse rapide"}
article .toc, .lx-left .toc{background:none;border:0;border-left:2px solid var(--line);border-radius:0;padding:4px 0 4px 18px}
article .toc h3, .lx-left .toc h3{font:600 11px var(--mono);letter-spacing:.16em;color:var(--muted)}
article .toc ol, .lx-left .toc ol{list-style:none;margin:0}
article .toc ol li, .lx-left .toc ol li{font-size:14px;line-height:1.45;margin-bottom:10px}
article .toc ol li a, .lx-left .toc ol li a{color:var(--muted)}
article .toc ol li a.on, .lx-left .toc ol li a.on{color:var(--lavd);font-weight:700}
.lx-share{display:flex;flex-direction:column;gap:8px}
.lx-share .h{font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.lx-share a,.lx-share button{display:block;text-align:center;border:1.5px solid var(--line);border-radius:10px;padding:10px 8px;font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:#fff;text-decoration:none;cursor:pointer;transition:border-color .2s,color .2s}
.lx-share a:hover,.lx-share button:hover{border-color:var(--lav);color:var(--lavd)}
.lx-share.row{flex-direction:row;flex-wrap:wrap;margin:40px 0 0}.lx-share.row .h{width:100%}.lx-share.row a,.lx-share.row button{flex:1 1 40%}
@media(min-width:1180px){
 .lx-grid{display:grid;grid-template-columns:220px minmax(0,700px) 160px;gap:56px;max-width:1240px;margin:0 auto;padding:0 24px;align-items:start}
 .lx-grid>article{max-width:none;margin:0;padding-left:0;padding-right:0}
 .lx-left,.lx-right{position:sticky;top:120px;margin-top:128px;max-height:calc(100vh - 140px);overflow:auto}
 .lx-left .toc{margin:0}
 .lx-share.row{display:none}
}
@media(max-width:1179px){.lx-left,.lx-right{display:none}}

/* Security card + bank skyline (injected by article.js) */
.lx-safe{margin:44px 0 0;border:1.5px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.lx-safe .hd{display:flex;align-items:center;gap:10px;padding:16px 22px;background:var(--soft);border-bottom:1.5px solid var(--line);font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lavd)}
.lx-safe .hd svg{flex:none}
.lx-safe .bd{padding:6px 22px 18px}
.lx-safe ul{list-style:none;margin:10px 0 0;padding:0}
.lx-safe li{position:relative;padding-left:22px;margin:0 0 9px;font-size:15.5px;line-height:1.6;color:#2A2933}
.lx-safe li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--lav)}
.lx-safe .ft{padding:12px 22px;border-top:1.5px solid var(--line);font-size:13.5px;color:var(--muted)}
.lx-safe .ft a{color:var(--lavd)}
.lx-sky{margin:70px 0 -1px;line-height:0;position:relative;pointer-events:none}
.lx-sky svg{display:block;width:100%;height:auto;max-height:190px}
@media(max-width:600px){.lx-sky svg{max-height:110px}}