/* CouchPotato reading pages; reuse the Mori Tech Solutions brand. */
.guide-page { background: var(--paper); }
.guide-page::before { content: none; }
.guide-page .header-inner { gap: 16px; flex-wrap: wrap; padding-block: 12px; }
.guide-nav { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.guide-page .language-switch { font-size: 14px; }
.guide-layout { display: grid; grid-template-columns: minmax(0, 740px) minmax(0, 300px); gap: 64px; padding-block: 40px 64px; align-items: start; }
.guide-article { min-width: 0; overflow-wrap: break-word; }
.guide-breadcrumb { margin-bottom: 24px; color: var(--ink-soft); font-size: 14px; }
.guide-article h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; letter-spacing: -0.03em; margin: 0 0 24px; }
.guide-intro { font-size: 1.2rem; color: var(--ink-soft); }
.guide-article h2, .guide-related h2 { font-size: 1.45rem; line-height: 1.3; margin: 0 0 16px; }
.guide-article section { margin-top: 40px; }
.guide-article p { margin-block: 16px; }
.guide-article ul, .guide-steps { padding-left: 24px; }
.guide-article li { padding-left: 4px; margin-block: 12px; }
.guide-steps li { margin-block: 20px; }
.guide-article a:not(.button), .guide-related a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.guide-download { margin-block: 24px 32px; }
.guide-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.guide-download p, .guide-end p, .guide-disclosure, .guide-aside figcaption { font-size: 0.875rem; color: var(--ink-soft); }
.guide-page .button { padding-block: 12px; height: auto; text-align: center; white-space: normal; max-width: 100%; font-size: 1rem; }
.guide-article details { border-top: 1px solid var(--line); padding-block: 16px; }
.guide-article details:last-child { border-bottom: 1px solid var(--line); }
.guide-article summary { cursor: pointer; font-weight: 650; }
.guide-end { padding-top: 24px; border-top: 1px solid var(--line); }
.guide-aside { padding-top: 48px; min-width: 0; }
.guide-aside figure { margin: 0; }
.guide-aside img { width: 100%; height: auto; border-radius: 8px; }
.guide-aside figcaption { margin-top: 12px; }
.guide-related { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line); }
.guide-related h2 { font-size: 1.125rem; }
.guide-related a { display: block; margin-block: 12px; }
.guide-page [id] { scroll-margin-top: 110px; }
@media (max-width: 820px) { .guide-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-top: 24px; } .guide-aside { padding-top: 0; display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: 24px; } .guide-related { margin-top: 0; } }
@media (max-width: 480px) { .guide-aside { grid-template-columns: minmax(0, 1fr); } .guide-aside figure { max-width: 260px; } .guide-nav { gap: 16px; } }