*{box-sizing:border-box}body{margin:0;background:#edf2f6;color:#203448;font:16px/1.65 system-ui,-apple-system}main{max-width:1120px;margin:auto;padding:24px}header{background:#17364a;color:#fff;padding:28px;border-radius:18px}h1{font-size:clamp(26px,4vw,40px);line-height:1.25}h2{line-height:1.35}section{background:#fff;padding:22px;border-radius:14px;margin:20px 0}a{color:#086d87}header a{color:#b7e7f6}nav,.links{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}nav a{background:#fff;padding:7px 10px;border-radius:7px}.notice{background:#fff1cd;padding:15px;border-radius:10px;margin:20px 0}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #dae2e9;text-align:left;vertical-align:top;overflow-wrap:anywhere}.frames{display:flex;gap:16px;flex-wrap:wrap;align-items:start}.frames figure{width:210px;max-width:44%;margin:0 0 18px}.frames img{width:100%;height:auto;border-radius:7px}figure figcaption{font-size:13px}small{display:block;color:#526b80}video{width:100%;max-height:580px;background:#172b3a;border-radius:10px}audio{width:100%}code{overflow-wrap:anywhere}.badge{font-size:13px;color:#715400}button,input{font:inherit;padding:9px;border-radius:7px;border:1px solid #b9cbd6}button{background:#e2f0f4;cursor:pointer}footer{padding:24px 0;color:#526b80}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:650px){main{padding:12px}section,header{padding:17px}.two{display:block}table{display:block;overflow-x:auto}td,th{min-width:100px}.frames figure{width:45%;max-width:45%}}