:root{font-family:Arial,sans-serif;color:#111a2e;background:#fff;line-height:1.6;font-size:17px;--blue:#2463eb;--border:#e3eaf4}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a,button,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2463eb;outline-offset:4px}p,li{color:#4b5d77}h1,h2,h3,h4{line-height:1.25;margin:0 0 20px}h1{font-size:44px;margin:32px 0 20px;letter-spacing:-.6px}h2{font-size:30px}h3{font-size:22px}h4{font-size:18px}p{margin:0 0 24px}section{scroll-margin-top:160px}.container{max-width:1260px;margin:auto;width:calc(100% - 64px)}header{height:76px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:20}.header,.footer{display:flex;align-items:center;justify-content:space-between;gap:32px;height:100%}.brand{display:inline-flex;align-items:center;gap:12px;color:#111a2e;white-space:nowrap}.brand:hover{text-decoration:none;opacity:.8}.desktop,footer nav{display:flex;align-items:center;gap:40px}.desktop a,.desktop span,footer nav a{display:flex;align-items:center;min-height:44px;color:#111a2e;font-size:15px}.desktop .selected{color:var(--blue);border-bottom:3px solid var(--blue)}main.container{padding-top:48px;padding-bottom:80px;min-height:calc(100vh - 204px)}footer{background:#f6f9ff;border-top:1px solid var(--border);padding:32px 0;margin-top:0;font-size:14px}footer a,footer nav a{color:#4b5d77;font-size:14px}footer .brand{font-size:14px}.hero{text-align:center;background:linear-gradient(#f6f9ff,#fff);padding:48px 0 80px}.hero h1 span{color:var(--blue)}.hero h1{margin-top:30px}.hero p{font-size:18px}.actions{display:flex;justify-content:center;gap:20px;margin-top:36px}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 30px;border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:#fff;font-size:15px;font-weight:600}.button:hover,button:hover{background:#184fca;text-decoration:none}.secondary{background:#fff;color:#111a2e;border-color:#ccd8e9}.secondary:hover,.light:hover{background:#e5efff}.light{color:var(--blue);background:#eff5ff;border-color:#cadfff}.home>section{margin-bottom:96px}.home>section:last-child{margin-bottom:64px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.section-head h2{margin:0}.section-head>a{flex-shrink:0;font-size:15px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 3px 22px #182d4d0d;position:relative;min-width:0;color:#111a2e}.card:hover{border-color:#bdcfee;text-decoration:none;box-shadow:0 5px 24px #182d4d17}.card h3{font-size:21px;margin:20px 0 14px}.card p{font-size:16px;margin:0 0 20px}.card .action{color:var(--blue);font-size:15px;font-weight:600;margin-top:auto}.label{font-size:12px;text-transform:uppercase;color:#174ab5;background:#e2edff;padding:4px 10px;border-radius:5px;align-self:start;display:inline-block;font-weight:600}.card:nth-child(3n+2) .label{background:#d7f7ef;color:#126b5d}.card:nth-child(3n) .label{background:#eee7ff;color:#6635ba}.article-card{min-height:225px}.article-card h3{margin-top:0}.article-card p{margin-top:auto}.build-box{border:1px solid #cbdfff;background:#eff6ff;border-radius:14px;padding:28px;display:grid;grid-template-columns:1.5fr 1fr;gap:36px}.build-box h3{margin:0 0 12px}.build-box p,.build-box li{font-size:16px}.build-box ul{padding-left:22px}.build-box li{margin-bottom:14px}.structure{background:#f8fbff;border:1px solid #d8e6fa;border-radius:8px;padding:24px;align-self:center}.structure .grid{gap:8px;margin-top:25px}.structure .card{padding:12px}.structure .card p{font-size:12px}.structure small{font-size:11px;color:#4b5d77}.structure h4{font-size:15px}details{border:1px solid var(--border);border-radius:8px;margin:8px 0}summary{cursor:pointer;min-height:44px;padding:9px 18px;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:15px}summary::after{content:'+';font-size:22px;color:var(--blue);margin-left:16px}details[open]>summary::after{content:'−'}details>p{padding:8px 18px 16px;margin:0}.crumb{font-size:14px;color:#4b5d77;margin-bottom:32px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crumb a{color:#4b5d77;min-height:44px;display:inline-flex;align-items:center}.crumb span{color:#111a2e}.compact{display:inline;font-size:16px;letter-spacing:0;margin:0}.detail-hero{background:linear-gradient(#f6f9ff,#fff);padding:32px 0 40px}.detail-hero h1{margin-top:24px}.deck{font-size:20px}.detail-hero .button{margin-top:20px}.tabs{position:sticky;top:76px;background:#fff;border-block:1px solid var(--border);z-index:10}.tabs nav{display:flex;gap:80px}.tabs a{min-height:58px;display:flex;align-items:center;color:#4b5d77;font-weight:600;border-bottom:3px solid transparent}.tabs a.active,.toc a.active{color:var(--blue);border-color:var(--blue)}.detail{padding-top:48px}.detail section{margin-bottom:64px}.two{display:grid;grid-template-columns:1fr 1fr;gap:50px}.callout{background:#f6f9ff;border:1px solid #d8e6fa;border-radius:10px;padding:26px}.callout p:last-child{margin-bottom:0}.detail .grid{grid-template-columns:1fr 1fr}.blog-row{display:grid;grid-template-columns:352px 1fr;gap:44px;padding:26px 0;border-bottom:1px solid var(--border);color:#111a2e}.blog-row:hover{text-decoration:none;background:#f6f9ff}.blog-row img{width:352px;height:200px;object-fit:cover;object-position:center;border-radius:14px}.blog-row>div{display:flex;flex-direction:column;padding:12px 0}.blog-row h2{font-size:28px;margin-bottom:16px}.blog-row time{font-size:14px;color:#536780;margin-top:auto}.pagination{text-align:center;margin:64px 0 100px;color:#536780}.reading{width:calc(100% - 64px);max-width:920px;margin:auto;padding:40px 0 80px;min-height:calc(100vh - 204px)}.reading h1{margin-top:24px}.reading h2{margin-top:46px}.article-image{display:block;width:100%;height:auto;aspect-ratio:920/420;object-fit:cover;border-radius:14px;margin:36px 0 48px}.basic{padding-top:36px}.basic>p:first-of-type{font-size:20px}.guide{display:grid;grid-template-columns:225px minmax(0,1fr);gap:36px}.guide article{max-width:920px}.guide section{margin-top:56px}.toc{align-self:start;position:sticky;top:112px}.toc details{border:none}.toc summary{font-size:12px;text-transform:uppercase;color:#536780;pointer-events:none;padding:0 0 24px}.toc summary::after{display:none}.toc a{display:flex;align-items:center;min-height:44px;border-left:3px solid var(--border);padding:8px 14px;font-size:14px;color:#4b5d77}.toc .active{background:#eff6ff}#analytics-choice{position:fixed;bottom:16px;left:16px;max-width:430px;z-index:30;background:#fff;border:1px solid #cbd7e9;box-shadow:0 6px 25px #111a2e22;padding:18px;border-radius:12px}#analytics-choice p{font-size:14px;margin-bottom:12px}#analytics-choice>div{display:flex;gap:12px}#analytics-choice button{flex:1;padding:10px 12px}.menu{display:none}dialog{border:1px solid var(--border);border-radius:12px;padding:24px;max-width:90%;width:360px}dialog::backdrop{background:#111a2e88}dialog nav{display:flex;flex-direction:column;margin-top:16px}dialog nav a{padding:12px 0}dialog nav span{padding:12px 0}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:0;left:0;background:white;padding:10px;z-index:99}[hidden]{display:none!important}@media(max-width:1199px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.structure .grid{grid-template-columns:1fr}.build-box{grid-template-columns:1.4fr 1fr}.structure .card{min-height:70px}.blog-row{grid-template-columns:32% 1fr;gap:30px}.blog-row img{width:100%;height:auto;aspect-ratio:352/200}.guide{grid-template-columns:190px minmax(0,1fr);gap:24px}.footer{flex-wrap:wrap}.footer nav{margin-left:auto}}@media(max-width:767px){:root{font-size:16px}.container,.reading{width:calc(100% - 40px)}header{height:68px}.header{gap:12px}.brand{gap:8px;font-size:16px}.brand img{width:28px;height:28px}.desktop{display:none}.menu{display:inline-flex;padding:8px 16px;min-height:44px}h1{font-size:34px}h2{font-size:26px}h3{font-size:21px}.hero{padding:32px 0 56px}.hero h1{margin-top:12px}.hero p{font-size:17px}.actions{flex-direction:column;align-items:stretch;gap:12px}.grid,.two,.build-box,.detail .grid{grid-template-columns:1fr}.home>section{margin-bottom:64px}.section-head{align-items:flex-start;flex-wrap:wrap}.section-head .button{width:100%}.card{padding:22px}.structure .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.structure{padding:14px}.structure .card{padding:8px}.structure h4{font-size:13px}.structure .card p{font-size:11px}.build-box{padding:22px;gap:24px}.footer{flex-direction:column;align-items:flex-start;gap:16px}.footer nav{margin:0;gap:22px;flex-wrap:wrap}.blog-row{grid-template-columns:1fr;gap:12px;padding:24px 0}.blog-row img{width:100%;height:auto;aspect-ratio:16/9}.blog-row h2{font-size:24px}.blog-row time{margin-top:16px}.article-image{aspect-ratio:16/9}.reading,.detail{padding-top:24px}.deck{font-size:18px}.tabs{top:68px}.tabs nav{gap:16px;justify-content:space-between;width:calc(100% - 32px)}.tabs a{font-size:13px;min-height:52px}.detail-hero{padding-top:20px}.guide{display:flex;flex-direction:column}.toc{position:static;width:100%}.toc details{border:1px solid var(--border)}.toc summary{pointer-events:auto;padding:10px 16px;font-size:14px}.toc summary::after{display:block}.toc nav{padding:8px}.guide section{margin-top:40px}#analytics-choice{left:12px;right:12px;bottom:12px;max-width:none}main.container{padding-top:24px}.crumb{margin-bottom:20px}.two{gap:20px}section{scroll-margin-top:140px}}@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .15s,box-shadow .15s}}

p a{text-decoration:underline}.button,.card{text-decoration:none}.guide-rows{margin:24px 0}.guide-rows>div{display:grid;grid-template-columns:230px 1fr;gap:28px;padding:20px 0}.guide-rows dt{font-weight:600}.guide-rows dd{margin:0;color:#4b5d77}.bordered>div{border-top:1px solid var(--border)}.bordered>div:last-child{border-bottom:1px solid var(--border)}.guide-faq{margin:32px 0}.guide-faq h3{font-size:18px;margin-bottom:8px}.source-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.source-links a{min-height:44px;display:flex;align-items:center}.steps .card h3{margin-top:0}.two a{overflow-wrap:anywhere}@media(max-width:767px){.guide-rows>div{grid-template-columns:1fr;gap:10px}.source-links{grid-template-columns:1fr}}
.detail .steps{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:767px){.detail .steps{grid-template-columns:1fr}}