/* Message docs: shared premium shell, compact reading rhythm, stable code. */
.docs-page .breadcrumbs{max-width:1000px;font-size:11px;gap:10px;padding-top:27px;color:#809374}.docs-page .breadcrumbs a{color:#5b7c4f;text-decoration:none}.docs-page .doc-hero{position:relative;isolation:isolate;overflow:hidden;max-width:1000px;margin-top:31px;margin-bottom:31px;padding:45px 42px;border:1px solid #d4e2c9;border-radius:21px;background:radial-gradient(ellipse at 100% 0,#d2e5bc55,transparent 65%),linear-gradient(140deg,#fbfdf7,#edf4e5);box-shadow:0 26px 45px -31px #1c452b2b}.docs-page .doc-hero::before{content:'';position:absolute;z-index:-1;right:-120px;top:-145px;width:380px;height:380px;border:1px solid #aac59022;border-radius:50%;box-shadow:0 0 0 34px #aac59008;pointer-events:none}.docs-page .doc-hero .eyebrow{font-size:9px;color:#769361;letter-spacing:1.4px}.docs-page .doc-hero h1{font-size:clamp(36px,4.5vw,60px);line-height:1.12;letter-spacing:-.05em;max-width:850px;margin:24px 0}.docs-page .doc-hero .lead{font-size:16px;line-height:1.85;max-width:720px}.docs-page .doc-hero .actions{gap:24px}.docs-page .doc-hero .button{box-shadow:0 8px 23px #246b491a}.docs-page .doc-hero .text-link{font-size:12px;line-height:1.8;min-height:42px}
.docs-page main{counter-reset:doc-step}.docs-page .doc-section{counter-increment:doc-step;max-width:1000px;padding:33px 35px;margin-top:23px;border:1px solid #dbe6d3;border-radius:17px;background:linear-gradient(140deg,#fff,#fafcf7);box-shadow:0 7px 20px #173e3403}.docs-page .doc-section>h2{display:flex;align-items:flex-start;gap:14px;font-size:clamp(25px,2.7vw,36px);line-height:1.25;letter-spacing:-.035em;margin:0 0 23px;color:#2d5536;overflow-wrap:anywhere}.docs-page .doc-section>h2::before{content:counter(doc-step,decimal-leading-zero);display:grid;place-items:center;flex:0 0 31px;height:31px;margin-top:4px;font-size:10px;font-weight:400;letter-spacing:.04em;border:1px solid #d5e3c9;border-radius:9px;background:#eef5e5;color:#79985f}.docs-page .doc-section p,.docs-page .doc-section li{font-size:14px;line-height:1.9;color:#647d58}.docs-page .doc-section p:last-child{margin-bottom:0}.docs-page .doc-section>p>code,.docs-page .doc-section li code{color:#527347;background:#edf4e7;padding:2px 4px;border-radius:4px}.docs-page .doc-section a{font-size:inherit;color:#4c7841;text-decoration-color:#b1ca9e}.docs-page .doc-section .api-code{margin-block:23px;font-size:12px;line-height:1.95;padding:24px 25px;scrollbar-width:thin;scrollbar-color:#7b9c68 #183a2e}.docs-page .doc-section .api-code:last-child{margin-bottom:0}.docs-page .doc-section pre:focus-visible{outline:2px solid #99b97e;outline-offset:4px}
.docs-page #request .api-code:nth-of-type(2){background:linear-gradient(140deg,#f0f6e8,#f7faf3);border-color:#dce7d0;color:#4e7442;box-shadow:none}.docs-page #request>p:last-child{padding:20px 21px;border:1px solid #dae6ce;border-left:2px solid #b3cd9b;border-radius:0 10px 10px 0;background:#f1f7ea;font-size:13px;line-height:1.9;color:#6a815d}.docs-page #errors>ul{list-style:none;padding:0;margin:0 0 23px;display:grid;gap:11px}.docs-page #errors>ul>li{margin:0;padding:18px 20px;border:1px solid #dbe6d2;border-radius:10px;background:#f5f9ef;font-size:13px}.docs-page #errors>ul>li strong{color:#49733e}.docs-page #errors>p:last-child{font-size:13px;line-height:1.9;color:#778c69}
.docs-page #faq{max-width:1000px;padding-block:68px 50px}.docs-page #faq>h2{font-size:clamp(28px,3vw,40px);line-height:1.2}.docs-page .faq-list{display:flex;flex-direction:column;gap:12px;margin-top:29px}.docs-page #faq summary>span{display:none}.docs-page #faq summary:focus-visible{outline-offset:-5px}.docs-page .doc-next{position:relative;isolation:isolate;overflow:hidden;max-width:1000px;padding:37px 35px;margin-block:0 35px;border:1px solid #386347;border-radius:19px;background:radial-gradient(ellipse at 95% 0,#55784944,transparent 70%),linear-gradient(140deg,#194635,#10392e);color:#edf5e6;box-shadow:0 23px 40px -29px #153a3240}.docs-page .doc-next::before{content:'';position:absolute;z-index:-1;top:-190px;right:-90px;width:380px;height:380px;border:1px solid #bdd4a61c;border-radius:50%;pointer-events:none}.docs-page .doc-next h2{font-size:31px;line-height:1.15;font-weight:500;margin:0 0 21px}.docs-page .doc-next p{font-size:12px;line-height:2.5;margin:0;color:#91ae80}.docs-page .doc-next a{color:#cadfb9;text-decoration-color:#819f6f;text-underline-offset:4px;display:inline-flex;min-height:40px;align-items:center}.docs-page .footer>p{font-size:11px;color:#718469}
.docs-page .message-reveal{animation:message-rise .9s cubic-bezier(.22,1,.36,1) both}.docs-page .doc-hero.message-reveal::before{animation:message-light 1.7s ease-out both}
@keyframes message-rise{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes message-light{from{opacity:.2;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(max-width:1000px){.docs-page .doc-hero{padding:37px 32px}.docs-page .doc-section{padding:30px}.docs-page .doc-section .api-code{padding:22px;font-size:12px}}
@media(max-width:760px){.docs-page .doc-hero{margin-top:25px;margin-bottom:25px;padding:30px 25px;border-radius:17px}.docs-page .doc-hero h1{font-size:clamp(33px,7.6vw,47px);line-height:1.13}.docs-page .doc-hero .lead{font-size:15px}.docs-page .doc-hero .actions{gap:17px}.docs-page .doc-hero .button{font-size:12px;padding:15px 18px}.docs-page .doc-hero .text-link{font-size:11px}.docs-page .doc-section{padding:25px 22px;margin-top:18px;border-radius:15px}.docs-page .doc-section>h2{font-size:25px;gap:11px;line-height:1.25}.docs-page .doc-section>h2::before{flex-basis:26px;height:26px;font-size:9px;border-radius:7px}.docs-page .doc-section p{font-size:13px;line-height:1.9}.docs-page .doc-section .api-code{font-size:11px;padding:19px 16px;margin-block:21px}.docs-page #errors>ul>li{padding:17px 16px;font-size:12px}.docs-page #request>p:last-child{padding:18px;font-size:12px}.docs-page #faq{padding-block:50px 35px}.docs-page .doc-next{padding:30px 25px;border-radius:17px}.docs-page .doc-next h2{font-size:28px}.docs-page .doc-next p{font-size:11px;line-height:2.7}.docs-page .header nav{gap:1px}.docs-page .header nav a{font-size:11px;min-height:44px}.docs-page .footer>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.docs-page .message-reveal,.docs-page .doc-hero.message-reveal::before{animation:none!important}}
