.learning{max-width:1120px;margin:0 auto;padding:clamp(70px,10vw,135px) 7vw 115px}.learning-intro{max-width:730px}.learning-intro h1{margin:0;color:var(--ink);font-size:clamp(63px,9vw,122px);line-height:.84}.learning-intro h1 em{color:var(--rust);font-weight:400}.learning-dek{max-width:610px;margin:35px 0 0;font:500 clamp(20px,2.1vw,28px)/1.32 Newsreader,serif;letter-spacing:-.025em}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(70px,10vw,120px)}.learning-card{display:flex;min-height:300px;flex-direction:column;justify-content:space-between;padding:30px;border:1px solid var(--line);background:#eee4d4;color:var(--ink);transition:transform .25s ease,background .25s ease}.learning-card:hover{background:#e5d4bb;transform:translateY(-4px)}.learning-card h2{margin:44px 0 0;font-size:clamp(34px,3.7vw,52px);line-height:.9}.learning-card p{margin:16px 0 0;font:500 18px/1.35 Newsreader,serif}.learning-card span{font-size:10px}.learning-article{max-width:720px;margin:clamp(70px,10vw,125px) auto 0;font:400 clamp(18px,1.7vw,22px)/1.65 Newsreader,serif}.learning-article p{margin:0 0 30px}.learning-article .lead{font-size:clamp(23px,2.5vw,32px);line-height:1.42;letter-spacing:-.02em}.learning-article h2{margin:75px 0 20px;font-size:clamp(36px,4.3vw,54px);line-height:.95}.learning-article h3{margin:45px 0 13px;font-size:clamp(26px,3vw,36px);line-height:1}.learning-article blockquote{margin:65px -10vw;padding:43px 10vw;border-block:1px solid var(--line);color:var(--rust-dark);font:500 clamp(29px,4vw,50px)/1.05 Newsreader,serif;letter-spacing:-.045em}.learning-list{padding-left:22px;margin:0 0 32px}.learning-list li{margin:0 0 13px}.learning-callout{margin:55px -5vw;padding:32px 5vw;border-left:3px solid var(--rust);background:#eee4d4}.learning-callout h3{margin-top:0}.learning-callout p:last-child{margin-bottom:0}.article-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:74px;padding-top:28px;border-top:1px solid var(--line);font-size:11px}.article-links a{border-bottom:1px solid currentColor}@media(max-width:760px){.learning{padding:70px 7vw 86px}.learning-grid{grid-template-columns:1fr;margin-top:58px}.learning-card{min-height:220px}.learning-article blockquote{margin:52px -7vw;padding:35px 7vw}.learning-callout{margin:45px -3vw;padding:28px 3vw}}

.wood-diagram{margin:48px 0}.wood-diagram img{display:block;width:100%;height:auto}.wood-diagram figcaption{margin:14px 0;color:var(--muted);font:400 16px/1.45 Newsreader,serif}.source-note{font-size:16px}.learning-article a:not(.article-links a),.essay-body a{ text-decoration:underline;text-underline-offset:3px }
@media(max-width:540px){.wood-diagram{margin-inline:-4vw}.wood-diagram figcaption{margin-inline:4vw}}

.faq-page .learning-article{max-width:760px}.faq-group{margin:0 0 58px}.faq-group>.eyebrow{margin-bottom:16px;color:var(--rust-dark)}.faq-item{border-top:1px solid var(--line)}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-item summary{position:relative;cursor:pointer;list-style:none;padding:22px 38px 22px 0;font:500 clamp(22px,2.7vw,30px)/1.2 Newsreader,serif}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";position:absolute;right:4px;top:19px;color:var(--rust);font:400 26px/1 "DM Mono",monospace}.faq-item[open] summary::after{content:"−"}.faq-item p{margin:0;padding:0 32px 24px 0}.faq-item a,.faq-page .learning-callout a{ text-decoration:underline;text-underline-offset:3px }

/* Give every introduction card the same height, including across separate rows. */
.learning-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}
.learning-card{min-width:0;display:grid;grid-template-rows:auto 1fr auto;gap:24px}
.learning-card>div{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.learning-card h2{margin:0;min-height:3.3em}
.learning-card p{margin:16px 0 0;min-height:5.4em}
.learning-card>span:last-child{align-self:end}
@media(max-width:760px){.learning-grid{grid-template-columns:1fr}.learning-card h2{min-height:2.2em}.learning-card p{min-height:4.05em}}

/* Scale card titles to their own available width rather than the viewport. */
.learning-card{container-type:inline-size;padding:28px;gap:28px}
.learning-card h2{font-size:clamp(28px,15cqi,42px);line-height:1.06;letter-spacing:-.035em;min-height:3.2em;max-width:100%;word-break:normal;overflow-wrap:normal;text-wrap:balance}
.learning-card p{font-size:18px;line-height:1.45;min-height:5.8em}
@media(min-width:761px) and (max-width:1000px){.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.learning-card h2{min-height:2.2em}.learning-card p{min-height:4.35em}}
