.guide-hero { background:linear-gradient(110deg,#eff1ff,#f5eefc); padding:44px 0 38px; color:#000; }
.guide-hero h1 { max-width:900px; font-size:clamp(30px,3.6vw,46px); line-height:1.18; margin:14px 0 18px; letter-spacing:-1.1px; color:#000; }
.guide-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 270px; align-items:center; gap:42px; }
.guide-hero figure { margin:0; text-align:center; }
.guide-hero figure img { width:100%; height:auto; max-width:270px; object-fit:contain; }
.guide-hero figcaption { font-size:12px; margin-top:8px; color:#000; }
.guide-meta { font-size:12px; line-height:1.8; color:#000; }
.guide-answer { font-size:17px; line-height:1.85; color:#000; max-width:790px; }
.guide-layout { display:grid; grid-template-columns:minmax(0,760px) minmax(220px,280px); gap:64px; padding-top:42px; padding-bottom:58px; align-items:start; }
.guide-prose { min-width:0; color:#000; }
.guide-prose p { font-size:16px; line-height:1.9; margin:16px 0; color:#000; }
.guide-prose h2 { font-size:26px; line-height:1.35; margin:38px 0 14px; color:#000; letter-spacing:-.4px; scroll-margin-top:110px; }
.guide-prose a:not(.btn),.guide-meta a { text-decoration:underline; text-underline-offset:3px; color:#000; }
.guide-toc { border:1px solid #d9dced; border-radius:12px; padding:22px 24px; background:#f8f8fe; }
.guide-prose .guide-toc h2 { margin:0 0 12px; font-size:18px; }
.guide-toc ol { margin:0; padding-left:22px; }
.guide-toc li { padding:6px 0; font-size:14px; line-height:1.6; }
.guide-brand,.guide-related { border:1px solid #d9dced; border-radius:12px; padding:24px; margin-bottom:20px; }
.guide-brand { background:linear-gradient(125deg,#eef0fe,#f4eefd); }
.guide-brand img { display:block; width:70px; height:auto; margin-bottom:18px; }
.guide-aside h2 { font-size:19px; line-height:1.4; margin:0 0 12px; color:#000; }
.guide-aside p { font-size:14px; line-height:1.8; color:#000; }
.guide-aside a { display:block; border-top:1px solid #d9dced; padding:12px 0; font-size:13px; line-height:1.7; color:#000; }
.guide-official { background:#f7f8ff; padding:6px 24px 22px; margin-top:34px; border-radius:12px; border:1px solid #d9dced; }
.guide-official ul { padding-left:20px; }
.guide-official li { line-height:1.8; padding:5px 0; }
.guide-next { margin-top:32px; padding-top:1px; }
.guide-faq summary { font-size:16px; line-height:1.7; color:#000; }
.guide-directory { padding-top:42px; padding-bottom:58px; }
.guide-directory .tilegrid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.guide-directory .tile { min-width:0; }
.guide-directory h3 { font-size:20px; line-height:1.45; }
.guide-footer { padding:38px 0; }
.guide-footer p { max-width:800px; font-size:13px; line-height:1.8; color:#000; }
.guide-footer nav { display:flex; flex-wrap:wrap; gap:12px 24px; padding:12px 0; }
.guide-footer nav a { font-size:13px; }
.guide-hero a:focus-visible,.guide-layout a:focus-visible,.guide-directory a:focus-visible,.guide-prose summary:focus-visible { outline:3px solid #5861bd; outline-offset:4px; }
html[data-theme="dark"] .guide-hero { background:linear-gradient(110deg,#171c37,#30223f); }
html[data-theme="dark"] :is(.guide-toc,.guide-brand,.guide-related,.guide-official) { background:#171b2e; border-color:#343a57; }
html[data-theme="dark"] :is(.guide-hero,.guide-prose,.guide-aside,.guide-footer) :is(h1,h2,h3,p,li,summary,a:not(.btn),figcaption) { color:#f5f3ff; }
html[data-theme="dark"] .guide-aside a { border-color:#343a57; }
@media(max-width:1000px) { .guide-layout { gap:30px; grid-template-columns:minmax(0,1fr) 230px; }.guide-hero-grid { grid-template-columns:minmax(0,1fr) 200px; gap:24px; }.guide-directory .tilegrid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .guide-hero { padding:26px 0; }.guide-hero-grid,.guide-layout { grid-template-columns:minmax(0,1fr); }.guide-hero figure img { max-width:230px; }.guide-hero-grid { gap:22px; }.guide-layout { padding-top:24px; gap:26px; }.guide-prose h2 { font-size:23px; }.guide-directory .tilegrid { grid-template-columns:minmax(0,1fr); }.guide-answer { font-size:16px; }.guide-toc { padding:18px; } }