.guide-page{
  --guide-text:#0f172a;
  --guide-muted:#475569;
  --guide-line:#d7e0ee;
  --guide-brand:#0b4aa6;
  --guide-brand-soft:#e8f0ff;
  --guide-card:#ffffff;
  padding:20px 0 38px;
}
.guide-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}
.guide-sidebar{background:var(--guide-card);border:1px solid var(--guide-line);border-radius:16px;padding:16px;position:sticky;top:84px;max-height:calc(100vh - 104px);overflow:auto;box-shadow:0 8px 26px rgba(15,23,42,.04)}
.guide-sidebar h2{margin:0 0 12px;font-size:18px;line-height:1.3;color:#0b1f4a}
.guide-menu-hint{margin:0 0 14px;padding:8px 10px;border-radius:10px;background:#f3f7ff;border:1px solid #d9e5fb;color:#35507e;font-size:13px;line-height:1.35}
.guide-nav-tree{margin:0;padding:0;list-style:none}
.guide-nav-tree .guide-nav-tree{margin-top:6px;display:none}
.guide-nav-item{margin:0}
.guide-nav-row{display:flex;align-items:flex-start;gap:6px}
.guide-nav-link,.guide-nav-label{display:block;flex:1;padding:8px 10px;border-radius:10px;color:#1e293b;line-height:1.38;word-break:break-word}
.guide-nav-link:hover{background:#f1f5fd;text-decoration:none}
.guide-nav-item.guide-active>.guide-nav-row>.guide-nav-link{background:var(--guide-brand-soft);color:var(--guide-brand);font-weight:600}
.guide-nav-item.guide-has-children>.guide-nav-row>.guide-nav-link,.guide-nav-item.guide-has-children>.guide-nav-row>.guide-nav-label{font-weight:600}
.guide-nav-toggle{width:28px;min-width:28px;height:28px;border:1px solid var(--guide-line);background:#fff;border-radius:8px;cursor:pointer;position:relative;margin-top:6px}
.guide-nav-toggle::before{content:'';position:absolute;inset:0;margin:auto;width:7px;height:7px;border-right:2px solid #46618c;border-bottom:2px solid #46618c;transform:rotate(45deg);top:-2px}
.guide-nav-item.guide-opened>.guide-nav-row>.guide-nav-toggle::before{transform:rotate(225deg);top:2px}
.guide-depth-1,.guide-depth-2,.guide-depth-3,.guide-depth-4{padding-left:12px;border-left:1px dashed #c9d5eb;margin-left:8px}
.guide-nav-item.guide-opened>.guide-nav-tree{display:block}
.guide-nav-item.guide-root{margin:0 0 10px;border:1px solid #d6e3fb;border-radius:12px;background:linear-gradient(180deg,#f7faff 0%,#f3f7ff 100%)}
.guide-nav-item.guide-root>.guide-nav-row{padding:8px 8px 6px;align-items:center}
.guide-nav-item.guide-root>.guide-nav-row>.guide-nav-link,.guide-nav-item.guide-root>.guide-nav-row>.guide-nav-label{padding:4px 8px;font-size:15px;font-weight:800;color:#173768}
.guide-nav-item.guide-root.guide-active>.guide-nav-row>.guide-nav-link{background:#dce9ff;color:#0a3c8a}
.guide-nav-item.guide-root>.guide-nav-row>.guide-nav-toggle{margin-top:0}
.guide-nav-kicker{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#5a77a7;padding:0 4px}
.guide-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;border-radius:999px;background:#e5efff;border:1px solid #c7dafd;color:#2a4a7f;font-size:12px;font-weight:700}
.guide-depth-1 .guide-nav-link,.guide-depth-2 .guide-nav-link,.guide-depth-3 .guide-nav-link,.guide-depth-4 .guide-nav-link{font-size:14px;padding:7px 9px 7px 14px}
.guide-depth-1 .guide-nav-link::before,.guide-depth-2 .guide-nav-link::before,.guide-depth-3 .guide-nav-link::before,.guide-depth-4 .guide-nav-link::before{content:'•';margin-right:6px;color:#8aa2cb}
.guide-content{background:var(--guide-card);border:1px solid var(--guide-line);border-radius:16px;padding:24px;min-width:0;overflow-wrap:anywhere;box-shadow:0 10px 30px rgba(15,23,42,.05);color:var(--guide-text)}
.guide-content h1,.guide-content h2,.guide-content h3{line-height:1.27;letter-spacing:.1px;color:#0b1f4a}
.guide-content h1{font-size:34px;margin-top:0}
.guide-content h2{font-size:26px;margin-top:30px}
.guide-content h3{font-size:21px;margin-top:22px}
.guide-content p,.guide-content li{font-size:17px}
.guide-content ul,.guide-content ol{padding-left:24px}
.guide-content figure,.guide-content .wp-caption{max-width:100%;margin:18px auto;text-align:center}
.guide-content figcaption,.guide-content .wp-caption-text,.guide-content .widget-image-caption{font-size:13px;color:#52627a;margin-top:8px}
.guide-content img{display:block;max-width:100% !important;width:auto !important;height:auto !important;margin:16px auto;border-radius:12px;box-shadow:0 8px 22px rgba(15,23,42,.09);background:#fff}
.guide-content table{width:100%;border-collapse:collapse;display:block;overflow:auto;background:#fff;border-radius:10px}
.guide-content th,.guide-content td{border:1px solid var(--guide-line);padding:9px 10px;text-align:left;vertical-align:top}
.guide-content iframe{display:block;max-width:100%;width:100%;aspect-ratio:16/9;height:auto;min-height:280px;border:0;border-radius:12px;box-shadow:0 8px 22px rgba(15,23,42,.09)}
@media (max-width:1150px){
  .guide-layout{grid-template-columns:1fr}
  .guide-sidebar{position:static;max-height:none}
}
@media (max-width:640px){
  .guide-content{padding:16px}
  .guide-content h1{font-size:28px}
  .guide-content h2{font-size:22px}
  .guide-content h3{font-size:19px}
  .guide-content p,.guide-content li{font-size:16px}
}