/* Readable additions to the existing editorial pages. No interactive UI needed. */
.about-page .about-intro{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;padding-block:64px 56px}
.about-page .about-intro h1{max-width:17ch}
.about-intro-copy{padding-top:4px}.about-intro-copy p+p{margin-top:20px}
.about-page .about-story{gap:64px;border-top:1px solid var(--site-line);padding-top:40px;padding-bottom:48px}
.about-page .about-story p+p{margin-top:20px}
.reading-links{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:540px;margin-top:20px}
.reading-links .page-link{display:block;margin:0;padding-block:16px;border-bottom:1px solid var(--site-line);text-decoration:none;text-wrap:pretty}
.reading-links .page-link:hover{text-decoration:underline;text-underline-offset:5px}
.reading-links .page-link:first-child{border-top:1px solid var(--site-line)}
.about-page .principles-list{grid-template-columns:1fr;gap:20px}
.about-page .principles-list li{padding-top:15px}
.about-page .principles-list h3{margin-bottom:6px}
.about-page .page-contact .page-button{max-width:320px;text-align:center}
.task-reading{max-width:980px}
.task-page .page-intro{padding-top:25px;padding-bottom:40px}
.task-page .page-intro h1{max-width:26ch;margin-top:12px}
.task-page .page-intro>p{max-width:68ch}
.task-page .task-eyebrow{font-size:12px;color:#806119;letter-spacing:.04em;margin-top:22px}
.task-section{border-top:1px solid #d8cfbb;padding:33px 0 36px}
.task-section h2{font-size:clamp(24px,2.3vw,29px);margin-bottom:20px;max-width:30ch}
.task-section p+p{margin-top:17px}
.task-results{padding-left:20px;color:#4c586b;font-size:16px;line-height:1.7;max-width:68ch;margin:0}
.task-results li+li{margin-top:9px}
.task-page .example-label{font-size:12px;color:#806119;margin-bottom:17px}
.task-table-wrap{margin-bottom:24px}
.task-table-wrap table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.65;color:#4c586b;text-align:left}
.task-table-wrap th,.task-table-wrap td{padding:17px 20px;border-bottom:1px solid #d8cfbb;vertical-align:top}
.task-table-wrap thead{background:#eee9df;color:#111c35}
.task-table-wrap th{font-weight:500}.task-table-wrap tbody th{width:29%;color:#111c35}
.task-context{padding-bottom:30px}.task-context:empty{display:none}
.task-page .page-contact>.page-wrap{justify-content:center;padding-block:32px}
.task-related{padding-block:36px 44px;margin-top:0;max-width:980px}
.task-related .page-link{font-size:15px}
.resource-index{max-width:1180px;padding-bottom:72px}
.resource-index .page-intro{padding-block:56px 40px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:32px}
.resource-index .page-intro h1{max-width:none}
.resource-index .page-intro>p{max-width:48ch;margin:0;font-size:15px}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.resource-card{min-width:0;display:flex;border:1px solid #ded9ce;border-radius:14px;background:#fffdf9}
.resource-card-link{display:flex;flex-direction:column;flex:1;min-width:0;color:var(--site-ink);text-decoration:none;border-radius:14px}
.resource-card-link:focus-visible{outline:2px solid var(--site-gold);outline-offset:5px}
.resource-cover{position:relative;overflow:hidden;aspect-ratio:1.55;border-radius:13px 13px 0 0;display:flex;align-items:center;padding:28px 32px}
.cover-words{display:grid;gap:0;font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,2.7vw,35px);font-weight:600;line-height:1.45;letter-spacing:-.025em;position:relative;z-index:1}
.cover-words em{font-weight:600}
.cover-evaluate{background:#111c35;color:#f7f4ee}.cover-evaluate em{color:#edcc83}
.cover-check{background:#e9dfc9;color:#353329}.cover-check em{color:#806119}
.cover-resume{background:#dce5ed;color:#263b54}.cover-resume em{color:#486786}
.cover-rule{position:absolute;right:28px;top:30px;bottom:30px;width:1px;background:currentColor;opacity:.2;transform-origin:bottom;transition:transform .3s ease}
.cover-rule:after{content:'';position:absolute;left:-3px;bottom:0;width:7px;height:7px;border-radius:50%;background:currentColor}
.resource-card-copy{padding:26px 24px 22px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.resource-card h2{font-size:23px;line-height:1.3;letter-spacing:-.025em;text-wrap:pretty;min-height:3.9em}
.resource-card .resource-meta{font-size:12px;font-weight:500;line-height:1.5;color:var(--site-gold);margin-block:14px}
.resource-card .resource-summary{font-size:14px;line-height:1.75;margin-bottom:24px}
.resource-read{display:flex;align-items:center;justify-content:space-between;gap:16px;align-self:stretch;margin-top:auto;padding-top:16px;border-top:1px solid #e6ded2;font-size:13px;font-weight:500;color:var(--site-ink);line-height:1.5}
.resource-read svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .25s ease}
.resource-card-link:hover h2{text-decoration:underline;text-decoration-color:#bfa76f;text-decoration-thickness:1px;text-underline-offset:5px}
.resource-card-link:is(:hover,:focus-visible) .resource-read svg{transform:translateX(3px)}
.resource-card-link:is(:hover,:focus-visible) .cover-rule{transform:scaleY(.78)}
.method-page .method-decision{padding-top:28px;border-top:1px solid var(--site-line);margin-bottom:32px}
.method-decision h2{font-size:27px;margin-bottom:18px}
.method-decision .task-results{margin-block:20px 24px}
.method-decision li{margin-bottom:12px}
@media(min-width:701px) and (max-width:979px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-cover{aspect-ratio:1.8}.resource-card h2{min-height:0}.resource-index .page-intro{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){.resource-card-link *{transition:none!important;transform:none!important}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){
 .about-page .about-intro{grid-template-columns:1fr;gap:24px;padding-block:36px 32px}.about-page .about-intro h1{max-width:23ch;font-size:32px}
 .about-intro-copy{padding-top:0}.about-page .about-story{gap:20px;padding-block:28px 36px}
 .reading-links{margin-top:20px}.reading-links .page-link{padding-block:14px}
 .task-page .page-intro{padding-top:17px;padding-bottom:30px}.task-page .page-intro h1{font-size:31px}
 .task-section{padding-block:27px}.task-section h2{margin-bottom:16px}
 .task-table-wrap table{font-size:14px}.task-table-wrap th,.task-table-wrap td{padding:13px 10px}.task-table-wrap tbody th{width:33%}
 .task-related{padding-block:24px 32px;margin-top:0}.task-related a{width:100%}
 .task-page .page-contact .page-button{width:100%;text-align:center}
 .resource-index{padding-bottom:40px}.resource-index .page-intro{padding-block:36px 28px;grid-template-columns:1fr;gap:18px}
 .resource-grid{grid-template-columns:1fr;gap:24px}.resource-cover{aspect-ratio:1.65;padding:24px 28px}.cover-words{font-size:30px}
 .resource-card-copy{padding:24px 22px 20px}.resource-card h2{font-size:23px;min-height:0}.resource-card .resource-summary{margin-bottom:22px}
}