.docs-hero{position:relative;overflow:hidden;padding:74px 0 88px;background:linear-gradient(135deg,#fff 0%,#faf8f2 52%,#f2f6ff 100%)}
.docs-hero:before,.docs-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.docs-hero:before{width:330px;height:330px;right:-130px;top:-110px;background:rgba(201,154,63,.17)}.docs-hero:after{width:250px;height:250px;left:-100px;bottom:-120px;background:rgba(18,87,197,.10)}
.docs-hero .container{position:relative;z-index:1}.docs-hero h1{max-width:850px;margin:0 0 18px;color:var(--blue-dark);font-size:clamp(2.7rem,7vw,5.6rem);line-height:.98;letter-spacing:-.05em}.docs-hero p{max-width:720px;margin:0;color:#536176;font-size:1.18rem}.docs-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.docs-pill{padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--blue);font-size:.78rem;font-weight:800}
.docs-main{padding:54px 0 90px;background:#f8faff}.docs-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;align-items:start}.docs-toc{position:sticky;top:96px;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 45px rgba(20,43,90,.07)}.docs-toc strong{display:block;color:var(--blue-dark);margin-bottom:10px}.docs-toc a{display:block;padding:7px 0;color:#526078;font-size:.9rem}.docs-toc a:hover{color:var(--blue)}
.docs-content{min-width:0}.doc-section{scroll-margin-top:105px;margin-bottom:28px;padding:34px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 15px 45px rgba(20,43,90,.06)}.doc-section h2{margin:0 0 10px;color:var(--blue-dark);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.12}.doc-section h3{margin:24px 0 7px;color:var(--blue-dark);font-size:1.08rem}.doc-section p,.doc-section li{color:#5b687c}.doc-section ul,.doc-section ol{padding-left:22px}.doc-section li{margin:7px 0}.doc-section a{color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:3px}.doc-section a.btn-primary{color:#fff;text-decoration:none}.callout{margin:18px 0;padding:17px 19px;border-radius:15px;border:1px solid #d9e4f7;background:#f5f8ff;color:#354560}.callout strong{color:var(--blue-dark)}.callout.gold{border-color:#ecd9ac;background:#fff9eb}.callout.teal{border-color:#bfdfda;background:#effaf8}.callout.red{border-color:#f1c7c7;background:#fff4f4}
.shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.shot-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-shot{margin:0;padding:10px;border-radius:20px;background:#f6f8fb;border:1px solid var(--line)}.guide-shot img{width:100%;max-height:640px;object-fit:contain;border-radius:13px;background:#edf2f5}.guide-shot figcaption{padding:10px 5px 3px;color:#647083;font-size:.82rem;line-height:1.4}.link-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.link-card{display:block;padding:18px;border-radius:16px;border:1px solid var(--line);background:#fbfcff}.link-card strong,.link-card span{display:block}.link-card strong{color:var(--blue-dark)}.link-card span{margin-top:3px;color:var(--muted);font-size:.86rem}
.docs-footer-note{font-size:.84rem;color:#758196}.legal-list{display:grid;gap:10px;margin:16px 0}.legal-list>div{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fafbfe}.legal-list strong{display:block;color:var(--blue-dark)}
@media(max-width:900px){.docs-layout{grid-template-columns:1fr}.docs-toc{position:static}.docs-toc nav{columns:2}}
@media(max-width:650px){.docs-hero{padding:54px 0 64px}.docs-main{padding-top:28px}.doc-section{padding:24px 20px;border-radius:19px}.docs-toc nav{columns:1}.shot-grid,.shot-grid.three,.link-cards{grid-template-columns:1fr}.guide-shot img{max-height:590px}.docs-hero p{font-size:1rem}}