/* Chalkmarks journal: shared October palette with an editorial reading layout. */
:root{--coral:#f9b69e;--yellow:#ffde4f}
.site-header{background:var(--ink);color:var(--paper);border-color:#385145}.header-links a{color:var(--paper)}.header-links a:hover{text-decoration:underline}.site-header a:focus-visible,.site-footer a:focus-visible{outline-color:var(--yellow)}
.blog-intro{padding:78px 0 48px}.blog-intro h1{font-size:clamp(2.8rem,6vw,5rem);max-width:800px}.blog-intro .lead{max-width:620px}.eyebrow{letter-spacing:.15em}
.feature-story{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-bottom:80px;background:#fffdf7}.feature-copy{padding:44px}.feature-copy h2{font-size:clamp(2rem,3.6vw,3rem);max-width:620px}.feature-copy h2 a{text-decoration:none}.feature-copy h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.feature-copy p{color:var(--muted);max-width:530px}.feature-copy .button{color:var(--paper)}.feature-art{display:flex;align-items:center;justify-content:center;background:var(--coral);padding:34px}.paper-note{background:var(--paper);padding:36px 30px;border-radius:3px;box-shadow:8px 9px 0 #102e2412;max-width:270px;transform:rotate(-4deg);border-top:5px solid var(--yellow)}.paper-note p{font:400 clamp(2rem,3vw,2.8rem)/1.2 Georgia,serif;margin:0}.paper-note span{display:block;height:1px;width:55px;background:var(--ink);margin-top:32px}
.blog-about{max-width:680px;padding-bottom:76px}.blog-about p{color:var(--muted)}.blog-about h2{font-size:2rem}.back-link{font-size:.9rem;display:inline-flex;min-height:44px;align-items:center;margin-bottom:24px}.article-head{max-width:820px;padding:46px 0 38px}.article-head h1{font-size:clamp(2.5rem,5.6vw,4.5rem);line-height:1.09}.article-head .lead{font-size:1.2rem;max-width:720px}.meta{color:var(--muted);font-size:.875rem;display:flex;flex-wrap:wrap;gap:6px 18px;margin:24px 0 0}.article-layout{display:grid;grid-template-columns:minmax(0,710px) 230px;gap:70px;align-items:start;padding-bottom:80px}.article-prose{font-size:1.08rem;line-height:1.85;min-width:0}.article-prose h2{font-size:clamp(1.65rem,3vw,2.1rem);margin:38px 0 16px}.article-prose p{margin-bottom:22px}.article-prose li{margin-bottom:12px}.article-prose ul{padding-left:24px}.article-prose section{scroll-margin-top:24px}.article-prose .opening{font-size:1.2rem;line-height:1.75}.article-prose .callout{border-left:4px solid #6b8069;margin:30px 0;font-size:1rem}.article-prose .callout h2{font-size:1.45rem;margin:0 0 12px}.article-aside{border-top:1px solid var(--line);padding-top:20px;font-size:.9rem}.article-aside strong{display:block;margin-bottom:12px}.article-aside a{display:block;padding:9px 0;color:var(--muted)}.article-aside p{margin-top:24px;color:var(--muted)}
.article-end{border-top:1px solid var(--line);margin-top:40px;padding-top:24px;font-size:.95rem;color:var(--muted)}.blog-cta{background:var(--ink);color:var(--paper);padding:34px;border-radius:18px;margin-top:36px}.blog-cta h2{color:var(--paper);margin-top:0}.blog-cta p{color:#e0e7d8}.blog-cta .button{background:var(--yellow);color:var(--ink)}.blog-cta .fine{font-size:.875rem}.blog-cta a:focus-visible{outline-color:var(--yellow)}.blog-cta p:last-child{margin-bottom:0}.footer-links a{min-height:44px}
@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,1fr);gap:0;max-width:740px}.article-aside{display:none}.feature-copy{padding:30px}.feature-art{padding:24px}.paper-note{padding:28px 22px}}
@media(max-width:600px){.blog-intro{padding:46px 0 28px}.feature-story{grid-template-columns:1fr;margin-bottom:48px}.feature-art{order:-1;min-height:190px}.paper-note{max-width:310px;transform:rotate(-2deg);padding:22px 26px}.paper-note p{font-size:2rem}.paper-note span{margin-top:16px}.feature-copy{padding:26px}.blog-about{padding-bottom:48px}.article-head{padding-top:25px}.article-prose{font-size:1.02rem}.article-prose .opening{font-size:1.12rem}.article-layout{padding-bottom:48px}.blog-cta{padding:25px}.header-inner{gap:6px}.header-links{gap:8px 22px}.article-prose .callout{padding:20px}.meta{gap:5px 14px}}
@media print{.site-header,.site-footer,.skip,.article-aside,.blog-cta,.back-link{display:none}.article-layout{display:block}.wrap{width:100%}.article-head{padding-top:0}body{background:white;color:black}.article-prose{font-size:11pt}.article-head h1{font-size:28pt}.article-prose h2{break-after:avoid}a{color:inherit}}

/* Illustrated teacher-first article, October 2026. */
.article-photo{margin:0 0 32px}.article-photo img{display:block;width:100%;height:auto;border-radius:12px}.article-photo figcaption,.feature-photo figcaption{font-size:.8rem;line-height:1.5;color:var(--muted);margin-top:9px}.article-photo figcaption span{display:block}.article-prose{overflow-wrap:break-word}.article-prose sup a{padding:0 3px}.article-sources{font-size:.9rem}.article-sources h2{font-size:1.4rem}.article-sources ol{padding-left:24px}.article-sources li{scroll-margin-top:20px}.method-table{table-layout:fixed;line-height:1.55}.method-table th:first-child{width:24%}.method-table tbody th{background:transparent;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.feature-photo{margin:0;background:var(--sage);display:flex;flex-direction:column;justify-content:center;padding:20px}.feature-photo img{display:block;width:100%;height:auto;border-radius:8px}.feature-photo figcaption{margin-bottom:0}.article-aside a{min-height:44px}
@media(max-width:600px){.feature-photo{order:-1;padding:18px}.method-table{font-size:.84rem}.method-table th,.method-table td{padding:10px 6px}.method-table th:first-child{width:25%}.article-photo{margin-bottom:24px}}