
html,body{min-width:0!important;overflow-x:hidden}.container{max-width:1120px;margin:0 auto;padding:0 24px}.topbar{background:#fff;border-bottom:1px solid #e9eef8;position:sticky;top:0;z-index:20}.topbar-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:#1037a0;text-decoration:none;font-weight:700}.brand img{height:32px;width:auto}.main-nav{display:flex;gap:24px;flex-wrap:wrap}.main-nav a{color:#27334c;text-decoration:none;font-weight:600}.main-nav .is-active{color:#1037a0}.hero{padding:72px 0;background:#123da7;color:#fff;text-align:center}.hero h1{font-size:40px;line-height:1.3;margin:12px auto 16px;max-width:900px}.hero p{font-size:18px;line-height:1.9;max-width:920px;margin:0 auto}.eyebrow{font-size:15px;font-weight:700;opacity:.9}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:28px}.hero-actions a{color:#123da7;background:#fff;border-radius:6px;padding:12px 22px;text-decoration:none;font-weight:700}.hero-actions a:last-child{background:#ffd369;color:#402f00}.crumb{display:flex;gap:10px;align-items:center;padding-top:20px;padding-bottom:0;color:#69758c;font-size:14px;flex-wrap:wrap}.crumb a{color:#3156b5}.section{padding:52px 0}.section.alt{background:#f5f8ff}.section h2{font-size:29px;line-height:1.4;color:#1037a0;margin:0 0 22px}.section h3{color:#143d9e;margin:0 0 10px}.section p,.section li{font-size:16px;line-height:1.9;color:#374158}.lead{max-width:980px}.grid{display:grid;gap:22px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid #dde5f5;background:#fff;border-radius:8px;padding:24px}.structure-list{counter-reset:item;list-style:none;padding:0;display:grid;gap:14px}.structure-list li{counter-increment:item;position:relative;padding:18px 20px 18px 64px;background:#fff;border:1px solid #dfe7f5;border-radius:8px}.structure-list li:before{content:counter(item);position:absolute;left:20px;top:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#123da7;color:#fff;font-weight:700}.note{background:#fff7df;border-left:4px solid #e7b52d;padding:18px 20px;border-radius:4px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:26px 0}.gallery figure{margin:0;border:1px solid #dce4f3;border-radius:8px;overflow:hidden;background:#fff}.gallery img{width:100%;height:310px;object-fit:contain;background:#f6f8fc;display:block}.gallery figcaption{padding:16px;display:grid;gap:6px}.gallery figcaption span{color:#5d6780;line-height:1.7}.sample-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.sample-layout>div{border-top:4px solid #1648be;background:#f6f8fd;padding:18px}.sample-layout span{font-size:13px;color:#66738c}.sample-layout p{font-size:14px;margin:0}.check{padding-left:22px}.check li::marker{color:#16834d}.check.danger li::marker{color:#c63d3d}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.check-grid label{position:relative;padding:16px 18px 16px 48px;border:1px solid #dfe6f3;border-radius:6px;line-height:1.6}.check-grid label:before{content:'✓';position:absolute;left:17px;top:14px;color:#16834d;font-weight:800}.related{margin-top:30px;border-top:1px solid #e3e9f4;padding-top:22px}.related a{display:inline-block;margin:6px 18px 6px 0;color:#123da7}.faq details{border-bottom:1px solid #dfe5f0;padding:16px 0}.faq summary{font-weight:700;color:#173c97;cursor:pointer}.faq details p{margin:12px 0 0}.cta{background:#123da7;color:#fff;text-align:center;padding:40px;border-radius:8px}.cta h2,.cta p{color:#fff}.cta a{display:inline-block;margin-top:8px;background:#fff;color:#123da7;padding:12px 24px;border-radius:999px;text-decoration:none;font-weight:700}.footer{background:#001b3a;color:#fff;padding:18px 0;font-size:13px}.footer a{color:#fff;text-decoration:none;margin-left:18px}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}@media(max-width:820px){.topbar-inner{align-items:flex-start;padding-top:14px;padding-bottom:14px}.main-nav{gap:12px}.hero{padding:52px 0}.hero h1{font-size:30px}.hero p{font-size:16px}.grid.three,.grid.two,.gallery,.sample-layout,.check-grid{grid-template-columns:1fr}.gallery img{height:auto;max-height:320px}.section{padding:40px 0}.section h2{font-size:25px}}@media(max-width:520px){.container{padding-left:18px;padding-right:18px}.topbar-inner{display:block}.main-nav{margin-top:12px}.hero-actions{flex-direction:column;align-items:stretch}.cta{padding:30px 20px}.footer a{margin:8px 12px 0 0;display:inline-block}}

.library-entry{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #d8e3f6;background:#fff;border-radius:8px;padding:30px}.library-entry span{font-size:14px;font-weight:700;color:#3156b5}.library-entry h2{margin:6px 0 10px}.library-entry p{margin:0}.library-entry>a{flex:0 0 auto;background:#123da7;color:#fff;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:700}@media(max-width:700px){.library-entry{display:block}.library-entry>a{display:inline-block;margin-top:18px}}
.topbar .brand span{color:#1037a0}.topbar .main-nav>a.is-active{color:#1037a0}
.hero h1{color:#fff!important}.hero p{color:rgba(255,255,255,.94)!important}.hero .eyebrow{color:rgba(255,255,255,.88)!important}.hero-actions a{color:#123da7!important}
