/* Civval field notes: a shared reading system for weekly publications. */
.note-page,.archive-page{background:var(--ink)}.note-page .wordmark img,.archive-page .wordmark img{margin-right:12px}.note-hero{padding:38px 7% 70px;background:radial-gradient(ellipse at 80% 55%,#20453266,transparent 65%)}.note-meta{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.note-meta a{color:var(--lime)}.note-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:center;padding-top:65px}.note-hero h1{font-size:clamp(72px,7.8vw,124px);line-height:.95;letter-spacing:-.035em}.note-hero h1 em{margin-top:0}.note-deck{font-size:15px;line-height:1.8;color:#c3cebf;max-width:460px;margin-top:30px}.together-art{position:relative;color:var(--lime);opacity:.8}.together-art svg{width:100%;display:block}.together-art figcaption{text-align:center;color:var(--muted);font-size:8px;margin-top:10px}.reading-layout{display:grid;grid-template-columns:200px minmax(0,710px);justify-content:center;gap:65px;padding:75px 7% 90px;background:var(--paper);color:var(--ink)}.reading-rail{padding-top:8px;color:#61705b}.reading-rail .mono{font-size:9px}.reading-rail>p:not(.mono){font-size:11px;line-height:1.8;margin:20px 0 30px}.note-body{font-size:17px;line-height:1.95;min-width:0}.note-body p+p{margin-top:25px}.note-body .note-lead{font-family:var(--serif);font-size:34px;line-height:1.32;letter-spacing:-.01em;margin-bottom:28px}.note-body h2{font-size:47px;line-height:1.08;margin:48px 0 25px;color:#49643d}.note-body blockquote{margin:40px -25px;padding:35px 25px;border-top:1px solid #09252240;border-bottom:1px solid #09252240;font-family:var(--serif);font-size:49px;line-height:1.1;letter-spacing:-.02em;color:#49643d}.small-experiment{margin-top:50px;padding:32px;background:#dce3d4;border-left:2px solid #607c47}.small-experiment .mono{color:#5b7052;font-size:9px}.small-experiment h2{font-size:38px;margin:18px 0 20px}.small-experiment p{font-size:14px;line-height:1.85}.small-experiment .experiment-question{font-family:var(--serif);font-size:30px;line-height:1.2;color:#49643d}.note-colophon{border-top:1px solid #09252230;margin-top:55px;padding-top:25px}.note-colophon .mono{color:#68745e;font-size:9px}.note-colophon p{font-size:11px;line-height:1.8;margin-top:16px;color:#5e6e57}.note-colophon a{text-decoration:underline;text-underline-offset:3px}.weekly-feature{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:30px;padding:35px 40px;margin-bottom:25px;background:#dde4d3;border:1px solid #09252235}.weekly-feature .mono{color:#627357;font-size:9px}.weekly-feature h3{font-size:clamp(36px,3.7vw,54px);line-height:1.05;margin:18px 0}.weekly-feature p{font-size:12px;max-width:480px;margin-bottom:22px}.weekly-feature-art{color:#627c49}.weekly-feature-art svg{display:block;max-width:300px;width:100%;margin:auto}.archive-link{margin:0 0 35px;text-align:right}.archive-link .text-link{font-size:11px}.archive-intro{padding:70px 7% 65px;background:radial-gradient(ellipse at 80% 30%,#294c3666,transparent 60%)}.archive-intro>.mono{color:var(--muted);font-size:10px;margin-bottom:35px}.archive-intro h1{font-size:clamp(75px,7.5vw,115px);line-height:.97}.archive-intro>p:last-child{max-width:440px;font-size:14px;color:#bfccbd;margin-top:28px}.archive-entries{padding:15px 7% 75px;background:var(--paper);color:var(--ink)}.archive-entry{display:grid;grid-template-columns:175px 1fr 30px;gap:30px;align-items:start;padding:40px 0;border-bottom:1px solid #09252235}.archive-entry>.mono{font-size:9px;color:#6c7c5f;padding-top:10px}.archive-entry h2{font-size:44px;line-height:1.1;max-width:750px}.archive-entry p{font-size:13px;margin-top:15px;max-width:610px;color:#5c6e52}.archive-entry time{display:block;font-size:10px;color:#74816a;margin-top:20px}.archive-entry>b{font-weight:400;font-size:25px;color:#6e825b}.archive-entry:hover h2{color:#5f7d47}
@media(max-width:1000px){.note-hero-grid{grid-template-columns:1.25fr 1fr}.note-hero h1{font-size:83px}.reading-layout{grid-template-columns:140px minmax(0,650px);gap:35px}.note-body blockquote{margin:35px 0}.archive-entry{grid-template-columns:135px 1fr 24px;gap:20px}}
@media(max-width:700px){.note-page .header,.archive-page .header{height:80px}.note-page .wordmark img,.archive-page .wordmark img{width:27px;height:27px;margin-right:8px}.note-hero{padding:28px 6% 38px}.note-meta{font-size:7px;gap:12px;letter-spacing:.04em}.note-hero-grid{grid-template-columns:1fr;padding-top:42px;gap:25px}.note-hero h1{font-size:clamp(58px,14.5vw,85px);line-height:.98}.note-deck{font-size:12px;margin-top:25px;max-width:340px}.together-art{width:85%;max-width:350px;margin:auto}.together-art figcaption{font-size:7px}.reading-layout{display:block;padding:35px 6% 50px}.reading-rail{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 25px;border-bottom:1px solid #09252230;margin-bottom:30px}.reading-rail .mono{font-size:8px}.reading-rail>p:not(.mono){display:none}.reading-rail p+p{margin-top:0}.note-body{font-size:15px;line-height:1.9}.note-body .note-lead{font-size:28px;line-height:1.35}.note-body h2{font-size:37px;margin-top:35px}.note-body blockquote{font-size:39px;padding:25px 0;margin:30px 0}.small-experiment{padding:24px 21px;margin-top:35px}.small-experiment h2{font-size:32px;margin-top:18px}.small-experiment p{font-size:13px}.small-experiment .experiment-question{font-size:28px}.weekly-feature{grid-template-columns:1fr;padding:27px 24px;gap:12px}.weekly-feature h3{font-size:38px}.weekly-feature .mono{font-size:8px}.weekly-feature-art svg{max-width:205px}.weekly-feature p{font-size:12px}.archive-intro{padding:45px 6%}.archive-intro h1{font-size:65px}.archive-intro>.mono{font-size:8px;margin-bottom:28px}.archive-intro>p:last-child{font-size:12px}.archive-entries{padding:0 6% 45px}.archive-entry{grid-template-columns:1fr 22px;gap:15px;padding:28px 0}.archive-entry>.mono{grid-column:1/-1;font-size:8px;padding:0}.archive-entry h2{font-size:35px}.archive-entry p{font-size:12px}.archive-entry time{font-size:9px}.archive-entry>b{font-size:22px}}