/* SFUMIA public guides — Glacier palette and locally hosted landing fonts. */
:root{--doc-ink:#173454;--doc-muted:#4d6b8c;--doc-accent:#3977b8;--doc-line:#cbdcee;--doc-paper:#fff;--doc-soft:#f3f7fb;--doc-mono:'IBM Plex Mono',Consolas,monospace;--doc-text:'Inter Tight','Segoe UI',sans-serif}
html{background:#edf4fc;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:radial-gradient(ellipse at 0 0,#d8eaff 0,transparent 55%),radial-gradient(ellipse at 100% 0,#fff4e8 0,transparent 45%),#f9fbfe;color:var(--doc-ink);font-family:var(--doc-text);line-height:1.75;-webkit-font-smoothing:antialiased}
body::before{background-image:radial-gradient(#7899bb26 .8px,transparent .8px);background-size:24px 24px;opacity:.5}
.wrap{max-width:1200px;margin:auto;padding:30px clamp(18px,4vw,48px) 24px;overflow-wrap:anywhere}
.wrap>header{display:flex;align-items:center;justify-content:space-between;background:#0d1b2b;color:#eef6ff;border:1px solid #294359;border-radius:22px;padding:22px 26px;margin-bottom:clamp(40px,6vw,72px);gap:16px;box-shadow:0 18px 38px -30px #17345475;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:12px;background:none;-webkit-text-fill-color:currentColor;color:#fff;font:500 13px var(--doc-mono);letter-spacing:.2em;text-decoration:none}
.logo img{width:20px;height:30px;object-fit:contain;filter:invert(1);opacity:.85}
.breadcrumb{font:400 11px/1.8 var(--doc-mono);letter-spacing:.03em;color:#aec3d8;flex:1;min-width:120px}
.breadcrumb a{color:#e0ecf8}.doc-top-actions{display:flex;gap:8px;flex-wrap:wrap}
.doc-top-actions a{display:inline-flex;align-items:center;min-height:40px;padding:8px 15px;border:1px solid #7899b575;border-radius:40px;color:#eef6ff;font:400 10px var(--doc-mono);text-decoration:none;letter-spacing:.06em}
.doc-top-actions a:last-child{background:#f1f7fe;color:#132d48;border-color:#f1f7fe}
h1,h2,h3,.card-title,.feat-name,.theme-name{background:none;-webkit-text-fill-color:currentColor;color:var(--doc-ink);letter-spacing:-.03em}
h1{font-size:clamp(36px,5vw,64px);font-weight:550;line-height:1.08;max-width:900px;margin:0 0 22px;text-align:left}
h2{font-size:clamp(25px,3vw,34px);font-weight:550;line-height:1.2;margin:46px 0 20px;padding-bottom:14px;border-bottom:1px solid var(--doc-line)}
h3{font-size:21px;font-weight:550;line-height:1.35;margin:26px 0 12px}
p,ul,ol{color:var(--doc-muted);font-size:16px;line-height:1.75}p{margin:12px 0 20px}ul,ol{margin:14px 0 22px 22px}li{font-size:16px;margin:6px 0}strong{color:var(--doc-ink);font-weight:600}
.subtitle,.lead{text-align:left;color:var(--doc-muted);font-size:20px;line-height:1.55;max-width:780px;margin:0 0 30px}
.doc-version{font:400 11px/1.8 var(--doc-mono);color:var(--doc-muted);margin:0 0 20px}
a{color:var(--doc-accent);text-decoration:underline;text-underline-offset:4px;transition:color .15s}a:hover{color:#214f80}
a:focus-visible,button:focus-visible,select:focus-visible,.table-scroll:focus-visible{outline:3px solid #3977b8;outline-offset:5px;border-radius:3px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card,.box,.feat-card,.theme-card,.mode-card,.panel,.mediation,.guide-links{background:var(--doc-paper);border:1px solid var(--doc-line);border-radius:22px;padding:26px;margin:18px 0;box-shadow:0 18px 45px -40px #3a638a50;backdrop-filter:none}
.grid>.card{margin:0;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.grid>.card:hover{border-color:#87aed4;transform:translateY(-3px);box-shadow:0 15px 30px -22px #3977b880;text-decoration:none}
.card-title,.feat-name,.theme-name{font-size:20px;font-weight:600;margin:8px 0}.card-desc,.feat-desc,.theme-desc{font-size:15px;line-height:1.6;color:var(--doc-muted)}
.card-icon{font-size:24px;color:var(--doc-accent);margin-bottom:12px}.card h2,.box h2,.panel h2,.mediation h2{margin-top:0}.box h3:first-child{margin-top:0}
.tip,.warn{background:#e9f2fc;border:1px solid #bed3ea;border-left:3px solid #618db9;border-radius:0 16px 16px 0;padding:18px 22px;margin:24px 0;color:var(--doc-ink);font-size:15px;line-height:1.7}
.warn{background:#fff4e8;border-color:#dfc7ac;border-left-color:#967248}.tip p:last-child,.warn p:last-child{margin-bottom:0}
.node-card,.nc{background:#edf4fb;border:1px solid var(--doc-line);border-radius:14px;padding:15px 18px;color:var(--doc-ink)}
.node-name,.nn{color:var(--doc-ink);font-weight:600}.node-desc,.nd{color:var(--doc-muted)}.node-ext,.ns{color:var(--doc-muted);background:#fff;border:1px solid var(--doc-line);font:400 11px var(--doc-mono);border-radius:6px;padding:4px 7px}
.node-info,.ni{min-width:0}.node-dot,.dot,.color-dot{flex-shrink:0}
.workflow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px 0;padding:24px;background:#edf4fb;border:1px solid var(--doc-line);border-radius:18px}.wf-node{background:#fff;border:1px solid #bad0e5;border-radius:12px;padding:13px 18px;color:var(--doc-ink);font-size:14px}.wf-arrow{color:#6e96be}
.step{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--doc-line)}.step-num{font:400 14px var(--doc-mono);background:#e4effb;color:#3977b8;border:1px solid #bed3ea;border-radius:50%;min-width:44px;height:44px;display:grid;place-items:center}.step-content{min-width:0}.step-content h3{margin-top:0}
.table-scroll{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--doc-line);border-radius:14px;background:#fff}
table{width:100%;border-collapse:collapse;margin:24px 0;color:var(--doc-ink);background:#fff}.table-scroll table{margin:0}
th{padding:15px 18px;text-align:left;background:#eaf2fb;color:var(--doc-ink);font:500 11px/1.5 var(--doc-mono);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #aac6e2}
td{padding:13px 18px;border-bottom:1px solid var(--doc-line);font-size:15px;line-height:1.6}tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#f5f8fc}
code,.kbd{background:#eaf2fb;color:#245881;border:1px solid #cddded;border-radius:5px;padding:2px 6px;font:400 12px/1.6 var(--doc-mono)}
pre{background:#102237;color:#d9eafa;border:1px solid #294359;border-radius:16px;padding:22px;margin:24px 0;max-width:100%;overflow-x:auto;font:400 12px/1.8 var(--doc-mono)}pre code{background:none;color:inherit;border:0;padding:0}
.history-entry{border-color:var(--doc-line);padding:18px 0}.history-entry h3{color:var(--doc-ink);font-size:21px}.history-entry time{font:400 11px var(--doc-mono);color:var(--doc-muted)}
.mediation address{border-left-color:#618db9;color:var(--doc-muted)}.mediation a:focus-visible{outline-color:#3977b8}
footer{border-top:1px solid var(--doc-line);margin-top:60px;padding:28px 0 12px;text-align:left;color:var(--doc-muted);font-size:12px}.doc-footer-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:12px}.doc-footer-links a{min-height:44px;display:inline-flex;align-items:center}
.doc-skip{position:absolute;left:20px;top:-80px;background:#fff;padding:12px 18px;z-index:10}.doc-skip:focus{top:12px}
img{max-width:100%;height:auto}section[id],h1[id],h2[id]{scroll-margin-top:24px}
@media(max-width:720px){.wrap{padding:18px}.wrap>header{padding:18px;border-radius:18px;gap:14px}.breadcrumb{flex-basis:65%}.doc-top-actions{width:100%}.grid2{grid-template-columns:1fr}.card,.box,.feat-card,.theme-card,.mode-card,.panel,.mediation,.guide-links{padding:22px;border-radius:18px}.subtitle,.lead{font-size:18px}th,td{padding:12px}h2{margin-top:34px}.step{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.grid>.card:hover{transform:none}}
@media print{html,body{background:#fff}body::before,.wrap>header,.doc-top-actions,.doc-skip,.doc-footer-links{display:none}.wrap{max-width:none;padding:0}h1{font-size:32px}h2{font-size:24px;break-after:avoid}.card,.box,.panel{box-shadow:none;break-inside:avoid}pre{white-space:pre-wrap;background:#f3f7fb;color:#173454}.table-scroll{overflow:visible}}