/* User-requested violet video treatment; all guide content comes from the new ZIP. */
:root{--paper:#faf9fc;--surface:#fff;--ink:#2a2631;--muted:#706a78;--line:#e6e0eb;--accent:#65518b;--tint:#f0ebf6}
:root{--guide-header-height:64px}
.header{height:64px}
.header-inner{grid-template-columns:auto minmax(240px,360px);justify-content:space-between}
.header .search{width:100%;justify-self:end}
.opening-hero{height:100svh;min-height:0;background:#251930}
.opening-hero::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:var(--paper);opacity:var(--hero-exit-opacity,0)}
.opening-content{padding:88px 0 44px}
.opening-content h1{font-size:64px;font-weight:500;margin-bottom:34px}
.opening-background{filter:none}
.opening-shade{background:rgba(0,0,0,.18);mix-blend-mode:normal}
.opening-bottom{bottom:24px}
.hero-search-field{min-height:60px;background:#fcfaff;border-color:#e9e1f0}
.hero-search input{font-size:16px}
.layout{grid-template-columns:232px minmax(0,1fr);gap:64px;max-width:1264px;padding-top:44px}
.sidebar{padding-right:16px}
.main{max-width:832px}
.guide-breadcrumb{margin-bottom:32px}
.topic-index{margin-bottom:64px}
.topic-index h2{font-size:30px;line-height:1.35;font-weight:600;margin:0 0 26px}
.topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.topic-list a{display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:108px;padding:20px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}
.topic-list a strong{font-size:17px;font-weight:600}
.topic-list a span{font-size:13px;color:var(--muted);line-height:1.8}
.topic-list a:hover strong{color:var(--accent)}
.collection>h2{font-size:30px;letter-spacing:0}
.overview>h3{font-size:23px;letter-spacing:0}
.answer .product-shot{margin:24px 0}
.answer .product-shot img{display:block;width:100%;height:auto;border-radius:8px}
.answer .feature-route{margin:18px 0}
.answer .feature-route strong{font-size:16px;font-weight:600}
.answer .feature-route p{margin-top:8px}
.answer .button,.answer .text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;margin:4px 18px 4px 0;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.answer .faq-answer p,.answer .tip-example{margin:0 0 18px}
.case-card>p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:8px}
.image-button img{border-radius:0!important}
.topic-index,.topic-index h2{scroll-margin-top:0}
@media(max-width:1050px){.layout{grid-template-columns:210px minmax(0,1fr);gap:36px;padding-inline:30px}.opening-content h1{font-size:56px}}
@media(max-width:760px){
 :root{--guide-header-height:64px}
 .header-inner{grid-template-columns:minmax(0,1fr) auto;min-height:64px;padding:10px 20px;gap:12px}
 .header .search{grid-column:1;grid-row:1}
 .mobile-toggle{grid-column:2;grid-row:1;min-height:44px}
 .opening-hero{height:100svh}
 .opening-content{padding:64px 0 40px}
 .opening-content h1{font-size:42px;margin-bottom:28px}
 .hero-search-field{min-height:56px}
 .hero-search input{font-size:15px}
 .layout{display:block;padding:30px 22px 64px}
 .topic-index{margin-bottom:48px}
 .topic-index h2,.collection>h2{font-size:27px}
 .topic-list{grid-template-columns:1fr}
 .topic-list a{min-height:88px;padding-block:16px}
 .guide-breadcrumb{margin-bottom:26px}
}
@media(max-height:500px){.opening-content{padding-top:64px;padding-bottom:20px}.opening-content h1{font-size:34px;margin-bottom:22px}.hero-search-field{min-height:50px}.opening-bottom{bottom:4px}}