@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght,SOFT@9..144,500,30;9..144,600,30&display=swap');
:root{--ink:#22294c;--muted:#58617c;--line:#dde0ec;--paper:#f7f8fc;--white:#fff;--plum:#583e74;--lav:#e6dff0;--pink:#eebacb;--cyan:#cae9e9;--gold:#f6dda8;--radius:20px;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button{font:inherit}a{color:inherit}.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:12px;z-index:5}.skip:focus{left:8px}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:#252c52;color:#fff;padding:33px 23px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1.5px solid #eac2d5;border-radius:13px;font:600 29px/1 Georgia,serif;color:#eac2d5}.brand strong{display:block;font-size:17px;letter-spacing:.12em}.brand small{font-size:10px;letter-spacing:.23em;color:#bcb8d3}.sidebar-intro{margin:41px 4px 25px;font-family:Georgia,serif;font-size:20px;line-height:1.42;color:#f1eaf3}.side-divider{height:1px;background:#4a5073}.side-label,.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;color:#797f9d}.side-label{color:#a8afca;margin:29px 10px 11px}.side-nav{display:grid;gap:6px}.side-link{text-decoration:none;padding:12px 11px;border-radius:11px;font-size:14px;color:#c9cde1;display:flex;gap:12px;align-items:center}.side-link span{font-size:20px;width:23px;text-align:center}.side-link:hover,.side-link:focus-visible,.side-link.active{background:#3b426a;color:#fff}.side-bottom{margin-top:auto;color:#b8bed6;font-size:12px;line-height:1.5}.side-bottom small{display:block;color:#858eae;margin-top:5px}.tiny-rule{display:block;width:34px;height:2px;background:var(--pink);margin-bottom:15px}main{min-width:0}.topbar{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5.5vw,88px);border-bottom:1px solid #ebedf4}.audience{background:#f1f2f7;border-radius:30px;padding:4px;display:flex;gap:2px}.audience button{border:0;border-radius:25px;background:transparent;color:#5c6480;padding:8px 17px;cursor:pointer;font-size:13px;font-weight:700}.audience button[aria-pressed=true]{background:#293054;color:#fff;box-shadow:0 2px 7px #232a492b}.intro{padding:57px clamp(24px,5.5vw,88px) 62px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:28px;align-items:center;background:linear-gradient(145deg,#fff 32%,#f8f6fc 100%);min-height:410px}.kicker{font-size:11px;letter-spacing:.14em;font-weight:700;color:#746383;display:flex;align-items:center;gap:12px}.kicker-line{display:inline-block;width:29px;height:2px;background:#aa83a7}.intro h1,.section-heading h2,.approach h2,.later h2{font-family:Fraunces,Georgia,serif;letter-spacing:-.035em}.intro h1{font-size:clamp(42px,5vw,69px);line-height:1.09;max-width:650px;margin:23px 0 19px;font-weight:600}.intro h1 em{font-weight:500;color:#8a6292}.lead{font-size:18px;line-height:1.65;max-width:580px;margin:0}.age-note{font-size:13px;line-height:1.65;color:#707991;max-width:560px;margin:16px 0 0}.intro-art{height:320px;position:relative;display:grid;place-items:center}.art-card{height:295px;width:221px;border-radius:7px 19px 19px 7px;background:#dcd3e9;box-shadow:18px 19px 30px #37405b22,-7px 9px 0 #b9afcc;transform:rotate(-5deg);padding:24px 22px;display:flex;flex-direction:column;align-items:start;border-left:5px solid #baacd1;z-index:1}.art-card-top{font-size:9px;letter-spacing:.18em;font-weight:700;color:#594b70}.art-p{font:600 85px/.94 Georgia,serif;color:#5b4c78;margin:30px 0 14px;position:relative}.art-card strong{font:600 18px/1.15 Fraunces,Georgia,serif}.art-card small{font-size:9px;margin-top:9px}.art-card-foot{font-size:10px;letter-spacing:.16em;font-weight:700;margin-top:auto}.art-tab{position:absolute;background:#fff;padding:13px 22px;border-radius:11px;box-shadow:0 8px 27px #27305217;font-size:12px;font-weight:700;color:#5e5c7b;z-index:2}.art-tab-one{top:48px;right:7%;transform:rotate(7deg)}.art-tab-two{bottom:52px;left:0;transform:rotate(-6deg)}.art-stamp{position:absolute;bottom:17px;right:4%;width:97px;height:97px;background:#fdebd6;border-radius:50%;display:grid;place-items:center;text-align:center;font:600 14px/1.2 Fraunces,Georgia,serif;color:#775b58;transform:rotate(10deg);z-index:2}.explore{padding:52px clamp(24px,5.5vw,88px) 76px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end}.section-heading h2,.approach h2,.later h2{font-size:clamp(28px,3vw,39px);line-height:1.17;margin:8px 0 0}.section-heading>p{color:#7a8197;font-size:14px;max-width:280px;line-height:1.45;margin:0}.age-picker{display:flex;gap:11px;overflow-x:auto;padding:29px 2px 20px;scrollbar-width:thin}.age-button{min-width:166px;border:1px solid var(--line);background:#fff;border-radius:15px;text-align:left;padding:16px 16px 14px;cursor:pointer;color:var(--ink);transition:transform .15s,border-color .15s,box-shadow .15s}.age-button:hover{transform:translateY(-2px)}.age-button[aria-pressed=true]{border-color:#39395f;box-shadow:0 4px 0 #39395f}.age-button .age-number{display:block;font-size:12px;color:#8884a0;margin-bottom:8px}.age-button strong{display:block;font-size:15px;line-height:1.25}.age-button small{font-size:12px;color:#767d96;display:block;margin-top:7px}.volume-summary{display:flex;gap:22px;justify-content:space-between;align-items:center;padding:23px 28px;margin:7px 0 25px;border-radius:17px;background:#e8e2f1;border-left:5px solid #8769a4}.volume-summary h3{font:600 23px Fraunces,Georgia,serif;margin:0 0 4px}.volume-summary p{margin:0;font-size:14px;line-height:1.5;max-width:640px}.status{white-space:nowrap;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;background:#fff9;padding:9px 11px;border-radius:20px;color:#665174}.filters{display:grid;gap:13px;margin:0 0 27px}.filter-row{display:flex;align-items:baseline;gap:19px}.filter-row>span{min-width:54px;font-size:12px;font-weight:700;color:#68718d}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid #dcdfea;background:#fff;color:#56607c;border-radius:20px;padding:7px 13px;font-size:12px;cursor:pointer}.chip[aria-pressed=true]{background:#2c345a;color:#fff;border-color:#2c345a}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,37%);gap:22px;align-items:start}.result-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.result-heading h3{font-size:16px;margin:0}.result-heading span{font-size:12px;color:#7b8298}.tool-list{display:grid;gap:10px}.tool{width:100%;border:1px solid #e1e3ed;background:#fff;border-radius:15px;text-align:left;display:grid;grid-template-columns:44px 1fr 22px;align-items:center;gap:13px;padding:16px;cursor:pointer;color:var(--ink);transition:border-color .15s,box-shadow .15s}.tool:hover,.tool:focus-visible{border-color:#9e87b9}.tool[aria-pressed=true]{border-color:#9272ae;box-shadow:0 0 0 2px #d9cee8}.tool-icon{width:44px;height:44px;border-radius:12px;background:#ebe5f4;display:grid;place-items:center;color:#6b4c89;font-size:21px}.tool:nth-child(3n+2) .tool-icon{background:#e2f1f0;color:#286b6a}.tool:nth-child(3n) .tool-icon{background:#fff0de;color:#93683b}.tool strong{display:block;font-size:14px;line-height:1.3}.tool small{display:block;color:#777f99;font-size:12px;margin-top:5px}.tool-arrow{color:#a0a4b7;font-size:20px;text-align:right}.empty{border:1px dashed #c9cddd;border-radius:15px;color:#626c87;padding:25px;background:#fff}.detail{background:#2a3158;color:#fff;border-radius:18px;padding:27px;min-height:322px;position:sticky;top:24px}.detail .detail-kicker{font-size:11px;letter-spacing:.15em;color:#c8bfdc;font-weight:700}.detail h3{font:600 28px/1.2 Fraunces,Georgia,serif;margin:17px 0 13px}.detail p{font-size:14px;line-height:1.58;color:#eaebf4}.detail .example{border-top:1px solid #555d7e;margin-top:22px;padding-top:17px}.detail .example strong{font-size:11px;letter-spacing:.1em;color:#f4d0df;text-transform:uppercase}.detail a{color:#fff;display:inline-flex;gap:8px;margin-top:10px;font-weight:700;font-size:13px;text-underline-offset:4px}.detail small{display:block;color:#b7bfd6;line-height:1.5;margin-top:21px}.approach{padding:49px clamp(24px,5.5vw,88px);background:#e9edf6;display:grid;grid-template-columns:1fr 1fr;gap:45px}.approach h2{max-width:500px}.approach-text{font-size:15px;line-height:1.7;color:#48536f}.approach-text p:first-child{margin-top:0}.later{padding:45px clamp(24px,5.5vw,88px);display:flex;justify-content:space-between;gap:35px;align-items:center;background:#fff}.later h2{max-width:420px}.later-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;width:min(470px,55%)}.later-list span{border:1px solid #e1e3ed;border-radius:11px;padding:13px 16px;font-size:14px;font-weight:700}.later-list small{display:block;color:#7b829a;font-size:12px;font-weight:400;margin-top:3px}footer{display:flex;justify-content:space-between;gap:20px;background:#252c52;color:#bbc2d8;padding:24px clamp(24px,5.5vw,88px);font-size:12px}button:focus-visible,a:focus-visible{outline:3px solid #e89dbf;outline-offset:3px}@media(max-width:1040px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:17px 24px;display:block}.sidebar-intro,.side-divider,.side-label,.side-bottom{display:none}.sidebar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.side-nav{display:flex}.side-link{padding:8px}.side-link span{display:none}.intro{grid-template-columns:1fr 290px}.content-grid{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:720px){.sidebar{align-items:start;flex-direction:column}.side-nav{width:100%;overflow:auto}.side-link{white-space:nowrap;font-size:13px}.topbar{height:auto;min-height:65px;padding:12px 20px}.topbar .eyebrow{max-width:140px;line-height:1.4}.intro{padding:37px 22px;grid-template-columns:1fr;gap:12px}.intro h1{font-size:43px}.intro-art{height:230px;overflow:hidden}.art-card{transform:scale(.7) rotate(-5deg)}.art-tab-one{right:7%;top:28px}.art-tab-two{left:6%;bottom:30px}.art-stamp{transform:scale(.75) rotate(10deg);right:8%;bottom:7px}.explore{padding:40px 20px}.section-heading{display:block}.section-heading>p{margin-top:9px}.age-button{min-width:146px}.volume-summary{align-items:start;flex-direction:column;padding:20px}.filter-row{display:block}.filter-row>span{display:block;margin-bottom:9px}.content-grid{display:flex;flex-direction:column}.content-grid>div,.detail{width:100%}.detail{position:static;order:2}.approach{grid-template-columns:1fr;padding:40px 22px;gap:16px}.later{display:block;padding:38px 22px}.later-list{width:100%;margin-top:25px}footer{padding:22px;display:grid}}

.family-visual{margin:0;position:relative;align-self:stretch;min-width:0}.family-visual img{width:100%;height:100%;min-height:260px;max-height:360px;object-fit:cover;border-radius:24px}.family-visual figcaption{position:absolute;bottom:16px;left:16px;right:16px;background:#172d45e8;color:#fff;padding:12px 16px;border-radius:12px;font-size:14px}@media(max-width:700px){.family-visual img{min-height:190px;max-height:240px}}