@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/brand/fonts/figtree-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/brand/fonts/figtree-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Fallback;src:local(Arial);size-adjust:100%;ascent-override:95%;descent-override:25%}:root{color-scheme:light;--ink:#222;--muted:#6a6a6a;--line:#ddd;--surface:#f7f7f7;--page:#fff;--accent:#2f6b4f;--accent-hover:#265a42;--accent-soft:#e8f1ec;--sand:#f4efe6;--font:"Figtree", "Figtree Fallback", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;--fs-12:.75rem;--fs-14:.875rem;--fs-16:1rem;--fs-20:1.25rem;--fs-26:1.625rem;--fs-32:2rem;--fs-40:2.5rem;--fw:400;--fw-semi:600;--fw-bold:700;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--r-card:12px;--r-btn:8px;--r-pill:999px;--shadow-rest:0 1px 2px #00000014;--shadow-hover:0 6px 16px #0000001f;--shadow-card:0 6px 20px #0000001a;--shadow-pop:0 8px 28px #0000002e;--t:.15s ease;--wrap:1320px;--gutter:16px;--header-h:64px;--strip-h:76px;--tap:44px;--text:var(--ink);--bg:var(--page);--paper:var(--page);--cream:var(--surface);--line-soft:#ebebeb;--red:var(--accent);--red-ink:var(--accent);--red-soft:var(--accent-soft);--yellow:var(--sand);--yellow-ink:#6b5a2e;--yellow-soft:var(--sand);--blue:var(--accent);--blue-ink:var(--accent);--blue-soft:var(--accent-soft);--green:var(--accent);--green-ink:var(--accent);--green-soft:var(--accent-soft);--purple:var(--accent);--purple-ink:var(--accent);--purple-soft:var(--accent-soft);--pink:var(--accent);--pink-ink:var(--accent);--pink-soft:var(--accent-soft);--pinterest:#b0001a;--accent-dark:var(--accent-hover);--link:var(--accent);--border:var(--line);--font-display:var(--font);--font-body:var(--font);--fs-xs:var(--fs-14);--fs-sm:var(--fs-16);--fs-base:var(--fs-16);--fs-md:var(--fs-20);--fs-lg:var(--fs-26);--fs-xl:var(--fs-32);--fs-2xl:var(--fs-40);--r-sm:8px;--r:12px;--radius:12px;--r-lg:12px;--shadow-sm:var(--shadow-rest);--shadow:var(--shadow-card);--sheet:var(--shadow-rest);--ease:ease}@media (width>=720px){:root{--gutter:24px;--header-h:80px}}@media (width>=1100px){:root{--gutter:40px}}.tone-red,.tone-yellow,.tone-blue,.tone-green,.tone-purple,.tone-pink{--tone:var(--accent);--tone-ink:var(--accent);--tone-soft:var(--accent-soft)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;width:100%;scroll-padding-top:calc(var(--header-h) + var(--strip-h));overflow-x:clip}body{background:var(--page);width:100%;max-width:100%;color:var(--ink);font:var(--fw) var(--fs-16) / 1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,svg{max-width:100%}img{height:auto;display:block}a{color:var(--accent);text-underline-offset:.18em}a:hover{color:var(--accent-hover)}h1,h2,h3,h4{color:var(--ink);font-family:var(--font);font-weight:var(--fw-bold);letter-spacing:-.01em;text-wrap:balance;line-height:1.2}h1{font-size:var(--fs-32);margin:0 0 var(--s-2)}h2{font-size:var(--fs-26);margin:var(--s-7) 0 var(--s-4)}h3{font-size:var(--fs-20);margin:var(--s-5) 0 var(--s-2);font-weight:var(--fw-semi)}p{margin:0 0 var(--s-4)}p,li{text-wrap:pretty}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}button{font:inherit;color:inherit}.wrap{width:100%;max-width:var(--wrap);min-width:0;padding-inline:var(--gutter);margin-inline:auto}main{width:100%;min-width:0;padding-bottom:var(--s-7);display:block}.muted{color:var(--muted);font-size:var(--fs-14)}.lead{font-size:var(--fs-16);color:var(--muted);max-width:44em;margin:0}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.icon{vertical-align:middle;flex:none;max-width:none;display:inline-block}.skip{inset-inline-start:-9999px;z-index:100;position:absolute;top:8px}.skip:focus{background:var(--page);color:var(--ink);border-radius:var(--r-btn);box-shadow:var(--shadow-pop);padding:10px 16px;inset-inline-start:16px}hr,.hairline{border:0;border-top:1px solid var(--line);margin:var(--s-6) 0}.btn{--btn-bg:var(--page);--btn-fg:var(--ink);--btn-bd:var(--ink);min-height:var(--tap);border-radius:var(--r-btn);border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);font:var(--fw-semi) var(--fs-16) / 1.2 var(--font);cursor:pointer;transition:background-color var(--t), border-color var(--t), box-shadow var(--t);-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;display:inline-flex}.btn .icon,.btn .co-open-icon svg{width:20px;height:20px}.btn:hover{color:var(--btn-fg);background:var(--btn-hover,var(--surface))}.btn-primary,.btn-color{--btn-bg:var(--accent);--btn-fg:#fff;--btn-bd:var(--accent);--btn-hover:var(--accent-hover)}.btn-primary:hover,.btn-color:hover{border-color:var(--accent-hover)}.btn-sun,.btn-dark{--btn-bg:var(--page);--btn-fg:var(--ink);--btn-bd:var(--ink)}.btn-pin{--btn-fg:var(--ink);--btn-bd:var(--line)}.btn-lg{min-height:48px;padding:12px 24px}.btn-xl{min-height:52px;font-size:var(--fs-16);padding:14px 24px}.btn-block{width:100%}.btn-link{min-height:var(--tap);border-radius:var(--r-btn);color:var(--ink);font:var(--fw-semi) var(--fs-14) / 1.2 var(--font);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 12px;text-decoration:underline;display:inline-flex}.btn-link:hover{background:var(--surface);color:var(--ink)}.btn-link .icon{color:var(--ink)}.pill,.chip{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--page);min-height:40px;color:var(--ink);font:var(--fw-semi) var(--fs-14) / 1.2 var(--font);white-space:nowrap;cursor:pointer;transition:border-color var(--t), background-color var(--t);align-items:center;gap:8px;padding:6px 16px;text-decoration:none;display:inline-flex}a.chip:hover,.pill:hover{border-color:var(--ink);color:var(--ink)}.chip img{background:var(--surface);object-fit:contain;border-radius:50%;width:24px;height:24px;margin-inline-start:-8px}.chip-row,.stats{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.stats .chip{min-height:0;color:var(--muted);font-weight:var(--fw);border:0;padding:0}.site-header{z-index:60;background:var(--page);position:relative}.hdr{align-items:center;gap:0 var(--s-3);padding-block:0 var(--s-3);grid-template-columns:1fr auto;grid-template-areas:"brand actions""search search";display:grid}.hdr>*{min-width:0}.hdr>.brand{min-height:var(--header-h);grid-area:brand}.hdr-actions{align-items:center;gap:var(--s-1);grid-area:actions;justify-self:end;display:flex}.hdr .header-search{grid-area:search}.brand{color:var(--ink);flex:none;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.brand img{border-radius:8px;width:36px;height:36px}.brand-name{white-space:nowrap;text-overflow:ellipsis;font:var(--fw-bold) var(--fs-20) / 1 var(--font);letter-spacing:-.02em;color:var(--ink);overflow:hidden}.brand:hover{color:var(--ink)}.search-form{align-items:center;min-width:0;max-width:100%;display:flex;position:relative}.search-pill input{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--page);width:100%;min-width:0;min-height:48px;color:var(--ink);font:var(--fw-semi) var(--fs-14) var(--font);box-shadow:var(--shadow-rest);transition:box-shadow var(--t), border-color var(--t);-webkit-appearance:none;appearance:none;padding:8px 56px 8px 44px}.search-pill input::placeholder{color:var(--muted);opacity:1;font-weight:var(--fw)}.search-pill input:hover{box-shadow:var(--shadow-hover)}.search-pill input:focus{border-color:var(--ink);box-shadow:var(--shadow-hover);outline:none}.search-pill>.icon{color:var(--ink);pointer-events:none;position:absolute;inset-inline-start:16px}.search-pill button{background:var(--accent);color:#fff;cursor:pointer;width:36px;height:36px;transition:background-color var(--t);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:6px}.search-pill button:hover{background:var(--accent-hover)}@media (width>=720px){.hdr{min-height:var(--header-h);grid-template-columns:1fr minmax(320px,440px) 1fr;grid-template-areas:"brand search actions";padding-block:0}.site-header{position:sticky;top:0}.brand img{width:40px;height:40px}}.hdr-btn{min-height:var(--tap);border-radius:var(--r-pill);color:var(--ink);cursor:pointer;font:var(--fw-semi) var(--fs-14) / 1 var(--font);transition:background-color var(--t), box-shadow var(--t);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.hdr-btn:hover{background:var(--surface)}.hdr-lang .lang-text{text-overflow:ellipsis;white-space:nowrap;max-width:9em;display:none;overflow:hidden}@media (width>=720px){.hdr-lang .lang-text{display:inline}}.hdr-menu{border-color:var(--line);min-height:42px;box-shadow:var(--shadow-rest);gap:12px;padding:0 8px 0 14px}.hdr-menu:hover{background:var(--page);box-shadow:var(--shadow-hover)}.hdr-avatar{background:var(--muted);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.cat-strip{z-index:50;background:var(--page);border-bottom:1px solid var(--line);position:sticky;top:0}@media (width>=720px){.cat-strip{top:var(--header-h)}}.cat-scroll{position:relative}.cat-list{gap:var(--s-6);padding:0 var(--gutter);max-width:var(--wrap);scrollbar-width:none;overscroll-behavior-x:contain;margin:0 auto;list-style:none;display:flex;overflow-x:auto}.cat-list::-webkit-scrollbar{display:none}.cat-list li{flex:none}.cat-list a{min-width:56px;height:var(--strip-h);color:var(--muted);font:var(--fw-semi) var(--fs-12) / 1.2 var(--font);white-space:nowrap;transition:color var(--t);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding-block:8px;text-decoration:none;display:flex;position:relative}.cat-list a:hover{color:var(--ink)}.cat-list a:after{content:"";inset-inline:0;height:2px;transition:background-color var(--t);background:0 0;position:absolute;bottom:0}.cat-list a:hover:after{background:var(--line)}.cat-list a[aria-current]{color:var(--ink)}.cat-list a[aria-current]:after{background:var(--accent)}.cat-list .icon{width:24px;height:24px}.cat-scroll[data-more-end]:not([data-more-start]) .cat-list{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.cat-scroll[data-more-start]:not([data-more-end]) .cat-list{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px);mask-image:linear-gradient(90deg,#0000,#000 40px)}.cat-scroll[data-more-start][data-more-end] .cat-list{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}[dir=rtl] .cat-scroll[data-more-end]:not([data-more-start]) .cat-list{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 40px),#0000)}[dir=rtl] .cat-scroll[data-more-start]:not([data-more-end]) .cat-list{-webkit-mask-image:linear-gradient(270deg,#0000,#000 40px);mask-image:linear-gradient(270deg,#0000,#000 40px)}[dir=rtl] .cat-scroll[data-more-start][data-more-end] .cat-list{-webkit-mask-image:linear-gradient(270deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(270deg,#0000,#000 40px calc(100% - 40px),#0000)}.dlg{background:var(--page);width:100%;max-width:100vw;color:var(--ink);max-height:88dvh;box-shadow:var(--shadow-pop);border:0;border-radius:16px 16px 0 0;margin:auto 0 0;padding:0;overflow:hidden}.dlg::backdrop{background:#0006}.dlg[open]{flex-direction:column;display:flex}.dlg-head{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-5);border-bottom:1px solid var(--line);flex:none;display:flex}.dlg-head p{font-weight:var(--fw-semi);margin:0}.dlg-close{width:var(--tap);height:var(--tap);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.dlg-close:hover{background:var(--surface)}.dlg-body{overscroll-behavior:contain;padding:var(--s-2) 0 calc(var(--s-4) + env(safe-area-inset-bottom));overflow:auto}@media (width>=720px){.menu-sheet{inset:calc(var(--header-h) - 8px) var(--gutter) auto auto;width:280px;max-height:calc(100dvh - var(--header-h) - 16px);border-radius:12px;margin:0;position:fixed}[dir=rtl] .menu-sheet{inset:calc(var(--header-h) - 8px) auto auto var(--gutter)}.menu-sheet::backdrop{background:0 0}.menu-sheet .dlg-head{display:none}.lang-sheet{border-radius:12px;width:min(680px,100vw - 48px);margin:auto}.lang-sheet::backdrop{background:#0006}}@media (width>=1100px){.menu-sheet{inset-inline-end:calc(max(var(--gutter), (100vw - var(--wrap)) / 2 + var(--gutter)))}}.menu-list{margin:0;padding:0;list-style:none}.menu-list a{min-height:var(--tap);padding:8px var(--s-5);color:var(--ink);font-size:var(--fs-14);align-items:center;gap:12px;text-decoration:none;display:flex}.menu-list a:hover{background:var(--surface);color:var(--ink)}.menu-list a[aria-current]{font-weight:var(--fw-bold)}.menu-list .icon{color:var(--muted)}.menu-list .menu-strong a{font-weight:var(--fw-semi)}.menu-title{margin:var(--s-3) 0 0;padding:var(--s-2) var(--s-5) 4px;font:var(--fw-semi) var(--fs-12) / 1.2 var(--font);color:var(--muted)}.menu-div{border:0;border-top:1px solid var(--line);margin:var(--s-2) 0}.lang-sheet .dlg-body{padding:var(--s-4) var(--s-5) var(--s-5)}.lang-panel{gap:var(--s-3);flex-direction:column;display:flex}.lang-search{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--page);align-items:center;gap:8px;min-height:48px;padding:0 16px;display:flex}.lang-search:focus-within{border-color:var(--ink)}.lang-search .icon{color:var(--ink);flex:none}.lang-search input{min-width:0;min-height:44px;color:var(--ink);font:var(--fw) var(--fs-16) / 1.2 var(--font);-webkit-appearance:none;appearance:none;background:0 0;border:0;flex:1;padding:0}.lang-search input:focus{outline:none}.lang-empty{color:var(--muted);font-size:var(--fs-14);margin:0}.lang-options{gap:0 var(--s-4);grid-template-columns:1fr;align-content:start;margin:0;padding:0;list-style:none;display:grid}@media (width>=560px){.lang-options{grid-template-columns:1fr 1fr}}@media (width>=900px){.lang-options{grid-template-columns:1fr 1fr 1fr}}.lang-options li[hidden]{display:none}.lang-options a{min-height:var(--tap);border-radius:var(--r-btn);color:var(--ink);font-size:var(--fs-14);grid-template-columns:1fr auto;align-items:center;padding:6px 8px;text-decoration:none;display:grid}.lang-options a:hover{background:var(--surface);color:var(--ink)}.lang-options a[aria-current]{font-weight:var(--fw-bold)}.lang-options a[aria-current]:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.lang-option-text{flex-direction:column;min-width:0;display:flex}.lang-option-name,.lang-option-en{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lang-option-en{font-size:var(--fs-12);color:var(--muted)}.lang-suggest-h{font:var(--fw-semi) var(--fs-12) / 1.2 var(--font);color:var(--muted);grid-column:1/-1;padding:4px 8px 0}.lang-suggest a{background:var(--surface)}.breadcrumbs ol{margin:0 0 var(--s-3);font-size:var(--fs-14);color:var(--muted);flex-wrap:wrap;align-items:center;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";margin-inline:8px}main>.breadcrumbs,main>*>.breadcrumbs:first-child,main>.breadcrumbs{margin-top:var(--s-5)}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--ink);text-decoration:underline}.breadcrumbs [aria-current]{color:var(--ink)}.page-head{margin:var(--s-5) 0 var(--s-5)}.page-head h1{margin:0 0 var(--s-2)}.page-head .lead{margin:0}.page-head .stats{margin-top:var(--s-3)}.page-head .breadcrumbs ol{margin-bottom:var(--s-4)}@media (width>=720px){.page-head h1{font-size:var(--fs-32)}.page-head{margin-top:var(--s-6)}}section{min-width:0}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s-4);margin:var(--s-7) 0 var(--s-4);display:flex}.section-head h2,.section-title{font-size:var(--fs-20);font-weight:var(--fw-semi);letter-spacing:-.01em;margin:0}.see-all{font-size:var(--fs-14);font-weight:var(--fw-semi);color:var(--ink);white-space:nowrap;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.see-all:hover{color:var(--ink);text-decoration:underline}.see-all .icon{width:16px;height:16px}[dir=rtl] .see-all .icon,[dir=rtl] .row-btn .icon{transform:scaleX(-1)}.row{margin-top:var(--s-7)}.row-head{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);display:flex}.row-head h2{font-size:var(--fs-20);font-weight:var(--fw-semi);margin:0}.row-tools{align-items:center;gap:var(--s-4);display:flex}.row-btns{gap:var(--s-2);display:none}.row-btn{border:1px solid var(--line);background:var(--page);width:32px;height:32px;color:var(--ink);cursor:pointer;transition:box-shadow var(--t), transform var(--t);border-radius:50%;place-items:center;padding:0;display:grid}.row-btn:hover{box-shadow:var(--shadow-hover);border-color:var(--ink)}.row-btn:disabled{opacity:.3;cursor:default;box-shadow:none;border-color:var(--line)}.row-btn .icon{width:16px;height:16px}@media (hover:hover) and (width>=900px){.row-btns{display:flex}}.row-track{--per:2.35;--gap:16px;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));gap:var(--gap);scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;margin:0;margin-inline:calc(var(--gutter) * -1);padding:0;padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);list-style:none;display:grid;overflow-x:auto}.row-track::-webkit-scrollbar{display:none}.row-track>li{scroll-snap-align:start;min-width:0}@media (width>=640px){.row-track{--per:3.3;--gap:20px}}@media (width>=900px){.row-track{--per:4.3;--gap:24px}}@media (width>=1200px){.row-track{--per:5;--gap:24px}}.grid,.topic-grid{gap:var(--s-6) var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin:0;padding:0;list-style:none;display:grid}.grid>li,.topic-grid>li{min-width:0}@media (width>=640px){.grid,.topic-grid{gap:var(--s-6) var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1000px){.grid,.topic-grid{gap:var(--s-6) var(--s-5);grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1240px){.grid,.topic-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.card{flex-direction:column;min-width:0;display:flex;position:relative}.card[hidden]{display:none}.card>a.card-link,.card>a.card-main{color:var(--ink);flex-direction:column;flex:1;gap:10px;text-decoration:none;display:flex}.card>a:hover{color:var(--ink)}.card-media{aspect-ratio:4/5;border-radius:var(--r-card);background:var(--surface);place-items:center;display:grid;position:relative;overflow:hidden}.card-media img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:transform var(--t);padding:6%}.card:hover .card-media,.card:focus-within .card-media{box-shadow:var(--shadow-hover)}.card:hover .card-media img{transform:scale(1.02)}.card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.card-title{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:break-word;font:var(--fw-semi) .9375rem / 1.3 var(--font);color:var(--ink);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-meta{font-size:var(--fs-14);color:var(--muted);line-height:1.35;display:block}.card-free{color:var(--ink);font-weight:var(--fw-semi)}.card-foot{margin-top:4px}.card-foot .card-cbn,.card-cbn{font-size:var(--fs-12);color:var(--muted);text-underline-offset:3px;white-space:nowrap;text-overflow:ellipsis;padding-block:2px;text-decoration:underline;display:block;overflow:hidden}.card-cbn:hover{color:var(--ink)}.cbn-dots{display:none}.card.in-book .card-media{box-shadow:0 0 0 2px var(--ink)}.book-toggle-card{z-index:2;top:10px;width:36px;height:36px;color:var(--ink);cursor:pointer;transition:transform var(--t), box-shadow var(--t);background:#fff;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:10px;box-shadow:0 1px 4px #0003}.book-toggle-card:after{content:"";position:absolute;inset:-4px}.book-toggle-card:hover{transform:scale(1.08);box-shadow:0 2px 8px #00000040}.book-toggle-card .icon{width:20px;height:20px}.book-toggle-card[aria-pressed=true]{color:var(--accent)}.book-toggle-card[aria-pressed=true] .icon path{fill:currentColor}.pagination{justify-content:center;align-items:center;gap:var(--s-2);margin:var(--s-7) 0 var(--s-5);flex-wrap:wrap;display:flex}.pagination a,.pagination span.pg{min-width:var(--tap);height:var(--tap);border-radius:var(--r-btn);color:var(--ink);font-weight:var(--fw-semi);font-size:var(--fs-14);border:1px solid #0000;place-items:center;padding:0 12px;text-decoration:none;display:grid}.pagination a:hover{border-color:var(--line);background:var(--surface)}.pagination [aria-current=page]{background:var(--ink);color:#fff;border-color:var(--ink)}.pagination .pg-gap{color:var(--muted);min-width:20px;padding:0}.prose{max-width:42em;font-size:var(--fs-16);color:var(--ink);line-height:1.65}.prose>:first-child{margin-top:0}.prose h2{font-size:var(--fs-20);margin:var(--s-6) 0 var(--s-3)}.prose h3{font-size:var(--fs-16)}.prose ul,.prose ol{margin:0 0 var(--s-4);padding-inline-start:1.3em}.prose li{margin-bottom:6px}.prose a{font-weight:var(--fw-semi)}.intro p:last-child{margin-bottom:0}.page-card{max-width:760px;margin:var(--s-6) 0 0}.page-card h1{font-size:var(--fs-32)}.page-card .prose{max-width:none}.about-block{gap:var(--s-4);margin-top:var(--s-8);padding-top:var(--s-6);border-top:1px solid var(--line);display:grid}@media (width>=900px){.about-block{gap:var(--s-7);grid-template-columns:1fr 2fr}}.about-block h2{font-size:var(--fs-20);margin:0}.home-intro{margin:var(--s-6) 0 0;max-width:40em}.home-intro h1{font-size:var(--fs-26);margin:0 0 var(--s-1)}.home-intro p{color:var(--muted);margin:0}@media (width>=720px){.home-intro h1{font-size:var(--fs-32)}}.listing{gap:var(--s-5);margin-top:var(--s-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=960px){.listing{gap:var(--s-8);margin-top:var(--s-5);grid-template-columns:minmax(0,1fr) 380px;align-items:start}}.listing-title{margin:0 0 var(--s-1)}.listing-sub{color:var(--muted);font-size:var(--fs-14);margin:0}.gallery{gap:var(--s-3);grid-template-columns:minmax(0,1fr);display:grid}.gallery.has-example{grid-template-columns:minmax(0,1fr)}@media (width>=640px){.gallery.has-example{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.gallery figure{margin:0}.print-area{background:var(--surface);border-radius:var(--r-card);place-items:center;display:grid;overflow:hidden}.print-area img{mix-blend-mode:multiply;width:100%;height:auto}.gallery .example{background:var(--surface);border-radius:var(--r-card);align-self:start;overflow:hidden}.gallery .example img{mix-blend-mode:multiply;width:100%;height:auto}.gallery .example figcaption{padding:var(--s-2) var(--s-3) var(--s-3);font-size:var(--fs-12);color:var(--muted)}.buybox{padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-card);background:var(--page);box-shadow:var(--shadow-card)}@media (width>=960px){.buybox{top:calc(var(--header-h) + var(--strip-h) + 16px);position:sticky}}.buybox-price{margin:0 0 var(--s-4);font:var(--fw-bold) var(--fs-20) / 1.2 var(--font)}.buybox-actions{gap:var(--s-3);display:grid}.buybox-actions .co-root{display:contents}.buybox-actions .btn{width:100%}.buybox-text{justify-content:center;gap:0 var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.buybox-text .co-root{display:contents}.buybox-small{margin:var(--s-4) 0 0;padding-top:var(--s-4);border-top:1px solid var(--line);font-size:var(--fs-12);color:var(--muted)}.buybox [data-print][hidden]{display:none}.facts{margin:var(--s-4) 0 0;gap:0;padding:0;list-style:none;display:grid}.facts li{justify-content:space-between;gap:var(--s-3);padding:var(--s-3) 0;border-top:1px solid var(--line);font-size:var(--fs-14);display:flex}.facts li span:first-child{color:var(--muted)}.detail{margin-top:var(--s-6);padding-top:var(--s-6);border-top:1px solid var(--line);max-width:44em}.detail h2{margin:0 0 var(--s-3);font-size:var(--fs-20);font-weight:var(--fw-semi)}.detail p{color:var(--ink)}.ideas{margin:0;padding:0;list-style:none}.ideas li{padding:var(--s-3) 0;border-top:1px solid var(--line)}.ideas li:last-child{border-bottom:1px solid var(--line)}.tips-list{font-size:var(--fs-14);color:var(--muted);gap:6px;margin:0;padding:0;list-style:none;display:grid}.tips-list li{gap:8px;display:flex}.tips-list .icon{color:var(--ink);margin-top:3px}.design-ad:empty{display:none}.design-ad{margin-top:var(--s-6)}.design-copy{margin-top:var(--s-6);padding-top:var(--s-6);border-top:1px solid var(--line);max-width:44em}.gallery-cta{margin-top:var(--s-2);font-size:var(--fs-14);color:var(--ink);display:inline-block}.notfound{max-width:560px;margin:var(--s-8) 0 0}.notfound .search-form{max-width:520px;margin:var(--s-5) 0}.search-page{max-width:1100px;margin:var(--s-5) 0 0}#search{--pagefind-ui-scale:.95;--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--ink);--pagefind-ui-background:var(--page);--pagefind-ui-border:var(--line);--pagefind-ui-tag:var(--surface);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:12px;--pagefind-ui-image-border-radius:12px;--pagefind-ui-font:var(--font)}body:has(.search-page) .site-header .header-search,body:has(.notfound) .site-header .header-search{visibility:hidden}@media (width<=719px){body:has(.search-page) .site-header .header-search,body:has(.notfound) .site-header .header-search{display:none}}.sr-form{max-width:640px;margin:var(--s-4) 0 var(--s-5)}.sr-status{color:var(--muted)}.sr-topics{margin-bottom:var(--s-5)}.sr-topic{min-height:40px}.sr-empty{margin-top:var(--s-5)}.sr-try{font-weight:var(--fw-semi);margin:var(--s-3) 0}.sr-more-wrap{text-align:center;margin-top:var(--s-6)}.site-footer{margin-top:var(--s-8);background:var(--surface);color:var(--ink);border-top:1px solid var(--line)}.footer-grid{gap:var(--s-6) var(--s-5);padding-block:var(--s-7) var(--s-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=900px){.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.footer-col h2{margin:0 0 var(--s-3);font:var(--fw-semi) var(--fs-14) / 1.2 var(--font);color:var(--ink);letter-spacing:0}.footer-links{font-size:var(--fs-14);gap:4px;margin:0;padding:0;list-style:none;display:grid}.footer-links.cols{grid-template-columns:1fr}@media (width>=900px){.footer-grid .span-2{grid-column:span 1}}.site-footer a{color:var(--muted);padding-block:5px;text-decoration:none;display:inline-block}.site-footer a:hover{color:var(--ink);text-decoration:underline}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--s-3) var(--s-5);border-top:1px solid var(--line);padding-block:var(--s-4) var(--s-5);font-size:var(--fs-14);color:var(--muted);flex-wrap:wrap;display:flex}.footer-bottom p{margin:0}.footer-lang{align-items:center;gap:var(--s-2);display:flex}.footer-lang .hdr-btn{border-color:var(--line);background:var(--page)}.ad{clear:both;margin-block:var(--s-8);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);text-align:center;isolation:isolate;contain:layout;max-width:100%;overflow:hidden}.ad-label{font:var(--fw-semi) var(--fs-12) / 1 var(--font);color:var(--muted);margin-bottom:8px;display:block}.ad ins.adsbygoogle,.ad ins.adsbygoogle-lazy{min-height:200px;display:block}.ad-placeholder{height:calc(100% - 20px);min-height:inherit;color:var(--muted);font-size:var(--fs-14);justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card:hover .card-media img,.book-toggle-card:hover{transform:none}}@page{size:auto;margin:.4in}@page coloring{size:auto;margin:.5in}@media print{html,body{background:#fff!important}.site-header,.cat-strip,.site-footer,.breadcrumbs,.skip,.ad,.adsbygoogle,.google-auto-placed{display:none!important}body:has(.print-area){page:coloring;margin:0!important;padding:0!important;height:100%!important;overflow:hidden!important}body:has(.print-area) *{visibility:hidden}body:has(.print-area)>:not(main){display:none!important}body:has(.print-area) main{display:block!important;margin:0!important;padding:0!important;max-width:none!important;width:100%!important;height:100%!important;overflow:hidden!important}body:has(.print-area) main>:not(:has(.print-area)){display:none!important}body:has(.print-area) .listing-head,body:has(.print-area) .buybox,body:has(.print-area) .listing-details,body:has(.print-area) .detail,body:has(.print-area) .design-ad,body:has(.print-area) .design-copy,body:has(.print-area) .row,body:has(.print-area) .related,body:has(.print-area) .dl-head,body:has(.print-area) .gallery .example{display:none!important}body:has(.print-area) .print-area,body:has(.print-area) .print-area *{visibility:visible!important}body:has(.print-area) :has(.print-area),body:has(.print-area) .listing,body:has(.print-area) .gallery{display:block!important;position:static!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;max-width:none!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;box-shadow:none!important}body:has(.print-area) .print-area{position:static!important;inset:auto!important;display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;max-width:none!important;width:100%!important;height:calc(100vh - 1.15in)!important;max-height:calc(100vh - 1.15in)!important;overflow:hidden!important;break-inside:avoid;page-break-inside:avoid;break-after:avoid;page-break-after:avoid}body:has(.print-area) .print-area img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;mix-blend-mode:normal!important;break-inside:avoid;page-break-inside:avoid}}.book-toggle[hidden],.book-link[hidden]{display:none!important}.book-toggle .bt-on,.book-toggle[aria-pressed=true] .bt-off{display:none}.book-toggle[aria-pressed=true] .bt-on{display:inline-flex}.book-toggle .bt-on,.book-toggle .bt-off{justify-content:center;align-items:center;gap:8px}.book-toggle.pop{animation:book-pop .35s var(--ease)}@keyframes book-pop{40%{transform:scale(1.15)}}.book-toggle.btn{--btn-shadow:#c9c2d4;border-width:2px;min-height:48px;padding:8px 18px;font-size:1rem}.book-toggle.btn .icon{width:22px;height:22px}.book-toggle.btn[aria-pressed=true]{--btn-bg:var(--green-soft);--btn-bd:var(--green-ink);--btn-fg:var(--green-ink);--btn-shadow:#9fd9b9}.actions-extra{align-items:center;gap:var(--s-3);flex-wrap:wrap;grid-column:1/-1;display:flex}.actions-extra .btn-pin{width:auto}.book-link{min-height:44px;font:600 1rem/1.1 var(--font-display);color:var(--purple-ink);border-radius:var(--r-pill);align-items:center;gap:6px;padding:4px 12px;text-decoration:none;display:inline-flex}.book-link:hover{background:var(--purple-soft);color:var(--purple-ink)}.book-link-n{border-radius:var(--r-pill);background:var(--purple);color:#fff;text-align:center;min-width:1.7em;padding:2px 7px;font-size:.85rem}.book-toast{z-index:60;text-align:center;border-radius:var(--r-pill);background:var(--ink);color:#fff;width:max-content;max-width:calc(100vw - 32px);font:600 1.05rem/1.2 var(--font-display);box-shadow:none;transition:transform .25s var(--ease);pointer-events:none;padding:12px 22px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,140%)}.book-toast.is-on{transform:translate(-50%)}body:has(.book-tray) .book-toast{bottom:110px}@media (width>=1000px){body:has(.book-tray) .book-toast{bottom:24px}}.book-hero-grid{gap:var(--s-5);align-items:center;display:grid}@media (width>=900px){.book-hero-grid{grid-template-columns:1fr 300px}}.book-hero h1{font-size:var(--fs-2xl);letter-spacing:-.02em;margin:0}.book-hero .lead{font-size:1.35rem;font-family:var(--font-display);color:var(--ink);margin:var(--s-2) 0 var(--s-4)}.book-steps{gap:var(--s-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.book-steps li{border-radius:var(--r-pill);background:var(--paper);border:1px solid var(--line);font:600 1.1rem/1.1 var(--font-display);align-items:center;gap:10px;padding:6px 18px 6px 6px;display:inline-flex}@media (width<=899px){.book-hero-art{display:none}}.book-layout{gap:var(--s-6);align-items:start;display:grid}@media (width>=1000px){.book-layout{grid-template-columns:minmax(0,1fr) 360px}}.book-topics{margin-bottom:var(--s-4)}.book-group{scroll-margin-top:16px}.book-group[hidden]{display:none}.book-group-head{justify-content:space-between;align-items:center;gap:var(--s-3);margin:var(--s-6) 0 var(--s-4);flex-wrap:wrap;display:flex}.book-group-head h3{font-size:var(--fs-md);margin:0}.book-group-head small{font:600 .9rem/1 var(--font-body);color:var(--muted);margin-left:6px}.book-add-all{--btn-shadow:#c9c2d4;border-width:2px;min-height:44px;padding:6px 16px;font-size:1rem}.book-add-all .icon{width:20px;height:20px}.book-add-all[disabled]{opacity:.45;pointer-events:none}.book-add-all[hidden]{display:none}.book-grid{gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=560px){.book-grid{gap:var(--s-3);grid-template-columns:1fr 1fr}}.book-card{background:var(--paper);border:1px solid var(--line);box-shadow:none;border-radius:12px;flex-direction:column;gap:8px;padding:10px;transition:border-color .15s,box-shadow .15s;display:flex}.book-card.in-book{border-color:var(--green-ink);box-shadow:none;background:var(--green-soft)}.book-card-media{background:#fff;border-radius:12px;display:block;position:relative;overflow:hidden}.book-card-media img{aspect-ratio:340/440;object-fit:contain;width:100%}.book-card-check{background:var(--green);color:#fff;border:1px solid var(--line);border-radius:50%;place-items:center;width:46px;height:46px;display:none;position:absolute;top:8px;right:8px}.book-card.in-book .book-card-check{display:grid}.book-card-title{font:600 1.12rem/1.2 var(--font-display)}.book-toggle-big{border:1px solid var(--line);background:var(--yellow);width:100%;min-height:58px;color:var(--ink);box-shadow:none;font:600 1.15rem/1.1 var(--font-display);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;margin-top:auto;padding:8px 12px;transition:transform .12s,box-shadow .12s,background-color .15s;display:flex}.book-toggle-big:hover{box-shadow:none;transform:translateY(-2px)}.book-toggle-big:active{box-shadow:none;transform:translateY(3px)}.book-toggle-big[aria-pressed=true]{background:var(--green);color:#fff}@media (width<=560px){.book-card{box-shadow:none;border-radius:12px;padding:6px}.book-card-title{font-size:1rem}.book-card .stars-label{display:none}.book-toggle-big{border-radius:12px;min-height:52px;padding:6px 8px;font-size:.98rem}.book-toggle-big .bt-off,.book-toggle-big .bt-on{gap:5px}.book-toggle-big .icon{width:20px;height:20px}}.book-tray{background:var(--paper);border:1px solid var(--line);box-shadow:none;border-radius:12px}.tray-bar{background:var(--purple-soft);width:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;border:0;border-radius:12px 23px 0 0;align-items:center;gap:12px;padding:12px 14px;display:flex}.tray-bar-ico{background:var(--purple);color:#fff;border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.tray-bar-text{flex-direction:column;min-width:0;display:flex}.tray-title{font:700 1.35rem/1.1 var(--font-display)}.tray-count{color:var(--muted);font-size:.95rem;font-weight:600}.tray-thumbs{margin-left:auto;display:flex}.tray-thumbs img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:6px;width:34px;height:44px;margin-left:-12px}.tray-thumbs img:nth-child(odd){transform:rotate(-5deg)}.tray-thumbs img:nth-child(2n){transform:rotate(5deg)}.tray-chev{display:none}.tray-body{padding:var(--s-4);gap:var(--s-4);display:grid}.tray-empty{text-align:center;padding:var(--s-3) 0;font:600 1.15rem/1.3 var(--font-display);justify-items:center;gap:8px;display:grid}.tray-empty[hidden],.tray-filled[hidden]{display:none}.tray-empty p{margin:0}.tray-filled{gap:var(--s-4);display:grid}.tray-hint{font-size:var(--fs-xs);color:var(--muted);margin:0}.tray-list{gap:6px;max-height:340px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.tray-list li{background:var(--cream);cursor:grab;border:2px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:4px 4px 4px 6px;display:flex}.tray-list li.dragging{opacity:.4}.tray-list li.drop-before{border-color:var(--blue)}.tray-num{width:24px;font:700 .95rem/1 var(--font-display);color:var(--muted);text-align:center;flex:none}.tray-list img{object-fit:contain;border:1.5px solid var(--line);background:#fff;border-radius:6px;flex:none;width:38px;height:50px}.tray-name{min-width:0;font:600 .95rem/1.2 var(--font-display);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.tray-btns{flex:none;gap:4px;display:flex}.tray-btns button{border:1px solid var(--line);background:var(--paper);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:12px;place-items:center;padding:0;display:grid}.tray-btns button:hover{background:var(--yellow-soft)}.tray-btns button[disabled]{opacity:.3;cursor:default}.tray-btns .tray-remove{background:var(--red-soft)}.tray-clear{color:var(--red-ink);font:600 .95rem/1 var(--font-display);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:6px 4px;text-decoration:underline;display:inline-flex}.tray-box{padding:var(--s-3) var(--s-4) var(--s-4);border:1px solid var(--line);gap:var(--s-3);border-radius:12px;min-inline-size:0;margin:0;display:grid}.tray-box legend{font:700 1.15rem/1 var(--font-display);align-items:center;gap:6px;padding:0 6px;display:inline-flex}.tray-field{font:600 1rem/1.2 var(--font-display);gap:4px;display:grid}.tray-field input{border:1px solid var(--line);width:100%;min-height:50px;font:500 1.1rem/1.2 var(--font-display);color:var(--ink);background:#fff;border-radius:12px;padding:8px 14px}.tray-sub{font:600 1rem/1.2 var(--font-display);margin:0}.cover-picks{gap:8px;padding:4px 2px 6px;display:flex;overflow-x:auto}.cover-pick{cursor:pointer;flex:none;position:relative}.cover-pick input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cover-pick img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:8px;width:50px;height:64px}.cover-pick:has(input:checked) img{border-color:var(--purple-ink);box-shadow:0 0 0 3px var(--purple-soft)}.cover-pick:has(input:focus-visible) img{outline:3px solid var(--blue);outline-offset:2px}.tray-check{font:600 1rem/1.25 var(--font-display);cursor:pointer;align-items:center;gap:10px;display:flex}.tray-check input{width:26px;height:26px;accent-color:var(--purple-ink);flex:none}.tray-paper{grid-template-columns:1fr 1fr}.tray-paper legend{grid-column:1/-1}.paper-opt{border:1px solid var(--line);min-height:56px;font:700 1.15rem/1 var(--font-display);cursor:pointer;border-radius:12px;place-items:center;display:grid;position:relative}.paper-opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.paper-opt:has(input:checked){border-color:var(--ink);background:var(--ink);color:#fff}.paper-opt:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.book-tray .btn-xl{padding:14px 18px;font-size:1.3rem}.book-tray .btn[disabled]{opacity:.6;cursor:progress;transform:none}.tray-progress{gap:6px;display:grid}.tray-progress[hidden],.book-tray [data-book-download][hidden]{display:none}.tray-progress progress{width:100%;height:18px;accent-color:var(--green)}.tray-progress p{font:600 1rem/1.3 var(--font-display);text-align:center;margin:0}.book-tray[data-state=done] .tray-progress p{color:var(--green-ink);font-size:1.2rem}.book-tray[data-state=error] .tray-progress p{color:var(--red-ink)}.book-parents{margin-top:var(--s-8)}.book-parents p{color:#4b4855;max-width:52em}.book-parents .tips-list{margin:var(--s-4) 0 0;gap:6px;padding:0;list-style:none;display:grid}.book-parents .tips-list li{color:#4b4855;gap:8px;display:flex}.book-parents .tips-list .icon{color:var(--green-ink);flex:none;margin-top:5px}@media (width>=1000px){.book-tray{max-height:calc(100vh - 32px);margin-top:var(--s-8);position:sticky;top:16px;overflow-y:auto}.tray-bar{cursor:default}}@media (width<=999px){body:has(.book-tray){padding-bottom:96px}.book-tray{z-index:50;max-height:calc(100dvh - 16px);box-shadow:0 -4px 30px #2b2a3340, 0 5px 0 var(--ink);border-radius:12px;flex-direction:column;display:flex;position:fixed;bottom:8px;left:8px;right:8px}.tray-bar{border-radius:12px;padding:10px 12px}.book-tray.is-open .tray-bar{border-radius:12px 21px 0 0}.tray-chev{background:var(--paper);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:transform .2s;display:grid;transform:rotate(180deg)}.tray-thumbs+.tray-chev{margin-left:4px}.book-tray:not(.has-items) .tray-chev{margin-left:auto}.book-tray.is-open .tray-chev{transform:none}.tray-body{display:none;overflow-y:auto}.book-tray.is-open .tray-body{display:grid}.tray-bar-ico{width:46px;height:46px}.tray-list{max-height:none}}@media (width<=420px){.tray-thumbs img:nth-last-child(n+4){display:none}}@media (width>=720px){.book-cta{padding:var(--s-6) var(--s-7);grid-template-columns:200px 1fr}}@media (prefers-reduced-motion:reduce){.book-toggle.pop{animation:none}.book-toggle-card:hover,.book-toggle-big:hover{transform:none}}@media print{.book-toggle,.book-link,.book-toast,.book-tray,.actions-extra{display:none!important}}.card.has-cbn{flex-direction:column;gap:10px;display:flex}.card.has-cbn>a:first-child{flex:1;height:auto}.actions .btn-cbn{grid-column:1/-1}.btn-cbn{gap:12px}.cbn-download{max-width:1080px}.cbn-sheet{box-shadow:var(--sheet);background:#fff;border-radius:12px;margin:0;padding:10px}.cbn-sheet img{width:100%;height:auto}.cbn-key-title{font-size:var(--fs-lg);align-items:center;gap:10px;margin:0;display:flex}.cbn-key-hint{font:600 1.15rem/1.3 var(--font-display);margin:0}.cbn-key{grid-template-columns:repeat(auto-fill,minmax(min(100%,136px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.cbn-key li{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);align-items:center;gap:10px;min-width:0;padding:6px 12px 6px 6px;display:flex}.cbn-swatch{border:1px solid var(--line);background:var(--sw);width:54px;height:54px;color:var(--sw-ink);font:700 1.6rem/1 var(--font-display);box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:50%;flex:none;place-items:center;display:grid}.cbn-name{font:600 1.1rem/1.15 var(--font-display);overflow-wrap:anywhere}.cbn-blank{margin:0 0 var(--s-2);color:var(--muted);font-size:var(--fs-sm)}.cbn-answer summary{width:100%;list-style:none}.cbn-answer summary::-webkit-details-marker{display:none}.cbn-answer[open] summary{margin-bottom:var(--s-3)}.cbn-answer a{text-align:center;font-weight:700;display:block}.cbn-answer img{width:100%;max-width:420px;height:auto;box-shadow:var(--sheet);background:#fff;border-radius:12px;margin:0 auto 6px;padding:8px}@media (width<=560px){.cbn-key{grid-template-columns:1fr 1fr;gap:8px}.cbn-key li{gap:8px;padding:4px 8px 4px 4px}.cbn-swatch{width:46px;height:46px;font-size:1.4rem}.cbn-name{font-size:1rem}}.ws-section-lead{margin:calc(-1 * var(--s-3)) 0 var(--s-5);color:var(--muted)}.ws-set{gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));margin:0;padding:0;list-style:none;display:grid}.ws-card-media:hover img{transform:rotate(-1.5deg)translateY(-3px)}.ws-groups{gap:var(--s-7) var(--s-6);display:grid}@media (width>=1100px){.ws-groups{grid-template-columns:1fr 1fr}.ws-groups .ws-set{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr))}.ws-groups .ws-card-actions{grid-template-columns:1fr}}.ws-group .ws-section-lead{margin:calc(-1 * var(--s-2)) 0 var(--s-4)}@media (width>=720px){.ws-callout{padding:var(--s-4) var(--s-5);grid-template-columns:72px 1fr auto}.ws-callout img{width:72px}.ws-callout .btn{grid-column:auto}}.ws-play{margin-top:var(--s-6);padding:var(--s-5) var(--s-4);background:var(--paper);border:1px solid var(--line);border-radius:12px}.ws-play-title{margin:0 0 var(--s-4);font-size:var(--fs-md);align-items:center;gap:10px;display:flex}.ws-play-body{gap:var(--s-5);display:grid}@media (width>=860px){.ws-play{padding:var(--s-6)}.ws-play-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}}.ws-board{width:100%;max-width:560px;container-type:inline-size}.ws-grid{table-layout:fixed;border-collapse:collapse;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;overflow:hidden}.ws-grid td{height:calc(100cqw / var(--n));text-align:center;vertical-align:middle;font:600 calc(100cqw / var(--n) * .56)/1 var(--font-display);color:var(--ink);text-transform:uppercase;padding:0}.ws-grid tr:nth-child(odd) td:nth-child(odd),.ws-grid tr:nth-child(2n) td:nth-child(2n){background:var(--line-soft)}.ws-play:has(.ws-toggle input:checked) .ws-grid td.ans{background:var(--yellow)}.ws-play:has(.ws-toggle input:checked) .ws-grid td.a1{background:#a9d4ff}.ws-play:has(.ws-toggle input:checked) .ws-grid td.a2{background:#9fe3bf}.ws-play:has(.ws-toggle input:checked) .ws-grid td.a3{background:#ffc2dc}.ws-bank h4{margin:0 0 var(--s-3);font-size:1.15rem}.ws-bank ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:6px 14px;margin:0;padding:0;list-style:none;display:grid}.ws-bank li{font:600 1rem/1.3 var(--font-display);letter-spacing:.04em;overflow-wrap:anywhere;padding-left:18px;position:relative}.ws-bank li:before{content:"";border:1px solid var(--line);border-radius:3px;width:10px;height:10px;position:absolute;top:.4em;left:0}.ws-toggle{margin-top:var(--s-4);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--cream);cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:6px 16px 6px 10px;font-weight:700;display:inline-flex}.ws-toggle input{width:22px;height:22px;accent-color:var(--blue-ink);margin:0}.ws-tips{margin:var(--s-4) 0 0;gap:6px;list-style:none;display:grid;padding:0!important}.ws-tips li{color:#4b4855;gap:8px;display:flex}.ws-tips .icon{color:var(--green-ink);flex:none;margin-top:6px}@media (width<=560px){.ws-set{gap:var(--s-3);grid-template-columns:1fr 1fr}.ws-card{box-shadow:none;border-radius:12px;padding:8px}.ws-card-media{padding:8px}.ws-card-actions{grid-template-columns:1fr}.ws-card-actions .btn{min-height:46px;padding:6px 10px;font-size:.95rem}.ws-play{padding:var(--s-4) var(--s-3)}}@media print{.ws-toggle{display:none}}.chip-row a.chip{white-space:normal;max-width:100%}.ws-groups>.ws-group:only-child{grid-column:1/-1;max-width:820px}.dt-group+.dt-group{margin-top:var(--s-6)}.dt-group h3{margin:0 0 var(--s-3);font-size:var(--fs-md)}@media (width>=1100px){.dt-set{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.dt-set{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.dt-pdf,.dt-pdf:hover,.dt-pdf:active{transition:none;transform:none}}.bingo-set+.bingo-set{margin-top:var(--s-7,48px)}.bingo-main,.sd-booklet{gap:var(--s-4);margin:var(--s-4) 0;padding:var(--s-4);border:1px solid var(--line);background:var(--tone-soft,var(--cream));box-shadow:none;border-radius:12px;align-items:center;display:grid}.bingo-main-media{justify-self:center;max-width:300px;padding-bottom:20px;padding-right:48px;display:block;position:relative}.bingo-main-media img{width:100%;height:auto;box-shadow:var(--sheet);background:#fff;border-radius:10px;display:block}.bingo-main-media img+img{width:46%;position:absolute;bottom:0;right:0;transform:rotate(5deg)}.bingo-main-body>p,.sd-booklet p{margin:0 0 var(--s-3);color:#4b4855}.bingo-main-title,.sd-booklet .sd-booklet-title{font:600 1.35rem/1.2 var(--font-display);color:var(--ink);align-items:center;gap:8px;display:flex}.bingo-caller{margin-top:var(--s-3);flex-wrap:wrap;align-items:center;gap:4px 12px;font-weight:700;display:flex}.bingo-caller a{align-items:center;min-height:44px;display:inline-flex}.bingo-cards{margin-top:var(--s-4)}.bingo-cards>summary{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);min-height:48px;font:600 1.05rem/1.2 var(--font-display);cursor:pointer;box-shadow:none;align-items:center;padding:6px 18px;display:inline-flex}.bingo-cards[open]>summary{margin-bottom:var(--s-4)}.bingo-how{margin-top:var(--s-6);padding:var(--s-5) var(--s-4);background:var(--paper);border:2px solid var(--line,#e7e1dc);border-radius:12px}.bingo-how h2{margin-top:0}.bingo-how ol{gap:8px;margin:0;padding-left:1.4em;font-size:1.08rem;display:grid}.sd-booklet{--tone-soft:var(--yellow-soft);grid-template-columns:84px 1fr}.sd-booklet img{width:84px;height:auto;box-shadow:var(--sheet);background:#fff;border-radius:8px;transform:rotate(-4deg)}.sd-booklet .ws-card-actions{flex-wrap:wrap;gap:10px;display:flex}.sd-level h3{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sd-level+.sd-level{margin-top:var(--s-6)}.sd-level .see-all{min-height:44px;margin-top:var(--s-3);align-items:center;gap:6px;font-weight:700;display:inline-flex}@media (width>=720px){.bingo-main{padding:var(--s-5);grid-template-columns:300px 1fr}.bingo-main-media{justify-self:start}.sd-booklet{padding:var(--s-4) var(--s-5);grid-template-columns:110px 1fr}.sd-booklet img{width:110px}}.ws-groups:has(>.sd-level){display:block}.pc-books{gap:var(--s-4);margin:var(--s-4) 0;display:grid}.pc-card-title{font:600 1.05rem/1.25 var(--font-display);color:var(--ink)}.pc-holidays{border-collapse:collapse;width:100%;margin:0 0 var(--s-3)}.pc-holidays th,.pc-holidays td{text-align:left;border-bottom:2px solid var(--ink-10,#e6e3dc);vertical-align:top;padding:8px 10px}.pc-holidays th{white-space:nowrap;width:11rem;font-weight:700}.pc-holidays .is-regional td{color:#5c5866}.pc-note{color:#5c5866;font-size:.95rem}@media (width>=860px){.pc-books{grid-template-columns:1fr 1fr}}.activity-card .card-media{color:var(--muted)}.topic-card .card-media img{padding:10%}.meta-line{margin:var(--s-2) 0 0}.subtopics{margin-top:var(--s-4)}.subtopics .chip-row{scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.subtopics .chip-row::-webkit-scrollbar{display:none}.subtopics .chip-row>li{flex:none}@media (width>=900px){.subtopics .chip-row{flex-wrap:wrap;margin-inline:0;padding-inline:0}}.hub-grid{margin-top:var(--s-5)}.hub-grid .section-head{margin-top:0}.listing{grid-template-areas:"head""gallery""box""details"}.listing-head{grid-area:head}.listing>.gallery{grid-area:gallery}.listing>.buybox{grid-area:box}.listing-details{grid-area:details;min-width:0}.listing-details>.detail:first-child{border-top:0;margin-top:0;padding-top:0}@media (width>=960px){.listing{column-gap:var(--s-8);row-gap:var(--s-4);grid-template:"head box""gallery box""details box"1fr/minmax(0,1fr) 380px}.listing>.buybox{align-self:start}}@media (width<=639px){.gallery.has-example{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);display:flex;overflow-x:auto}.gallery.has-example::-webkit-scrollbar{display:none}.gallery.has-example figure{scroll-snap-align:start;flex:0 0 88%}.gallery.has-example .example{flex-direction:column;justify-content:center;align-self:stretch;display:flex}}.buybox-text .btn,.buybox-text .book-toggle.btn{min-height:var(--tap);font-size:var(--fs-14);text-underline-offset:3px;background:0 0;border:0;padding:0 12px;text-decoration:underline}.buybox-text .btn:hover{background:var(--surface)}.buybox-text .book-link{font-size:var(--fs-14);color:var(--ink)}.detail .prose{margin-top:var(--s-5)}.detail .prose ul{padding:0;list-style:none}.detail .prose ul li{padding:var(--s-3) 0;border-top:1px solid var(--line);margin:0}.detail .prose ul li:last-child{border-bottom:1px solid var(--line)}.breadcrumbs ol{white-space:nowrap;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.breadcrumbs ol::-webkit-scrollbar{display:none}.cbn-key{gap:0 var(--s-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.cbn-key li{border:0;border-top:1px solid var(--line);padding:var(--s-2) 0;background:0 0;border-radius:0}.cbn-swatch{width:32px;height:32px;font-size:var(--fs-14)}.cbn-answer summary{cursor:pointer;width:auto;display:inline-flex}.cbn-answer img{box-shadow:none;background:var(--surface);padding:0}@media (width>=960px){.gallery:not(.has-example) .print-area{max-width:640px}}.stars{font-size:var(--fs-14);color:var(--muted);align-items:center;gap:6px;display:inline-flex}.stars-row{gap:3px;display:inline-flex}.stars-row i{border:1px solid var(--muted);border-radius:50%;width:8px;height:8px}.stars-row i.on{background:var(--ink);border-color:var(--ink)}.stats li+li:before{content:"·";color:var(--muted);margin-inline:8px}.stats .chip .icon{display:none}.stats li{display:inline}.stats{display:block}.ws-set,.dt-set,.sd-set{gap:var(--s-6) var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.ws-set,.dt-set,.sd-set{gap:var(--s-6) var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1000px){.ws-set,.dt-set,.sd-set{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1240px){.ws-set,.dt-set,.sd-set{grid-template-columns:repeat(5,minmax(0,1fr))}}.ws-groups{gap:var(--s-7) 0;grid-template-columns:minmax(0,1fr);display:grid}.ws-groups .ws-set{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=640px){.ws-groups .ws-set{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1000px){.ws-groups .ws-set{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1240px){.ws-groups .ws-set{grid-template-columns:repeat(5,minmax(0,1fr))}}.ws-group{min-width:0}.ws-group h3{margin:0 0 var(--s-1);font-size:var(--fs-20)}.ws-group .ws-section-lead{margin:0 0 var(--s-4);color:var(--muted)}.ws-section{margin-top:var(--s-7)}.ws-card{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;padding:0;display:flex}.ws-card-media{aspect-ratio:4/5;border-radius:var(--r-card);background:var(--surface);transition:box-shadow var(--t);place-items:center;padding:0;display:grid;overflow:hidden}.ws-card-media img{aspect-ratio:auto;object-fit:contain;width:100%;height:100%;box-shadow:none;mix-blend-mode:multiply;transition:transform var(--t);background:0 0;border-radius:0;padding:6%}.ws-card:hover .ws-card-media{box-shadow:var(--shadow-hover)}.ws-card:hover .ws-card-media img,.ws-card-media:hover img{transform:scale(1.02)}.ws-card-body{flex-direction:column;flex:1;gap:2px;padding:10px 0 0;display:flex}.ws-card-theme{font:var(--fw-semi) .9375rem / 1.3 var(--font);color:var(--ink)}.ws-card-level{font-size:var(--fs-14);color:var(--muted)}.ws-card-facts,.ws-card-dir{font-size:var(--fs-14);color:var(--muted);font-weight:var(--fw)}.ws-card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px;display:flex}.ws-card-actions .btn,.act-print{min-height:40px;font-size:var(--fs-14);white-space:nowrap;width:100%;padding:6px 14px}.ws-card-key{min-height:var(--tap);font-size:var(--fs-14);font-weight:var(--fw-semi);text-underline-offset:3px;color:var(--ink);align-items:center;text-decoration:underline;display:inline-flex}.act-print{margin-top:10px}.act-print-txt{flex-direction:column;align-items:center;line-height:1.15;display:inline-flex}.act-print-txt small{font:var(--fw) var(--fs-12) / 1.2 var(--font);color:var(--muted)}.act-more{gap:0 var(--s-2);flex-wrap:wrap;display:flex}.act-more .btn-link{flex:0 auto;padding:0 8px}.dt-card .ws-card-level{margin-top:0}.ws-callout{align-items:center;gap:var(--s-3) var(--s-4);margin-top:var(--s-6);padding:var(--s-4) 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:56px 1fr;display:grid}.ws-callout img{aspect-ratio:4/5;object-fit:contain;background:var(--surface);width:56px;box-shadow:none;mix-blend-mode:normal;border-radius:8px;padding:4px;transform:none}.ws-callout p{color:var(--muted);font-size:var(--fs-14);margin:0}.ws-callout .ws-callout-title{font:var(--fw-semi) var(--fs-16) / 1.3 var(--font);color:var(--ink);margin-bottom:2px}.ws-callout .btn{grid-column:1/-1;width:100%}@media (width>=720px){.ws-callout{grid-template-columns:56px 1fr auto}.ws-callout .btn{grid-column:auto;width:auto}}.book-hero-grid{display:block}.book-steps{margin:var(--s-4) 0 0;color:var(--ink);padding-inline-start:1.4em;list-style:decimal;display:block}.book-steps li{min-height:0;font-size:var(--fs-16);background:0 0;border:0;border-radius:0;padding:2px 0;display:list-item}.tray-empty svg.mascot{display:none}.book-tray{border-radius:var(--r-card);box-shadow:var(--shadow-card)}.tool-hero{padding:var(--s-5) 0 var(--s-4)}.tool-hero h1{font-size:var(--fs-32)}.tool-page{max-width:1080px;margin-inline:0}.tool-controls,.tool-page .sheet{border:1px solid var(--line);border-radius:var(--r-card);box-shadow:none;background:var(--page)}.tool-controls{background:var(--surface)}.tool-controls label{font-weight:var(--fw-semi)}.tool-controls input[type=text],.tool-controls input[type=search],.tool-controls select,.tool-controls textarea{border:1px solid var(--line);border-radius:var(--r-btn);background:var(--page)}.tool-controls input:focus,.tool-controls select:focus,.tool-controls textarea:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}