@font-face{font-family:Inter;src:url('/fonts/Inter-Regular.ttf');font-display:swap}@font-face{font-family:Inter;src:url('/fonts/Inter-SemiBold.ttf');font-weight:600 800;font-display:swap}:root{font:14px Inter,system-ui;color:#292c27;background:#f6f4ef;--accent:#6461c3;--line:#dad7cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #8984de;outline-offset:4px}.guide-nav{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#f6f4eff2;backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.gbrand{font-size:25px;letter-spacing:-1px;font-weight:600;display:flex;gap:9px;align-items:center}.gbrand img{border-radius:9px}.guide-nav nav{display:flex;gap:27px;font-size:11px}.gpill{padding:12px 18px;border-radius:25px;background:#252922;color:white;font-size:11px}.library{width:min(1140px,90%);margin:auto}.library-hero{padding:80px 0 50px;position:relative;max-width:950px}.library-hero>small,.sectionnum{font-size:9px;letter-spacing:1.4px;color:#777a68}.library-hero h1{font-size:64px;letter-spacing:-3px;line-height:1.04;font-weight:600;margin:25px 0}.library-hero em{font-family:Georgia;font-weight:400}.library-hero>p{font-size:14px;line-height:1.8;color:#7d7e73;max-width:540px}.library-hero>a{font-size:11px;display:inline-block;margin-top:15px;text-decoration:underline;text-underline-offset:4px}.library-sticker{position:absolute;right:0;top:180px;font:21px/1.3 Georgia;background:#efdc8c;color:#6f6441;padding:30px;transform:rotate(8deg);box-shadow:5px 8px 0 #ded1a9}.library-filter{padding:30px 0}.searchbox{display:flex;align-items:center;gap:15px;border:1px solid #ceccc3;background:#fffdf8;border-radius:15px;padding:13px 20px;max-width:650px}.searchbox span{font-size:27px;color:#888b7c}.searchbox input{border:0;background:none;width:100%;outline-offset:5px;padding:5px;color:#292c27;font-size:12px}.category-filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 20px}.category-filters button{font-size:10px;background:transparent;border:1px solid #d7d4ca;border-radius:25px;padding:10px 14px;color:#74786b}.category-filters .active{background:#2a2d26;color:#fff;border-color:#2a2d26}.filter-status{display:flex;justify-content:space-between;font-size:10px;color:#858779;align-items:center}.filter-status select{font-size:10px;border:0;background:transparent;color:#646b59;padding:8px}.guide-grid,.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.guide-card{min-width:0;display:block}.guide-card[hidden]{display:none}.guide-cover{height:200px;background:#e8e2d3;border-radius:14px;position:relative;display:flex;align-items:center;justify-content:center;color:#8b7963;padding:18px;overflow:hidden;border:1px solid #00000008}.guide-cover>small{position:absolute;top:18px;left:20px;font-size:8px;letter-spacing:1px;text-transform:uppercase}.guide-cover>span{font:72px Georgia;transform:rotate(-10deg)}.guide-cover>svg{position:absolute;bottom:5px;width:95%}.guide-card>small{display:block;margin:18px 0 10px;font-size:8px;letter-spacing:1px;color:#8b8d80;text-transform:uppercase}.guide-card h3{font-size:22px;letter-spacing:-.8px;line-height:1.25;font-weight:600;margin:12px 0}.guide-card p{font-size:11px;line-height:1.8;color:#82877a}.read-link{font-size:10px;display:block;margin:20px 0}.load-row{text-align:center;padding:40px 0 70px}.load-row button,.copy-example,#shuffle-related{border:1px solid #b6b7aa;border-radius:25px;padding:12px 18px;background:transparent;font-size:11px;color:#51594b}.load-row p{font-size:12px;color:#7e8075}footer{border-top:1px solid var(--line);padding:40px 5%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:#818677}footer div{display:flex;gap:20px}footer small{font-size:9px}.reading-progress{position:fixed;top:79px;height:2px;background:#8177ca;width:var(--progress,0%);z-index:25}.article{--accent:#77624a;--panel:#f0e6d5;--article-bg:#fffdf8;max-width:1280px;margin:auto}.article-hero{padding:65px 8% 45px;position:relative;overflow:hidden}.breadcrumb{font-size:11px;color:#7c8174;display:inline-block;margin-bottom:35px}.article-meta{display:flex;gap:13px;flex-wrap:wrap;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.article-meta>span{padding:7px 10px;border:1px solid #0002;border-radius:20px}.article h1{font:58px/1.06 Georgia;letter-spacing:-1.8px;max-width:800px;margin:26px 0;color:#2e322a}.dek{max-width:690px;font-size:14px;color:#808372;line-height:1.8}.byline{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:10px;color:#555d4c}.byline small{display:block;font-size:8px;color:#989b8d;margin-top:5px}.author-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d9d7ca;border-radius:50%;font-size:19px;color:#9c8dbc}.copy-link{margin-left:auto;border:0;border-radius:20px;padding:10px 14px;background:#ebe9df;color:#737866;font-size:10px}.hero-scribble{position:absolute;right:9%;top:115px;transform:rotate(12deg);font:22px/1.1 Georgia;color:var(--accent);opacity:.5;pointer-events:none;display:none}.hero-scribble svg{width:110px;display:block}.article-layout{display:grid;grid-template-columns:210px minmax(0,720px);gap:50px;justify-content:center;padding:40px 6% 60px;border-top:1px solid var(--line)}.toc{position:sticky;top:115px;align-self:start;display:flex;flex-direction:column;gap:17px;font-size:11px;color:#858a79}.toc>small{font-size:8px;letter-spacing:1px;margin-bottom:8px;color:var(--accent)}.toc a.current{color:var(--accent);font-weight:600;border-left:2px solid;padding-left:8px}.toc-note{margin-top:25px;font:19px/1.5 Georgia;color:#a09170;transform:rotate(-6deg);border-top:1px solid #d9d2bc;padding-top:20px}.article-body{background:var(--article-bg);border:1px solid #e2dfd4;padding:40px 45px;min-width:0;border-radius:10px}.article-body section{margin-bottom:48px}.article-body section:last-child{margin-bottom:0}.article-body h2{font:32px/1.2 Georgia;letter-spacing:-.6px;margin:17px 0 20px;color:#333b2b}.article-body p{font-size:13px;line-height:1.95;color:#6b735f}.margin-note{padding:18px 22px;background:var(--panel);font-size:12px;line-height:1.8;color:var(--accent);border-radius:2px 15px 15px 15px;transform:rotate(-1deg);margin:25px 0;box-shadow:4px 5px 0 #00000006}.margin-note>span{font:italic 18px Georgia;display:block;margin-bottom:7px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.example-grid>div{padding:20px;border-radius:13px;border:1px solid #dedbcf;background:#f3f1e9;min-width:0}.example-grid .expected{background:var(--panel)}.example-grid small{font-size:7px;letter-spacing:1px;color:#929581}.example-grid blockquote,.example-grid pre{font:14px/1.7 Georgia;color:#4d5840;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 5px}.copy-example{margin-top:12px}.copy-example span{margin-left:15px}.step-list{list-style:none;padding:0;display:grid;gap:12px}.step-list li{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid #e3dfd3;align-items:flex-start}.step-list li>span{font:italic 24px Georgia;color:var(--accent);flex:none}.step-list p{margin:0;font-size:12px;line-height:1.85}.sketch{margin:25px 0;border:1px solid #d7d6c8;border-radius:12px;padding:18px;color:var(--accent);background:var(--panel)}.sketch-label{font-size:7px;letter-spacing:1px}.sketch svg{width:100%;margin:15px 0 5px}.sketch figcaption{font-size:9px;line-height:1.7;color:#838975}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:10px;line-height:1.7;margin:25px 0;color:#727b66;min-width:400px}caption{text-align:left;font-size:10px;margin-bottom:12px;color:var(--accent)}th,td{text-align:left;padding:12px;border:1px solid #d9dbcd;vertical-align:top}th{background:var(--panel);color:#4e5b40;font-weight:600}.review-list{list-style:none;padding:0;display:grid;gap:15px;font-size:12px;line-height:1.7;color:#727e64}.callout{background:var(--panel);padding:22px;border-radius:15px;margin-top:25px}.callout strong{font-size:12px;color:var(--accent)}.callout p{font-size:11px;margin-bottom:0}.article-body details{border-bottom:1px solid #d8d9cc}.article-body summary{list-style:none;font-size:12px;padding:17px 0;color:#555f49}.article-body summary:after{content:'+';float:right}.article-body details[open] summary:after{content:'−'}.article-body details p{font-size:11px}.editor-note{font-size:10px!important;padding:20px 0;color:#969b8a!important}.sources{padding-left:17px;font-size:11px;line-height:2.2;color:#727f60}.sources a{text-decoration:underline;text-underline-offset:3px}.related{padding:30px 8% 65px;border-top:1px solid var(--line)}.related>div:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px}.related small{font-size:8px;letter-spacing:1px;color:#939a87}.related h2{font:35px Georgia;letter-spacing:-.6px;margin:20px 0 30px;flex:1}.related-grid{grid-template-columns:repeat(4,1fr);gap:18px}.related .guide-cover{height:135px}.related .guide-cover>span{font-size:40px}.related .guide-card h3{font-size:17px}.related .guide-card p{display:none}.related .guide-card>small{font-size:7px}.blueprint{--accent:#42668d;--panel:#e3edf6;--article-bg:#f8fbfd}.blueprint .article-hero{background-color:#eaf0f6;background-image:linear-gradient(#7193b817 1px,transparent 1px),linear-gradient(90deg,#7193b817 1px,transparent 1px);background-size:25px 25px}.blueprint h1,.blueprint .article-body h2{font-family:Inter,Arial;font-weight:600;letter-spacing:-1.7px}.blueprint .article-body{border-radius:0}.blueprint .sectionnum,.blueprint .article-meta,.blueprint .step-list>li>span{font-family:monospace}.magazine{--accent:#a65439;--panel:#f0dfcf;--article-bg:#fffdf7}.magazine h1{font-size:66px;font-weight:400;font-style:italic;max-width:900px}.magazine .article-hero{border-bottom:5px solid #a65439;padding-bottom:50px}.magazine .article-body{border:0;border-radius:0;background:transparent;padding-inline:10px}.magazine .article-body>section:first-child>p:first-of-type:first-letter{float:left;font:62px/.9 Georgia;color:#a65439;margin:8px 8px 0 0}.magazine .article-meta>span{border:0;padding-left:0}.magazine .margin-note{border-radius:0;background:none;border-block:1px solid #c4a795;box-shadow:none}.playbook{--accent:#46724d;--panel:#e4eddc;--article-bg:#fffef9}.playbook .article-hero{background:#e7ecde;border-radius:0 0 28px 28px}.playbook h1{font-family:Inter;font-weight:600;letter-spacing:-2.5px}.playbook .step-list>li{padding:18px;background:#f0f3e9;border-radius:13px;border:0}.playbook .step-list>li>span{font:12px Inter;background:#739360;color:white;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.playbook .review-list li{padding:13px;border:1px solid #dce5d2;border-radius:12px}.lab{--accent:#7b5f9e;--panel:#ece4f4;--article-bg:#fcfaff}.lab .article-hero{background:#eae2f0}.lab h1{font-family:Inter;font-size:54px;letter-spacing:-2px;font-weight:600}.lab .article-meta>span{border-radius:4px}.lab .sketch{background-image:radial-gradient(#8f6faa33 .7px,transparent .7px);background-size:13px 13px}.lab .article-body{border-radius:0 22px 22px 22px;border-color:#d4c7df;box-shadow:6px 7px 0 #e5dcec}.lab th{color:#6c5487}.decision{--accent:#3b715d;--panel:#e3ede4;--article-bg:#fafff9}.decision .article-hero{background:#e2e9dd}.decision .article-body{border-radius:20px}.decision .example-grid>div{border-radius:2px}.decision .callout{border-left:3px solid #648c6d;border-radius:0}.decision h1{max-width:800px;font-weight:400}.guide-cover.blueprint{background-color:#e6eef5;color:#6d89a2;background-image:linear-gradient(#57789617 1px,transparent 1px),linear-gradient(90deg,#57789617 1px,transparent 1px);background-size:18px 18px}.guide-cover.magazine{background:#eddfd1;color:#a87051}.guide-cover.playbook{background:#e2e9d7;color:#74905a}.guide-cover.lab{background:#e7def1;color:#9d7db7}.guide-cover.decision{background:#dfe9dd;color:#65886d}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px;margin-bottom:70px}.template-card{padding:22px;border:1px solid #d9d8d0;border-radius:18px;background:#fefdf8}.template-card>small{font-size:9px;color:var(--accent)}.template-paper{height:320px;background:var(--panel,#eee3d2);padding:24px;margin:20px 0;color:var(--accent,#87704e);border:1px solid #0001;box-shadow:5px 6px 0 #00000008}.template-paper>span{font-size:7px;letter-spacing:1px}.template-paper h2{font:30px/1.1 Georgia;margin:25px 0}.template-card strong{font-size:11px;font-weight:400}.fake-lines{height:35px;width:95%;background:repeating-linear-gradient(transparent 0,transparent 6px,#0002 6px,#0002 7px)}.fake-lines.short{width:75%;margin-top:20px}.fake-diagram{font-size:9px;padding:13px;border:1px solid #0002;border-radius:10px;margin-top:20px}.template-card.magazine .template-paper h2{font-style:italic;font-size:35px}.template-card.blueprint .template-paper{background-image:linear-gradient(#7193b817 1px,transparent 1px),linear-gradient(90deg,#7193b817 1px,transparent 1px);background-size:15px 15px}.template-card.lab .template-paper{border-radius:0 20px 20px 20px}.template-card.playbook .fake-lines{border-left:14px solid #87a36b}.template-card.decision .fake-diagram{border-left:3px solid #63866a}@media(min-width:1400px){.hero-scribble{display:block;right:2%}.article h1{max-width:850px}}@media(max-width:900px){.guide-nav nav{gap:15px;font-size:10px}.library-sticker{display:none}.article-layout{grid-template-columns:160px minmax(0,1fr);gap:25px;padding-inline:5%}.article-body{padding:25px}.article h1{font-size:48px}.related-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{gap:25px 18px}.guide-card h3{font-size:19px}.template-grid{grid-template-columns:repeat(2,1fr)}.guide-cover{height:160px}}@media(max-width:600px){html{scroll-padding-top:155px}.guide-nav{height:70px;padding:0 5%}.guide-nav nav{gap:13px}.guide-nav nav a:nth-child(2),.guide-nav nav a:nth-child(3){display:none}.gbrand{font-size:23px}.gpill{padding:10px 13px;font-size:10px}.library-hero{padding-top:50px}.library-hero h1{font-size:43px;letter-spacing:-2px}.library-hero>p{font-size:12px}.library-hero>small{font-size:8px}.searchbox{padding:8px 14px}.searchbox input{font-size:11px}.category-filters{gap:6px}.category-filters button{font-size:9px;padding:9px 11px}.guide-grid{grid-template-columns:1fr;gap:28px}.guide-cover{height:210px}.guide-card h3{font-size:24px}.guide-card>small{font-size:8px}.guide-card p{font-size:12px}.guide-card .read-link{font-size:11px}.article-hero{padding:35px 5% 30px}.article h1,.magazine h1,.lab h1{font-size:38px;letter-spacing:-1.4px}.article-meta{font-size:7px;gap:5px}.article-meta>span{padding:6px 8px}.breadcrumb{margin-bottom:25px}.dek{font-size:12px}.byline{font-size:9px;gap:7px}.byline small{font-size:7px;max-width:190px}.copy-link{font-size:8px;padding:8px;white-space:nowrap}.article-layout{display:flex;flex-direction:column;padding:0 5% 40px;gap:20px}.toc{position:sticky;top:70px;background:#f6f4eff5;border-bottom:1px solid #dcdace;backdrop-filter:blur(15px);display:flex;flex-direction:row;overflow:auto;width:calc(100% + 11.1%);margin-inline:-5.55%;padding:15px 5%;gap:16px;z-index:10;align-self:stretch}.toc>small,.toc-note{display:none}.toc a{font-size:9px;white-space:nowrap}.toc a.current{border:0;padding:0;text-decoration:underline;text-underline-offset:5px}.article-body{padding:25px 20px;border-radius:12px}.article-body h2{font-size:28px}.article-body p{font-size:12px;line-height:1.9}.sectionnum{font-size:7px}.margin-note{font-size:11px;padding:16px}.example-grid{grid-template-columns:1fr}.example-grid>div{padding:17px}.example-grid blockquote,.example-grid pre{font-size:14px}.step-list{gap:5px}.step-list li{gap:12px}.step-list p{font-size:11px}.sketch{padding:12px}.sketch figcaption{font-size:8px}.review-list{font-size:11px}.article-body summary{font-size:11px;line-height:1.7;padding-right:15px}.callout{padding:18px}.related{padding:25px 5% 45px}.related h2{font-size:29px;flex:auto}.related>div:first-child>small{width:100%}.related-grid{gap:15px}.related .guide-cover{height:130px}.related .guide-card h3{font-size:17px}.related .guide-cover>small{font-size:6px}.related .read-link{font-size:9px}.template-grid{grid-template-columns:1fr;gap:25px}.template-card{padding:22px}.template-paper{height:330px}.template-paper h2{font-size:35px}footer{padding:30px 5%;gap:20px}footer .gbrand{width:100%}footer>span{font-size:10px}footer div{gap:15px}footer small{font-size:8px}.reading-progress{top:69px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
