:root{--header-height:82px}html{scroll-padding-top:calc(var(--header-height) + 18px)}main [id],.guide-page section{scroll-margin-top:0}.header{position:fixed;z-index:50;background:#fffffff5;inset:0 0 auto;height:var(--header-height)}.header .nav-wrap{height:var(--header-height)}.header-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.mobile-nav{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-start{display:flex;justify-content:center;align-items:center;gap:24px;margin:26px 0 35px;flex-wrap:wrap}.hero-start .inline-link{font-size:14px}.mid-try{padding:35px 0 10px}.mid-try-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #eedda9;background:#fff9e9;padding:28px 32px;border-radius:15px}.mid-try-inner p{font-size:18px;line-height:1.6;color:var(--ink);margin:0;max-width:680px}.site-faq{display:grid;grid-template-columns:minmax(0,39fr) minmax(0,61fr);gap:40px;padding-top:75px;padding-bottom:85px}.site-faq .faq-heading h2{font-size:clamp(30px,3.4vw,43px);line-height:1.25;letter-spacing:-1.5px;margin:0 0 20px}.site-faq .faq-heading p{font-size:16px;color:var(--muted);line-height:1.85;max-width:330px;margin:0}.site-faq .faq-list{margin:0;max-width:none}.site-faq .faq-list summary{padding:23px 0;min-height:72px;font-size:16px;gap:20px;align-items:center}.site-faq .answer p{font-size:16px;padding:0 18px 25px 0;line-height:1.85}.site-faq summary>span{flex-shrink:0}.site-faq .answer{animation:rise .25s var(--ease)}.context-photo{max-width:960px;margin:38px auto 25px}.context-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:15px}.context-photo figcaption{font-size:14px;line-height:1.8;color:var(--muted);margin-top:15px}.lesson-video video,.video-shell video{display:block;aspect-ratio:16/9;object-fit:contain;background:#f5f6f8}.video-shell{transform:none}.video-shell:hover{transform:none}.video-shell .window-bar+video{aspect-ratio:16/9}.main-video-note{font-size:13px;color:var(--muted);line-height:1.7;margin:15px 0 0}.video-shell video:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.guide-hero .article-figure img{background:#fffaf0}button,input,select,summary,a{scroll-margin-top:calc(var(--header-height) + 18px)}.table-scroll,.format-table-wrap{max-width:100%;overscroll-behavior-inline:contain}.header .brand{min-width:0}.guide-page main{overflow:visible}.guide-page .chapter-body{min-width:0}.site-faq .answer a{overflow-wrap:anywhere}
@media(max-width:800px){.site-faq{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:55px;padding-bottom:65px}.site-faq .faq-heading p{max-width:650px}.mid-try-inner{padding:25px}.site-faq .faq-heading h2{font-size:32px}}
@media(max-width:700px){:root{--header-height:72px}.header .nav-wrap,.guide-page .header .nav-wrap{padding:0 20px;gap:10px}.header .brand{font-size:20px;gap:8px}.header .brand img{width:30px;height:30px}.header-actions{gap:8px}.header .button-small{min-height:44px;font-size:14px;padding:10px 15px}.mobile-nav{display:block}.mobile-nav>summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border:1px solid #e6e6df;border-radius:9px;background:#fff}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-nav>summary svg{width:20px;height:20px}.mobile-nav[open]>summary{background:#fff3cf;border-color:#ebd390}.mobile-nav>nav{position:fixed;top:calc(var(--header-height) + 8px);left:16px;right:16px;max-height:calc(100dvh - var(--header-height) - 32px);overflow:auto;padding:12px;border:1px solid #e8e2d1;border-radius:14px;background:white;box-shadow:0 20px 45px #2021241c}.mobile-nav nav a{display:block;padding:13px 15px;font-size:15px;font-weight:600;line-height:1.5;border-radius:7px;min-height:46px}.mobile-nav nav a:hover,.mobile-nav nav a[aria-current=page]{background:#fff7d7}.guide-hero{padding-top:calc(var(--header-height) + 45px)}.hero{padding-top:calc(var(--header-height) + 50px)}.mid-try{padding-top:24px}.mid-try-inner{flex-direction:column;align-items:flex-start;gap:20px}.mid-try-inner p{font-size:17px}.context-photo{margin-top:28px}.site-faq .faq-list summary{font-size:16px;padding:20px 0}.site-faq .answer p{padding-right:0}.hero-start{gap:20px;margin-bottom:28px}.site-footer .brand span{display:inline}}
@media(max-width:380px){.header .brand span{display:none}.header .nav-wrap,.guide-page .header .nav-wrap{padding:0 16px}.header .brand img{width:34px;height:34px}.header .button-small{padding:10px 16px}.header-actions{gap:9px}.hero-start{flex-direction:column}.mid-try-inner{padding:22px}.site-faq .faq-heading h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.site-faq .answer{animation:none}.hero,.hero h1,.hero-tagline,.hero-desc,.hero-actions,.hero-stage{animation:none}html{scroll-behavior:auto}}
@media(max-width:560px){.table-scroll table,.format-table-wrap table{display:block;min-width:0!important;width:100%;font-size:16px}.table-scroll caption,.format-table caption{display:block;font-size:14px;line-height:1.7;padding:20px}.table-scroll thead,.format-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.table-scroll tbody,.format-table tbody{display:block}.table-scroll tbody tr,.format-table tbody tr{display:block;border-top:1px solid #e8e1cf;padding:10px 0}.table-scroll tbody th,.format-table tbody th{display:block;width:auto!important;background:#fff8e4;border:0;padding:15px 20px;font-size:18px}.table-scroll tbody td,.format-table tbody td{display:block;width:auto!important;border:0;padding:15px 20px;font-size:16px;overflow-wrap:anywhere}.table-scroll td[data-label]:before,.format-table td[data-label]:before{content:attr(data-label);display:block;font-size:13px;font-weight:700;color:#6a5c3c;margin:0 0 7px}.table-scroll,.format-table-wrap{overflow:visible}.format-table tbody th span{font-size:14px}}

.hero #hero-title{white-space:normal;margin-bottom:22px}.hero #hero-title>.hero-product-name{display:block;white-space:nowrap;margin-bottom:18px}.hero #hero-title>.hero-tagline{display:block;margin:0;animation:none}
.breadcrumbs{max-width:1000px;margin:0 auto 24px;font-size:13px;line-height:1.6;color:var(--muted)}.breadcrumbs ol{display:flex;justify-content:center;align-items:center;gap:8px 12px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumbs li{display:flex;align-items:center;gap:12px;min-width:0}.breadcrumbs li+li:before{content:'›';color:#b5a576}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px;color:var(--ink);padding:5px 0}.breadcrumbs a:hover{color:#8a6500}.breadcrumbs [aria-current=page]{overflow-wrap:anywhere}