.site{background:var(--db-bg);min-height:100dvh;color:var(--db-text);flex-direction:column;display:flex}.site main{flex:1}.site-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--db-border);padding-top:env(safe-area-inset-top);background:#fffe;position:sticky;top:0}.site-header-row{align-items:center;gap:24px;height:64px;display:flex}.site-logo img{width:auto;height:32px;display:block}.site-header nav{gap:22px;margin-left:auto;font-size:.9375rem;display:flex}.site-header nav a{color:var(--db-text);padding:10px 0;text-decoration:none}.site-header nav a:hover{color:var(--db-primary)}.site-cta{background:var(--db-primary);color:#fff;border:1px solid var(--db-primary);border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.site-cta:hover{background:var(--db-primary-hover)}.site-cta.small{min-height:40px;padding:0 16px;font-size:.9375rem}.site-cta.ghost{color:var(--db-primary);border-color:var(--db-border);background:#fff}.site-cta.ghost:hover{background:#eef6f3}.site-cta.light{color:var(--db-ink);background:#fff;border-color:#fff}.site-cta.light:hover{background:var(--db-mint)}.site-cta.ghost-light{color:#fff;background:0 0;border-color:#fff6}.site-cta.ghost-light:hover{background:#ffffff14}.site-footer{border-top:1px solid var(--db-border);padding:28px 0 calc(28px + env(safe-area-inset-bottom));color:var(--db-muted);background:#fff;font-size:.875rem}.site-footer .site-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;display:flex}.site-footer p{margin:0}.site-footer b{color:var(--db-text)}.site-footer nav{flex-wrap:wrap;gap:8px 18px;display:flex}.site-footer a{color:var(--db-primary);padding:4px 0;text-decoration:none}.site-footer small{width:100%}@media (max-width:720px){.site-header-row{gap:12px;height:58px}.site-header nav{gap:14px;font-size:.875rem}.site-header nav a:first-child,.site-header nav a:last-child{display:none}.site-logo img{height:28px}.site-wrap{padding:0 16px}}.guide-index{padding:40px 20px 56px}.guide-index h1,.guide h1{letter-spacing:-.02em;color:var(--db-ink);font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.25}.guide-lead{color:var(--db-muted);max-width:720px;margin:12px 0 28px;font-size:1.0625rem;line-height:1.7}.guide-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.guide-cards a{border:1px solid var(--db-border);height:100%;color:inherit;background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:22px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.guide-cards a:hover{border-color:var(--db-primary);box-shadow:0 6px 20px #0f25300f}.guide-cards h2{color:var(--db-ink);font-size:1.0625rem;line-height:1.4}.guide-cards p{color:var(--db-muted);flex:1;font-size:.9375rem;line-height:1.6}.guide-cards span{color:var(--db-primary);font-size:.875rem;font-weight:600}.guide{max-width:780px;padding:28px 20px 56px}.guide-crumbs{color:var(--db-muted);gap:8px;margin-bottom:18px;font-size:.875rem;display:flex}.guide-crumbs a{color:var(--db-primary);text-decoration:none}.guide-meta{color:var(--db-muted);margin:10px 0 24px;font-size:.875rem}.guide-body{font-size:1.0625rem;line-height:1.8}.guide-body h2{color:var(--db-ink);margin:34px 0 10px;font-size:1.3rem;line-height:1.35}.guide-body p{margin:0 0 14px}.guide-body ul,.guide-body ol{margin:0 0 16px;padding-left:24px}.guide-body ul{list-style:outside}.guide-body ol{list-style:decimal}.guide-body li{margin:6px 0}.guide-body a{color:var(--db-primary);text-underline-offset:3px;text-decoration:underline}.guide-tip{border-left:4px solid var(--db-coral);background:#fff;border-radius:0 10px 10px 0;padding:14px 16px;font-size:1rem}.guide-formula{background:var(--db-ink);color:#fff;overflow-wrap:anywhere;border-radius:10px;padding:14px 16px;font-weight:600}.guide-cta{background:var(--db-ink);color:#dfeeeb;border-radius:16px;margin:40px 0 0;padding:26px}.guide-cta h2{color:#fff;font-size:1.3rem}.guide-cta p{margin:8px 0 18px;line-height:1.6}.guide-cta .site-cta{background:var(--db-mint);color:var(--db-ink);border-color:var(--db-mint)}.guide-related{margin-top:36px}.guide-related h2{color:var(--db-ink);margin-bottom:10px;font-size:1.1rem}.guide-related ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.guide-related a{border-bottom:1px solid var(--db-border);color:var(--db-primary);padding:10px 0;font-weight:600;text-decoration:none;display:block}.site [id]{scroll-margin-top:80px}