:root{--bg: #f7f4ec;--panel: #fffdf8;--ink: #1e2722;--muted: #65716a;--line: #ded8cb;--accent: #0f6f5c;--accent-strong: #0b4f42;--gold: #c88725;--blue: #315f8f;--shadow: 0 20px 70px rgba(30, 39, 34, .12);--radius: 8px;--page-max: 1200px;--wide-max: 1280px;--reader-max: 1100px;--page-gutter: clamp(20px, 4vw, 48px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:10;display:grid;gap:12px;padding-block:10px 12px;padding-inline:max(var(--page-gutter),calc((100vw - var(--page-max)) / 2));background:linear-gradient(90deg,rgba(30,39,34,.06) 1px,transparent 1px),linear-gradient(180deg,#fffdf8f5,#f7f4eceb);background-size:18px 100%,100% 100%;border-bottom:1px solid rgba(30,39,34,.2);box-shadow:0 18px 42px #1e272214;backdrop-filter:blur(20px)}.site-header>*,.site-footer>*{position:relative;z-index:1}.brand,.primary-nav,.secondary-nav,.breadcrumb-trail,.footer-links,.hero-actions,.hero-stats,.tag-row,.project-topline,.email-row,.row-heading,.action-row{display:flex;align-items:center}.header-main{display:grid;grid-template-columns:minmax(180px,auto) minmax(0,1fr) auto;gap:14px;align-items:center}.brand{gap:11px;font-weight:800;letter-spacing:0}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:7px;background:var(--ink);color:var(--bg);font-size:13px;box-shadow:4px 4px 0 var(--gold)}.brand-copy{display:grid;line-height:1.08}.brand-copy strong{font-size:17px;font-weight:950}.brand-copy em{color:var(--muted);font-size:11px;font-style:normal;font-weight:850}.primary-nav{display:grid;grid-template-columns:repeat(4,minmax(126px,1fr));gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:3px;border:1px solid rgba(30,39,34,.14);border-radius:12px;background:#fffdf89e}.primary-nav::-webkit-scrollbar,.secondary-nav::-webkit-scrollbar{display:none}.primary-nav-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;min-width:136px;overflow:hidden;padding:10px 10px 9px;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);font-size:12px;line-height:1.25;white-space:nowrap}.nav-index{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line);border-radius:999px;background:#f7f4ecd1;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:950}.nav-copy{display:grid;min-width:0}.primary-nav-item strong{color:var(--ink);font-size:14px;font-weight:950}.primary-nav-item em{overflow:hidden;color:var(--muted);font-size:11px;font-style:normal;font-weight:760;text-overflow:ellipsis}.nav-line{position:absolute;right:10px;bottom:6px;left:46px;height:2px;background:var(--line)}.nav-line:after{display:block;width:32%;height:100%;background:var(--gold);content:""}.primary-nav-item.active{border-color:var(--ink);background:linear-gradient(135deg,rgba(200,135,37,.16),transparent 42%),var(--panel);box-shadow:4px 4px #1e272229;transform:translateY(-1px)}.primary-nav-item.active .nav-index{border-color:var(--ink);background:var(--ink);color:var(--bg)}.primary-nav-item.active .nav-line:after{width:76%}.primary-nav-item:hover,.footer-links a:hover{color:var(--ink)}.header-subnav{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:9px 12px;border:1px solid rgba(30,39,34,.14);border-radius:12px;background:#fffdf8b3}.breadcrumb-trail{gap:8px;min-width:max-content;color:var(--muted);font-size:12px;font-weight:780}.breadcrumb-label{padding:3px 7px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:11px;font-weight:950}.breadcrumb-trail a:hover,.breadcrumb-trail strong{color:var(--ink)}.secondary-nav{justify-content:flex-end;gap:7px;min-width:0;overflow-x:auto}.secondary-nav a{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fffdf8b8;color:var(--muted);font-size:12px;font-weight:850;white-space:nowrap}.secondary-nav a span{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-weight:950}.secondary-nav a strong{color:var(--ink);font-size:12px}.secondary-nav a:hover{border-color:var(--ink);color:var(--ink);background:var(--panel)}.header-actions{display:flex;gap:8px;align-items:center}.header-ghost,.header-action,.button,button{border:1px solid var(--ink);border-radius:var(--radius);font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.header-ghost{padding:10px 12px;border:1px solid var(--line);background:#fffdf8b8;color:var(--muted)}.header-action{padding:10px 14px;background:var(--panel);box-shadow:4px 4px 0 var(--ink)}.button{display:inline-flex;justify-content:center;padding:12px 18px}.primary,button{background:var(--accent);color:#fff;border-color:var(--accent-strong);box-shadow:5px 5px 0 var(--accent-strong)}.secondary{background:var(--panel);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.button:hover,.header-ghost:hover,.header-action:hover,button:hover{transform:translate(-1px,-1px)}.hero-section{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:clamp(32px,6vw,80px);align-items:center;width:min(var(--page-max),calc(100% - var(--page-gutter) * 2));margin:0 auto;padding:clamp(58px,7vw,86px) 0 clamp(72px,8vw,104px)}.hero-copy h1,.doc-hero h1,.submit-hero h1{max-width:870px;margin:0;font-size:clamp(36px,6vw,64px);line-height:1;letter-spacing:0}.hero-copy p,.doc-hero p,.submit-hero p{max-width:680px;margin:24px 0 0;color:var(--muted);font-size:clamp(16px,1.7vw,19px)}.home-kicker{display:inline-flex;margin-bottom:18px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#f4efe4;color:var(--accent-strong);font-size:13px;font-weight:900}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px}.hero-stats{flex-wrap:wrap;gap:16px;margin-top:34px;color:var(--muted);font-size:14px}.hero-stats span{padding-right:16px;border-right:1px solid var(--line)}.hero-stats strong{color:var(--ink);font-size:20px}.hero-visual{position:relative}.hero-visual img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.signal-panel{position:absolute;right:-18px;bottom:24px;width:min(320px,80%);padding:18px;border:1px solid var(--ink);border-radius:var(--radius);background:var(--panel);box-shadow:6px 6px 0 var(--ink)}.signal-panel span,.text-label,.tool-row span,.roadmap span{color:var(--gold);font-size:13px;font-weight:800}.home-diagnosis-panel{padding:clamp(22px,3vw,34px);border:1px solid var(--ink);border-radius:var(--radius);background:linear-gradient(90deg,rgba(30,39,34,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(30,39,34,.06) 1px,transparent 1px),var(--panel);background-size:44px 44px;box-shadow:var(--shadow)}.diagnosis-top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.diagnosis-top span{color:var(--gold);font-size:12px;font-weight:950;letter-spacing:.08em}.diagnosis-top strong{font-size:clamp(18px,2.6vw,25px)}.diagnosis-flow{display:grid;gap:12px;margin-top:18px}.diagnosis-flow div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px 14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8c7}.diagnosis-flow span{grid-row:span 2;display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:950}.diagnosis-flow strong{font-size:16px}.diagnosis-flow em{color:var(--muted);font-style:normal;font-size:13px}.home-diagnosis-panel p{margin:18px 0 0;color:var(--muted);font-weight:800}.ad-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(var(--page-max),calc(100% - var(--page-gutter) * 2));margin:0 auto;padding:18px 20px;border:1px dashed var(--gold);border-radius:var(--radius);background:#fff7df}.start-section{padding-top:0}.vision-section{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,56px);align-items:start;padding-top:clamp(28px,5vw,56px);border-top:1px solid var(--line)}.vision-manifesto{position:sticky;top:132px}.vision-manifesto h2{max-width:620px;margin:0;font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:0}.vision-manifesto p{max-width:620px;margin:18px 0 0;color:var(--muted);font-size:clamp(16px,1.7vw,18px);line-height:1.78}.vision-grid{display:grid;gap:12px}.vision-grid article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px 16px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.vision-grid span{grid-row:span 2;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:950;line-height:1}.vision-grid h3{margin:0;font-size:20px;line-height:1.24}.vision-grid p{margin:0;color:var(--muted);line-height:1.72}.start-route-grid,.use-case-grid,.learner-situation-grid,.today-board,.reader-mode-grid,.directory-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}.start-route-card,.use-case-grid article,.learner-situation-grid a,.today-board a,.reader-mode-grid article,.directory-guide-grid article{display:grid;align-content:start;gap:12px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.start-route-card{min-height:250px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.start-route-card:hover,.learner-situation-grid a:hover,.today-board a:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:6px 6px #1e27221f}.start-route-card span{width:fit-content;padding:5px 8px;border-radius:999px;background:#e8efe9;color:var(--accent-strong);font-size:12px;font-weight:900}.start-route-card h3,.use-case-grid h3,.learner-situation-grid h3,.today-board strong,.reader-mode-grid h3,.directory-guide-grid h3{margin:0;font-size:clamp(20px,2.6vw,26px);line-height:1.1}.start-route-card p,.use-case-grid p,.learner-situation-grid p,.today-board p,.reader-mode-grid p,.directory-guide-grid p{margin:0;color:var(--muted)}.start-route-card strong,.learner-situation-grid strong{margin-top:auto;color:var(--accent)}.usefulness-section{padding-top:0}.use-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.use-case-grid article{background:#fbf8f1}.today-board-section{padding-top:0}.today-board{grid-template-columns:repeat(4,minmax(0,1fr))}.today-board a{position:relative;min-height:190px;border-color:#1e272238;background:linear-gradient(135deg,rgba(200,135,37,.12),transparent 48%),var(--panel);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.today-board span{color:var(--gold);font-size:12px;font-weight:950}.today-board strong{display:block}.reader-mode-panel,.directory-guide{padding:30px 0;border-bottom:1px solid var(--line)}.reader-mode-grid,.directory-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-mode-grid article,.directory-guide-grid article{background:#fbf8f1}.ad-strip span,.sponsored-placement>span,.rank-badge{display:inline-flex;width:fit-content;padding:4px 8px;border-radius:999px;background:var(--gold);color:#23170a;font-size:12px;font-weight:900}.soft-disclosure,.corner-disclosure{display:inline-flex;width:fit-content;align-items:center;border:1px solid rgba(30,39,34,.12);border-radius:999px;background:#f4efe4;color:var(--muted);font-size:11px;font-weight:850;line-height:1}.soft-disclosure{padding:5px 8px}.corner-disclosure{position:absolute;top:12px;right:12px;z-index:2;padding:5px 7px;background:#fffdf8e6;backdrop-filter:blur(10px)}.soft-disclosure.sponsored,.corner-disclosure.sponsored,.soft-disclosure.affiliate,.corner-disclosure.affiliate{border-color:#c8872547;background:#fff7dfe6;color:#7a4c0a}.soft-disclosure.candidate,.corner-disclosure.candidate{border-color:#315f8f2e;background:#ebf2f8e6;color:var(--blue)}.ad-strip strong{display:block;margin-top:4px;font-size:20px}.ad-strip p{margin:4px 0 0;color:var(--muted)}.section{width:min(var(--page-max),calc(100% - var(--page-gutter) * 2));margin:0 auto;padding:clamp(48px,7vw,88px) 0}.split{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:clamp(32px,6vw,72px)}.section-heading{max-width:760px}.section-heading h2,.membership h2,.doc-section h2,.submit-note h2{margin:0;font-size:clamp(24px,3.4vw,38px);line-height:1.08;letter-spacing:0}.section-heading p,.membership p,.doc-section p,.submit-note li{color:var(--muted)}.inline-link{display:inline-flex;margin-top:10px;color:var(--accent);font-weight:800}.source-link{display:inline-flex;width:fit-content;margin-top:14px;color:var(--blue);font-size:14px;font-weight:800}.muted-link{color:var(--muted)}.dark-link{color:var(--accent-strong)}.action-row{flex-wrap:wrap;gap:12px}.row-heading{justify-content:space-between;gap:24px;max-width:none}.insight-list{display:grid;gap:16px}.insight-card,.project-card,.tool-row,.roadmap article,.doc-grid article,.requirement-list article,.submission-form,.submit-note,.signup-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}a.insight-card,a.project-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}a.insight-card:hover,a.project-card:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:6px 6px #1e27221f}.insight-card{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px}.insight-card img{width:86px;height:72px;border:1px solid var(--line);border-radius:var(--radius);object-fit:cover;object-position:top}.insight-card h3,.project-card h3,.tool-row h3,.roadmap h3,.doc-grid h3{margin:6px 0 8px;font-size:22px;line-height:1.2}.insight-card p,.project-card p,.tool-row p,.roadmap ul,.doc-grid p,.requirement-list p{margin:0;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:28px}.project-card{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(170px,auto);grid-template-areas:"logo title need" "logo desc need" "logo tags need";gap:16px;align-items:center;min-width:0;min-height:0;padding:18px}.home-card-logo,.tool-logo-tile{display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(30,39,34,.16);border-radius:var(--radius);background:var(--ink);color:var(--bg);font-size:25px;font-weight:950;box-shadow:5px 5px #1e27221f}.home-card-logo{grid-area:logo;color:#fff}.project-card>.project-topline{grid-area:title}.project-card>p{grid-area:desc}.project-card>.tag-row{grid-area:tags}.project-card>strong{grid-area:need;justify-self:end;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1;color:var(--accent-strong);white-space:nowrap}.tool-logo-tile.small{width:54px;height:54px;font-size:22px}.project-topline{min-width:0;flex-wrap:wrap;justify-content:space-between;gap:16px}.project-topline span,.tag-row span{border-radius:999px;background:#e8efe9;color:var(--accent-strong);font-size:13px;font-weight:760}.project-topline span{padding:5px 10px;white-space:nowrap}.tag-row{flex-wrap:wrap;gap:8px}.tag-row span{padding:4px 9px}.muted-band{width:100%;max-width:none;background:#e8e1d3;padding-inline:max(var(--page-gutter),calc((100vw - var(--page-max)) / 2))}.tool-grid{display:grid;gap:14px;margin-top:28px}.tool-row{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(180px,auto);gap:16px;align-items:center;padding:18px 20px}.membership{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.72fr);gap:28px;align-items:start;background:var(--ink);color:var(--bg)}.membership p,.membership .signup-form p{color:#b7c0b8}.signup-form{padding:24px;color:var(--ink)}.signup-form label,.submission-form label{display:grid;gap:8px;font-weight:800}.email-row{gap:10px;margin-top:12px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);font:inherit;font-size:15px;padding:12px 13px}.email-row button{min-width:86px;padding:12px 16px}.benefit-list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:8px 0 0;list-style:none}.benefit-list li{padding:18px;border:1px solid rgba(247,244,236,.22);border-radius:var(--radius);color:#e7eadf}.roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.roadmap article{padding:24px}.doc-page,.submit-page,.collection-page,.membership-page{max-width:var(--reader-max);margin:0 auto;padding:clamp(48px,7vw,88px) 20px}.collection-page:has(.project-directory){max-width:var(--wide-max)}.doc-hero,.submit-hero,.collection-hero{padding-bottom:40px;border-bottom:1px solid var(--line)}.collection-hero h1,.membership-hero h1{max-width:900px;margin:0;font-size:clamp(36px,6vw,62px);line-height:1;letter-spacing:0}.collection-hero p,.membership-hero p{max-width:740px;margin:22px 0 0;color:var(--muted);font-size:clamp(16px,1.7vw,19px)}.collection-hero .button{margin-top:28px}.magazine-page{position:relative;max-width:min(1320px,calc(100% - 40px))}.magazine-page:before{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(30,39,34,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(30,39,34,.02) 1px,transparent 1px);background-size:22px 22px;content:""}.magazine-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(28px,5vw,64px);align-items:end;padding-bottom:28px;border-bottom:2px solid var(--ink)}.magazine-kicker{display:inline-flex;margin-bottom:14px;padding:5px 9px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-size:12px;font-weight:950;text-transform:uppercase}.magazine-hero h1{max-width:980px;font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(40px,7vw,76px);line-height:.98}.magazine-hero aside{display:grid;gap:8px;padding:16px 0 0 18px;border-left:1px solid var(--ink)}.magazine-hero aside strong{color:var(--gold);font-size:26px;line-height:1}.magazine-hero aside span{font-weight:900}.magazine-hero aside p{margin:0;color:var(--muted);font-size:14px}.magazine-feature{display:grid;grid-template-columns:minmax(360px,.96fr) minmax(0,1fr) 260px;gap:24px;align-items:stretch;padding:28px 0;border-bottom:1px solid var(--ink)}.magazine-feature-image{overflow:hidden;border:1px solid var(--ink);background:var(--panel)}.magazine-feature-image img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:top;filter:saturate(.92) contrast(1.02)}.magazine-feature-copy{display:grid;gap:16px;align-content:center;padding:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.magazine-feature-copy h2{margin:0;font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(28px,4vw,46px);line-height:1}.magazine-feature-copy p{margin:0;color:var(--muted);font-size:16px}.magazine-feature-copy .button{width:fit-content}.editorial-spread{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.2fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--ink)}.spread-main{padding:24px;border:1px solid var(--ink);background:#fffdf8c7}.spread-main h2{max-width:520px;margin:0 0 18px;font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(26px,3.4vw,40px);line-height:.98}.desk-list{display:grid;border-top:1px solid var(--ink)}.desk-row{display:grid;grid-template-columns:42px minmax(0,1fr) 86px;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}.desk-row>span{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:950;line-height:1}.desk-row strong{display:block;font-size:20px;line-height:1.18}.desk-row p{display:-webkit-box;overflow:hidden;margin:6px 0 0;color:var(--muted);font-size:14px;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2}.desk-row em{justify-self:end;padding-top:3px;color:var(--muted);font-size:12px;font-style:normal;font-weight:900}.spread-visuals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.visual-brief{position:relative;display:grid;min-height:210px;overflow:hidden;align-content:end;border:1px solid var(--ink);background:#171713;color:#fffdf8}.visual-brief:nth-child(1),.visual-brief:nth-child(4){grid-row:span 2}.visual-brief img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:.72;filter:saturate(.9) contrast(1.08);transition:transform .18s ease,opacity .18s ease}.visual-brief:hover img{transform:scale(1.035);opacity:.84}.visual-brief:after{position:absolute;inset:0;background:linear-gradient(180deg,#0a0a080d,#0a0a08d6);content:""}.visual-brief span,.visual-brief strong{position:relative;z-index:1;margin:0 14px}.visual-brief span{width:fit-content;margin-bottom:8px;padding:3px 7px;background:#fffdf8;color:var(--ink);font-size:11px;font-weight:950}.visual-brief strong{margin-bottom:14px;font-size:17px;line-height:1.15}.magazine-side-notes{display:grid;gap:14px;align-content:stretch}.magazine-side-notes a,.magazine-toc a{display:grid;gap:8px;padding:16px;border:1px solid var(--line);background:#fffdf8b8}.magazine-side-notes span,.magazine-toc span{color:var(--gold);font-weight:950}.magazine-side-notes strong{font-size:20px;line-height:1.18}.magazine-side-notes em{color:var(--muted);font-style:normal;font-size:13px;font-weight:850}.magazine-toc{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:22px 0 8px}.magazine-toc a{min-height:94px;border-color:var(--ink)}.magazine-toc strong{font-size:18px;line-height:1.16}.magazine-filter{margin-top:18px;background:#fffdf8c7}.policy-in-insights{margin-top:28px;padding:28px;border:1px solid var(--ink);border-radius:var(--radius);background:#fff7dfad}.policy-in-insights .section-heading{max-width:860px}.policy-in-insights .magazine-kicker{margin-bottom:10px}.compact-policy-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:22px}.compact-policy-grid .policy-card{background:#fffdf8db}.magazine-insight-grid{grid-template-columns:1fr;gap:12px}.magazine-insight-grid.insight-collection .collection-card{grid-template-columns:200px minmax(0,1fr) 260px;gap:0;padding:0;overflow:hidden;border-color:#20272357;border-radius:0;background:#fffdf8db}.magazine-insight-grid.insight-collection .collection-card:hover{border-color:var(--ink);background:#fffdf8}.magazine-insight-grid .collection-card.feature-row{grid-template-columns:320px minmax(0,1fr) 290px;min-height:300px;border:1px solid var(--ink);background:#fff7df8c}.magazine-insight-grid .collection-card>div{display:grid;gap:12px;align-content:start;padding:20px 22px}.magazine-insight-grid .collection-card h2{font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(26px,3vw,42px);line-height:1.04}.magazine-insight-grid .collection-card:not(.feature-row) h2{font-size:clamp(22px,2vw,30px)}.magazine-insight-grid .collection-card p{display:-webkit-box;overflow:hidden;line-clamp:3;-webkit-box-orient:vertical;-webkit-line-clamp:3}.news-brief{display:grid;gap:12px;align-content:start;padding:18px;border-left:1px solid var(--line);background:linear-gradient(rgba(32,39,35,.03) 1px,transparent 1px),#f7f2e7b8;background-size:100% 8px}.news-brief strong{color:var(--gold);font-size:12px;font-weight:950;letter-spacing:.06em}.magazine-insight-grid .collection-card ul,.news-brief ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px}.news-brief li{margin-bottom:8px}.doc-section{padding:36px 0;border-bottom:1px solid var(--line)}.doc-section li{margin:10px 0;color:var(--muted)}.doc-grid,.requirement-list,.collection-grid,.about-grid,.sponsor-grid,.membership-list,.process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.doc-grid article,.requirement-list article,.collection-card,.about-grid article,.sponsor-grid article,.membership-list li,.process-grid article,.process-row{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.collection-grid{padding-top:32px}.collection-card h2,.project-matrix-card h2,.tool-detail h2,.about-grid h2{margin:8px 0 10px;font-size:28px;line-height:1.16}.collection-card p,.project-matrix-card p,.tool-detail p,.about-grid p,.sponsor-grid p{color:var(--muted)}.insight-collection .collection-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.article-thumb{overflow:hidden;align-self:start;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.magazine-insight-grid .article-thumb{width:100%;height:100%;align-self:stretch;border:0;border-right:1px solid var(--line);border-radius:0}.article-thumb img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top}.magazine-insight-grid .article-thumb img{height:100%;min-height:210px;aspect-ratio:auto;filter:saturate(.88) contrast(1.04)}.original-title{margin-top:8px;color:var(--muted);font-size:14px}.source-callout{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;width:fit-content;margin-top:22px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.source-callout span{color:var(--gold);font-size:13px;font-weight:900}.source-callout a{color:var(--accent-strong);font-weight:850}.card-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:14px}.card-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.project-directory,.tool-directory{display:grid;gap:16px;padding-top:32px}.project-directory{grid-template-columns:1fr;align-items:stretch}.filter-panel{display:grid;gap:18px;margin-top:28px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.filter-panel label,.filter-panel>div>span{display:block;margin-bottom:8px;color:var(--ink);font-size:14px;font-weight:900}.filter-panel p{margin:0;color:var(--muted)}.filter-panel strong{color:var(--accent)}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chips button{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fbf8f1;box-shadow:none;color:var(--muted);font-size:13px;font-weight:800}.filter-chips button.active{border-color:var(--accent-strong);background:#e8efe9;color:var(--accent-strong)}.empty-state{grid-column:1 / -1;padding:22px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted);text-align:center}.tool-store-page{max-width:min(1280px,calc(100% - 40px))}.tool-store-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);gap:24px;align-items:stretch;padding:clamp(24px,4vw,38px);border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(15,111,92,.12),transparent 42%),var(--panel);box-shadow:var(--shadow)}.tool-store-hero h1{max-width:820px;margin:0;font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:0}.tool-store-hero p{max-width:720px;margin:18px 0 0;color:var(--muted);font-size:clamp(17px,1.8vw,21px)}.tool-store-stats{display:grid;gap:10px;align-content:stretch}.tool-store-stats article{display:grid;gap:4px;align-content:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fbf8f1}.tool-store-stats strong{color:var(--ink);font-size:clamp(21px,2.2vw,28px);line-height:1.1}.tool-store-stats span{color:var(--muted);font-size:13px;font-weight:850}.tool-store-section,.tool-collection-grid,.tool-store-browser{margin-top:28px}.tool-feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.tool-feature-card{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-areas:"icon title" "icon type" "icon meta";gap:2px 10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);transition:transform .16s ease,box-shadow .16s ease}.tool-feature-card:hover,.tool-app-row:hover{transform:translateY(-2px);box-shadow:0 16px 32px #1e27221a}.tool-feature-card .tool-app-icon{grid-area:icon}.tool-feature-card strong{grid-area:title;overflow:hidden;color:var(--ink);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.tool-feature-card em,.tool-feature-card>span:not(.tool-app-icon){overflow:hidden;color:var(--muted);font-size:12px;font-style:normal;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.tool-feature-card em{grid-area:type}.tool-feature-card>span:not(.tool-app-icon){grid-area:meta}.tool-app-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;color:#fffdf8;font-size:18px;font-weight:950;box-shadow:inset 0 0 0 1px #ffffff2e}.tool-app-icon.mini{width:30px;height:30px;border-radius:8px;font-size:13px}.tool-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-collection-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.tool-collection-card h2{margin:0;font-size:20px;line-height:1.2}.tool-collection-card p{margin:6px 0 0;color:var(--muted);font-size:14px}.tool-mini-list{display:grid;gap:8px}.tool-mini-list a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;min-width:0}.tool-mini-list strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.tool-store-ad{margin-top:24px}.tool-store-browser{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}.tool-store-sidebar{position:sticky;top:132px;margin-top:0;padding:14px;border-radius:14px}.tool-store-sidebar input{width:100%}.tool-category-menu{display:grid;gap:8px}.tool-store-sidebar .filter-chips{display:grid;gap:6px}.tool-store-sidebar .filter-chips button{display:flex;justify-content:space-between;gap:10px;width:100%;border-radius:10px;text-align:left}.tool-store-sidebar .filter-chips button em{color:inherit;font-style:normal;opacity:.72}.tool-store-sidebar p{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fbf8f1;font-size:13px}.tool-store-main{display:grid;gap:12px;min-width:0}.tool-store-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.tool-store-toolbar div:first-child{display:grid;gap:2px}.tool-store-toolbar strong{font-size:18px}.tool-store-toolbar span{color:var(--muted);font-size:13px;font-weight:820}.tool-platform-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.tool-platform-tabs span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fbf8f1;color:var(--muted);font-size:12px;font-weight:900}.tool-app-list{display:grid;gap:9px}.tool-app-row{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) minmax(180px,.34fr) 90px;gap:12px;align-items:center;min-width:0;padding:12px 92px 12px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.tool-app-row .corner-disclosure{top:10px;right:10px}.tool-app-main{display:grid;gap:6px;min-width:0}.tool-app-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.tool-app-heading h2{overflow:hidden;margin:0;font-size:17px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.tool-app-heading span,.tool-app-heading strong{color:var(--muted);font-size:12px;font-weight:880}.tool-app-heading strong{color:var(--gold)}.tool-app-main p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-app-tags,.tool-app-meta,.tool-app-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tool-app-tags span,.tool-app-meta span{max-width:180px;overflow:hidden;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:#fbf8f1;color:var(--muted);font-size:11px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.tool-app-meta{align-content:center}.tool-app-meta span:first-child{border-color:#0f6f5c38;background:#e8efe9;color:var(--accent-strong)}.tool-app-actions{justify-content:flex-end}.tool-coop-link{color:var(--muted);font-size:12px;font-weight:900}.ranking-section{padding:36px 0 8px}.ranking-list{display:grid;gap:10px;margin-top:18px}.ranking-row{display:grid;grid-template-columns:64px minmax(0,1fr) 80px;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.rank-number{color:var(--gold);font-size:24px;font-weight:900}.rank-title{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.rank-title strong{font-size:20px}.ranking-row p{margin:6px 0 0;color:var(--muted)}.ranking-row>strong{justify-self:end;font-size:26px}.rank-badge.natural{background:#e8efe9;color:var(--accent-strong)}.sponsored-placement{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:28px;padding:20px;border:1px dashed var(--gold);border-radius:var(--radius);background:#fff7df}.sponsored-placement h2{margin:0;font-size:clamp(24px,3vw,34px)}.sponsored-placement p{margin:6px 0 0;color:var(--muted)}.sponsored-placement.subtle-placement{border-style:solid;border-color:#c887253d;background:#fffdf8b8}.project-store-page{max-width:min(1360px,calc(100% - 40px))}.store-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(28px,5vw,70px);align-items:stretch;padding-bottom:42px;border-bottom:1px solid var(--line)}.store-hero-copy{display:grid;align-content:center}.store-hero h1{max-width:860px;margin:0;font-size:clamp(44px,6vw,80px);line-height:.98;letter-spacing:0}.store-hero p{max-width:680px;margin:22px 0 0;color:var(--muted);font-size:clamp(18px,2vw,22px)}.store-today-card{position:relative;display:grid;min-height:480px;overflow:hidden;border:1px solid var(--ink);border-radius:18px;background:var(--ink);box-shadow:var(--shadow)}.store-today-card>img{width:100%;height:100%;min-height:480px;object-fit:cover;object-position:top;opacity:.74;filter:saturate(.9) contrast(1.04)}.store-today-card:after{position:absolute;inset:auto 0 0;height:54%;background:linear-gradient(180deg,transparent,rgba(18,25,22,.92));content:""}.store-card-kicker{position:absolute;top:18px;left:18px;z-index:2;padding:7px 10px;border-radius:999px;background:#fffdf8eb;color:var(--accent-strong);font-size:12px;font-weight:950}.store-today-copy{position:absolute;right:22px;bottom:22px;left:22px;z-index:2;display:grid;grid-template-columns:82px minmax(0,1fr);gap:16px;align-items:end;color:#fff}.store-today-copy h2{margin:0;font-size:clamp(30px,4vw,50px);line-height:1}.store-today-copy p{max-width:760px;margin:8px 0 0;color:#ffffffc7;font-size:16px}.store-section{padding:42px 0 0}.featured-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}.featured-app-card,.app-shelf-card,.store-app-card,.new-app-item,.app-ranking-row{border:1px solid var(--line);border-radius:16px;background:var(--panel)}.featured-app-card{overflow:hidden}.featured-app-media{display:block;overflow:hidden;background:#fbf8f1}.featured-app-media img{width:100%;aspect-ratio:16 / 11;object-fit:cover;object-position:top}.featured-app-body{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:14px}.featured-app-body p,.store-card-copy p{display:-webkit-box;overflow:hidden;margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.store-app-icon{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:14px;color:#fff;font-size:24px;font-weight:950;line-height:1;box-shadow:0 12px 30px #1e27222e}.store-app-icon.large{width:82px;height:82px;border-radius:18px;font-size:34px}.store-app-icon.small{width:48px;height:48px;border-radius:12px;font-size:20px}.store-app-icon.mini{width:42px;height:42px;border-radius:11px;font-size:18px}.store-card-title{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.store-card-title h2,.store-card-title h3{margin:0;font-size:20px;line-height:1.15}.store-card-title>span{flex:0 0 auto}.store-rating-line{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:10px;color:var(--muted);font-size:12px;font-weight:850}.store-rating-line strong{color:var(--ink);font-size:15px}.store-rating-line span{color:var(--gold);letter-spacing:0}.store-rating-line em{font-style:normal}.store-rank-section{padding-top:46px}.app-ranking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.app-ranking-row{display:grid;grid-template-columns:34px 48px minmax(0,1fr) auto 48px;gap:12px;align-items:center;padding:12px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.app-ranking-row:hover,.store-app-card:hover,.featured-app-card:hover,.new-app-item:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:6px 6px #1e27221f}.app-rank-copy{min-width:0}.app-rank-copy>div{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.app-rank-copy strong{font-size:17px}.app-rank-copy em,.new-app-item em,.mini-app-list em{color:var(--muted);font-style:normal;font-size:12px;font-weight:800}.app-rank-copy p{display:-webkit-box;overflow:hidden;margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.45;-webkit-line-clamp:1;-webkit-box-orient:vertical}.app-ranking-row>strong{justify-self:end;color:var(--accent-strong);font-size:18px}.app-store-ad{border-radius:16px}.app-shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.app-shelf-card{display:grid;gap:16px;padding:18px}.app-shelf-head span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e8efe9;color:var(--accent-strong);font-size:12px;font-weight:950}.app-shelf-head h3{margin:10px 0 6px;font-size:25px;line-height:1.1}.app-shelf-head p{margin:0;color:var(--muted)}.mini-app-list{display:grid;gap:10px}.mini-app-list a{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border-radius:12px;background:#fbf8f1}.mini-app-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-app-strip{display:grid;grid-template-columns:repeat(8,minmax(116px,1fr));gap:12px;margin-top:20px;overflow-x:auto;padding-bottom:4px}.new-app-item{display:grid;gap:10px;justify-items:center;min-width:116px;padding:14px 10px;text-align:center;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.new-app-item strong{max-width:100%;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.store-filter-panel{position:sticky;top:120px;z-index:4;box-shadow:0 18px 50px #1e272214}.app-store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.store-app-card{position:relative;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:14px;overflow:hidden;padding:14px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.store-card-preview{display:block;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fbf8f1}.store-card-preview img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;filter:saturate(.92) contrast(1.02)}.store-card-main{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:start}.store-card-copy{min-width:0}.store-card-copy .store-card-title h2{overflow-wrap:anywhere}.store-app-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.store-app-meta>div{display:grid;gap:3px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fbf8f1}.store-app-meta strong{overflow:hidden;color:var(--ink);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.store-app-meta span,.store-app-meta em{overflow:hidden;color:var(--muted);font-style:normal;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.store-app-meta div:first-child span{color:var(--gold)}.store-card-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-top:4px}.store-get-button{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:8px 13px;border-radius:999px;background:#e8efe9;color:var(--accent-strong);font-size:13px;font-weight:950}.project-matrix-card,.tool-detail{position:relative;display:grid;gap:16px;align-content:start;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.tool-detail{grid-template-columns:68px minmax(0,1fr) minmax(240px,.42fr);grid-template-areas:"logo intro meta" "logo stack meta" "logo actions meta";align-items:start;padding:18px}.tool-detail>.tool-logo-tile{grid-area:logo}.tool-detail>.tool-intro{grid-area:intro}.tool-detail>.tool-stack{grid-area:stack}.tool-detail>.tool-metadata{grid-area:meta}.tool-detail>footer{grid-area:actions}.tool-metadata{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1;color:var(--muted);font-size:14px}.project-matrix-card{position:relative;grid-template-columns:150px minmax(0,1fr) minmax(240px,.42fr);grid-template-areas:"snapshot head actions" "snapshot body actions" "snapshot tags actions" "snapshot summary actions";min-height:0;overflow:hidden;padding:18px}.project-matrix-card:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--accent)}.project-card-head{grid-area:head;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;padding-top:6px}.project-card-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.project-logo-tile{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(30,39,34,.18);border-radius:var(--radius);color:#fff;box-shadow:5px 5px #1e272224}.project-logo-tile span{font-size:24px;font-weight:950;line-height:1}.project-snapshot{grid-area:snapshot;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.project-snapshot img{width:100%;height:100%;min-height:150px;aspect-ratio:auto;object-fit:cover;object-position:top;filter:saturate(.94)}.project-snapshot span{position:absolute;right:10px;bottom:10px;padding:4px 8px;border:1px solid rgba(30,39,34,.12);border-radius:999px;background:#fffdf8eb;color:var(--muted);font-size:12px;font-weight:850}.project-card-body{grid-area:body;display:grid;gap:12px}.project-card-body p{margin:0}.project-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-card-metrics span{padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1;color:var(--muted);font-size:13px;font-weight:800}.project-card-metrics strong{color:var(--accent-strong);font-size:20px}.project-matrix-card>.tag-row{grid-area:tags}.project-list-summary{grid-area:summary;display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.project-list-summary strong{font-size:14px}.project-list-summary span{color:var(--muted);font-size:13px}.project-card-actions{grid-area:actions;display:grid;gap:10px;align-self:end;align-content:start;padding:14px;border-left:1px solid var(--line);background:#f7f4ec9e}.project-thumb{position:relative;display:block;overflow:hidden;aspect-ratio:4 / 3;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-thumb span,.project-logo{position:absolute;top:12px;left:12px;z-index:1;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:8px;color:#fff;font-weight:900;box-shadow:0 10px 30px #1e27222e}.directory-side{display:grid;gap:8px;align-content:center;color:var(--muted)}.directory-side strong,.directory-side a:not(.source-link){color:var(--ink)}.project-list-summary{display:grid;gap:6px;margin-top:14px;padding:12px;border-radius:var(--radius);background:#fbf8f1}.project-list-summary strong{color:var(--accent-strong)}.project-list-summary span{color:var(--muted);font-size:14px}.quick-view-button{width:fit-content;padding:8px 12px;border-color:var(--line);background:#fbf8f1;box-shadow:none;color:var(--ink);font-size:13px}.link-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.link-stack a{display:inline-flex;justify-content:center;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1;font-size:13px;font-weight:800}.tool-stack{display:flex;flex-wrap:wrap;gap:8px}.tool-stack span{padding:7px 10px;border-radius:999px;background:#e8efe9;color:var(--accent-strong);font-weight:760}.membership-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.52fr);gap:32px;align-items:start;padding-bottom:44px;border-bottom:1px solid var(--line)}.compact-section{padding-right:0;padding-left:0}.membership-list{grid-template-columns:repeat(4,minmax(0,1fr));padding-left:0;list-style:none}.sponsor-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.detail-page{max-width:1120px;margin:0 auto;padding:clamp(36px,6vw,76px) 20px}.back-link{display:inline-flex;margin-bottom:22px;color:var(--muted);font-weight:800}.detail-article{display:grid;gap:24px}.detail-hero,.project-detail-hero,.detail-section,.detail-source{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.detail-hero,.project-detail-hero{padding:clamp(28px,5vw,52px)}.detail-hero h1,.project-detail-hero h1{max-width:920px;margin:10px 0 0;font-size:clamp(32px,5vw,54px);line-height:1;letter-spacing:0}.detail-hero p,.project-detail-hero p{max-width:760px;color:var(--muted);font-size:clamp(16px,1.7vw,19px)}.detail-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;color:var(--muted)}.detail-meta span{padding-right:12px;border-right:1px solid var(--line)}.detail-section{padding:clamp(24px,4vw,36px)}.detail-section h2{margin:0 0 16px;font-size:clamp(22px,2.6vw,32px);line-height:1.1}.takeaway-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.takeaway-list li{padding:16px;border-radius:var(--radius);background:#e8efe9;color:var(--accent-strong);font-weight:760}.prose-block p{max-width:820px;margin:0 0 16px;color:var(--muted);font-size:16px}.structured-prose{display:grid;gap:26px}.article-chapter{display:grid;gap:16px;padding-bottom:26px;border-bottom:1px solid var(--line)}.article-chapter:last-child{padding-bottom:0;border-bottom:0}.article-chapter-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start}.article-chapter-heading span{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--bg);font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:950;line-height:1}.article-chapter-heading h3{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.18;letter-spacing:0}.structured-prose p{max-width:860px;margin:0;color:#3f4b44;font-size:18px;line-height:1.86}.structured-prose p strong{color:var(--ink);font-weight:950}.article-inline-visual{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(180px,.28fr);gap:16px;align-items:stretch;margin:4px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.article-inline-visual img{width:100%;height:100%;min-height:220px;aspect-ratio:16 / 10;object-fit:cover;border-right:1px solid var(--line);cursor:zoom-in}.article-inline-visual figcaption{display:grid;align-content:center;gap:8px;padding:18px}.article-inline-visual figcaption strong{font-size:20px;line-height:1.2}.article-inline-visual figcaption span{color:var(--muted);font-size:14px;line-height:1.55}.mindmap-section{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(360px,1.28fr);gap:24px;align-items:center;background:linear-gradient(90deg,rgba(15,111,92,.08) 1px,transparent 1px),linear-gradient(180deg,#fffdf8f5,#fbf8f1f5);background-size:18px 100%,100% 100%}.mindmap-copy p{margin:0 0 18px;color:var(--muted);font-size:17px}.mindmap-actions{display:flex;flex-wrap:wrap;gap:12px}.mindmap-preview{display:block;overflow:hidden;border:1px solid var(--ink);border-radius:var(--radius);background:#f7f4ec;box-shadow:7px 7px #1e272224;cursor:zoom-in}.mindmap-preview img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:center}.compact-heading{max-width:780px;margin-bottom:20px}.compact-heading h2{margin-bottom:8px}.compact-heading p{margin:0;color:var(--muted)}body.lightbox-open{overflow:hidden}.detail-article [data-lightbox-src]{cursor:zoom-in}.image-lightbox[hidden]{display:none}.image-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(18px,4vw,46px);background:linear-gradient(135deg,#fffdf89e,#1e272238),#1218165c;backdrop-filter:blur(24px) saturate(1.12);-webkit-backdrop-filter:blur(24px) saturate(1.12)}.image-lightbox-frame{position:relative;width:min(1120px,100%);max-height:calc(100vh - 48px);padding:clamp(12px,2vw,18px);border:1px solid rgba(255,253,248,.58);border-radius:18px;background:#fffdf8c7;box-shadow:0 30px 90px #12181652}.image-lightbox figure{display:grid;gap:12px;margin:0}.image-lightbox img{display:block;width:100%;max-height:calc(100vh - 150px);object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fffdf8}.image-lightbox figcaption{color:var(--muted);font-size:14px;font-weight:760;line-height:1.5;text-align:center}.image-lightbox-close{position:absolute;top:14px;right:14px;z-index:1;min-width:54px;height:36px;border:1px solid rgba(30,39,34,.18);border-radius:999px;background:#fffdf8eb;color:var(--ink);font-weight:850;box-shadow:0 10px 28px #12181629;cursor:pointer}.image-lightbox-close:focus-visible{outline:3px solid rgba(15,111,92,.32);outline-offset:3px}.interpretation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.interpretation-grid article{display:grid;gap:12px;align-content:start;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.interpretation-grid span{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:950;line-height:1}.interpretation-grid p{margin:0;color:var(--muted)}.application-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:app-step}.application-steps li{position:relative;padding:16px 18px 16px 58px;border:1px solid var(--line);border-radius:var(--radius);background:#e8efe9b3;color:var(--accent-strong);font-weight:760;counter-increment:app-step}.application-steps li:before{position:absolute;top:14px;left:16px;display:grid;width:28px;height:28px;place-items:center;border-radius:999px;background:var(--ink);color:var(--bg);font-size:12px;font-weight:950;content:counter(app-step)}.question-board{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start;background:linear-gradient(rgba(30,39,34,.035) 1px,transparent 1px),var(--panel);background-size:100% 10px}.question-board ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.question-board li{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8d1;color:var(--muted);font-weight:760}.related-grid,.metric-grid,.metadata-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-card,.metric-grid article,.metadata-grid article{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.related-card span,.metric-grid span,.metadata-grid span{color:var(--muted)}.metadata-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-source{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.detail-source>div{display:grid;gap:4px}.reference-source-block{display:grid;grid-template-columns:minmax(0,.88fr) minmax(280px,.72fr);gap:18px;align-items:stretch}.reference-source-block h2{margin-top:8px}.reference-source-block p{margin:10px 0 0;color:var(--muted)}.source-card{display:grid;gap:8px;align-content:center;padding:18px;border:1px dashed var(--gold);border-radius:var(--radius);background:#fff7df}.source-card span{width:fit-content;padding:4px 8px;border-radius:999px;background:var(--gold);color:#23170a;font-size:12px;font-weight:900}.source-card strong{line-height:1.25}.source-card em{overflow-wrap:anywhere;color:var(--blue);font-style:normal;font-size:13px;font-weight:760}.detail-source span{color:var(--muted)}.detail-source small{max-width:760px;color:var(--muted);font-size:12px;line-height:1.55}.project-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center}.project-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--muted);font-weight:800}.project-logo-row .project-logo{position:static}.project-screenshot{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.project-screenshot img{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top;cursor:zoom-in}.project-detail-hero .project-topline{align-items:flex-start}.score-panel{display:grid;place-items:center;padding:24px;border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--bg);text-align:center}.score-panel span,.score-panel p{color:#b7c0b8}.score-panel strong{font-size:64px;line-height:1}.highlight-row{display:flex;flex-wrap:wrap;gap:10px}.highlight-row span{padding:10px 12px;border-radius:999px;background:#e8efe9;color:var(--accent-strong);font-weight:800}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.process-grid span,.process-row>span{color:var(--gold);font-weight:900}.process-grid h3,.process-row h3{margin:8px 0;font-size:24px}.process-grid p,.process-row p{margin:0;color:var(--muted)}.process-list{display:grid;gap:12px}.process-row{display:grid;grid-template-columns:48px 1fr;gap:16px}.learning-hero{padding-bottom:28px}.learner-situation-panel{padding:28px 0 8px;border-bottom:1px solid var(--line)}.tutorial-method-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:24px 0 8px}.tutorial-method-strip article{display:grid;gap:9px;align-content:start;min-height:180px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.tutorial-method-strip span{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:950;line-height:1}.tutorial-method-strip strong{font-size:19px;line-height:1.24}.tutorial-method-strip p{margin:0;color:var(--muted);line-height:1.64}.learner-situation-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.learner-situation-grid a{min-height:220px;background:#fbf8f1;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.learning-magazine .learning-overview{gap:10px;padding-top:24px;border-bottom:1px solid var(--line)}.learning-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:32px}.learning-overview-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:16px;border:1px solid var(--ink);border-radius:var(--radius);background:#fffdf8b3}.learning-overview-card span{color:var(--gold);font-weight:950}.learning-overview-card strong{font-size:18px}.learning-overview-card em{padding:4px 8px;border-radius:999px;background:#e8efe9;color:var(--accent-strong);font-style:normal;font-size:12px;font-weight:900}.learning-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:32px}.learning-category{position:relative;display:grid;grid-template-rows:auto 1fr;padding:26px;border:1px solid var(--ink);border-radius:var(--radius);background:#fffdf8bd;box-shadow:8px 8px #1e272214;overflow:hidden}.learning-category:before{position:absolute;top:0;right:0;width:86px;height:86px;border-bottom:1px solid rgba(30,39,34,.16);border-left:1px solid rgba(30,39,34,.16);background:#fbf8f1;content:""}.learning-category-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.learning-category-head h2{margin:6px 0 8px;font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(28px,4vw,44px);line-height:1.06}.learning-category-head p{max-width:680px;margin:0;color:var(--muted)}.learning-category-head>strong{white-space:nowrap;padding:6px 10px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:13px}.learning-card-grid{display:grid;grid-template-columns:1fr;gap:12px}.learning-card{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);min-height:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.learning-card:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:6px 6px #1e27221f}.learning-index{position:absolute;top:10px;left:10px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.64);border-radius:var(--radius);background:var(--ink);color:var(--gold);font-size:18px;font-weight:900;box-shadow:0 12px 30px #1e272233}.learning-card-media{position:relative;overflow:hidden;border-right:1px solid var(--line);border-bottom:0}.learning-card img{width:100%;height:100%;min-height:158px;aspect-ratio:auto;object-fit:cover;object-position:top}.learning-card-body{display:grid;gap:10px;align-content:start;padding:18px}.learning-card h3{margin:8px 0;font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(24px,3vw,32px);line-height:1.08}.learning-card p{margin:0;color:var(--muted)}.learning-card-meta{margin-top:8px;padding:12px;border-radius:var(--radius);background:#fbf8f1;color:var(--muted);font-size:14px}.learning-card-meta strong{display:block;margin-bottom:4px;color:var(--ink);font-size:13px}.learning-card-meta span{display:block}.learning-card-course{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.learning-card-course span{padding:4px 8px;border:1px solid rgba(15,111,92,.18);border-radius:999px;background:#e8efe9;color:var(--accent-strong);font-size:12px;font-weight:900}.lesson-mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-mini-list a,.policy-mini-list a{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.lesson-mini-list span,.policy-mini-list span{color:var(--gold);font-weight:900}.policy-mini-list{display:grid;gap:12px}.policy-mini-list a{grid-template-columns:92px 1fr}.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:32px}.policy-card{display:grid;gap:12px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.policy-card h2{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.12}.policy-card p{margin:0;color:var(--muted)}.policy-card strong{color:var(--accent)}.policy-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.policy-tags span{padding:6px 10px;border-radius:999px;background:#e8efe9;color:var(--accent-strong);font-size:13px;font-weight:800}.source-page{max-width:var(--wide-max)}.source-hero{grid-template-columns:minmax(0,1fr) minmax(280px,.36fr)}.source-hero h1{max-width:920px}.source-hero p,.source-principle p{max-width:780px;color:var(--muted)}.source-principle{display:grid;gap:8px;align-content:center;padding-left:22px;border-left:1px solid var(--ink)}.source-principle strong{font-size:clamp(26px,4vw,42px);line-height:1}.source-logic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:28px}.source-logic article{display:grid;gap:10px;padding:20px;border:1px solid var(--ink);border-radius:var(--radius);background:#fffdf8c2}.source-logic span{color:var(--gold);font-weight:950}.source-logic strong{font-size:20px}.source-logic p{margin:0;color:var(--muted)}.source-filter{margin-top:26px}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:28px}.content-source-card{display:grid;grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.content-source-media{min-height:100%;border-right:1px solid var(--line);background:#fbf8f1}.content-source-media img{width:100%;height:100%;min-height:260px;object-fit:cover;object-position:top}.content-source-body{display:grid;gap:12px;align-content:start;padding:20px}.content-source-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.content-source-head em{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-style:normal;font-weight:850;white-space:nowrap}.content-source-card h2{margin:0;font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(24px,3vw,34px);line-height:1.08}.content-source-card p{margin:0;color:var(--muted)}.source-usage,.source-commercial{display:grid;gap:6px;padding:12px;border-radius:var(--radius);background:#fbf8f1}.source-commercial{background:#e8efe9}.caution-box{background:#fff7df;border-style:dashed;border-color:var(--gold)}.caution-box p{margin:0;color:var(--muted)}.lesson-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);gap:28px;align-items:center;padding:clamp(28px,5vw,52px);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.lesson-hero h1{margin:10px 0 0;font-size:clamp(32px,5vw,54px);line-height:1}.lesson-hero p{max-width:760px;color:var(--muted);font-size:clamp(16px,1.7vw,19px)}.lesson-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.lesson-hero-meta span{padding:6px 10px;border:1px solid rgba(30,39,34,.12);border-radius:999px;background:#fbf8f1;color:#3f4b44;font-size:13px;font-weight:900}.lesson-hero img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:var(--radius)}.outcome-box{display:grid;gap:8px;background:var(--ink);color:var(--bg)}.outcome-box span{color:#b7c0b8}.outcome-box strong{font-size:clamp(22px,3vw,34px);line-height:1.18}.lesson-focus-section{display:grid;grid-template-columns:minmax(240px,.44fr) minmax(0,1fr);gap:22px;align-items:start;background:linear-gradient(rgba(30,39,34,.035) 1px,transparent 1px),var(--panel);background-size:100% 10px}.lesson-focus-section p{margin:8px 0 0;color:var(--muted)}.lesson-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lesson-focus-grid article{display:grid;gap:8px;align-content:start;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8e0}.lesson-focus-grid span{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:950;line-height:1}.lesson-focus-grid strong{font-size:18px;line-height:1.22}.lesson-visual-section .section-heading p{margin:8px 0 0;color:var(--muted)}.lesson-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.lesson-visual-grid figure{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.lesson-visual-grid img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:center;border-bottom:1px solid var(--line);cursor:zoom-in}.lesson-visual-grid figcaption{display:grid;gap:5px;padding:14px}.lesson-visual-grid figcaption strong{font-size:18px}.lesson-visual-grid figcaption span{color:var(--muted);font-size:14px}.action-plan-section .section-heading p,.worksheet-section p{margin:8px 0 0;color:var(--muted)}.action-plan{display:grid;gap:12px;margin-top:20px}.action-plan article{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start;padding:18px;border:1px solid var(--ink);border-radius:var(--radius);background:#fbf8f1}.action-plan article>span{width:fit-content;padding:5px 8px;border-radius:999px;background:var(--gold);color:#23170a;font-size:12px;font-weight:950}.action-plan strong{display:block;margin-bottom:6px;font-size:20px;line-height:1.2}.action-plan p{margin:0;color:var(--muted)}.worksheet-section{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:22px;align-items:start;border-style:dashed;border-color:var(--gold);background:#fff7df}.worksheet-grid{display:grid;gap:10px}.worksheet-grid code{display:block;white-space:normal;padding:12px 14px;border:1px solid rgba(200,135,37,.34);border-radius:var(--radius);background:#fffdf8d1;color:var(--ink);font-family:inherit;font-weight:800}.completion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.completion-grid article{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.completion-grid span{width:fit-content;padding:4px 8px;border-radius:999px;background:#e8efe9;color:var(--accent-strong);font-size:12px;font-weight:900}.completion-grid strong{font-size:18px;line-height:1.24}.lesson-steps{display:grid;gap:12px}.lesson-steps article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.lesson-steps span{color:var(--gold);font-weight:900}.lesson-steps p{margin:0;color:var(--muted)}.lesson-longform{display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);gap:28px;align-items:start}.lesson-prose{display:grid;gap:16px}.lesson-prose p{margin:0;color:#3f4b44;font-size:18px;line-height:1.86}.tutorial-section{display:grid;gap:22px;background:#fffdf8}.tutorial-scenario{display:grid;gap:8px;padding:20px;border:1px solid var(--ink);border-radius:var(--radius);background:#e8efe9;box-shadow:5px 5px 0 var(--ink)}.tutorial-scenario span,.tutorial-output span{color:var(--accent-strong);font-size:12px;font-weight:950;letter-spacing:0}.tutorial-scenario strong{font-size:24px;line-height:1.2}.tutorial-scenario p{max-width:900px;margin:0;color:#3f4b44;line-height:1.75}.tutorial-note{display:grid;gap:8px;padding:18px;border:1px dashed rgba(200,135,37,.55);border-radius:var(--radius);background:#fff7df}.tutorial-note strong{font-size:18px;line-height:1.24}.tutorial-note p{margin:0;color:#4e5b54;line-height:1.72}.tutorial-block-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-top:4px;padding-top:4px;border-top:1px solid var(--line)}.tutorial-block-head h3{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.12}.tutorial-prep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tutorial-prep-grid article{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.tutorial-prep-grid span{color:var(--gold);font-weight:950}.tutorial-prep-grid p{margin:0;color:var(--muted);line-height:1.55}.tutorial-steps{display:grid;gap:18px}.tutorial-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);gap:18px;align-items:stretch;padding:18px;border:1px solid var(--ink);border-radius:var(--radius);background:#fbf8f1}.tutorial-step-main{display:grid;gap:16px}.tutorial-step-heading span{display:inline-flex;width:fit-content;margin-bottom:10px;padding:5px 9px;border-radius:999px;background:var(--gold);color:#23170a;font-size:12px;font-weight:950}.tutorial-step-heading h3{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.12}.tutorial-step-heading p,.tutorial-example p,.tutorial-output p{margin:8px 0 0;color:var(--muted);line-height:1.72}.tutorial-do-list{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.tutorial-do-list strong,.tutorial-example strong{display:block;margin-bottom:10px;font-size:16px}.tutorial-do-list ol{display:grid;gap:9px;margin:0;padding-left:22px;color:#3f4b44;line-height:1.64}.tutorial-example{padding:16px;border-left:4px solid var(--accent);background:#f0f6f2}.tutorial-output{display:grid;gap:14px;align-content:start;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.tutorial-output img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius);cursor:zoom-in}.tutorial-output strong{display:block;margin-top:5px;font-size:18px;line-height:1.32}.tutorial-final{display:grid;gap:14px}.tutorial-final h3{margin:0;font-size:26px}.lesson-case-section{display:grid;gap:18px;background:#fbf8f1}.lesson-case-section p{max-width:820px;margin:8px 0 0;color:var(--muted)}.lesson-case-section>strong{padding:16px;border:1px solid rgba(15,111,92,.24);border-radius:var(--radius);background:#e8efe9;color:var(--accent-strong);font-size:18px;line-height:1.4}.lesson-case-grid,.lesson-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-case-grid article,.lesson-template-grid article{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.lesson-case-grid span{color:var(--gold);font-weight:950}.lesson-case-grid p,.lesson-template-grid p{margin:0;color:var(--muted)}.lesson-template-grid strong{font-size:18px}.two-column-section{display:grid;grid-template-columns:1fr 1fr;gap:28px}.compact-list{display:grid;gap:10px;margin:0;padding-left:20px;color:var(--muted)}.reference-list{display:flex;flex-wrap:wrap;gap:10px}.reference-list a{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--blue);font-weight:800}.project-drawer{width:min(1040px,calc(100vw - 28px));max-height:min(820px,calc(100vh - 28px));padding:0;border:1px solid var(--ink);border-radius:var(--radius);background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.project-drawer::backdrop{background:#1e27228a;backdrop-filter:blur(4px)}.drawer-layout{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);gap:0}.drawer-media{position:relative;min-height:100%;padding:18px;border-right:1px solid var(--line);background:#fbf8f1}.drawer-media .project-logo{position:absolute;top:30px;left:30px}.drawer-media img{width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:var(--radius)}.drawer-content{display:grid;gap:18px;max-height:min(820px,calc(100vh - 28px));overflow:auto;padding:clamp(22px,4vw,34px)}.drawer-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.drawer-heading h2{margin:6px 0 0;font-size:clamp(30px,4vw,48px);line-height:1}.drawer-app-heading{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center}.drawer-close{padding:8px 12px;background:var(--panel);box-shadow:none;color:var(--ink)}.drawer-score{display:flex;align-items:baseline;gap:12px;padding:16px;border-radius:var(--radius);background:var(--ink);color:var(--bg)}.drawer-score strong{font-size:42px;line-height:1}.drawer-score span{color:#b7c0b8}.drawer-store-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.drawer-store-stats article{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.drawer-store-stats strong{font-size:20px;line-height:1.1}.drawer-store-stats span{color:var(--gold);font-size:13px;font-weight:900}.drawer-store-stats em{color:var(--muted);font-style:normal;font-size:12px;font-weight:800}.drawer-content section h3{margin:0 0 8px;font-size:20px}.drawer-content section p{margin:0;color:var(--muted)}.admin-page{max-width:1240px;margin:0 auto;padding:clamp(42px,6vw,76px) 20px}.admin-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:clamp(32px,5vw,68px);align-items:center;padding-bottom:clamp(48px,7vw,84px)}.admin-hero h1{margin:12px 0 0;font-size:clamp(40px,6vw,72px);line-height:.98;letter-spacing:0}.admin-hero p{max-width:680px;color:var(--muted);font-size:clamp(18px,2vw,22px)}.admin-screen{overflow:hidden;border:1px solid var(--ink);border-radius:var(--radius);background:#161f1b;box-shadow:var(--shadow)}.screen-topbar{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.14);color:#dce8df}.screen-topbar span{width:10px;height:10px;border-radius:999px;background:#e9635a}.screen-topbar span:nth-child(2){background:#e1b34d}.screen-topbar span:nth-child(3){background:#57b66f}.screen-topbar strong{margin-left:10px;font-size:13px}.screen-body{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:420px}.screen-body aside{display:grid;align-content:start;gap:12px;padding:18px;background:#ffffff0f;color:#bac6be;font-size:13px}.screen-body aside strong{color:#fff}.screen-main{display:grid;gap:16px;padding:18px;background:#eef1ea}.screen-card,.screen-grid div,.screen-table span{border-radius:7px;background:#fff}.screen-card.wide{height:96px;background:linear-gradient(90deg,#0f6f5c,#315f8f)}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.screen-grid div{height:84px}.screen-table{display:grid;grid-template-columns:1.2fr .7fr .6fr .5fr;gap:10px;padding:14px;border-radius:var(--radius);background:#fff}.screen-table span{height:18px;background:#dfe7e0}.admin-section{padding:clamp(42px,6vw,74px) 0;border-top:1px solid var(--line)}.admin-stat-grid,.admin-module-grid,.ad-slot-board,.review-flow,.crm-board,.data-model-grid{display:grid;gap:16px;margin-top:24px}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-stat-grid article,.mock-panel,.admin-module-grid article,.admin-module-map article,.config-card,.rank-editor-mock,.ad-slot-board article,.ad-preview,.review-flow article,.review-table-mock,.crm-board>div,.data-model-grid article{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.admin-stat-grid article{padding:20px}.admin-stat-grid span,.mock-heading span,.review-flow span{color:var(--gold);font-size:13px;font-weight:900}.admin-stat-grid strong{display:block;margin:6px 0;font-size:42px;line-height:1}.admin-stat-grid p,.config-card p,.ad-slot-board p,.review-flow p,.crm-board p,.data-model-grid p{margin:0;color:var(--muted)}.admin-dashboard-mock{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:16px;margin-top:18px}.mock-panel{padding:20px}.mock-panel.large{grid-row:span 2}.mock-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.task-row{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}.task-row span{color:var(--gold);font-weight:900}.task-row p{margin:0;color:var(--muted)}.task-row.urgent p{color:var(--ink);font-weight:760}.bar-list{display:grid;gap:12px}.bar-list span{position:relative;overflow:hidden;padding:10px 12px;border-radius:var(--radius);background:#e7ecdf;color:var(--ink);font-weight:800}.bar-list span:before{position:absolute;inset:0 auto 0 0;width:var(--w);background:#0f6f5c33;content:""}.funnel-blocks{display:grid;gap:8px}.funnel-blocks span{padding:12px;border-radius:var(--radius);background:#e8efe9;color:var(--accent-strong);font-weight:800;text-align:center}.admin-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-module-grid article{overflow:hidden}.admin-module-grid img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.admin-module-grid article>div{padding:20px}.admin-module-grid h3,.ad-slot-board h3,.review-flow h3,.crm-board h3{margin:0 0 8px;font-size:24px;line-height:1.14}.admin-module-grid p{color:var(--muted)}.admin-module-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.admin-module-map article{display:grid;gap:6px;padding:16px}.admin-module-map span{color:var(--muted);font-size:14px}.ranking-config-layout,.ad-preview-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);gap:18px;margin-top:24px}.config-card,.rank-editor-mock,.ad-preview,.review-table-mock{padding:22px}.config-card h3{margin:0 0 14px;font-size:26px}.field-row{display:grid;gap:4px;padding:14px 0;border-top:1px solid var(--line)}.rank-edit-row{display:grid;grid-template-columns:72px 1fr 92px 64px;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.rank-edit-row+.rank-edit-row{margin-top:10px}.rank-edit-row em{width:fit-content;padding:4px 8px;border-radius:999px;background:#e8efe9;color:var(--accent-strong);font-style:normal;font-size:12px;font-weight:900}.rank-edit-row.sponsored{border-style:dashed;border-color:var(--gold);background:#fff7df}.rank-edit-row.sponsored em{background:var(--gold);color:#23170a}.rank-editor-mock label{display:grid;gap:8px;margin-top:16px;color:var(--muted);font-weight:800}.ad-slot-board{grid-template-columns:repeat(5,minmax(0,1fr))}.ad-slot-board article,.review-flow article,.crm-board>div,.data-model-grid article{padding:18px}.ad-slot-board strong{display:inline-flex;width:fit-content;margin-top:10px;color:var(--accent)}.ad-preview{border-style:dashed;border-color:var(--gold);background:#fff7df}.ad-preview>span{display:inline-flex;width:fit-content;padding:4px 8px;border-radius:999px;background:var(--gold);color:#23170a;font-size:12px;font-weight:900}.ad-preview strong{display:block;margin:10px 0 4px;font-size:28px;line-height:1.12}.config-card.compact ul{margin:0;padding-left:20px;color:var(--muted)}.review-flow{grid-template-columns:repeat(5,minmax(0,1fr))}.review-table-mock{margin-top:18px}.review-table-mock>div:not(.mock-heading){display:grid;grid-template-columns:minmax(0,1.4fr) .5fr .5fr .8fr;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.review-table-mock em{color:var(--accent);font-style:normal;font-weight:800}.review-head{color:var(--muted);font-size:13px;font-weight:900}.crm-board{grid-template-columns:repeat(4,minmax(0,1fr))}.crm-board p{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f1}.data-model-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.data-model-grid strong{color:var(--accent-strong)}.architecture-diagram{display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr 64px 1fr;gap:10px;align-items:center;margin-top:18px}.architecture-diagram div{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);font-weight:900;text-align:center}.architecture-diagram span{color:var(--gold);font-weight:900;text-align:center}.submit-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding-top:36px}.submission-form{display:grid;gap:18px;padding:24px}.submission-form button{width:fit-content;padding:12px 22px}.submit-note{padding:22px}.site-footer{display:flex;justify-content:space-between;gap:24px;width:min(var(--page-max),calc(100% - var(--page-gutter) * 2));margin:0 auto;padding:36px 0;border-top:1px solid var(--line);color:var(--muted)}.site-footer strong{color:var(--ink)}.footer-links{gap:18px}@media(max-width:880px){.site-header,.site-footer,.row-heading,.learning-category-head,.tutorial-block-head,.magazine-hero,.ad-strip{align-items:flex-start;flex-direction:column}.header-main,.header-subnav{width:100%;grid-template-columns:1fr}.primary-nav,.secondary-nav{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.primary-nav{display:flex;padding:3px}.primary-nav-item{min-width:172px}.header-actions{width:100%}.header-ghost,.header-action{flex:1;text-align:center}.breadcrumb-trail{width:100%;overflow-x:auto}.hero-section,.vision-section,.split,.membership,.submit-layout,.membership-hero,.tool-detail,.project-detail-hero,.magazine-feature,.editorial-spread,.source-hero,.lesson-longform,.lesson-focus-section,.worksheet-section,.sponsored-placement,.mindmap-section,.ranking-row,.article-inline-visual{grid-template-columns:1fr}.article-inline-visual img{border-right:0;border-bottom:1px solid var(--line)}.article-chapter-heading{grid-template-columns:1fr}.ranking-row>strong{justify-self:start}.project-grid,.roadmap,.benefit-list,.doc-grid,.requirement-list,.collection-grid,.about-grid,.sponsor-grid,.membership-list,.process-grid,.related-grid,.metric-grid,.metadata-grid,.start-route-grid,.use-case-grid,.learner-situation-grid,.today-board,.reader-mode-grid,.directory-guide-grid,.vision-grid,.learning-overview,.learning-category-list,.learning-card-grid,.source-logic,.source-grid,.content-source-card,.tutorial-method-strip,.lesson-focus-grid,.lesson-visual-grid,.tutorial-prep-grid,.tutorial-step,.lesson-mini-list,.lesson-case-grid,.lesson-template-grid,.two-column-section,.policy-grid,.compact-policy-grid,.insight-collection .collection-card,.magazine-insight-grid.insight-collection .collection-card,.drawer-layout,.reference-source-block,.completion-grid,.admin-stat-grid,.admin-module-grid,.admin-module-map,.ad-slot-board,.review-flow,.crm-board,.interpretation-grid,.question-board,.data-model-grid,.architecture-diagram{grid-template-columns:1fr}.magazine-page{max-width:calc(100% - 40px)}.vision-manifesto{position:static}.magazine-hero{grid-template-columns:1fr;gap:20px}.magazine-hero h1{max-width:100%;font-size:clamp(38px,11vw,48px);line-height:1.04}.magazine-hero aside{padding:14px 0 0;border-left:0;border-top:1px solid var(--ink)}.source-principle{padding:14px 0 0;border-left:0;border-top:1px solid var(--ink)}.content-source-media{border-right:0;border-bottom:1px solid var(--line)}.magazine-toc,.spread-visuals{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-brief{min-height:180px}.visual-brief:nth-child(1),.visual-brief:nth-child(4){grid-row:auto}.desk-row{grid-template-columns:38px minmax(0,1fr)}.desk-row em{grid-column:2;justify-self:start}.magazine-insight-grid .collection-card.feature-row{grid-template-columns:1fr;min-height:0}.magazine-insight-grid .article-thumb{border-right:0;border-bottom:1px solid var(--line)}.news-brief{border-left:0;border-top:1px solid var(--line)}.magazine-feature-image img{min-height:240px}.project-directory{grid-template-columns:1fr}.project-matrix-card{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"head head" "snapshot body" "tags tags" "summary summary" "actions actions"}.project-snapshot img{min-height:110px;aspect-ratio:auto}.project-snapshot span{display:none}.project-card-actions{border-left:0;border-top:1px solid var(--line)}.tool-detail{grid-template-columns:58px minmax(0,1fr);grid-template-areas:"logo intro" "stack stack" "meta meta" "actions actions"}.learning-card{grid-template-columns:112px minmax(0,1fr)}.learning-card img{min-height:140px}.project-card{grid-template-columns:54px minmax(0,1fr);grid-template-areas:"logo title" "logo desc" "tags tags" "need need"}.project-card>strong{justify-self:start}.insight-card,.tool-row{grid-template-columns:54px minmax(0,1fr)}.insight-card img{width:54px;height:54px}.insight-card>span,.tool-row>span:not(.tool-logo-tile){grid-column:2}.lesson-hero,.admin-hero,.admin-dashboard-mock,.ranking-config-layout,.ad-preview-layout,.store-hero,.featured-app-grid,.app-ranking-list,.app-shelf-grid,.app-store-grid,.drawer-store-stats,.tool-store-hero,.tool-feature-strip,.tool-collection-grid,.tool-store-browser{grid-template-columns:1fr}.tool-store-page{max-width:calc(100% - 32px)}.tool-store-sidebar{position:static}.tool-store-sidebar .filter-chips{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.tool-store-sidebar .filter-chips button{width:auto;min-width:max-content}.tool-store-toolbar{align-items:flex-start;flex-direction:column}.tool-platform-tabs{justify-content:flex-start}.tool-app-row{grid-template-columns:46px minmax(0,1fr);padding:12px}.tool-app-row .corner-disclosure{position:static;grid-column:1 / -1;grid-row:1;justify-self:start}.tool-app-row>.tool-app-icon{grid-column:1;grid-row:2}.tool-app-main{grid-column:2;grid-row:2}.tool-app-meta,.tool-app-actions{grid-column:1 / -1;justify-content:flex-start}.project-store-page{max-width:calc(100% - 40px)}.store-today-card,.store-today-card>img{min-height:360px}.store-today-copy{grid-template-columns:64px minmax(0,1fr)}.store-app-icon.large{width:64px;height:64px;border-radius:15px;font-size:28px}.store-filter-panel{position:static}.app-ranking-row{grid-template-columns:30px 48px minmax(0,1fr) 42px}.app-ranking-row .soft-disclosure{grid-column:3;width:fit-content}.screen-body{grid-template-columns:1fr}.screen-body aside{grid-template-columns:repeat(3,minmax(0,1fr))}.rank-edit-row,.review-table-mock>div:not(.mock-heading){grid-template-columns:1fr}.detail-source{align-items:flex-start;flex-direction:column}.signal-panel{position:static;width:auto;margin:-18px 16px 0}.tool-row,.insight-card{grid-template-columns:1fr}.email-row{align-items:stretch;flex-direction:column}.link-stack{grid-template-columns:1fr}.drawer-media{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:520px){.collection-page,.membership-page,.submit-page{padding-top:34px}.collection-hero h1,.membership-hero h1{font-size:clamp(38px,13vw,52px);line-height:1.02}.magazine-hero h1{font-size:clamp(36px,10.5vw,44px);line-height:1.08}.magazine-kicker{margin-bottom:12px}}
