*{box-sizing:border-box}body{margin:0;background:#111516;color:#f5f3e8;font:18px/1.7 system-ui,sans-serif}body.mf{background:#f8fafb;color:#182d37}header{border-bottom:1px solid #52605d;padding:22px max(20px,calc((100vw - 1060px)/2));display:flex;align-items:center;gap:16px}header img.avatar{width:54px;height:54px;border-radius:50%}header img.wordmark{width:235px;height:auto;max-width:65vw}header strong{font-size:22px}main{max-width:1060px;margin:auto;padding:24px 24px 64px}.review{font-size:14px;background:#302c1e;padding:12px 18px;color:#eee4b7;border-left:3px solid #d6b55f}.mf .review{background:#e4f0f4;color:#153c49;border-color:#006c8b}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.12;max-width:950px;margin:30px 0 20px;letter-spacing:-.025em}h2{font-size:1.65rem;line-height:1.25;margin-top:44px}a{color:#e0c681;overflow-wrap:anywhere}.mf a{color:#00647f}.prose{max-width:760px;margin:auto}.prose p{margin:22px 0}.prose>p:nth-child(2){font-size:15px;color:#b9c3c0}.mf .prose>p:nth-child(2){color:#526c78}figure{margin:30px 0 36px}.hero{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#202727;border-radius:6px}.mf .hero{background:#e0e9ed}figcaption{font-size:14px;line-height:1.55;padding:10px 0;color:#b9c3c0}.mf figcaption{color:#526c78}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:16px}th,td{border:1px solid #697774;padding:12px;text-align:left;vertical-align:top}.diagram{margin:36px 0;background:#202826;border:1px solid #61716a;border-radius:8px;padding:24px}.diagram h2{font-size:19px;margin:0 0 18px;text-transform:uppercase;letter-spacing:.05em}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tile{padding:15px;border-top:3px solid #d6b55f}.tile b{display:block;font-size:38px;line-height:1.2;color:#e4c573}.tile span{font-size:15px}.mf .diagram{background:#e4f0f4;border-color:#acc5ce}.mf .tile{border-color:#006c8b}.mf .tile b{font-size:23px;color:#00576f}.caption-note{font-size:14px;margin:16px 0 0}.foot{font-size:14px;border-top:1px solid #62716d;margin-top:45px;padding-top:20px}@media(max-width:600px){main{padding:16px 18px 40px}header{padding:18px;gap:10px}header img.avatar{width:44px;height:44px}h1{font-size:2.15rem}.tiles{grid-template-columns:1fr}.tile{padding:12px}.tile b{font-size:32px}.diagram{padding:18px}table{font-size:14px}th,td{padding:9px}figure{margin:24px 0}}
header{flex-wrap:wrap}header nav{display:flex;flex-wrap:wrap;gap:1rem;font-size:1rem}