:root{--bg:#f4f3ed;--surface:#fdfdf9;--text:#20211e;--muted:#626957;--accent:#927100;--yellow:#f6dd55;--line:#b4baaa;--ink:#25271f;color-scheme:light}
html{scroll-padding-top:20px}body{background:var(--bg);color:var(--text);font-size:16px;line-height:1.75}a{text-decoration:none}button,input,select{font:inherit}button{min-height:44px;border:1px solid var(--ink);background:var(--surface);padding:8px 14px}button:disabled,input:disabled,select:disabled{opacity:.6;cursor:wait}button:hover:not(:disabled){background:#eeeedf}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9b7b0b;outline-offset:4px}.skip{position:fixed;top:-100px;left:16px;z-index:99;background:var(--yellow);padding:10px 15px;border:1px solid var(--ink)}.skip:focus{top:8px}
.learning-topbar{display:flex;align-items:center;gap:36px;min-height:76px;padding:12px 32px;border-bottom:1px solid var(--ink);background:#fbfbf5}.learning-brand{display:flex;align-items:center;gap:12px;font-size:18px;line-height:1.4;font-weight:700;white-space:nowrap}.learning-brand-box{display:grid;place-items:center;position:relative;width:40px;height:40px;background:var(--ink);color:var(--yellow);font-family:'Space Grotesk',sans-serif;font-size:16px}.learning-brand-box>span{position:absolute;right:-5px;top:-7px;background:#fbfbf5;color:var(--ink);font-size:16px}.learning-brand small{display:block;margin-top:4px;font-size:9px;font-weight:500;letter-spacing:1.4px;color:var(--muted)}.learning-topbar nav{display:flex;align-items:center;gap:25px;font-size:14px}.learning-topbar nav a{padding:8px 0;border-bottom:2px solid transparent}.learning-topbar nav a[aria-current]{border-color:var(--ink);font-weight:600}.topbar-label{margin-left:auto;font-size:11px;color:var(--muted);letter-spacing:1.3px}
main{max-width:1560px;margin:auto;padding:32px}.learning-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;border:1px solid var(--ink);box-shadow:5px 5px 0 #d7d9ca;background:var(--surface);margin-bottom:42px}.hero-copy{position:relative;padding:35px 38px}.hero-copy:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:repeating-linear-gradient(90deg,var(--yellow) 0 40px,var(--ink) 40px 43px,transparent 43px 53px)}.eyebrow,.report-kicker,.section-label{font-size:11px;letter-spacing:1.4px;font-weight:600;color:var(--muted)}h1{font-size:40px;line-height:1.3;letter-spacing:-1px;margin:16px 0}h1>span{display:block;font-size:19px;letter-spacing:0;font-weight:500;margin-top:12px}.hero-copy>p{color:var(--muted);font-size:15px;max-width:720px;margin:18px 0}.hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:23px}.hero-tags span{background:#f0f0e5;border:1px solid #bfc4b3;font-size:12px;padding:3px 11px}.hero-note{border-left:1px solid var(--ink);background:var(--yellow);padding:25px 27px;display:flex;flex-direction:column;align-items:start;position:relative;overflow:hidden}.note-mark{position:absolute;right:24px;top:15px;font-family:'Space Grotesk',sans-serif;font-size:39px;line-height:1}.hero-note strong{font-size:25px;line-height:1.5;margin-top:32px}.hero-note p{font-size:13px;line-height:1.9;margin:18px 0}.note-bottom{font-size:11px;border-top:1px solid #b7a341;padding-top:11px;margin-top:auto;width:100%;color:#665a26}
.workspace-heading,.workspace-heading>div,.list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.workspace-heading>div{justify-content:flex-start}.workspace-heading h2{font-size:23px;margin:0}.section-number{display:inline-grid;place-items:center;background:var(--ink);color:var(--yellow);font-family:'Space Grotesk',sans-serif;width:30px;height:30px;flex-shrink:0;font-size:13px}.workspace-heading>span{font-size:13px;color:var(--muted)}.report-toolbar{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:14px;margin-top:20px;align-items:end}.report-toolbar label,.view-control{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:500}.report-toolbar select,.report-toolbar input,.view-control select{border:1px solid #9ba58c;background:var(--surface);border-radius:1px;color:var(--text);padding:10px 12px;font-size:15px;min-height:47px;width:100%;min-width:0}.search-control{min-width:0}.refresh-button{height:47px;font-size:14px;padding-inline:19px;background:var(--ink);color:#faf9ec;white-space:nowrap}.refresh-button span{margin-left:12px;color:var(--yellow)}.refresh-button:hover:not(:disabled){background:#3f4736}.filter-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:19px}.category-filters{display:flex;border:1px solid var(--ink);box-shadow:3px 3px 0 #d7d9ca}.category-filters button{border:0;border-right:1px solid var(--ink);font-size:14px;padding:9px 21px;min-height:46px}.category-filters button:last-child{border-right:0}.category-filters button[aria-pressed=true]{background:var(--yellow);box-shadow:inset 0 -3px 0 var(--ink);font-weight:700}.view-control{min-width:155px;flex-direction:row;align-items:center;gap:10px;white-space:nowrap}.view-control select{font-size:14px;min-width:130px;padding:9px}.device-note{font-size:12px;color:var(--muted);margin:14px 0 10px}.load-status{display:flex;gap:9px;align-items:center;font-size:13px;line-height:1.8;color:var(--muted);min-height:32px}.status-dot{width:6px;height:6px;flex-shrink:0;background:#52663c}.load-status[data-state=error]{border:1px solid #c18f7c;color:#913c24;background:#fff7f0;padding:14px 17px}.load-status[data-state=error] .status-dot{background:#a04427}.load-status[data-state=loading] .status-dot{background:var(--accent)}
.report-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;padding:25px 0 20px;border-top:1px solid var(--ink);margin-top:18px}.report-kicker{margin:0 0 6px}.report-intro h3{font-size:25px;line-height:1.5;margin:0 0 8px;letter-spacing:-.3px}.report-intro p:last-child{font-size:15px;color:var(--muted);margin:0}.report-times{font-size:12px;color:var(--muted);margin:0;min-width:190px}.report-times>div{display:flex;flex-direction:column;margin-bottom:10px}.report-times dt{font-size:11px}.report-times dd{margin:1px 0 0;color:#3f4934}.evidence-boundary{background:#eeeee2;border-left:3px solid var(--yellow);padding:12px 17px;font-size:13px;line-height:1.8;color:#535c46}.evidence-boundary summary{color:#39432d;font-weight:600;padding:3px 0}.evidence-boundary ul{padding-left:18px;margin:9px 0}.evidence-boundary p{margin:8px 0 2px}.results-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 15px}.results-line p{font-size:13px;color:var(--muted);margin:0}.results-line button{min-height:32px;border:0;border-bottom:1px solid #aeb49d;padding:0;background:none;font-size:13px}.list-heading{margin:0 0 14px}.list-heading h3{font-size:19px;margin:0;font-weight:600}.list-heading>span{font-size:11px;letter-spacing:.6px;color:var(--muted)}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#remaining-section{margin-top:33px}.project-card{display:flex;flex-direction:column;min-width:0;padding:23px;border:1px solid #aeb69f;background:var(--surface);box-shadow:0 3px 0 #dfe1d4;position:relative;scroll-margin-top:22px}.project-card.is-featured{border-color:var(--ink);border-top:4px solid var(--ink);box-shadow:4px 4px 0 var(--yellow)}.card-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.category-label{padding:2px 8px;border:1px solid #bdc5ae;background:#eef1e4;color:#48593a;font-size:11px;white-space:nowrap}.card-rank{font-family:'Space Grotesk',sans-serif;letter-spacing:1px}.project-title{margin:15px 0 0;font-size:24px;line-height:1.4;font-weight:700;overflow-wrap:anywhere;letter-spacing:-.5px}.project-id{font-size:11px;line-height:1.7;color:#727a66;margin:5px 0 13px;overflow-wrap:anywhere}.purpose{font-size:16px;line-height:1.85;margin:0 0 18px;font-weight:500}.project-tags{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 15px}.project-tags span{font-size:10px;color:#677057;border:1px solid #d2d7c5;padding:1px 6px}.project-fact{font-size:13px;line-height:1.85;padding:12px 0;border-top:1px solid #d9dece}.project-fact strong,.stars-label{display:block;font-weight:600;font-size:11px;letter-spacing:.5px;color:#71795f;margin-bottom:5px}.project-fact p{margin:0;overflow-wrap:anywhere}.project-fact ul{margin:0;padding-left:18px}.stars-block{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:14px 0;border-top:1px solid #d9dece}.stars-number{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:25px;line-height:1.4;letter-spacing:-.5px}.stars-source{font-size:11px;color:#727a66;line-height:1.75;margin:3px 0 0;overflow-wrap:anywhere}.stars-source a,.project-details a{text-decoration:underline;text-underline-offset:3px}.verification-note{font-size:11px;line-height:1.8;color:#7b5b21;background:#f8f0d2;border:1px solid #e0d3a5;padding:8px 10px;margin:0 0 14px}.project-links{display:flex;flex-wrap:wrap;gap:9px 14px;font-size:12px;padding:0 0 16px;margin-top:auto}.project-links a{padding:3px 0;border-bottom:1px solid #aab299;font-weight:500}.project-links a.primary-link{color:#2e3c22;border-color:#667553}.project-links a:hover,.project-details a:hover{color:#856700}.project-details{border-top:1px solid #d9dece;padding-top:10px;font-size:12px;color:#5e674f}.project-details summary{font-weight:500;color:#4c583f}.detail-inner{padding:5px 0}.detail-inner p{margin:8px 0;overflow-wrap:anywhere}.detail-inner ul{padding-left:18px;margin:8px 0;line-height:1.9}.card-actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #d9dece;margin-top:14px;padding-top:14px}.card-actions button{font-size:12px;padding:6px 10px;min-height:37px;border-color:#bdc5ae;color:#4e5b40}.card-actions button[aria-pressed=true]{background:#ece6bd;border-color:#9e8b29;color:#514315}.card-actions button.is-ignore[aria-pressed=true]{background:#e8ebdf;color:#4c5940;border-color:#89977b}.weekly-note{border:1px solid var(--ink);background:#f5edbe;padding:21px 24px;margin-top:23px}.weekly-note .section-label{color:#726127}.weekly-note h3{font-size:22px;margin:5px 0}.weekly-note p{font-size:14px;margin:7px 0 10px}.weekly-note>div:last-child{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px}.weekly-note a{border-bottom:1px solid #9a8942;padding:3px 0}.empty-state{border:1px dashed #aab39a;padding:40px 25px;text-align:center;background:#fafaf3;min-height:230px}.empty-state>span{display:block;font-size:35px;color:#857025;line-height:1}.empty-state h3{font-size:20px;margin:14px 0 8px}.empty-state p{font-size:14px;color:var(--muted);max-width:560px;margin:auto}.reading-method{display:flex;align-items:start;gap:15px;border-top:1px solid #aab39a;margin-top:48px;padding-top:25px}.reading-method>div{max-width:950px}.reading-method h2{font-size:18px;line-height:30px;margin:0 0 8px}.reading-method p{font-size:13px;color:var(--muted);margin:8px 0}.reading-method strong{font-weight:600;color:#49563a}.reading-method>a{font-size:12px;white-space:nowrap;margin:5px 0 0 auto;border-bottom:1px solid #b1b99f}.noscript-note{border:1px solid #c18f7c;padding:20px;background:#fff7f0}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1496px;margin:auto;padding:23px 0;border-top:1px solid #aab39a;font-size:12px}footer>div{display:flex;gap:25px;align-items:center}footer strong{font-size:12px}footer span,footer>a{color:var(--muted)}
@media(hover:hover) and (pointer:fine){.project-card{transition:box-shadow .15s ease,border-color .15s ease}.project-card:hover{border-color:var(--ink);box-shadow:4px 4px 0 #d3d9c5}.project-card.is-featured:hover{box-shadow:5px 5px 0 var(--yellow),6px 6px 0 var(--ink)}.learning-topbar nav a:hover{border-color:#969f84}}
@media(max-width:1150px){.learning-topbar{gap:25px;padding-inline:24px}.topbar-label{display:none}main{padding:25px}.learning-hero{grid-template-columns:minmax(0,1fr) 250px}.hero-copy{padding:30px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-grid>.project-card:last-child:nth-child(odd){grid-column:1/-1}.featured-grid>.project-card:last-child:nth-child(odd) .project-fact{padding-block:10px}footer{margin-inline:25px}.category-filters button{padding-inline:17px}}
@media(max-width:760px){body{font-size:15px}.learning-topbar{padding:13px 18px;gap:15px;justify-content:space-between;min-height:70px}.learning-brand{font-size:16px;gap:10px}.learning-brand small{font-size:7px}.learning-brand-box{width:34px;height:34px;font-size:14px}.learning-topbar nav{font-size:12px;gap:12px}.learning-topbar nav a[aria-current]{display:none}main{padding:20px 16px}.learning-hero{grid-template-columns:1fr;margin-bottom:31px;box-shadow:3px 3px 0 #d7d9ca}.hero-copy{padding:26px 23px}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:32px;margin-top:14px}h1>span{font-size:16px;line-height:1.7;margin-top:10px}.hero-copy>p{font-size:14px}.hero-tags{margin-top:18px}.hero-note{border-left:0;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 20px;padding:15px 23px}.hero-note strong{font-size:17px;line-height:1.5;margin:0}.hero-note strong br{display:none}.hero-note p{font-size:11px;margin:0;line-height:1.7}.note-mark{display:none}.note-bottom{font-size:10px;grid-column:1/-1;padding-top:8px;margin-top:10px}.workspace-heading h2{font-size:21px}.workspace-heading>span{font-size:11px}.report-toolbar{grid-template-columns:1fr auto;gap:12px;margin-top:17px}.date-control{grid-column:1}.refresh-button{grid-column:2;grid-row:1;font-size:13px;padding-inline:14px}.search-control{grid-column:1/-1}.report-toolbar input{font-size:16px}.filter-toolbar{flex-wrap:wrap;gap:14px;margin-top:15px}.category-filters{width:100%}.category-filters button{flex:1;padding:9px 6px;font-size:13px;white-space:nowrap}.view-control{margin-left:auto;font-size:12px}.view-control select{font-size:13px;min-height:40px;padding:7px 9px}.device-note{font-size:11px;line-height:1.8;margin-top:12px}.load-status{font-size:12px}.report-intro{grid-template-columns:1fr;gap:17px;padding-block:20px}.report-intro h3{font-size:22px}.report-intro p:last-child{font-size:14px}.report-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;min-width:0}.report-times>div{margin:0}.report-times dd{overflow-wrap:anywhere}.evidence-boundary{padding:10px 14px;font-size:12px}.results-line{margin-top:20px}.results-line p{font-size:12px}.list-heading h3{font-size:18px}.list-heading>span{font-size:10px}.featured-grid,.project-grid{grid-template-columns:1fr;gap:17px}.featured-grid>.project-card:last-child:nth-child(odd){grid-column:auto}.project-card{padding:21px}.project-title{font-size:25px}.purpose{font-size:16px}.project-fact{font-size:13px}.project-links{font-size:13px}.card-actions button{min-height:40px}.weekly-note{padding:18px}.reading-method{margin-top:35px;gap:11px;flex-wrap:wrap;padding-top:21px}.reading-method>div{flex:1;min-width:0}.reading-method h2{font-size:17px}.reading-method p{font-size:12px}.reading-method>a{margin-left:41px}.section-number{width:28px;height:28px;font-size:12px}footer{margin-inline:16px;padding-block:20px;font-size:11px}footer>div{display:block}footer span{display:block;font-size:10px;margin-top:7px}footer strong{font-size:11px}}
@media(max-width:380px){.learning-topbar nav{font-size:11px}.learning-brand small{letter-spacing:.8px}.hero-note{grid-template-columns:1fr;gap:9px}.hero-copy{padding-inline:19px}.report-times{grid-template-columns:1fr}.category-filters button{font-size:12px}.project-card{padding:18px}.list-heading>span{font-size:9px}.workspace-heading>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
