.guide-page{--guide-blue:#175cd3;--guide-navy:#102a52;--guide-soft:#eff5ff;--guide-line:#d7e2f2;color:#17243a;overflow:clip}.guide-page *{box-sizing:border-box}.guide-page h1,.guide-page h2,.guide-page h3{color:var(--guide-navy);letter-spacing:-.02em;line-height:1.25}.guide-page h1{font-size:clamp(2.1rem,4.8vw,4.25rem);margin:.6rem 0 1rem}.guide-page h2{font-size:clamp(1.65rem,3vw,2.65rem);margin:.45rem 0 1rem}.guide-page h3{font-size:1.2rem;margin:0 0 .45rem}.guide-page p,.guide-page li,.guide-page a{font-family:"Sarabun",sans-serif}.guide-page p{line-height:1.75}.guide-breadcrumb{padding-block:1rem}.guide-breadcrumb ol{display:flex;gap:.65rem;list-style:none;margin:0;padding:0;color:#63738a}.guide-breadcrumb li+li:before{content:"/";margin-right:.65rem}.guide-breadcrumb a{color:var(--guide-blue)}.guide-hero{padding:clamp(2rem,5vw,5rem) 0;background:radial-gradient(circle at 90% 10%,#dbeaff,transparent 38%),linear-gradient(140deg,#f7faff,#edf4ff)}.guide-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,5rem);align-items:center}.guide-hero-grid>div>p:not(.guide-kicker){max-width:700px;font-size:1.15rem}.guide-kicker,.guide-section header>span{color:var(--guide-blue);font-weight:800;letter-spacing:.06em}.guide-hero aside{padding:1.5rem;border:1px solid #d4e0f2;border-radius:1.25rem;background:rgba(255,255,255,.82);box-shadow:0 18px 42px rgba(22,64,123,.09)}.guide-hero aside strong{font-size:1.2rem;color:var(--guide-navy)}.guide-hero aside ul{display:grid;gap:.7rem;margin-bottom:0;padding-left:1.25rem}.guide-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.35rem}.guide-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.2rem;border:2px solid transparent;border-radius:.8rem;font-weight:800;text-decoration:none}.guide-btn.primary{background:var(--guide-blue);color:#fff}.guide-btn.secondary{border-color:#bfd0e9;background:#fff;color:var(--guide-navy)}.guide-btn:focus-visible{outline:3px solid #f6a623;outline-offset:3px}.guide-content{padding-block:clamp(2.5rem,6vw,6rem)}.guide-section{scroll-margin-top:6rem;padding:clamp(1.5rem,4vw,3rem);margin-bottom:1.5rem;border:1px solid var(--guide-line);border-radius:1.5rem;background:#fff}.guide-section>header{max-width:880px}.guide-section>header>p{font-size:1.06rem}.guide-steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.guide-steps li{position:relative;padding:1.25rem;border-radius:1rem;background:var(--guide-soft)}.step-number{width:2.35rem;height:2.35rem;margin-bottom:.9rem;border-radius:.7rem;display:grid;place-items:center;background:var(--guide-blue);color:#fff;font-weight:900}.school-guide{border-color:#eedcb6}.school-guide .guide-steps li{background:#fff8e9}.school-guide .step-number{background:#c67600}.security-guide{background:linear-gradient(145deg,#0d2449,#123a78);color:#dce9ff;border:0}.security-guide h2,.security-guide h3{color:#fff}.security-guide header>span{color:#8dbaff}.security-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}.security-grid figure{margin:0;border-radius:1.25rem;overflow:hidden;background:#fff}.security-grid img{display:block;width:100%;height:auto}.security-grid figcaption{padding:.85rem 1rem;color:#334a68;font-size:.92rem}.security-steps{list-style:none;counter-reset:security;margin:1.5rem 0;padding:0;display:grid;gap:.8rem}.security-steps li{counter-increment:security;position:relative;padding-left:2.5rem}.security-steps li:before{content:counter(security);position:absolute;left:0;top:0;width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:#75a8ff;color:#071a38;font-weight:900}.security-steps p{margin:.15rem 0;color:#cddcf2}.security-warning{margin-top:2rem;padding:1.25rem 1.5rem;border-radius:1rem;background:#fff7df;color:#32270f}.security-warning h3{color:#4d3608}.security-warning ul{display:grid;gap:.6rem;margin-bottom:0}.legacy-guide{background:#f8fafc}.legacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.legacy-grid article{padding:1.25rem;border-radius:1rem;background:#fff;border:1px solid var(--guide-line)}.guide-help{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,3rem);border-radius:1.5rem;background:var(--guide-soft)}.guide-help h2{margin:0}.guide-help p{margin-bottom:0}
@media(max-width:1050px){.guide-steps{grid-template-columns:repeat(2,1fr)}.guide-steps li:last-child{grid-column:1/-1}.security-grid{grid-template-columns:1fr}.security-grid figure{max-width:780px}.legacy-grid{grid-template-columns:1fr}}
@media(max-width:760px){.guide-hero-grid{grid-template-columns:1fr}.guide-hero{padding-top:1rem}.guide-actions{display:grid}.guide-btn{width:100%}.guide-steps{grid-template-columns:1fr}.guide-steps li:last-child{grid-column:auto}.guide-section{padding:1.25rem;border-radius:1rem}.guide-help{display:block}.security-grid figure{order:-1}}
@media(max-width:390px){.guide-page h1{font-size:2rem}.guide-hero-grid>div>p:not(.guide-kicker){font-size:1rem}.guide-breadcrumb{font-size:.9rem}.security-grid figcaption{font-size:.82rem}}
[data-theme="dark"] .guide-page{--guide-navy:#edf4ff;--guide-soft:#122743;--guide-line:#2b476d;color:#dce7f7;background:#09162a}[data-theme="dark"] .guide-hero{background:radial-gradient(circle at 90% 10%,#193d71,transparent 38%),linear-gradient(140deg,#0b182b,#112743)}[data-theme="dark"] .guide-hero aside,[data-theme="dark"] .guide-section,[data-theme="dark"] .legacy-grid article{background:#10223b;border-color:#2d496d;color:#dce7f7}[data-theme="dark"] .guide-btn.secondary{background:#152a48;border-color:#46668f;color:#fff}[data-theme="dark"] .guide-steps li{background:#142d4e}[data-theme="dark"] .school-guide .guide-steps li{background:#302817}[data-theme="dark"] .legacy-guide{background:#0d1d33}[data-theme="dark"] .guide-help{background:#112743}[data-theme="dark"] .security-warning{background:#3b3018;color:#fff0c6}[data-theme="dark"] .security-warning h3{color:#fff4d3}
@media(prefers-reduced-motion:reduce){.guide-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.guide-quick-nav{position:sticky;top:.75rem;z-index:5;display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.5rem;padding:.75rem;border:1px solid var(--guide-line);border-radius:1rem;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(16,42,82,.08);backdrop-filter:blur(12px)}.guide-quick-nav a{padding:.55rem .85rem;border-radius:.7rem;color:var(--guide-navy);font-weight:700;text-decoration:none}.guide-quick-nav a:hover,.guide-quick-nav a:focus-visible{background:var(--guide-soft);color:var(--guide-blue)}.feature-guide-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.feature-guide figure{margin:0;overflow:hidden;border:1px solid var(--guide-line);border-radius:1.25rem;background:#f7faff}.feature-guide figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.feature-guide figcaption{padding:.8rem 1rem;color:#607189;font-size:.92rem}.guide-callout{margin:1.25rem 0;padding:1rem 1.15rem;border-left:4px solid var(--guide-blue);border-radius:.8rem;background:var(--guide-soft)}.guide-callout strong{color:var(--guide-navy);font-size:1.08rem}.guide-callout p{margin:.25rem 0 0}.device-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:2rem 0}.device-guides details{border:1px solid var(--guide-line);border-radius:1rem;background:#fbfdff}.device-guides details:last-child{grid-column:1/-1}.device-guides summary{cursor:pointer;padding:1rem 1.15rem;color:var(--guide-navy);font-family:"Sarabun",sans-serif;font-weight:800}.device-guides details[open] summary{border-bottom:1px solid var(--guide-line)}.device-guides ol{margin:1rem 1.25rem 1.25rem;padding-left:1.2rem}.device-guides li+li{margin-top:.55rem}.guide-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.guide-two-column article{padding:1.25rem;border:1px solid var(--guide-line);border-radius:1rem;background:#fbfdff}.guide-two-column ol,.guide-two-column ul{margin-bottom:0;padding-left:1.25rem}.guide-two-column li+li{margin-top:.55rem}.theme-legend{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.theme-legend span{padding:.55rem .8rem;border:1px solid var(--guide-line);border-radius:999px;background:#fff;color:var(--guide-navy);font-family:"Sarabun",sans-serif;font-weight:700}.dark-guide{background:linear-gradient(145deg,#fff 55%,#edf3ff)}
@media(max-width:900px){.feature-guide-grid,.guide-two-column{grid-template-columns:1fr}.feature-guide figure{max-width:720px}.device-guides{grid-template-columns:1fr}.device-guides details:last-child{grid-column:auto}.guide-quick-nav{position:static}}
@media(max-width:520px){.guide-quick-nav{display:grid;grid-template-columns:1fr 1fr}.guide-quick-nav a{padding:.6rem;font-size:.92rem}.guide-quick-nav a:last-child{grid-column:1/-1}.feature-guide figcaption{font-size:.84rem}.theme-legend{display:grid}.theme-legend span{text-align:center}}
[data-theme="dark"] .guide-quick-nav{background:rgba(11,24,43,.94);border-color:#2d496d}[data-theme="dark"] .feature-guide figure,[data-theme="dark"] .device-guides details,[data-theme="dark"] .guide-two-column article{background:#0d1d33;border-color:#2d496d}[data-theme="dark"] .feature-guide figcaption{color:#bdd0e8}[data-theme="dark"] .theme-legend span{background:#152a48;border-color:#46668f;color:#fff}[data-theme="dark"] .dark-guide{background:linear-gradient(145deg,#10223b 55%,#09162a)}