*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#172b40;background:#f3f6f8;font:17px/1.65 system-ui,sans-serif}a{color:#086d70}a:focus-visible,summary:focus-visible{outline:3px solid #bd6500;outline-offset:4px}header{background:#0f1f33;color:white;padding:40px max(5vw,20px)}header a{color:#8be5d8}h1{font-size:clamp(32px,5vw,52px);line-height:1.1;margin:14px 0}h2{font-size:30px;line-height:1.25;color:#0f1f33}h3{color:#096b6d;font-size:21px} .buttons{display:flex;gap:12px;flex-wrap:wrap}.buttons a{display:inline-block;padding:10px 17px;border:1px solid #63d5c6;border-radius:7px;text-decoration:none}.layout{display:grid;grid-template-columns:270px minmax(0,850px);gap:35px;max-width:1240px;margin:30px auto;padding:0 20px}aside{position:sticky;top:16px;align-self:start;max-height:92vh;overflow:auto;font-size:14px}aside a{display:block;padding:6px 0}article section{background:white;padding:32px;margin-bottom:24px;border-radius:12px;scroll-margin-top:20px}pre{background:#0f1f33;color:#e4f6f5;padding:20px;border-radius:7px;overflow:auto;font:14px/1.7 ui-monospace,monospace;white-space:pre}figure{margin:22px 0}figure img{display:block;max-width:100%;max-height:470px;object-fit:contain;margin:auto;border:1px solid #dbe3e8}figcaption{font-size:14px;color:#4d6073;margin-top:8px}p{overflow-wrap:anywhere}footer{padding:25px;text-align:center} @media(max-width:800px){.layout{display:block}aside{position:static;max-height:none;margin-bottom:20px}article section{padding:22px}h2{font-size:26px}} @media print{aside,.buttons{display:none}.layout{display:block}body{background:white}article section{break-before:page}header{background:white;color:#0f1f33}}