html{scroll-behavior:smooth}body{background:#f7f9fc;color:#17304f}main{max-width:1100px}h1{max-width:900px;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.1;letter-spacing:-.04em}h2{font-size:1.5rem}h3{font-size:1.3rem}section{margin-top:48px}.model-switch{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.model-switch button{font:inherit;border:1px solid #a8b9d1;border-radius:24px;padding:12px 22px;background:white;color:#17304f;cursor:pointer}.model-switch button[aria-pressed=true]{background:#164f91;color:white;border-color:#164f91}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.model-preview{margin:0;background:white;box-shadow:0 12px 35px #17304f0c}.model-resource{border:1px solid #dbe4ef;border-radius:10px;padding:16px;margin:12px 0}.model-resource strong,.model-resource span,.model-action strong,.model-action span{display:block}.model-resource span{color:#52677f;font-size:.95rem;margin-top:4px}.model-action{border-radius:10px;background:#164f91;color:white;padding:18px;margin:20px 0}.model-action span{font-size:.8rem;opacity:.9;margin-bottom:5px}.model-steps{padding-left:22px;margin:24px 0}.model-steps li{margin:12px 0}.model-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #dbe4ef;padding-top:24px}.model-bottom{background:#eaf1fa;border-radius:16px;padding:28px}.button{white-space:normal}button:focus-visible,a:focus-visible{outline:3px solid #b85c00;outline-offset:4px}.skip{position:absolute;top:-80px;left:10px;background:white;padding:10px}.skip:focus{top:10px}article[hidden]{display:none}@media(max-width:720px){.model-grid,.model-principles{grid-template-columns:1fr;gap:24px}.model-switch button{padding:10px 16px}.model-bottom{padding:20px}.button{display:block;text-align:center}header{flex-wrap:wrap;gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}