@font-face{font-family:Source Serif;src:url('../../fonts/source-serif/SourceSerif4-Regular.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:24px}.masthead nav{flex-wrap:wrap}.masthead [aria-current]{text-decoration:underline;text-underline-offset:7px}h1,h2,h3{font-family:Source Serif,Georgia,serif;font-weight:400}.learn-hero{padding:65px 44px 70px;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.learn-hero h1{font-size:clamp(40px,4.7vw,67px);line-height:1.08;letter-spacing:-2px;margin:10px 0 24px}.learn-hero em{color:#6c805c}.poster-stack{height:340px;position:relative;margin:15px 40px}.poster-stack img{height:315px;width:215px;object-fit:contain;background:#fff7dd;border:8px solid #fffdf5;box-shadow:0 20px 35px #173f3526;position:absolute;left:0;transform:rotate(-9deg)}.poster-stack img+img{left:115px;top:18px;transform:rotate(9deg)}.rule-directory,.lesson{padding:42px 44px;border-top:1px solid #d8dfd2}.directory-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.directory-heading h2,.lesson h2{font-size:38px;line-height:1.15;margin:8px 0}.directory-heading p{color:#647368}.search-label{font-size:13px;display:grid;gap:7px;width:280px;max-width:100%}input{padding:13px 16px;border:1px solid #b8c5b5;border-radius:10px;background:#fffefa;color:#233f34;font:inherit;width:100%}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}button{font:inherit;color:#244a3d;cursor:pointer;min-height:44px;border:1px solid #c5d0c0;background:linear-gradient(#fffefa,#eef1e7);border-radius:12px;padding:10px 16px;box-shadow:0 3px 0 #d8dfd0,0 4px 9px #213f3410;transition:transform .15s,box-shadow .15s}button:hover{background:#e5eddf;transform:translateY(-1px)}button:active{transform:translateY(2px);box-shadow:none}button:disabled{opacity:.45;cursor:default;transform:none}button[aria-pressed=true]{color:#fff;background:#244c3f;border-color:#244c3f;box-shadow:0 3px 0 #122f25}.rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.rule-card{display:flex;flex-direction:column;border:1px solid #d4ddce;border-radius:16px;overflow:hidden;background:#fffefa;text-decoration:none;transition:transform .2s,box-shadow .2s}.rule-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #233f3417}.card-art{background:#e7ecdf;height:245px;padding:22px 40px 0;overflow:hidden}.card-art img{width:100%;height:auto;box-shadow:0 8px 22px #233f3420}.card-copy{padding:24px;flex:1;display:flex;flex-direction:column}.card-copy h3{font-size:25px;line-height:1.25;margin:10px 0}.card-copy p{color:#647368;font-size:15px;margin:0 0 20px}.card-meta{font-size:12px;letter-spacing:1px;text-transform:uppercase;display:flex;justify-content:space-between;color:#57704d}.card-link{margin-top:auto;font-weight:600;font-size:14px}.lesson-top{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:14px}.lesson-heading{margin:32px 0;max-width:850px}.lesson-heading p:not(.eyebrow){color:#647368}.lesson-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;align-items:start}.lesson aside{position:sticky;top:25px;min-width:0}.lesson aside nav{display:grid;gap:10px}.step{display:grid;grid-template-columns:30px 1fr;text-align:left;gap:10px;font-size:14px;align-items:center;width:100%;box-shadow:none}.step[aria-current=step]{background:#244c3f;color:white;border-color:#244c3f}.step span:first-child{font:24px Georgia,serif}.source-note{border-top:1px solid #d4ddce;margin-top:28px;padding-top:22px;font-size:13px;color:#647368}.source-note p{margin:8px 0 15px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:14px}.reading-area{min-width:0}.reading-area figure{margin:0;background:#fffdf5;border:1px solid #d8ddcf;border-radius:8px;overflow:hidden;box-shadow:0 12px 32px #203f3412}.reading-area figure img{width:100%;height:auto;display:block;cursor:zoom-in}.reading-area figcaption{padding:18px 22px;display:grid;gap:5px}.reading-area figcaption span{font-size:14px;color:#647368}.page-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0;font-size:14px}.end-note{background:#e9efdf;border-radius:12px;padding:18px}.learning-footer{padding:45px 44px 65px;border-top:1px solid #d8dfd2}.learning-footer h2{font-size:32px}.learning-footer p{max-width:650px;color:#647368}.learning-footer>a{margin:15px 20px 0 0;display:inline-flex}dialog{border:0;padding:0;border-radius:14px;width:95vw;max-width:1500px;height:94dvh;background:#f7f7f1;color:#233f34}dialog::backdrop{background:#12291fe0}.zoom-bar{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fffef8}.zoom-bar>div{display:flex;gap:10px}.zoom-scroll{height:calc(100% - 76px);overflow:auto;overscroll-behavior:contain;text-align:center}.zoom-scroll img{width:min(100%,900px);height:auto;display:block;margin:auto}.zoom-scroll.is-large img{width:1500px;max-width:none}body:has(dialog[open]){overflow:hidden}:focus-visible{outline:3px solid #ac7230;outline-offset:4px}#image-error,#load-error{padding:20px;background:#fff0d3}.button{white-space:normal}a{overflow-wrap:anywhere}@media(max-width:850px){.learn-hero{gap:15px}.poster-stack{margin-left:0;margin-right:0;transform:scale(.8);transform-origin:center}.rule-grid{gap:15px}.card-art{padding:20px 15px 0;height:190px}.lesson-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.page-controls{flex-wrap:wrap}.page-controls a{order:3;width:100%;text-align:center}}@media(max-width:620px){.learn-hero{grid-template-columns:1fr;padding:35px 20px 15px;gap:0}.learn-hero h1{font-size:43px}.poster-stack{height:260px;width:310px;justify-self:center;transform:scale(.75);transform-origin:top center;margin:25px 0 -40px}.directory-heading{display:block}.directory-heading h2,.lesson h2{font-size:32px}.search-label{width:100%;margin-top:22px}.rule-directory,.lesson{padding:30px 20px}.rule-grid{grid-template-columns:1fr}.rule-card{display:grid;grid-template-columns:110px minmax(0,1fr)}.card-art{padding:20px 8px;height:100%;background:#e5ebdd}.card-copy{padding:18px}.card-copy h3{font-size:23px}.card-meta{font-size:10px;gap:5px}.lesson-layout{grid-template-columns:minmax(0,1fr)}.lesson aside{position:static}.lesson aside nav{display:flex;overflow:auto;padding-bottom:7px}.step{min-width:210px;max-width:240px;flex:0 0 210px}.source-note{margin:15px 0 0;padding:12px 0}.source-note p{margin:5px 0}.reader-toolbar{font-size:12px}.reader-toolbar button{font-size:12px}.learning-footer{padding:30px 20px}.zoom-bar{padding:10px;flex-wrap:wrap}.zoom-bar strong{font-size:13px}.zoom-scroll{height:calc(100% - 110px)}.masthead nav{justify-content:flex-start;gap:10px 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Preserve the square corners of the supplied educational posters. */
.reading-area figure{border-radius:0}

/* Five real catalog images; asset filenames are independent of CSS cache versions. */
.learn-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:28px}
.poster-stack.poster-fan{width:100%;max-width:620px;height:auto;aspect-ratio:1.3;margin:0;justify-self:center;transform:none}
.poster-stack.poster-fan img{left:34%;top:8%;width:32%;height:auto;aspect-ratio:2/3;object-fit:contain;border:6px solid #fffdf5;transform-origin:center;box-shadow:0 16px 28px #173f3529;transform:translate(var(--fan-x),var(--fan-y)) rotate(var(--fan-angle))}
.poster-fan img:nth-child(1){--fan-x:-75%;--fan-y:16%;--fan-angle:-25deg;z-index:1}
.poster-fan img:nth-child(2){--fan-x:-37.5%;--fan-y:4%;--fan-angle:-12deg;z-index:2}
.poster-fan img:nth-child(3){--fan-x:0%;--fan-y:0%;--fan-angle:0deg;z-index:5}
.poster-fan img:nth-child(4){--fan-x:37.5%;--fan-y:4%;--fan-angle:12deg;z-index:4}
.poster-fan img:nth-child(5){--fan-x:75%;--fan-y:16%;--fan-angle:25deg;z-index:3}
@media(max-width:1000px){.learn-hero{grid-template-columns:1fr;gap:24px}.learn-hero>div:first-child{max-width:700px}.poster-stack.poster-fan{max-width:580px}}
@media(max-width:620px){.learn-hero{padding-bottom:20px}.poster-stack.poster-fan{margin:12px 0 0}.poster-stack.poster-fan img{border-width:4px}}