.page-head{gap:.6rem;margin-bottom:1.8rem;display:grid}.page-head h2{font-size:var(--step-3)}.books{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:2rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.book{aspect-ratio:5/6;background:radial-gradient(ellipse at 25% 15%, #fff3, transparent 60%), linear-gradient(160deg, var(--cover,#ffd04d), var(--cover-2,#f5b52a));color:var(--ink);rotate:var(--tilt,0deg);transition:rotate .25s var(--ease-out), translate .25s var(--ease-out);border-radius:5px 12px 12px 5px;align-content:space-between;gap:1rem;padding:1.1rem 1rem 1rem 2rem;text-decoration:none;display:grid;position:relative;box-shadow:5px 6px 0 -2px #ebe3d1,5px 6px 0 -1px #00000024,0 18px 28px -16px #00000073}.book:hover{translate:0 -5px;rotate:0deg}.book:before{content:"";background:repeating-linear-gradient(#fff9 0 5px,#0000 5px 12px) 50% 0/2px 100% no-repeat,#0003;border-radius:5px 0 0 5px;width:1.2rem;position:absolute;top:0;bottom:0;left:0}.book__glyph{font-family:var(--font-hand);color:#ffffffeb;text-shadow:0 2px #0000001f;font-size:3rem;font-weight:700;line-height:1}.book__label{background:#fffdf6;border:2px solid #000000a6;border-radius:9px;gap:.1rem;padding:.55rem .7rem .6rem;display:grid}.book__label b{font-family:var(--font-hand);color:var(--pen);font-size:1.3rem;line-height:1.2}.book__label small{color:var(--ink-3);font-size:.78rem;font-weight:700}.book--soon{filter:saturate(.25);opacity:.75}.book--soon:hover{translate:none}.tone-vermilion.book{--cover:#e46a52;--cover-2:#c94b33}.tone-ultramarine.book{--cover:#4d6fd0;--cover-2:#3557b7}.tone-sap.book{--cover:#6aab5e;--cover-2:#4f8f45}.tone-ochre.book{--cover:#f0b740;--cover-2:#d39a1e}.tone-rose.book{--cover:#e47d9c;--cover-2:#d0567a}.tone-teal.book{--cover:#3aa69b;--cover-2:#23857c}.tone-plum.book{--cover:#9a6aac;--cover-2:#7a4a8c}.contents{background:linear-gradient(90deg, transparent 1.9rem, var(--margin-red) 1.9rem, var(--margin-red) calc(1.9rem + 2px), transparent calc(1.9rem + 2px)), repeating-linear-gradient(to bottom, transparent 0 33px, var(--rule) 33px 34px), #fffefa;box-shadow:var(--shadow-2);padding:clamp(1.4rem,1rem + 2vw,2.4rem) clamp(1.2rem,1rem + 2vw,2.6rem) clamp(1.6rem,1rem + 2vw,2.6rem) clamp(2.6rem,2rem + 2vw,3.4rem);position:relative}.contents+.contents{margin-top:2.5rem}.contents h2{font-size:var(--step-3);margin-bottom:.6rem}.toc{margin:0;padding:0;list-style:none}.toc a{grid-template-columns:2.4rem 1fr auto;align-items:baseline;gap:.5rem;min-height:34px;padding:.35rem 0;text-decoration:none;display:grid}.toc__no{font-family:var(--font-hand);color:var(--vermilion);font-size:1.2rem;font-weight:700}.toc__title{font-family:var(--font-hand);font-size:var(--step-1);align-items:baseline;gap:.4rem;line-height:1.3;display:flex}.toc__title:after{content:"";border-bottom:2px dotted #00000040;flex:1;min-width:1rem;translate:0 -.3em}.toc__meta{font-size:var(--step--1);color:var(--ink-3);white-space:nowrap;font-weight:700}.toc__meta.is-ready{color:var(--sap)}.toc a:hover .toc__title{color:var(--pen)}.topics{margin:0;padding:0;list-style:none;display:grid}.topics a,.topics .topics__soon{border-bottom:1.5px dashed var(--line);grid-template-columns:30px auto 1fr auto;align-items:center;gap:.75rem;min-height:52px;padding:.55rem .2rem;text-decoration:none;display:grid}.topics a:hover{background:color-mix(in oklab, var(--highlight) 30%, transparent)}.topics__box{border:2px solid var(--ink);border-radius:3px 6px 3px 7px;width:22px;height:22px;position:relative}.is-done .topics__box:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 24'%3E%3Cpath d='M3 13c3 2 5 5 7 8 4-8 9-14 14-19' fill='none' stroke='%234f8f45' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:30px;height:28px;position:absolute;top:-11px;left:-3px}.topics__no{font-family:var(--font-hand);color:var(--vermilion);min-width:2.2rem;font-weight:700}.topics__title{font-family:var(--font-hand);font-size:var(--step-1);line-height:1.25}.topics__tag{white-space:nowrap;font-size:.78rem;font-weight:700}.topics__tag.is-ready{color:var(--sap)}.topics__soon{color:var(--ink-3)}.topics__soon .topics__box{border-color:var(--line-strong)}.pill-note{font-family:var(--font-hand);color:var(--pen);font-size:var(--step-1);align-items:center;gap:.4rem;display:inline-flex}.two-col{gap:2.5rem;display:grid}@media (width>=960px){.two-col{grid-template-columns:1.6fr 1fr;align-items:start}}.learn[data-astro-cid-5swsp2ka]{padding-block:1.6rem 0}.crumbs[data-astro-cid-5swsp2ka] ol[data-astro-cid-5swsp2ka]{font-family:var(--font-hand);font-size:var(--step-0);color:var(--ink-3);flex-wrap:wrap;gap:.2rem .5rem;margin:0;padding:0;list-style:none;display:flex}.crumbs[data-astro-cid-5swsp2ka] li[data-astro-cid-5swsp2ka]+li[data-astro-cid-5swsp2ka]:before{content:"›";color:var(--ink-3);margin-right:.5rem}.crumbs[data-astro-cid-5swsp2ka] a[data-astro-cid-5swsp2ka]{color:var(--pen);text-decoration:none}.crumbs[data-astro-cid-5swsp2ka] a[data-astro-cid-5swsp2ka]:hover{text-underline-offset:.25em;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}