/* Personal Knowledge Lab — independent, self-hosted editorial design */
:root{color-scheme:light;--bg:#fcf8f0;--surface:#fffdf9;--paper:#f6eee1;--paper-deep:#eee0ce;--text:#3a3027;--muted:#746a5e;--line:#e4d9c8;--accent:#9d5a43;--accent-deep:#783f30;--leaf:#525f46;--shadow:0 18px 60px rgba(86,55,28,.08);--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
:root[data-theme="dark"]{color-scheme:dark;--bg:#211f1a;--surface:#2b2922;--paper:#353026;--paper-deep:#493a2e;--text:#f5ede0;--muted:#c0b3a1;--line:#52483b;--accent:#e2ab8a;--accent-deep:#f4c5a5;--leaf:#b4c0a0;--shadow:0 16px 50px rgba(0,0,0,.14)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.78 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit}img,svg{max-width:100%}p{margin:0 0 1.4em}h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.13;letter-spacing:-.036em;margin:0}h1{font-size:clamp(3.5rem,6.6vw,7.5rem)}h2{font-size:clamp(2.1rem,3.3vw,3.55rem)}h3{font-size:clamp(1.5rem,2vw,2rem)}::selection{background:#ddbdac;color:#2b241c}:focus-visible{outline:3px solid #468a7d;outline-offset:4px;border-radius:3px}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:16px;z-index:99;padding:12px 20px;background:white;color:#332519}.skip-link:focus{top:14px}.topline{background:var(--paper-deep);border-bottom:1px solid var(--line)}.topline-inner{display:flex;justify-content:space-between;align-items:center;min-height:35px;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep)}.site-header{position:sticky;top:0;z-index:25;background:var(--bg);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{min-height:89px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand:hover{color:var(--text)}.brand-symbol{font:52px/1 var(--serif);color:var(--accent);margin-top:-7px}.brand-words{display:flex;flex-direction:column;line-height:1.06}.brand-words strong{font:26px var(--serif);letter-spacing:-.04em}.brand-words em{font:11px var(--sans);font-style:normal;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-top:5px}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:3px}.desktop-nav a,.mobile-menu nav a{display:block;font:12px var(--sans);font-weight:550;color:var(--muted);padding:11px 9px;border-radius:5px}.desktop-nav a:hover,.desktop-nav a.is-current{color:var(--accent-deep);background:var(--paper)}.header-actions{display:flex;align-items:center;gap:9px}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:50%;height:39px;width:39px;display:grid;place-items:center}.theme-toggle span:first-child{font-size:20px}.theme-text{display:none}.mobile-menu{display:none}.small-label,.hand-label,.card-top,.card-end,.theme-card>span:nth-child(2),.theme-card b,.paper-tab,.paper-bottom,.intro-strip-inner span,.footer-bottom,.breadcrumbs,.article-meta,.margin-note span,.reading-list article span,.notfound-number{font-family:var(--mono)}.small-label{font-size:11px;letter-spacing:.15em;font-weight:700;color:var(--accent);text-transform:uppercase}.home-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:9%;align-items:center;padding:110px 0 125px}.hand-label{font-size:11px;letter-spacing:.13em;color:var(--accent);display:flex;align-items:center;gap:12px}.sun-mark{font-size:20px;line-height:1}.home-hero h1{font-size:clamp(4rem,7vw,7.2rem);margin:27px 0 30px}.home-hero h1 em{font-weight:400;color:var(--accent);font-style:italic}.home-hero-copy>p{color:var(--muted);font-size:clamp(1.07rem,1.5vw,1.21rem);line-height:1.85;max-width:570px;margin-bottom:35px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.home-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 21px;background:var(--accent-deep);color:#fffaf4;min-height:51px;border-radius:4px;font-weight:600;font-size:13px}.home-button:hover{background:var(--text);color:var(--surface)}.subtle-link{color:var(--accent-deep);font-weight:650;font-size:13px;border-bottom:1px solid var(--accent);padding-bottom:4px}.hero-paper{background:var(--paper);border:1px solid var(--line);box-shadow:18px 19px 0 var(--paper-deep),var(--shadow);min-height:525px;padding:37px 36px 30px;transform:rotate(2deg);display:flex;flex-direction:column;position:relative}.hero-paper:before{content:'';position:absolute;top:0;bottom:0;left:73px;border-left:1px solid #d6bda9;opacity:.6}.paper-tab{font-size:10px;letter-spacing:.12em;color:var(--accent);margin-bottom:20px;position:relative;z-index:1}.paper-rule{border-bottom:1px solid var(--line)}.paper-large{font:clamp(2.7rem,4.1vw,4.5rem)/1.28 var(--serif);letter-spacing:-.05em;margin:auto 0 15px;z-index:1}.paper-large i{font-style:italic;color:var(--accent)}.paper-squiggle{font:85px var(--serif);color:var(--accent);transform:rotate(-15deg);position:absolute;right:48px;bottom:85px}.paper-bottom{margin-top:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:17px;color:var(--muted);font-size:10px;letter-spacing:.04em}.paper-bottom span:last-child{color:var(--accent);font-size:28px}.intro-strip{border-block:1px solid var(--line);background:var(--paper)}.intro-strip-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px}.intro-strip p{font:22px/1.4 var(--serif);margin:0}.intro-strip p em{color:var(--accent);font-style:italic}.intro-strip-inner span{font-size:10px;letter-spacing:.09em;color:var(--muted);text-align:right}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:37px}.section-heading h2{margin-top:11px}.section-heading .subtle-link{margin-bottom:7px}.home-feature,.themes-section{padding-top:104px;padding-bottom:37px}.feature-cards,.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{background:var(--surface);border:1px solid var(--line);min-width:0;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.article-card .card-click{padding:31px;display:flex;flex-direction:column;height:100%}.card-top{display:flex;justify-content:space-between;gap:13px;color:var(--accent);font-size:10px;letter-spacing:.075em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:18px}.card-top span:last-child{text-align:right;color:var(--muted)}.article-card h3{margin:28px 0 14px;font-size:clamp(1.6rem,2.2vw,2.2rem)}.article-card p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:31px}.card-end{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto;font-size:10px;color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}.card-end span:last-child{color:var(--accent);font-weight:700}.themes-section{padding-bottom:30px}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.theme-card{background:var(--paper);padding:28px 32px 32px;min-height:345px;display:flex;flex-direction:column;border:1px solid var(--line)}.theme-card:hover{color:var(--text);background:var(--paper-deep)}.theme-ornament{font:58px/1 var(--serif);color:var(--accent);min-height:91px}.theme-card>span:nth-child(2){color:var(--accent);font-size:10px;letter-spacing:.1em}.theme-card h3{font-size:clamp(2rem,3vw,3.1rem);margin:14px 0}.theme-card p{font-size:13px;line-height:1.8;color:var(--muted)}.theme-card b{font-size:12px;color:var(--accent);font-weight:700;margin-top:auto}.final-notes{padding-bottom:92px}.quote-section{padding:55px 0 145px;border-top:1px solid var(--line);text-align:center}.quote-section blockquote{font:italic clamp(1.8rem,3.2vw,3.3rem)/1.37 var(--serif);max-width:790px;margin:0 auto 22px;letter-spacing:-.035em;color:var(--accent-deep)}.quote-section span{font:10px var(--mono);letter-spacing:.12em;color:var(--muted)}.site-footer{background:var(--paper-deep);border-top:1px solid var(--line)}.footer-layout{padding:55px 0 40px;display:grid;grid-template-columns:70px 1fr 1fr;gap:35px;align-items:start}.footer-sign{font:75px/1 var(--serif);color:var(--accent)}.site-footer strong{font:28px var(--serif)}.site-footer p{font-size:13px;max-width:460px;color:var(--muted);margin:12px 0}.footer-col{display:flex;flex-direction:column;gap:8px;justify-self:end}.footer-col a{font-size:13px;color:var(--accent-deep)}.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:67px;font-size:10px;color:var(--muted)}.collection-hero{padding:93px 0 67px;border-bottom:1px solid var(--line)}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.collection-heading h1{max-width:870px;margin:17px 0 26px;font-size:clamp(3.7rem,6.3vw,6.9rem)}.collection-heading p{font-size:clamp(1.08rem,1.6vw,1.3rem);color:var(--muted);max-width:750px;margin:0}.collection-mark{font:140px/.8 var(--serif);color:var(--paper-deep);min-width:180px;position:relative}.collection-mark span{font:20px var(--mono);position:absolute;bottom:0;right:0;color:var(--accent)}.collection-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:60px;padding:67px 0 115px}.collection-content .section-heading h2{font-size:31px}.collection-content .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-content .article-card{min-height:340px}.margin-note{background:var(--paper);padding:28px;transform:rotate(2deg);border:1px solid var(--line);border-radius:2px}.margin-note>span{color:var(--accent);font-size:10px;letter-spacing:.1em}.margin-note p{font:italic 23px/1.4 var(--serif);margin:20px 0}.margin-symbol{font:51px var(--serif);color:var(--accent);text-align:right}.aside-links{display:flex;flex-direction:column;gap:13px;margin-top:40px}.aside-links a{font-size:13px;color:var(--accent-deep);font-weight:650}.reading-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.reading-list article{padding:29px 0;border-bottom:1px solid var(--line);display:flex;align-items:end;gap:20px;justify-content:space-between}.reading-list article span{font-size:10px;color:var(--accent);letter-spacing:.1em}.reading-list article h3{font-size:26px;margin:10px 0 7px}.reading-list article p{font-size:13px;color:var(--muted);max-width:580px;margin:0}.reading-list article a{font-size:12px;font-weight:650;color:var(--accent-deep);white-space:nowrap}.reading-subheading{margin:70px 0 25px}.reading-subheading h2{font-size:31px;margin-top:9px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:13px;font-size:11px;color:var(--muted);padding:34px 0}.breadcrumbs a:hover{color:var(--accent)}.article-header{max-width:960px;padding:43px 0 77px}.article-header h1{margin:21px 0 24px;font-size:clamp(3.5rem,6.1vw,6.4rem)}.article-lede{max-width:800px;color:var(--muted);font:clamp(1.25rem,1.9vw,1.55rem)/1.65 var(--serif)}.article-meta{border-top:1px solid var(--line);margin-top:34px;padding-top:22px;font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:18px}.article-layout{display:grid;grid-template-columns:minmax(0,770px) minmax(210px,1fr);gap:85px}.article-body{font-size:16px;line-height:1.93;min-width:0;padding-bottom:40px}.article-body h2{font:clamp(1.85rem,2.6vw,2.65rem)/1.22 var(--serif);margin:56px 0 20px;padding-top:31px;border-top:1px solid var(--line);scroll-margin-top:120px}.article-body h2:first-child{margin-top:0;padding-top:0;border-top:0}.article-body p{margin:0 0 23px}.article-body>p:first-of-type:first-letter{font:66px/.82 var(--serif);float:left;margin:11px 10px 0 0;color:var(--accent)}.article-body ul,.article-body ol{padding-left:24px;margin:16px 0 24px}.article-body li{margin:9px 0}.article-body code:not(pre code){font:13px/1.7 var(--mono);background:var(--paper);padding:.2em .35em;border-radius:3px;overflow-wrap:anywhere}.article-body pre{background:#302c29;color:#f7ece0;padding:26px 24px;overflow-x:auto;margin:28px 0 35px;border-radius:4px;border-left:3px solid #d09a7c}.article-body pre code{font:13px/1.7 var(--mono);white-space:pre}.article-body blockquote{border-left:3px solid var(--accent);padding:14px 24px;background:var(--paper);font:italic 22px/1.5 var(--serif);margin:42px 0}.article-body blockquote p{margin:0}.article-aside .aside-sticky{position:sticky;top:130px}.article-aside ol{list-style:none;margin:22px 0 27px;padding:0;border-left:1px solid var(--line)}.article-aside li a{display:block;font-size:12px;line-height:1.6;color:var(--muted);padding:8px 0 8px 14px}.article-aside li a:hover{color:var(--accent);border-left:2px solid var(--accent);margin-left:-1px}.margin-note.small{padding:19px;transform:rotate(-1deg);margin-bottom:28px}.margin-note.small p{font-size:17px}.more-reading{border-top:1px solid var(--line);margin-top:45px;padding:65px 0 110px}.more-reading .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero{padding:105px 0 73px;border-bottom:1px solid var(--line)}.about-hero h1{font-size:clamp(3.5rem,5.5vw,6.2rem);max-width:940px;margin:25px 0}.about-hero p{color:var(--muted);font:clamp(1.25rem,1.9vw,1.6rem)/1.6 var(--serif);max-width:770px}.about-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(240px,1fr);gap:100px;padding:72px 0 130px}.about-prose h2{font-size:33px;margin:47px 0 18px}.about-prose h2:first-child{margin-top:0}.about-prose p{font-size:16px;color:var(--muted)}.about-prose .home-button{margin-top:24px}.paper-small{padding:37px 27px;background:var(--paper);border:1px solid var(--line);transform:rotate(2deg)}.paper-small p{font:italic 32px/1.45 var(--serif);margin:40px 0}.paper-small>span:last-child{font:60px var(--serif);color:var(--accent)}.not-found{padding:110px 0 130px;min-height:650px;position:relative}.notfound-ornament{font:120px var(--serif);line-height:1;color:var(--accent)}.not-found h1{font-size:clamp(3.4rem,6vw,6.5rem);max-width:800px;margin:16px 0}.not-found p{font-size:18px;color:var(--muted);max-width:590px}.notfound-actions{display:flex;gap:24px;align-items:center;margin-top:32px}.notfound-number{font-size:160px;color:var(--paper-deep);position:absolute;right:20px;bottom:20px;z-index:-1}@media(max-width:1120px){.desktop-nav a{padding:8px 6px;font-size:11px}.header-inner{gap:16px}.home-hero{gap:35px}.article-layout{gap:45px}.collection-layout{gap:35px}}@media(max-width:900px){.wrap{width:min(100% - 42px,750px)}.header-inner{min-height:75px}.desktop-nav{display:none}.header-actions{margin-left:auto}.mobile-menu{position:relative;display:block}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);padding:8px 11px;border-radius:3px;font-size:12px;font-weight:650}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{margin-left:6px}.mobile-menu nav{position:absolute;top:49px;right:0;width:min(300px,calc(100vw - 36px));padding:15px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;z-index:30}.mobile-menu nav a{font-size:14px;padding:11px}.home-hero{grid-template-columns:1fr;padding:75px 0 105px}.home-hero h1{font-size:clamp(4rem,9vw,6rem)}.hero-paper{width:min(100% - 20px,520px);min-height:440px;transform:rotate(1deg)}.intro-strip-inner{flex-wrap:wrap;padding:25px 0;justify-content:start;gap:8px 28px}.intro-strip-inner span{display:none}.feature-cards,.article-grid,.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-aside{order:1}.article-aside .aside-sticky{position:static}.article-aside ol{columns:2}.article-aside .margin-note.small{display:none}.collection-layout{grid-template-columns:1fr}.collection-aside{display:flex;gap:45px;align-items:start}.collection-aside .margin-note{max-width:360px}.collection-mark{min-width:110px;font-size:100px}.about-layout{grid-template-columns:1fr;gap:35px}.about-side{max-width:400px}}@media(max-width:610px){.wrap{width:calc(100% - 34px)}.topline-inner span:last-child{display:none}.brand-words strong{font-size:23px}.brand-symbol{font-size:44px}.home-hero{padding:60px 0 78px}.home-hero h1{font-size:clamp(3.65rem,12vw,5rem)}.hero-paper{width:calc(100% - 16px);min-height:390px;padding:25px;box-shadow:10px 12px 0 var(--paper-deep)}.paper-large{font-size:clamp(2.7rem,10vw,4rem)}.paper-squiggle{right:25px;bottom:60px;font-size:65px}.intro-strip p{font-size:20px}.home-feature,.themes-section{padding-top:75px}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading h2{font-size:2.1rem}.feature-cards,.article-grid,.theme-grid,.collection-content .article-grid,.more-reading .article-grid{grid-template-columns:1fr}.article-card .card-click{padding:26px}.article-card h3{font-size:2rem}.theme-card{min-height:285px}.theme-ornament{min-height:65px}.theme-card h3{margin:12px 0}.final-notes{padding-bottom:60px}.quote-section{padding:45px 0 90px}.quote-section blockquote{font-size:2rem}.footer-layout{grid-template-columns:55px 1fr;gap:12px;padding:43px 0}.footer-col{grid-column:2;justify-self:start}.footer-bottom{flex-direction:column;align-items:start;justify-content:center;padding:18px 0}.collection-hero{padding:70px 0 44px}.collection-heading h1{font-size:3.6rem}.collection-mark{display:none}.collection-layout{padding:50px 0 85px}.collection-aside{flex-direction:column}.reading-list article{align-items:start;flex-direction:column}.article-header{padding:25px 0 45px}.article-header h1{font-size:clamp(3.1rem,11vw,4.5rem)}.article-lede{font-size:1.2rem}.article-aside ol{columns:1}.article-body{font-size:15px}.article-body h2{font-size:2rem}.article-body pre{padding:18px 16px}.article-body pre code{font-size:12px}.article-body>p:first-of-type:first-letter{font-size:53px}.breadcrumbs{padding:23px 0}.about-hero{padding:70px 0 45px}.about-hero h1{font-size:3.4rem}.about-layout{padding:50px 0 100px}.not-found{padding:65px 0 100px;min-height:550px}.not-found h1{font-size:3.4rem}.notfound-number{font-size:100px}.notfound-actions{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}