/* Editorial pages only: no unqualified inputs, buttons, headings or tool-container selectors. */
.site-page{color:var(--shell-text,#f5f2ff);overflow-wrap:anywhere}.site-page .page-hero{position:relative;padding:clamp(24px,4vw,48px);margin-bottom:30px;border:1px solid #514360;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#ac7cdf24,transparent 65%),linear-gradient(120deg,#282134,#191c2d)}.site-page .page-kicker{display:block;font-size:11px;letter-spacing:1.7px;font-weight:700;color:#f6d279;margin-bottom:14px}.site-page h1{font-size:clamp(30px,4.6vw,48px);letter-spacing:-1px;line-height:1.17;margin:0 0 20px;max-width:22ch;color:#f8f4ff}.site-page .page-lead{font-size:clamp(16px,2vw,18px);line-height:1.8;color:#c9c0d9;max-width:65ch;margin:0}.site-page .page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.site-page .page-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;background:#7850c4;border:1px solid #bd99f4;border-radius:10px;color:#fff;font:600 14px/1.5 'Segoe UI',sans-serif;text-decoration:none;cursor:pointer}.site-page .page-button:hover{background:#8b62d4;color:#fff}.site-page .page-button.secondary{background:#ffffff06;border-color:#746783;color:#e5d8fc}.site-page .page-button:disabled{opacity:.6;cursor:wait}.site-page .page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.site-page .page-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}.site-page .page-card{min-width:0;background:#1d1b2b;border:1px solid #454056;border-radius:17px;padding:26px}.site-page .page-card h2{font-size:23px;line-height:1.4;margin:0 0 16px}.site-page .page-card h3{font-size:18px;line-height:1.4;margin-bottom:12px}.site-page p{color:#c7bfd5;line-height:1.85;margin-bottom:16px}.site-page p:last-child{margin-bottom:0}.site-page a:not(.page-button){color:#ceb5ff;text-underline-offset:4px}.site-page a:not(.page-button):hover{text-decoration:underline;color:#f3eaff}.site-page .page-section{margin-top:34px}.site-page .section-head{margin-bottom:20px}.site-page .section-head h2{font-size:28px;line-height:1.3;margin-bottom:10px;letter-spacing:-.4px}.site-page .page-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#f7d68a;background:#694e292e;border:1px solid #67523a;border-radius:10px;margin-bottom:18px;font-size:13px;font-weight:700}.site-page .page-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid #5f4978;border-radius:18px;background:#30233d;margin-top:32px}.site-page .page-banner h2{font-size:24px;line-height:1.4;margin-bottom:8px}.site-page .page-banner .page-actions{margin:0;flex-shrink:0}.site-page ul,.site-page ol{padding-left:22px;color:#c7bfd5;line-height:1.8}.site-page li{margin-block:9px}.site-page [hidden]{display:none!important}.site-page :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #d6bdff;outline-offset:4px}.site-page :is(input,textarea,select){font:inherit;min-width:0}.site-page .page-tag{display:inline-flex;padding:5px 10px;border:1px solid #645171;border-radius:7px;color:#ddc8f9;font-size:11px;font-weight:600}.site-page .page-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.site-page .page-status{padding:14px 16px;margin-top:18px;border:1px solid #72628c;border-radius:10px;color:#e8ddff;background:#282135;line-height:1.6}.site-page .page-status[data-error=true]{border-color:#d8869f;color:#ffd3df;background:#3a2230}
.site-page .contact-layout{grid-template-columns:1fr 1.55fr}.site-page .contact-aside{display:grid;gap:20px}.site-page .contact-email{font-size:16px}.site-page .contact-form fieldset{border:0;padding:0;margin:0;min-width:0}.site-page .contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.site-page .contact-form label{display:block;color:#e6dcf4;font-size:14px;font-weight:600;margin-bottom:7px}.site-page .contact-form .contact-field{margin-bottom:20px}.site-page .contact-form :is(input,textarea){display:block;width:100%;background:#111321;border:1px solid #665875;color:#f9f4ff;border-radius:10px;padding:13px 14px;min-height:46px}.site-page .contact-form textarea{resize:vertical;line-height:1.7;min-height:180px}.site-page .contact-form input::placeholder,.site-page .contact-form textarea::placeholder{color:#a79bb8}.site-page .contact-hint{font-size:12px;color:#b8abc8;margin:8px 0 0}.site-page .contact-field-meta{display:flex;justify-content:space-between;gap:10px}.site-page .contact-note{font-size:12px}.site-page .contact-form fieldset:disabled{opacity:.7}.site-page .contact-submit{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:20px}.site-page .contact-submit p{font-size:12px;max-width:36ch;margin:0}
.site-page .faq-search{max-width:600px;margin-top:24px}.site-page .faq-search label{display:block;font-size:13px;color:#e9dff8;margin-bottom:8px}.site-page .faq-search input{display:block;width:100%;border:1px solid #76618c;background:#101220;color:#f7f0ff;border-radius:10px;padding:13px 15px;min-height:46px}.site-page .faq-search-actions{display:flex;gap:12px;align-items:center;margin-top:12px}.site-page .faq-search-actions button{background:transparent;color:#d9c4fa;border:1px solid #76618c;border-radius:8px;padding:8px 12px;min-height:40px;cursor:pointer;font:inherit;font-size:13px}.site-page .faq-search-actions p{margin:0;font-size:13px}.site-page .faq-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px}.site-page .faq-jumps a{display:block;padding:9px 14px;border:1px solid #554962;border-radius:30px;font-size:13px}.site-page .faq-group{margin:28px 0}.site-page .faq-group h2{font-size:24px;line-height:1.3;margin-bottom:16px}.site-page .faq-group details{border:1px solid #51445e;background:#1c1b2a;border-radius:12px;margin-bottom:12px;padding:0 20px}.site-page .faq-group summary{cursor:pointer;color:#f0e8fd;font-weight:600;padding:18px 5px;line-height:1.6}.site-page .faq-group details[open]{border-color:#b08cdc}.site-page .faq-group details>div{padding:0 5px 20px}.site-page .faq-group details p{margin-bottom:10px}.site-page [id]{scroll-margin-top:110px}
.site-page .guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.site-page .guide-card{display:flex;flex-direction:column;align-items:flex-start}.site-page .guide-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr;gap:28px;align-items:center;background:radial-gradient(ellipse at 0 0,#9271d52e,transparent 65%),#1d1b2b;padding:32px}.site-page .guide-visual{min-height:160px;display:flex;flex-direction:column;justify-content:center;gap:12px;align-items:center;border:1px solid #65527e;background:#241d35;border-radius:15px;padding:24px;color:#e2d3fa}.site-page .guide-visual img{width:80px;height:80px;object-fit:contain}.site-page .guide-meta{font-size:12px;color:#b5a6c9;margin:14px 0}.site-page .guide-card h2{max-width:30ch}.site-page .guide-card .page-button{margin-top:auto}.site-page .guide-quick-links{display:flex;flex-wrap:wrap;gap:12px}.site-page .guide-quick-links a{padding:10px 14px;border:1px solid #605072;border-radius:9px;background:#272034}
.site-page.blog-post{max-width:900px;margin:0 auto;padding:clamp(24px,4vw,44px);border:1px solid #4a3f5a;border-radius:22px;background:#1b1a28;color:#f6f0ff;font-size:16px;line-height:1.8}.site-page.blog-post h1{max-width:24ch;font-size:clamp(30px,4vw,42px)}.site-page.blog-post h2{font-size:26px;line-height:1.4;margin:32px 0 14px;color:#efdefe}.site-page.blog-post h3{font-size:20px;line-height:1.5;margin:24px 0 12px}.site-page.blog-post .blog-meta{font-size:12px;color:#b6a7c9;margin:0 0 24px}.site-page.blog-post .blog-toc{padding:22px;border:1px solid #665278;background:#282036;border-radius:13px;margin:26px 0}.site-page.blog-post .blog-toc h2{font-size:18px;margin:0 0 12px}.site-page.blog-post .blog-toc ul,.site-page.blog-post .blog-toc ol{margin:0}.site-page.blog-post code{font:14px/1.7 ui-monospace,Consolas,monospace;background:#10111e;color:#eedcfd;padding:3px 6px;border-radius:5px;overflow-wrap:anywhere}.site-page.blog-post pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#10111e;border:1px solid #574761;border-radius:10px}.site-page.blog-post pre code{padding:0}.site-page.blog-post details{border-top:1px solid #5c4b69;margin-top:8px;padding:14px 0}.site-page.blog-post summary{font-weight:600;cursor:pointer;min-height:44px;line-height:1.7}.site-page.blog-post details p{margin:12px 0 0}.site-page.blog-post .blog-next{padding:22px;border-radius:13px;background:#2a2237;border:1px solid #69507d;margin-top:30px}.site-page.blog-post .blog-next h2{font-size:20px;margin:0 0 12px}.site-page .article-back{display:inline-block;margin-bottom:20px;font-size:13px}
.site-page.info-page{max-width:900px;margin:0 auto;padding:clamp(24px,4vw,44px);background:#1b1a28;border:1px solid #4a3f5a;border-radius:22px}.site-page.info-page h2{font-size:23px;line-height:1.4;color:#ecdaff;margin:28px 0 12px}.site-page.info-page h1{max-width:25ch;font-size:clamp(30px,4vw,42px)}.site-page.info-page h1 i,.site-page.info-page h2 i{display:none}.site-page.info-page .last-updated,.site-page.info-page h1+p{font-size:12px;color:#b8a7c8;margin-bottom:24px}.site-page .info-nav{display:flex;flex-wrap:wrap;gap:10px;padding-top:22px;margin-top:30px;border-top:1px solid #51425e}.site-page .info-nav a{font-size:13px;padding:7px 11px;border:1px solid #5d4b6c;border-radius:8px}.site-page .creator-profile{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center}.site-page .creator-profile img{width:180px;height:180px;object-fit:cover;border-radius:24px;border:1px solid #ac88d9;background:#2f2540}.site-page .creator-profile h2{font-size:30px;margin:0 0 12px}.site-page .creator-role{font-size:13px;color:#e4c786}.site-page .creator-socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.site-page .creator-socials a{display:block;border:1px solid #70607e;border-radius:9px;padding:10px 14px;font-size:14px}
@media(max-width:800px){.site-page .page-grid{grid-template-columns:1fr}.site-page .page-columns,.site-page .contact-layout{grid-template-columns:1fr}.site-page .guide-card.featured{grid-template-columns:1fr}.site-page .guide-visual{flex-direction:row;min-height:120px}.site-page .page-banner{align-items:flex-start;flex-direction:column}.site-page .creator-profile{grid-template-columns:140px 1fr;gap:20px}.site-page .creator-profile img{width:140px;height:140px}}
@media(max-width:520px){.site-page .page-hero{border-radius:18px;padding:26px 22px}.site-page .page-card{padding:22px 18px}.site-page .guide-grid,.site-page .contact-fields{grid-template-columns:1fr}.site-page .page-actions{gap:10px}.site-page .page-actions .page-button{flex:1 1 auto}.site-page .page-banner{padding:24px 20px}.site-page .guide-card.featured{padding:22px 18px}.site-page .creator-profile{grid-template-columns:1fr}.site-page .creator-profile img{width:140px;height:140px}.site-page .contact-form :is(input,textarea){font-size:16px}.site-page .faq-search input{font-size:16px}.site-page .faq-group details{padding-inline:15px}.site-page.blog-post,.site-page.info-page{padding:24px 20px}.site-page .page-lead{font-size:16px}}

/* Wide layouts for cards and forms; article prose stays at a readable measure. */
.site-page .page-columns{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.site-page .contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}
.site-page :is(.page-columns,.page-grid,.guide-grid,.contact-fields)>*{min-width:0}
.site-page :is(.page-button,input,textarea,select){box-sizing:border-box;max-width:100%}
.site-page.blog-post,.site-page.info-page{scroll-margin-top:104px}
@media(max-width:800px){.site-page .page-columns,.site-page .contact-layout{grid-template-columns:minmax(0,1fr)}}

/* Full-width policy pages with readable section cards. */
.site-page.info-page{max-width:1360px;width:100%;box-sizing:border-box}
.site-page .info-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px}
.site-page .info-section{min-width:0;padding:22px 24px;border:1px solid #51445e;border-radius:14px;background:#211d2d}
.site-page .info-section h2{margin:0 0 12px;font-size:21px}
.site-page .info-section>:last-child{margin-bottom:0}
@media(max-width:800px){.site-page .info-section-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.site-page .info-section{padding:18px 16px}}

/* Blog articles use the desktop width with a separate contents and tools column. */
.site-page.blog-post{width:100%;max-width:1360px;box-sizing:border-box;padding:clamp(24px,3vw,40px)}
.site-page.blog-post .blog-header{padding-bottom:24px;border-bottom:1px solid #51445e;margin-bottom:30px}
.site-page.blog-post .blog-header h1{max-width:32ch;font-size:clamp(30px,3.6vw,46px)}
.site-page.blog-post .blog-header>p:last-child{max-width:80ch;font-size:18px;margin-bottom:0}
.site-page.blog-post .blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto 1fr;grid-template-areas:"body toc" "body tools";gap:24px 40px;align-items:start}
.site-page.blog-post .blog-body{grid-area:body;min-width:0}
.site-page.blog-post .blog-body>section:first-child h2,.site-page.blog-post .blog-body>h2:first-child{margin-top:0}
.site-page.blog-post .blog-body :is(p,li){max-width:78ch}
.site-page.blog-post .blog-toc{grid-area:toc;margin:0;padding:20px;min-width:0}
.site-page.blog-post .blog-toc li{margin-block:12px;font-size:14px;line-height:1.6}
.site-page.blog-post .blog-toolbox{grid-area:tools;border:1px solid #554663;border-radius:13px;background:#211c2e;padding:20px;min-width:0}
.site-page.blog-post .blog-toolbox h2{font-size:18px;margin:0 0 16px}
.site-page.blog-post .blog-toolbox h3{font-size:16px;margin:24px 0 12px}
.site-page.blog-post .blog-toolbox ul{list-style:none;margin:0;padding:0}
.site-page.blog-post .blog-toolbox li{margin:0 0 12px}
.site-page.blog-post .blog-tool-link{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #605072;border-radius:10px;background:#2b2238;font-size:14px;line-height:1.5;text-decoration:none}
.site-page.blog-post .blog-tool-link:hover{background:#392a4a;text-decoration:none}
.site-page.blog-post .blog-tool-link img{width:48px;height:48px;flex:0 0 48px;object-fit:contain}
.site-page.blog-post .blog-tool-link span{min-width:0}
.site-page.blog-post .blog-tool-link small{display:block;color:#bda8d5;font-size:11px;margin-top:5px}
.site-page.blog-post .blog-related-links a{font-size:14px;line-height:1.65;display:block}
.site-page.blog-post .blog-help-link{font-size:12px;padding-top:18px;border-top:1px solid #554663;margin-top:20px}
.site-page.blog-post .blog-example{padding:20px 24px;border-left:3px solid #c7a3f4;border-radius:0 12px 12px 0;background:#282036;margin:24px 0}
.site-page.blog-post .blog-example h3{margin-top:0;font-size:18px}
.site-page .blog-topics{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.site-page .blog-topics a{padding:10px 14px;border:1px solid #726087;border-radius:10px;background:#211b2e;font-size:14px;text-decoration:none}
.site-page .blog-topics a:hover{background:#3c2c51;text-decoration:none}
.site-page .guide-card .page-tag{margin-bottom:16px}
.site-page .guide-card h3{font-size:23px;margin:0 0 16px;line-height:1.4}
.site-page.blog-page .guide-grid>.guide-card:only-child{grid-column:1/-1}
@media(max-width:960px){.site-page.blog-post .blog-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"toc" "body" "tools";gap:28px}.site-page.blog-post .blog-toolbox>ul:first-of-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-page.blog-post .blog-toolbox>ul:first-of-type li{margin:0}}
@media(max-width:520px){.site-page.blog-post{padding:24px 20px}.site-page.blog-post .blog-toolbox>ul:first-of-type{grid-template-columns:minmax(0,1fr)}.site-page.blog-post .blog-header>p:last-child{font-size:16px}.site-page.blog-post .blog-example{padding:18px 16px}}