*{box-sizing:border-box}body{margin:0;font:17px/1.8 system-ui,sans-serif;color:#203247;background:#f4f7fb}header,footer{background:#173650;color:white;padding:20px max(5vw,20px)}header a,footer a{color:white}nav{display:flex;gap:22px;flex-wrap:wrap}main{max-width:1050px;margin:35px auto;padding:0 22px}h1{line-height:1.4}h2{border-bottom:2px solid #ccdce8;padding-bottom:8px}a{color:#006b91}.card{background:white;padding:24px;border-radius:12px;margin:20px 0;box-shadow:0 3px 12px #17365010}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}pre{overflow:auto;background:#eaf0f6;padding:20px}iframe{width:100%;height:740px;border:1px solid #bccbd6;border-radius:8px;background:white}.crumb{font-size:14px}button{background:#006b91;color:white;border:0;padding:12px 20px;border-radius:6px;cursor:pointer}.note{border-left:4px solid #d49520;padding:12px 20px;background:#fff8e8}summary{cursor:pointer}