.docs-page { background:#f7fbfe; }
.docs-header { height:76px; display:flex; align-items:center; justify-content:space-between; padding:0 max(5vw,78px) 0 92px; border-bottom:1px solid #dceaf3; background:#fff; position:sticky; top:0; z-index:40; }
.docs-brand { display:flex; align-items:center; gap:10px; color:#103a60; text-decoration:none; font-size:18px; font-weight:900; }
.docs-brand img { width:34px; height:34px; object-fit:contain; }
.docs-header-actions { display:flex; align-items:center; gap:10px; }
.docs-header .site-language-button { width:auto; margin:0; padding:9px 14px; background:#f5fbff; }
.docs-play-button { border-radius:999px; padding:10px 16px; color:#fff; background:#1275c9; text-decoration:none; font-size:13px; font-weight:900; }
.docs-layout { max-width:1280px; display:grid; grid-template-columns:220px minmax(0,820px); gap:70px; margin:0 auto; padding:64px 30px 120px; }
.docs-sidebar { align-self:start; display:grid; gap:5px; position:sticky; top:112px; }
.docs-sidebar p { margin:0 0 10px; color:#7b94a8; font-size:10px; font-weight:900; letter-spacing:.18em; }
.docs-sidebar a { border-left:2px solid #d9e8f2; padding:9px 13px; color:#536d82; text-decoration:none; font-size:14px; font-weight:700; }
.docs-sidebar a:hover { border-color:#1275c9; color:#1275c9; }
.docs-content { min-width:0; }
.docs-content section { padding:20px 0 78px; scroll-margin-top:105px; }
.docs-content section+section { border-top:1px solid #dceaf3; padding-top:72px; }
.docs-intro h1 { margin-bottom:24px; color:#103a60; font-size:clamp(38px,5vw,64px); line-height:1.18; letter-spacing:-.04em; }
.docs-intro>p:last-child,.docs-content section>p { color:#587087; font-size:17px; line-height:1.9; }
.docs-content h2 { margin-bottom:22px; color:#103a60; font-size:32px; letter-spacing:-.025em; }
.docs-numbered-list { display:grid; gap:12px; padding:0; list-style:none; counter-reset:steps; }
.docs-numbered-list li { display:grid; grid-template-columns:160px 1fr; gap:22px; border:1px solid #dceaf3; border-radius:14px; padding:18px 20px; background:#fff; }
.docs-numbered-list b { color:#126eaf; }
.docs-numbered-list span { color:#587087; }
.docs-code { overflow:hidden; margin-top:28px; border-radius:16px; color:#cfeeff; background:#102f49; }
.docs-code>span { display:block; padding:13px 18px; color:#92bdd6; background:#0a253a; font-size:12px; font-weight:800; }
.docs-code pre { margin:0; padding:28px; overflow:auto; }
.mapping-table { overflow:hidden; display:grid; border:1px solid #d4e5f0; border-radius:16px; background:#fff; }
.mapping-table>div { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:18px 22px; }
.mapping-table>div+div { border-top:1px solid #e2edf4; }
.mapping-head { color:#fff; background:#1275c9; }
.mapping-table code { color:#155784; font-weight:800; }
.docs-note { border-left:4px solid #55aee8; padding:12px 16px; background:#eaf7ff; font-size:14px!important; }
.docs-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.docs-topic-grid article,.docs-extension-list article { border:1px solid #dceaf3; border-radius:16px; padding:22px; background:#fff; }
.docs-topic-grid h3 { color:#103a60; }
.docs-topic-grid p,.docs-extension-list p { color:#587087; line-height:1.7; }
.docs-topic-grid pre { white-space:pre-wrap; }
.docs-topic-grid code { color:#155784; }
.docs-extension-list { display:grid; gap:12px; }
.docs-extension-list a { width:max-content; display:flex; align-items:center; gap:12px; text-decoration:none; }
.docs-extension-list a:hover b,.docs-extension-list a:focus-visible b { text-decoration:underline; }
.docs-extension-mark { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:#fff; background:#147cca; font-weight:900; }
.docs-extension-mark.japa { background:#159b9b; }
.docs-extension-mark.kata { background:#686acb; }
.docs-extension-list b { color:#126eaf; font-size:20px; }
.docs-extension-list p { margin:8px 0 0; }
.docs-next { border:0!important; border-radius:24px; padding:48px!important; color:#fff; background:linear-gradient(135deg,#0f78c7,#074b83); }
.docs-next h2,.docs-next p { color:#fff!important; }
.docs-next .home-primary-button { color:#0d619f; background:#fff; }
@media(max-width:800px){.docs-header{padding:0 12px 0 76px}.docs-header-actions{gap:6px}.docs-header .site-language-button{padding:8px 10px}.docs-play-button{padding:9px 11px}.docs-layout{grid-template-columns:1fr;padding:38px 20px 80px}.docs-sidebar{display:none}.docs-topic-grid{grid-template-columns:1fr}.docs-numbered-list li{grid-template-columns:1fr;gap:6px}.mapping-table>div{grid-template-columns:1fr;gap:8px}.docs-next{padding:34px 24px!important}}