.doc-landing{--doc-landing-ink:#12213d;--doc-landing-muted:#61708a;--doc-landing-soft:#f4f7fb;--doc-landing-line:#12213d24;--doc-landing-blue:#1458d6;--doc-landing-cyan:#009dbd;--doc-landing-amber:#bb7617;width:var(--page);max-width:1080px;color:var(--doc-landing-ink);margin-inline:auto;padding-block:clamp(2rem,5vw,3.5rem) clamp(4rem,8vw,7rem)}.doc-landing-breadcrumb{margin-bottom:1.5rem}.doc-landing-back{min-height:44px;color:var(--doc-landing-blue);align-items:center;gap:.5rem;font-family:Be Vietnam Pro,sans-serif;font-size:.84rem;font-weight:600;transition:all .18s;display:inline-flex}.doc-landing-back:hover{gap:.85rem}.doc-landing-back:focus-visible{outline-offset:4px;outline:3px solid #06b6d473}.doc-landing-card{border:1px solid var(--doc-landing-line);background:var(--surface,#fff);border-radius:16px;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 18px 40px #12213d0f}.doc-landing-kind{color:var(--doc-landing-blue);letter-spacing:.17em;text-transform:uppercase;background:#1458d614;border:1px solid #1458d638;border-radius:3px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-family:Be Vietnam Pro,sans-serif;font-size:.68rem;font-weight:800;line-height:1.25;display:inline-flex}.doc-landing-title{color:var(--doc-landing-ink);letter-spacing:-.045em;margin:1.25rem 0 1rem;font-family:Be Vietnam Pro,sans-serif;font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:600;line-height:1.14}.doc-landing-lead{max-width:68ch;color:var(--doc-landing-muted);margin-bottom:1.75rem;font-size:1.0625rem;line-height:1.78}.doc-landing-meta{border:1px solid var(--doc-landing-line);background:var(--doc-landing-soft);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-bottom:1.75rem;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.doc-landing-meta-label{color:var(--doc-landing-muted);letter-spacing:.13em;text-transform:uppercase;font-family:Be Vietnam Pro,sans-serif;font-size:.68rem;font-weight:800;line-height:1.3;display:block}.doc-landing-meta-value{color:var(--doc-landing-ink);align-items:center;gap:.4rem;margin-top:.4rem;font-size:.95rem;font-weight:700;display:inline-flex}.doc-landing-meta-value svg{color:var(--doc-landing-blue)}.doc-landing-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2.25rem;display:flex}.doc-landing-action{border:1px solid var(--doc-landing-line);border-radius:3px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;padding:.82rem 1.35rem;font-family:Be Vietnam Pro,sans-serif;font-size:.84rem;font-weight:700;transition:all .18s;display:inline-flex}.doc-landing-action:focus-visible{outline-offset:4px;outline:3px solid #06b6d473}.doc-landing-action--primary{border-color:var(--doc-landing-blue);background:var(--doc-landing-blue);color:#fff}.doc-landing-action--primary:hover{background:#0e43ad;transform:translateY(-2px);box-shadow:0 12px 24px #1458d633}.doc-landing-action--ghost{color:var(--doc-landing-ink);background:#fff}.doc-landing-action--ghost:hover{border-color:var(--doc-landing-blue);background:var(--doc-landing-soft);color:var(--doc-landing-blue)}.doc-landing-course{background:linear-gradient(135deg,#1458d612,#009dbd12);border:1px solid #1458d633;border-radius:14px;margin-bottom:2.5rem;padding:clamp(1.25rem,3vw,1.75rem)}.doc-landing-course-head{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.doc-landing-course-head svg{color:var(--doc-landing-blue)}.doc-landing-course-title{color:var(--doc-landing-ink);letter-spacing:-.02em;margin:0;font-family:Be Vietnam Pro,sans-serif;font-size:1.125rem;font-weight:700}.doc-landing-course-body{color:var(--doc-landing-muted);margin-bottom:.9rem;font-size:.95rem;line-height:1.7}.doc-landing-course-link{min-height:44px;color:var(--doc-landing-blue);text-underline-offset:4px;align-items:center;font-family:Be Vietnam Pro,sans-serif;font-size:.88rem;font-weight:700;text-decoration:underline;transition:all .18s;display:inline-flex}.doc-landing-course-link:hover{color:#0e43ad}.doc-landing-course-link:focus-visible{outline-offset:4px;outline:3px solid #06b6d473}.doc-landing-related-title{color:var(--doc-landing-ink);letter-spacing:-.03em;align-items:center;gap:.55rem;margin-bottom:1.1rem;font-family:Be Vietnam Pro,sans-serif;font-size:1.375rem;font-weight:700;display:flex}.doc-landing-related-title svg{color:var(--doc-landing-amber)}.doc-landing-related-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem;display:grid}.doc-landing-related-item{border:1px solid var(--doc-landing-line);background:#fff;border-radius:10px;padding:.95rem 1.05rem;transition:all .18s;display:block}.doc-landing-related-item:hover{border-color:var(--doc-landing-blue);transform:translateY(-2px);box-shadow:0 12px 24px #12213d14}.doc-landing-related-item:focus-visible{outline-offset:4px;outline:3px solid #06b6d473}.doc-landing-related-kicker{color:var(--doc-landing-amber);letter-spacing:.14em;text-transform:uppercase;font-family:Be Vietnam Pro,sans-serif;font-size:.68rem;font-weight:800}.doc-landing-related-name{color:var(--doc-landing-ink);margin-top:.3rem;font-size:.95rem;font-weight:600;line-height:1.45}@media (max-width:640px){.doc-landing-card{border-radius:12px;padding:1.25rem}.doc-landing-actions .doc-landing-action{flex:100%}}