*{box-sizing:border-box}body{font:17px/1.5 Arial,sans-serif;color:#17343d;margin:24px auto;padding:0 20px;max-width:850px;background:white}nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}button{padding:12px;border:1px solid #17343d;border-radius:8px;background:#e3f3e8;cursor:pointer}a{color:#146467}h1{font-size:30px;margin-bottom:0}h2{font-size:21px;margin:0 0 8px}section{border:1px solid #bdcfc7;border-radius:12px;padding:14px 18px;margin:14px 0;break-inside:avoid}p{margin:8px 0}pre{font:22px/1.5 monospace;white-space:pre-wrap;margin:8px 0}footer{font-size:14px}a:focus-visible,button:focus-visible{outline:3px solid #008879;outline-offset:3px}@page{size:A4;margin:14mm}@media print{nav{display:none}body{margin:0;padding:0;max-width:none;font-size:12pt;line-height:1.35}h1{font-size:23pt}h2{font-size:15pt}section{margin:10px 0;padding:10px 14px}pre{font-size:16pt}footer{font-size:10pt}}

@media print{h1{margin-top:0}section{margin:8px 0;padding:7px 12px}p{margin:6px 0}pre{line-height:1.35}h2{margin-bottom:6px}}
