*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#071f35;color:#fff;min-height:100vh;display:flex;flex-direction:column;line-height:1.65}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid #6ef2df;outline-offset:5px}
.header{background:#67e6d8;color:#071f35}
.header a:focus-visible{outline-color:#071f35}
.header-inner{max-width:1200px;margin:auto;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{height:48px;max-width:180px;object-fit:contain;display:block}
.back{font-size:14px;font-weight:700;border:1px solid #173f5d;border-radius:999px;padding:12px 18px;text-align:center}
main{width:100%;max-width:940px;margin:0 auto;padding:60px 20px;flex:1;overflow-wrap:anywhere}
.intro{text-align:center;margin-bottom:36px}.kicker{color:#6ef2df;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;margin-bottom:18px;text-wrap:balance}
.intro>p:last-child,.description,.panel p,.panel li,.panel dd{color:#d7e7f1}
.topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.topic{display:flex;align-items:center;gap:16px;border:1px solid rgba(110,242,223,.3);background:rgba(255,255,255,.05);border-radius:20px;padding:24px;min-height:145px}
.topic:hover{background:#173b50;border-color:#6ef2df}.topic strong{font-size:17px;line-height:1.4;display:block}.description{display:block;font-size:14px;margin-top:6px;line-height:1.5}
.topic-icon{color:#6ef2df;flex:0 0 30px}.topic-icon svg{width:30px;height:30px;display:block}.arrow{color:#6ef2df;margin-left:auto;font-size:22px}
.panel{padding:26px;border:1px solid rgba(110,242,223,.25);border-radius:20px;background:rgba(255,255,255,.05);margin-bottom:20px}.panel h2{font-size:21px;line-height:1.3;margin-bottom:16px}.panel p+p{margin-top:12px}.panel ol{padding-left:24px}.panel li+li{margin-top:12px}.panel li::marker{color:#6ef2df;font-weight:bold}.notice{border-left:4px solid #6ef2df}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-block;font:700 14px/1.5 Arial,Helvetica,sans-serif;border:1px solid #67e6d8;background:#67e6d8;color:#071f35;border-radius:12px;padding:13px 18px;cursor:pointer;text-align:center;max-width:100%}.button:hover{background:#a0fff0}.secondary{background:transparent;color:#d7e7f1}.secondary:hover{background:#173b50}.panel>.button{margin-top:18px}dt{font-weight:bold;color:#6ef2df}dd{margin-bottom:12px}#copy-status{min-height:1.65em;margin-top:12px}
footer{text-align:center;padding:24px 20px;border-top:1px solid rgba(255,255,255,.1);color:#9fb9c9;font-size:13px}.skip{position:absolute;left:16px;top:-100px;background:#071f35;padding:12px;z-index:10}.skip:focus{top:12px}
@media(max-width:600px){main{padding:40px 20px}.topics{grid-template-columns:1fr}.header-inner{gap:12px}.back{padding:10px 14px}.brand img{max-width:110px;height:40px}.topic{min-height:120px;padding:20px;gap:12px}.panel{padding:22px}.actions{flex-direction:column}.actions .button{width:100%}}