:root{--c-bg: #FFFFFF;--c-cream: #FFF8EE;--c-cream-line: #F1E6D3;--c-ink: #1F2937;--c-ink-2: #4B5563;--c-ink-3: #6B7280;--c-line: #E7E3DC;--c-surface: #FFFFFF;--c-brand: #2B59C3;--c-brand-hover: #244CAB;--c-brand-soft: #EAF0FF;--c-on-brand: #FFFFFF;--c-accent: #FFC845;--c-on-accent: #1F2937;--c-rt: #E3EEFF;--c-read: #DDF3EA;--c-nt: #FDE7D3;--c-pack: #FFF1D6;--c-tone-ink: #2B2622;--c-dot-rt: #2B59C3;--c-dot-read: #0F8A5F;--c-dot-nt: #C2410C;--c-stage-1: #F97316;--c-stage-2: #0D9488;--c-stage-3: #2B59C3;--c-overlay: #111827;--c-on-overlay: #FFFFFF;--c-on-overlay-2: #9CA3AF;--c-shadow: rgba(31,41,55,.08);--c-shadow-2: rgba(31,41,55,.14);--font-head: "Anuphan","Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;--font-body: "Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;--fs-xs: 13px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-h3: 18px;--fs-h2: 22px;--fs-h1: 28px;--fs-hero: 30px;--fs-price: 32px;--fs-price-sm: 24px;--lh: 1.65;--lh-snug: 1.5;--lh-tight: 1.3;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--shadow-1: 0 1px 2px var(--c-shadow),0 2px 6px var(--c-shadow);--shadow-card: 0 1px 2px var(--c-shadow),0 8px 24px var(--c-shadow);--shadow-lift: 0 2px 4px var(--c-shadow),0 16px 32px var(--c-shadow-2);--shadow-up: 0 -4px 16px var(--c-shadow);--btn-h: 48px;--btn-h-lg: 54px;--btn-h-sm: 44px;--icon: 20px;--header-h: 60px;--mbar-h: 76px;--wrap: 1160px;--wrap-text: 760px;--gutter: 16px;--side-w: 380px;--cover-ratio: 480 / 679;--line-w: 1px;color-scheme: light}@media (min-width: 960px){:root{--fs-h2: 28px;--fs-h1: 36px;--fs-hero: 44px;--fs-price: 36px;--header-h: 68px;--gutter: 24px}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: var(--sp-4)}body{margin: 0;background: var(--c-bg);color: var(--c-ink);font: 400 var(--fs-md) / var(--lh) var(--font-body);padding-bottom: calc(var(--mbar-h) + env(safe-area-inset-bottom))}img{max-width: 100%;height: auto;display: block}picture{display: contents}picture > source{display: none}a{color: var(--c-brand);text-underline-offset: 3px}h1,h2,h3,h4{margin: 0;font-family: var(--font-head);font-weight: 700;line-height: var(--lh-tight);text-wrap: balance}h1{font-size: var(--fs-h1)}h2{font-size: var(--fs-h2);margin-bottom: var(--sp-4)}h3{font-size: var(--fs-h3);font-weight: 600}h4{font-size: var(--fs-md);font-weight: 600}b,strong,th,summary,legend,label{font-family: var(--font-head);font-weight: 600}p{margin: 0 0 var(--sp-3)}ul,ol{margin: 0}table{width: 100%;border-collapse: collapse}fieldset{margin: 0;padding: 0;border: 0;min-width: 0}legend{padding: 0}summary{cursor: pointer}:focus-visible{outline: 3px solid var(--c-brand);outline-offset: 2px}.nb{white-space: nowrap}.sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap}.skip{position: absolute;left: var(--sp-2);top: calc(-1 * var(--sp-16));z-index: 100;background: var(--c-surface);padding: var(--sp-2) var(--sp-4);border-radius: var(--r-sm)}.skip:focus{top: var(--sp-2)}.muted{color: var(--c-ink-2)}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{transition: none !important}}.wrap{max-width: var(--wrap);margin-inline: auto;padding-inline: var(--gutter)}.wrap-text{max-width: var(--wrap-text)}.top{position: relative;z-index: 40;background: var(--c-surface);border-bottom: var(--line-w) solid var(--c-line)}.top-in{display: flex;align-items: center;gap: var(--sp-2);height: var(--header-h)}.logo{display: flex;align-items: center;gap: var(--sp-2);min-width: 0;margin-right: auto;color: var(--c-ink);text-decoration: none;font: 700 var(--fs-md) / 1.2 var(--font-head);white-space: nowrap}.logo svg{width: 32px;height: 32px;flex: none}.top-nav{display: none;gap: var(--sp-6);margin-right: var(--sp-4)}.top-nav a{color: var(--c-ink-2);text-decoration: none;font: 600 var(--fs-sm) / 1.2 var(--font-head);white-space: nowrap}.top-nav a:hover,.top-nav a[aria-current]{color: var(--c-brand)}.top-chat .long{display: none}.sheet > summary{list-style: none;display: inline-flex;align-items: center;gap: var(--sp-2);min-height: var(--btn-h-sm);padding: 0 var(--sp-4);border-radius: var(--r-pill);border: var(--line-w) solid var(--c-line);color: var(--c-ink);font: 600 var(--fs-sm) / 1 var(--font-head);white-space: nowrap;background: var(--c-surface)}.sheet > summary::-webkit-details-marker{display: none}.sheet[open] > summary{background: var(--c-cream);border-color: var(--c-cream-line)}.sheet-panel{position: absolute;left: 0;right: 0;top: 100%;max-height: calc(100vh - var(--header-h));overflow-y: auto;background: var(--c-surface);border-bottom: var(--line-w) solid var(--c-line);box-shadow: var(--shadow-lift)}.sheet-in{display: grid;gap: var(--sp-6);padding: var(--sp-5) var(--gutter) var(--sp-6);max-width: var(--wrap);margin-inline: auto}.sheet-h{font-size: var(--fs-sm);color: var(--c-ink-3);margin: 0 0 var(--sp-2);font-weight: 600}.sheet-list{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--sp-2)}.sheet-item{display: flex;align-items: center;gap: var(--sp-3);padding: var(--sp-3);border-radius: var(--r-md);text-decoration: none;color: var(--c-ink);background: var(--c-bg);border: var(--line-w) solid var(--c-line)}.sheet-item:hover{border-color: var(--c-brand)}.sheet-item .dot{width: 10px;height: 10px;border-radius: 50%;flex: none}.sheet-item b{flex: 1;min-width: 0;font-size: var(--fs-md);line-height: 1.35}.sheet-item small{color: var(--c-ink-3);font-size: var(--fs-xs);white-space: nowrap}.sheet-help{display: flex;flex-wrap: wrap;gap: var(--sp-2) var(--sp-5)}.sheet-help a{color: var(--c-ink-2);font-size: var(--fs-sm)}@media (min-width: 420px){.logo{font-size: var(--fs-lg)}}@media (min-width: 640px){.sheet-in{grid-template-columns: repeat(auto-fit,minmax(260px,1fr))}.top-chat .long{display: inline}.top-chat .short{display: none}}@media (min-width: 960px){.top{position: sticky;top: 0}}@media (min-width: 1100px){.top-nav{display: flex}}.sec{padding: var(--sp-12) 0;scroll-margin-top: var(--sp-4)}.sec-cream{background: var(--c-cream)}.sec-head{margin-bottom: var(--sp-6)}.sec-head h2{margin-bottom: var(--sp-2)}.sec-head p,.sec-intro{color: var(--c-ink-2);margin: 0}.sec-intro{margin-bottom: var(--sp-5)}@media (min-width: 960px){.sec{padding: var(--sp-16) 0;scroll-margin-top: calc(var(--header-h) + var(--sp-4))}.sec-head{margin-bottom: var(--sp-8)}}.pgrid{display: flex;flex-direction: column;padding-top: var(--sp-4)}.p-side,.p-media{display: contents}.p-head{order: 1}.p-main-img{order: 2}.p-buy{order: 3}.p-thumbs{order: 4}.p-main{order: 5;min-width: 0}@media (min-width: 960px){.pgrid{display: grid;grid-template-columns: minmax(0,1fr) var(--side-w);column-gap: var(--sp-12);align-items: start;padding-top: var(--sp-8)}.p-media{display: block;grid-column: 1;grid-row: 1}.p-side{display: block;grid-column: 2;grid-row: 1 / span 2;align-self: start;position: sticky;top: calc(var(--header-h) + var(--sp-6))}.p-main{grid-column: 1;grid-row: 2}}.foot{background: var(--c-cream);border-top: var(--line-w) solid var(--c-cream-line);padding: var(--sp-12) 0 var(--sp-8);font-size: var(--fs-sm);color: var(--c-ink-2)}.foot-grid{display: grid;gap: var(--sp-8)}.foot-brand .logo{margin-bottom: var(--sp-3)}.foot h2{font-size: var(--fs-sm);color: var(--c-ink);margin: 0 0 var(--sp-3)}.foot ul{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--sp-2)}.foot a{color: var(--c-ink-2);text-decoration: none}.foot a:hover{color: var(--c-brand);text-decoration: underline}.foot-copy{margin-top: var(--sp-8);padding-top: var(--sp-5);border-top: var(--line-w) solid var(--c-cream-line);color: var(--c-ink-3);font-size: var(--fs-xs)}@media (min-width: 760px){.foot-grid{grid-template-columns: 1.4fr 1fr 1fr}}.mbar{position: fixed;left: 0;right: 0;bottom: 0;z-index: 45;background: var(--c-surface);box-shadow: var(--shadow-up);border-top: var(--line-w) solid var(--c-line);padding: var(--sp-3) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom))}.mbar-in{display: flex;align-items: center;gap: var(--sp-2);max-width: var(--wrap);margin-inline: auto}.mbar-price{display: grid;line-height: 1.15;margin-right: auto;min-width: 0}.mbar-price b{font-size: var(--fs-lg);white-space: nowrap}.mbar-price small{font-size: var(--fs-xs);color: var(--c-ink-3);white-space: nowrap}.mbar .btn{min-width: 0;padding: 0 var(--sp-4);font-size: var(--fs-sm)}.mbar .btn-grow{flex: 1 1 0}@media (min-width: 960px){.mbar{display: none}body{padding-bottom: 0}}svg.i{width: var(--icon);height: var(--icon);flex: none;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}.ico{display: grid;place-items: center;flex: none;width: 44px;height: 44px;border-radius: 50%;background: var(--c-brand-soft);color: var(--c-brand)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--sp-2);min-height: var(--btn-h);padding: 0 var(--sp-6);border-radius: var(--r-pill);font: 600 var(--fs-md) / 1.2 var(--font-head);white-space: nowrap;text-decoration: none;text-align: center;border: 2px solid transparent;transition: background-color .15s,border-color .15s,transform .15s}.btn-p{background: var(--c-brand);color: var(--c-on-brand)}.btn-p:hover{background: var(--c-brand-hover)}.btn-s{background: var(--c-brand-soft);color: var(--c-brand)}.btn-s:hover{border-color: var(--c-brand)}.btn-o{background: var(--c-surface);color: var(--c-ink);border-color: var(--c-line)}.btn-o:hover{border-color: var(--c-ink-3)}.btn-lg{min-height: var(--btn-h-lg);font-size: var(--fs-lg)}.btn-icon{width: var(--btn-h);padding: 0;flex: none}.btn small{font: 400 var(--fs-xs) / 1.2 var(--font-body);opacity: .9}.btn-p small{color: var(--c-on-brand)}.btn-stack{flex-direction: column;gap: 0;padding-block: var(--sp-2)}.btn-block{display: flex;width: 100%}.btns{display: grid;gap: var(--sp-3)}.link-arrow{display: inline-flex;align-items: center;gap: var(--sp-1);font: 600 var(--fs-md) / 1.4 var(--font-head);text-decoration: none}.link-arrow svg{width: 18px;height: 18px}.fine{font-size: var(--fs-sm);color: var(--c-ink-2);margin: 0}.tags{display: flex;flex-wrap: wrap;gap: var(--sp-2)}.tag{display: inline-flex;align-items: center;gap: 6px;min-height: 28px;padding: 0 var(--sp-3);border-radius: var(--r-pill);font: 600 var(--fs-xs) / 1 var(--font-head);white-space: nowrap;color: var(--c-tone-ink)}.tag-on_sale,.tag-save{background: var(--c-accent);color: var(--c-on-accent)}.tag-coming_soon,.tag-in_production{background: var(--c-surface);color: var(--c-ink-2);border: var(--line-w) solid var(--c-line)}.tag-grade{background: var(--c-surface);border: var(--line-w) solid var(--c-line);color: var(--c-ink)}.tag-pdf{background: var(--c-surface);color: var(--c-ink-2);border: var(--line-w) solid var(--c-line)}.dot{width: 8px;height: 8px;border-radius: 50%;background: var(--c-ink-3);flex: none}.tone-rt .dot,.dot.tone-rt{background: var(--c-dot-rt)}.tone-read .dot,.dot.tone-read{background: var(--c-dot-read)}.tone-nt .dot,.dot.tone-nt{background: var(--c-dot-nt)}.tone-pack .dot,.dot.tone-pack{background: var(--c-accent)}.tone-orange .dot{background: var(--c-stage-1)}.tone-teal .dot{background: var(--c-stage-2)}.tone-brand .dot{background: var(--c-stage-3)}.bg-rt{background: var(--c-rt)}.bg-read{background: var(--c-read)}.bg-nt{background: var(--c-nt)}.bg-pack{background: var(--c-pack)}.price{display: flex;align-items: baseline;flex-wrap: wrap;gap: var(--sp-1) var(--sp-3)}.price-now{font: 700 var(--fs-price) / 1.05 var(--font-head);color: var(--c-ink);white-space: nowrap}.price-now small{font-size: .55em;font-weight: 600;margin-left: 2px}.price-sm .price-now{font-size: var(--fs-price-sm)}.price-old{font-size: var(--fs-md);color: var(--c-ink-3);white-space: nowrap}.price-note{flex-basis: 100%;font-size: var(--fs-sm);color: var(--c-ink-2)}.cards{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--sp-6)}@media (min-width: 640px){.cards{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (min-width: 1000px){.cards{grid-template-columns: repeat(3,minmax(0,1fr))}}.pcard{position: relative;display: flex;flex-direction: column;height: 100%;background: var(--c-surface);border: var(--line-w) solid var(--c-line);border-radius: var(--r-xl);overflow: hidden;box-shadow: var(--shadow-card);transition: transform .2s,box-shadow .2s}.pcard:hover{transform: translateY(-3px);box-shadow: var(--shadow-lift)}.pcard-img{display: block;aspect-ratio: 1 / 1}.pcard-img img{width: 100%;height: 100%;object-fit: cover}.pcard-ph{display: grid;place-items: center;aspect-ratio: 1 / 1;color: var(--c-ink-3);font-size: var(--fs-sm)}.pcard-body{display: flex;flex-direction: column;gap: var(--sp-2);flex: 1;padding: var(--sp-5)}.pcard h3{font-size: var(--fs-lg);line-height: 1.35;margin-top: var(--sp-1)}.pcard h3 a{color: var(--c-ink);text-decoration: none}.pcard h3 a::after{content: "";position: absolute;inset: 0;z-index: 1}.pcard h3 a:focus-visible{outline: none}.pcard:has(h3 a:focus-visible){outline: 3px solid var(--c-brand);outline-offset: 2px}.pcard-for{color: var(--c-ink-2);font-size: var(--fs-sm);margin: 0}.pcard-spec{display: flex;flex-wrap: wrap;gap: var(--sp-1) var(--sp-3);color: var(--c-ink-3);font-size: var(--fs-xs);margin: 0;padding: 0;list-style: none}.pcard-spec li:not(:last-child)::after{content: "·";margin-left: var(--sp-3)}.pcard-foot{margin-top: auto;padding-top: var(--sp-3);display: grid;gap: var(--sp-3)}.pcard-foot .price-note{flex-basis: auto}.picker{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--sp-3)}@media (min-width: 760px){.picker{grid-template-columns: repeat(2,minmax(0,1fr))}}.pick{display: flex;align-items: center;gap: var(--sp-4);min-height: 72px;height: 100%;padding: var(--sp-4) var(--sp-5);border-radius: var(--r-lg);background: var(--c-surface);border: var(--line-w) solid var(--c-line);color: var(--c-ink);text-decoration: none;box-shadow: var(--shadow-1);transition: border-color .15s,transform .15s}.pick:hover{border-color: var(--c-brand);transform: translateY(-1px)}.pick-txt{display: grid;gap: 2px;flex: 1;min-width: 0}.pick-q{font: 600 var(--fs-md) / 1.4 var(--font-head)}.pick-to{display: block;font-size: var(--fs-sm);color: var(--c-ink-2)}.pick-to .dot{display: inline-block;margin-right: var(--sp-2);vertical-align: 1px}.pick > svg{color: var(--c-brand)}.pick-chat{border-style: dashed;box-shadow: none;background: transparent}.trust{list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--sp-4)}@media (min-width: 960px){.trust{grid-template-columns: repeat(4,minmax(0,1fr))}}.trust li{display: grid;gap: var(--sp-2);align-content: start;font-size: var(--fs-sm);color: var(--c-ink-2);line-height: var(--lh-snug)}.trust b{display: block;color: var(--c-ink);font-size: var(--fs-md);line-height: 1.35}.trust-row{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--sp-2);font-size: var(--fs-sm);color: var(--c-ink-2)}.trust-row li{display: flex;gap: var(--sp-2);align-items: flex-start;line-height: var(--lh-snug)}.trust-row svg{color: var(--c-brand);width: 18px;height: 18px;margin-top: 2px}.steps{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--sp-4);counter-reset: s}@media (min-width: 760px){.steps{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--sp-5)}}.steps li{counter-increment: s;position: relative;padding: var(--sp-5);border-radius: var(--r-lg);background: var(--c-surface);border: var(--line-w) solid var(--c-line)}.steps li::before{content: counter(s);display: grid;place-items: center;width: 36px;height: 36px;border-radius: 50%;margin-bottom: var(--sp-3);background: var(--c-brand);color: var(--c-on-brand);font: 700 var(--fs-lg) / 1 var(--font-head)}.steps b{display: block;font-size: var(--fs-lg);line-height: 1.35}.steps li > span{display: block;color: var(--c-ink-2);font-size: var(--fs-sm);margin-top: var(--sp-1);line-height: var(--lh-snug)}.faq details{border-bottom: var(--line-w) solid var(--c-line)}.faq details:first-child{border-top: var(--line-w) solid var(--c-line)}.faq summary{list-style: none;display: flex;justify-content: space-between;align-items: flex-start;gap: var(--sp-4);padding: var(--sp-4) 0;font-size: var(--fs-md);line-height: 1.5}.faq summary::-webkit-details-marker,.acc > summary::-webkit-details-marker{display: none}.faq summary::after,.acc > summary::after{content: "+";flex: none;display: grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;background: var(--c-brand-soft);color: var(--c-brand);font: 600 var(--fs-lg) / 1 var(--font-head)}.faq details[open] summary::after,.acc[open] > summary::after{content: "−"}.faq details p{margin: 0 0 var(--sp-4);color: var(--c-ink-2);max-width: 64ch}.packbox{display: grid;gap: var(--sp-5);align-items: center;padding: var(--sp-4);border-radius: var(--r-xl);background: var(--c-surface);border: var(--line-w) solid var(--c-line);box-shadow: var(--shadow-card);position: relative}.packbox-img{border-radius: var(--r-lg);overflow: hidden}.packbox-img img{width: 100%;aspect-ratio: 1 / 1;object-fit: cover}.packbox-body{display: grid;gap: var(--sp-3);padding: 0 var(--sp-2) var(--sp-2)}.packbox h3{font-size: var(--fs-h2)}.packbox h3 a{color: var(--c-ink);text-decoration: none}.packbox-math{display: grid;gap: var(--sp-1);font-size: var(--fs-sm);color: var(--c-ink-2)}.packbox-math del{color: var(--c-ink-3)}@media (min-width: 760px){.packbox{grid-template-columns: 300px minmax(0,1fr);padding: var(--sp-5);gap: var(--sp-8)}}.hl{list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--sp-3)}@media (min-width: 760px){.hl{grid-template-columns: repeat(4,minmax(0,1fr))}}.hl li{display: grid;gap: var(--sp-2);align-content: start;padding: var(--sp-4);border-radius: var(--r-lg);background: var(--c-cream);font-size: var(--fs-sm);line-height: var(--lh-snug);color: var(--c-ink)}.hl svg{color: var(--c-brand);width: 24px;height: 24px}.spec th,.spec td{padding: var(--sp-3) 0;border-bottom: var(--line-w) solid var(--c-line);text-align: left;vertical-align: top;line-height: 1.55}.spec tr:first-child th,.spec tr:first-child td{border-top: var(--line-w) solid var(--c-line)}.spec th{width: 34%;font: 400 var(--fs-md) / 1.55 var(--font-body);color: var(--c-ink-3);padding-right: var(--sp-4)}.cmp td{padding: var(--sp-3) 0;border-bottom: var(--line-w) solid var(--c-line);line-height: 1.5;vertical-align: top}.cmp tr:first-child td{border-top: var(--line-w) solid var(--c-line)}.cmp td:last-child{text-align: right;white-space: nowrap;font: 600 var(--fs-md) / 1.5 var(--font-head);padding-left: var(--sp-4)}.cmp small{display: block;color: var(--c-ink-3);font-size: var(--fs-xs)}.cmp .deal td{font-family: var(--font-head);font-weight: 700;font-size: var(--fs-lg)}.start{font-size: var(--fs-sm);margin-top: var(--sp-4)}.start th,.start td{padding: var(--sp-3) 0;border-bottom: var(--line-w) solid var(--c-line);text-align: left;vertical-align: top;line-height: 1.55}.start thead th{color: var(--c-ink-3);font: 400 var(--fs-sm) / 1.5 var(--font-body);border-top: var(--line-w) solid var(--c-line)}.start td:last-child,.start th:last-child{width: 38%;padding-left: var(--sp-4)}.start td:last-child{font-family: var(--font-head);font-weight: 600}.start td a{text-decoration: none}.acc{border: var(--line-w) solid var(--c-line);border-radius: var(--r-lg);background: var(--c-surface);margin-bottom: var(--sp-3)}.acc > summary{list-style: none;display: flex;align-items: center;gap: var(--sp-3);padding: var(--sp-4) var(--sp-4)}.acc-t{flex: 1;min-width: 0;display: grid;gap: 2px}.acc-t b{font-size: var(--fs-md);line-height: 1.4}.acc-t small{font: 400 var(--fs-xs) / 1.4 var(--font-body);color: var(--c-ink-3)}.acc-in{padding: 0 var(--sp-4) var(--sp-2)}.book{display: grid;grid-template-columns: 64px minmax(0,1fr);gap: var(--sp-4);padding: var(--sp-4) 0;border-top: var(--line-w) solid var(--c-line);scroll-margin-top: var(--sp-16)}.book-cover{display: block}.book-cover img{width: 64px;aspect-ratio: var(--cover-ratio);object-fit: cover;border-radius: var(--r-xs);box-shadow: var(--shadow-1)}.book-cover-ph{display: grid;place-items: center;width: 64px;aspect-ratio: var(--cover-ratio);padding: var(--sp-1);border-radius: var(--r-xs);border: var(--line-w) dashed var(--c-line);background: var(--c-cream);color: var(--c-ink-3);font-size: 11px;line-height: 1.3;text-align: center}.book-body{display: grid;gap: 2px;align-content: start}.book-tag{font: 600 var(--fs-xs) / 1.4 var(--font-head);color: var(--c-ink-3)}.book-pages{font-size: var(--fs-xs);color: var(--c-ink-3);margin: 0}.book-learn{margin: var(--sp-1) 0 0;padding-left: var(--sp-5);font-size: var(--fs-sm);line-height: var(--lh-snug);color: var(--c-ink-2)}.toc-more{margin-top: var(--sp-4)}.toc{font-size: var(--fs-sm)}.toc th,.toc td{padding: var(--sp-2) var(--sp-2);border-top: var(--line-w) solid var(--c-line);text-align: left;vertical-align: top;line-height: 1.5}.toc thead th{color: var(--c-ink-3)}.toc td:first-child{width: 56px;color: var(--c-ink-3)}.toc td:last-child,.toc th:last-child{text-align: right;white-space: nowrap}.toc tfoot td{font-family: var(--font-head);font-weight: 700}.bgrid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--sp-3);padding-top: var(--sp-3)}@media (min-width: 700px){.bgrid{grid-template-columns: repeat(5,minmax(0,1fr))}}.bmini{display: grid;gap: var(--sp-1);align-content: start;min-width: 0;font-size: var(--fs-xs);color: var(--c-ink-2);line-height: 1.4}.bmini a{display: block}.bmini img{width: 100%;aspect-ratio: var(--cover-ratio);object-fit: cover;border-radius: var(--r-xs);box-shadow: var(--shadow-1)}.bmini .book-cover-ph{width: 100%}.bmini b{color: var(--c-ink)}.fit{display: grid;gap: var(--sp-4)}@media (min-width: 760px){.fit{grid-template-columns: 1.4fr 1fr}}.fit-box{border-radius: var(--r-lg);padding: var(--sp-5);background: var(--c-surface);border: var(--line-w) solid var(--c-line)}.fit-box h3{margin-bottom: var(--sp-3)}.fit-no{background: var(--c-cream);border-color: var(--c-cream-line)}.fit-no p{margin: 0;color: var(--c-ink-2)}.ticks{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--sp-3)}.ticks li{display: flex;gap: var(--sp-3);align-items: flex-start;line-height: var(--lh-snug)}.ticks svg{color: var(--c-brand);margin-top: 1px}.note{background: var(--c-cream);border-radius: var(--r-md);padding: var(--sp-4);margin: var(--sp-5) 0 0;color: var(--c-ink-2);font-size: var(--fs-sm)}.tline{list-style: none;padding: 0;margin: 0 0 0 6px;border-left: 2px solid var(--c-line)}.tline li{position: relative;padding: 0 0 var(--sp-6) var(--sp-6)}.tline li:last-child{padding-bottom: 0}.tline li::before{content: "";position: absolute;left: -8px;top: 5px;width: 14px;height: 14px;border-radius: 50%;background: var(--c-surface);border: 3px solid var(--c-brand)}.tline .wk{font: 600 var(--fs-sm) / 1.4 var(--font-head);color: var(--c-brand)}.tline h3{margin: 2px 0 var(--sp-1)}.tline p{margin: 0;color: var(--c-ink-2)}.sub-h{margin-top: var(--sp-10);margin-bottom: var(--sp-2)}.rthumbs{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: var(--sp-2)}.rthumbs a{display: block;position: relative;border-radius: var(--r-sm);overflow: hidden;border: var(--line-w) solid var(--c-line);background: var(--c-surface)}.rthumbs img{width: 100%;aspect-ratio: 800 / 1131;object-fit: cover}.rthumbs a.rthumbs-more{display: grid;place-items: center;align-content: center;gap: 2px;aspect-ratio: 800 / 1131;background: var(--c-brand-soft);color: var(--c-brand);text-decoration: none;text-align: center;font: 700 var(--fs-md) / 1.2 var(--font-head);border-color: transparent}.rthumbs-more small{font: 600 11px / 1.3 var(--font-head)}.rv{display: none;position: fixed;inset: 0;z-index: 70;background: var(--c-overlay);overflow-y: auto;-webkit-overflow-scrolling: touch}.rv:target{display: block}.rv-bar{position: sticky;top: 0;z-index: 1;display: flex;justify-content: space-between;align-items: center;gap: var(--sp-3);padding: var(--sp-3) var(--sp-4);background: var(--c-overlay);color: var(--c-on-overlay);font: 600 var(--fs-sm) / 1.4 var(--font-head)}.rv-bar a{color: var(--c-on-overlay);text-decoration: none;border: var(--line-w) solid var(--c-ink-3);border-radius: var(--r-pill);padding: var(--sp-2) var(--sp-4);white-space: nowrap}.rv-pages{max-width: 720px;margin: 0 auto;padding: var(--sp-2) var(--sp-3) var(--sp-10)}.rv figure{margin: 0 0 var(--sp-4)}.rv img{width: 100%;border-radius: var(--r-xs);background: var(--c-surface)}.rv figcaption{color: var(--c-on-overlay-2);font-size: var(--fs-xs);text-align: center;padding-top: 6px}.rv-end{text-align: center;margin: var(--sp-2) 0 0}.chips{display: flex;flex-wrap: wrap;align-items: center;gap: var(--sp-2);margin: 0 0 var(--sp-6)}.chips legend{float: left;margin-right: var(--sp-1);font-size: var(--fs-sm);color: var(--c-ink-2);line-height: 40px}.chip-in{position: absolute;opacity: 0;width: 1px;height: 1px}.chip{display: inline-flex;align-items: center;gap: 6px;min-height: 40px;padding: 0 var(--sp-4);border: var(--line-w) solid var(--c-line);border-radius: var(--r-pill);background: var(--c-surface);font-size: var(--fs-sm);color: var(--c-ink-2);cursor: pointer;white-space: nowrap}.chip small{font: 400 var(--fs-xs) / 1 var(--font-body);color: var(--c-ink-3)}.chip-in:checked + .chip{background: var(--c-ink);border-color: var(--c-ink);color: var(--c-on-brand)}.chip-in:checked + .chip small{color: var(--c-on-brand)}.chip-in:focus-visible + .chip{outline: 3px solid var(--c-brand);outline-offset: 2px}@supports not selector(:has(a)){.chips{display: none}}.callout{border-radius: var(--r-lg);padding: var(--sp-5);background: var(--c-cream);border: var(--line-w) solid var(--c-cream-line)}.callout h2{font-size: var(--fs-h3);margin-bottom: var(--sp-3)}.olist{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--sp-3);counter-reset: o}.olist li{counter-increment: o;display: grid;grid-template-columns: 36px minmax(0,1fr);gap: var(--sp-3);align-items: start}.olist li::before{content: counter(o);display: grid;place-items: center;width: 32px;height: 32px;border-radius: 50%;background: var(--c-brand-soft);color: var(--c-brand);font: 700 var(--fs-md) / 1 var(--font-head)}.olist b{display: block;line-height: 1.5}.olist span{color: var(--c-ink-2);font-size: var(--fs-sm);line-height: var(--lh-snug)}.linklist{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--sp-2)}.linklist a{display: flex;align-items: center;justify-content: space-between;gap: var(--sp-3);padding: var(--sp-4);border-radius: var(--r-md);border: var(--line-w) solid var(--c-line);background: var(--c-surface);color: var(--c-ink);text-decoration: none;font: 600 var(--fs-md) / 1.4 var(--font-head)}.linklist a:hover{border-color: var(--c-brand)}.linklist svg{color: var(--c-brand)}.plist{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--sp-3)}.plist a{display: flex;align-items: center;gap: var(--sp-4);padding: var(--sp-3);border-radius: var(--r-lg);border: var(--line-w) solid var(--c-line);background: var(--c-surface);color: var(--c-ink);text-decoration: none}.plist a:hover{border-color: var(--c-brand)}.plist img{width: 72px;height: 72px;border-radius: var(--r-md);object-fit: cover}.plist-t{flex: 1;min-width: 0;display: grid;gap: var(--sp-1)}.plist-t b{line-height: 1.35}.plist .price-now{font-size: var(--fs-lg)}.chatcta{display: grid;gap: var(--sp-4);justify-items: start;padding: var(--sp-6);border-radius: var(--r-xl);background: var(--c-brand-soft)}.chatcta h2{font-size: var(--fs-h3);margin: 0}.chatcta p{margin: 0;color: var(--c-ink-2)}.hero{background: var(--c-cream);padding: var(--sp-8) 0 var(--sp-10)}.hero-grid{display: grid;gap: var(--sp-6);align-items: center}.hero-eyebrow{display: inline-flex;margin-bottom: var(--sp-3)}.hero h1{font-size: var(--fs-hero);line-height: 1.2}.hero-lead{color: var(--c-ink-2);font-size: var(--fs-lg);margin: var(--sp-3) 0 var(--sp-5);max-width: 34em}.hero-cta{display: grid;gap: var(--sp-3);max-width: 420px}.hero-img{border-radius: var(--r-xl);overflow: hidden;box-shadow: var(--shadow-card)}.hero-img img{width: 100%;aspect-ratio: 4 / 3;object-fit: cover}@media (min-width: 560px){.hero-cta{grid-template-columns: 1fr 1fr}}@media (min-width: 960px){.hero{padding: var(--sp-16) 0}.hero-grid{grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);gap: var(--sp-12)}}.trust-band{padding: var(--sp-8) 0;border-bottom: var(--line-w) solid var(--c-line)}.grade-wrap{display: grid;gap: var(--sp-10) var(--sp-6)}.grade-grp{min-width: 0}@media (min-width: 640px){.grade-wrap{grid-template-columns: repeat(2,minmax(0,1fr))}.grade-grp{grid-column: 1 / -1}.grade-grp.span-1{grid-column: auto}.span-1 .cards{grid-template-columns: minmax(0,1fr)}}@media (min-width: 1000px){.grade-wrap{grid-template-columns: repeat(3,minmax(0,1fr))}.grade-grp.span-2{grid-column: span 2}.span-2 .cards{grid-template-columns: repeat(2,minmax(0,1fr))}}.grade-head{margin-bottom: var(--sp-4);min-height: 3.6em}.grade-head h3{font-size: var(--fs-h2);font-weight: 700}.grade-head p{margin: var(--sp-1) 0 0;color: var(--c-ink-3);font-size: var(--fs-sm)}.catalog-empty{display: none;padding: var(--sp-5);background: var(--c-cream);border-radius: var(--r-lg);color: var(--c-ink-2);margin: 0}.samples{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--sp-2)}.samples a{display: block;border-radius: var(--r-sm);overflow: hidden;border: var(--line-w) solid var(--c-line);background: var(--c-surface);box-shadow: var(--shadow-1)}.samples img{width: 100%;aspect-ratio: 800 / 1131;object-fit: cover}.samples-grp + .samples-grp{margin-top: var(--sp-6)}.samples-grp h3{font-size: var(--fs-md);margin-bottom: var(--sp-3)}.samples-grp h3 .dot{display: inline-block;margin-right: var(--sp-2);vertical-align: 2px}@media (min-width: 760px){.samples{gap: var(--sp-4)}.samples-wrap{display: grid;grid-template-columns: 1fr 1fr;gap: var(--sp-8)}.samples-grp + .samples-grp{margin-top: 0}}.sec-more{margin-top: var(--sp-6)}.crumb{font-size: var(--fs-sm);color: var(--c-ink-3);margin-bottom: var(--sp-3)}.crumb a{color: var(--c-ink-2);text-decoration: none}.crumb a:hover{color: var(--c-brand);text-decoration: underline}.p-head h1{margin: var(--sp-3) 0 var(--sp-2)}.p-for{color: var(--c-ink-2);margin: 0;line-height: var(--lh-snug)}.p-main-img{margin: var(--sp-4) 0 0;border-radius: var(--r-xl);overflow: hidden;display: block;box-shadow: var(--shadow-1)}.p-main-img img{width: 100%;aspect-ratio: 4 / 3;object-fit: cover}.p-buy{padding: var(--sp-4) 0 0;display: grid;gap: var(--sp-3)}.p-buy .price-note{margin-top: 2px}.p-notes{display: grid;gap: var(--sp-1);font-size: var(--fs-xs);color: var(--c-ink-3);line-height: 1.5;margin: 0}.p-thumbs{padding-top: var(--sp-6)}.p-thumbs-h{display: flex;justify-content: space-between;align-items: baseline;gap: var(--sp-3);margin-bottom: var(--sp-3)}.p-thumbs-h h2{font-size: var(--fs-lg);margin: 0}.p-main .sec{padding: var(--sp-10) 0;border-top: var(--line-w) solid var(--c-line)}.p-main .sec:first-child{border-top: 0}@media (min-width: 960px){.p-main-img{margin-top: 0}.p-side .p-buy{margin-top: var(--sp-5);padding: var(--sp-6);border-radius: var(--r-xl);background: var(--c-surface);border: var(--line-w) solid var(--c-line);box-shadow: var(--shadow-card)}.p-main .sec{padding: var(--sp-12) 0}}.related{display: grid;gap: var(--sp-4)}@media (min-width: 640px){.related{grid-template-columns: repeat(2,minmax(0,1fr))}}.doc-head{padding: var(--sp-10) 0 var(--sp-2)}.doc-head .lead{color: var(--c-ink-2);font-size: var(--fs-lg);margin: var(--sp-3) 0 0}.doc{padding-bottom: var(--sp-16)}.doc > .blk{margin-top: var(--sp-10)}.doc > .blk:first-child{margin-top: var(--sp-6)}.doc .blk > h2{font-size: var(--fs-h2)}.page-404{text-align: center;padding: var(--sp-20) 0;min-height: 60vh}.page-404 .lead{color: var(--c-ink-2);margin: var(--sp-3) 0 0}.page-404 .btns{max-width: 420px;margin: var(--sp-6) auto 0}.catalog:has(#f-start:checked) .grade-grp:not([data-g="start"]){display:none}.catalog:has(#f-p1:checked) .grade-grp:not([data-g="p1"]){display:none}.catalog:has(#f-on_sale:checked) .card-li:not(.s-on_sale){display:none}.catalog:has(#f-on_sale:checked) .grade-grp:not(:has(.s-on_sale)){display:none}.catalog:has(#f-coming_soon:checked) .card-li:not(.s-coming_soon){display:none}.catalog:has(#f-coming_soon:checked) .grade-grp:not(:has(.s-coming_soon)){display:none}