@font-face{font-family:Archivo;src:url('./assets/archivo-latin.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('./assets/jetbrains-mono-latin.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
:root{--ink:#131312;--muted:#66665f;--line:#deddd5;--paper:#fff;--orange:#ff935d;--accent:#365f4b;--green:#365f4b;--sage:#edf4ee;--sage-line:#bccfbe;--soft:#f6f5f0;--agent-width:clamp(320px,27vw,380px);--serif:Archivo,Arial,sans-serif;--sans:Archivo,Arial,sans-serif;--mono:'JetBrains Mono',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #963718;outline-offset:5px}a:hover,button:hover{color:var(--accent)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}i.ph{font-size:19px;line-height:1;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:12px}.editorial{width:calc(100% - var(--agent-width));min-height:100vh;padding:0 clamp(28px,4vw,76px)}.masthead{height:122px;display:flex;align-items:center;justify-content:space-between;gap:20px}.masthead nav{display:flex;align-items:center;gap:23px}.nav-link{padding:8px 0;font-size:11px;font-weight:600;white-space:nowrap;color:var(--muted)}.nav-link.active{color:var(--accent)}#saved-count{font:10px var(--mono);padding-left:3px}main:focus{outline:none}.library-heading{padding:25px 0 27px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:1.15px;color:var(--accent);margin-bottom:12px}.library-heading h1{font-size:clamp(27px,2.7vw,43px);font-weight:800;line-height:1.2;letter-spacing:-1.5px}.library-heading>p:last-child{font-size:14px;color:var(--muted);margin-top:13px}.category-nav{display:flex;gap:7px 17px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}.category-link{padding:3px 0;font-size:11px;line-height:1.5;color:#737b77;border-bottom:1px solid transparent;white-space:nowrap}.category-link.active{color:var(--accent);border-color:var(--accent);font-weight:700}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);min-height:64px}.search-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:#8a938e}.search-wrap input{width:100%;min-width:0;outline:none;border:0;padding:15px 0;background:none;font-size:12px;color:var(--ink)}.search-wrap input::placeholder{color:#8a938e}.search-wrap kbd{color:#a0a6a2;font:11px var(--mono);border:1px solid var(--line);border-radius:3px;padding:0 5px;margin-right:10px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:6px 0;color:#626d66}.text-button .ph{font-size:15px}.extra-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.extra-filters label{font:9px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.extra-filters select{display:block;width:100%;font:12px var(--sans);margin-top:7px;padding:8px 22px 8px 8px;border:1px solid var(--line);background:#fafaf8;border-radius:0;color:var(--ink)}.results-bar{display:flex;align-items:center;gap:12px;padding:22px 0 13px;font:10px var(--mono);color:#7b8580;min-height:53px}.results-note{margin-left:auto;letter-spacing:.5px;font-size:8px;color:#8c948f}.feed{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.feed-story{position:relative;min-width:0;padding:24px 0 28px;border-bottom:1px solid var(--line)}.feed-story.featured{grid-column:1/-1;padding:15px 0 34px}.story-meta{display:flex;align-items:center;gap:8px;font:11px/1.5 var(--mono);color:#87928b;padding-right:25px;margin-bottom:8px}.meta-separator{color:#b6beb8}.feed-story h2{font-size:21px;line-height:1.35;font-weight:800;letter-spacing:-.65px}.feed-story.featured h2{font-size:29px;letter-spacing:-1px}.story-link:hover{color:var(--accent)}.story-summary{font-size:14px;line-height:1.75;color:#606a64;margin-top:11px}.featured .story-summary{font-size:16px;line-height:1.65;max-width:660px}.story-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.tag{display:inline-flex;background:#f1f3f0;color:#6a746c;border-radius:2px;padding:3px 8px;font-size:10px;line-height:1.6}.bookmark{position:absolute;right:0;top:20px;padding:4px;color:#a9b0ab;opacity:0;transition:opacity .15s}.featured .bookmark{top:11px}.feed-story:hover .bookmark,.bookmark:focus-visible,.bookmark[aria-pressed=true]{opacity:1}.bookmark[aria-pressed=true]{color:var(--accent)}.bookmark .ph{font-size:17px}.load-more-row{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 0}.load-more-row>span{font:10px var(--mono);color:var(--muted)}.outline-button,.solid-button{display:inline-flex;gap:16px;align-items:center;justify-content:center;padding:11px 19px;border:1px solid #d6dcd6;font-size:12px;line-height:1.5}.outline-button:hover{border-color:var(--accent)}.solid-button{background:var(--ink);color:#fff;border-color:var(--ink)}.solid-button:hover{color:#fff;background:var(--accent)}footer{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0 32px;color:#8a928d;font:9px var(--mono);letter-spacing:.3px}footer>span{margin-right:auto}footer button,footer a{font-size:9px!important;color:#707972}.empty-state{padding:70px 15px;text-align:center}.empty-state h2{font:28px var(--serif);margin-bottom:12px}.empty-state p{color:var(--muted);margin-bottom:22px;font-size:13px}
/* A full-height companion to the editorial feed. */
.agent-panel{position:fixed;right:0;top:0;bottom:0;width:var(--agent-width);background:var(--orange);display:flex;flex-direction:column;z-index:20;color:#38241c;padding:0 clamp(24px,3vw,54px)}.agent-top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:99px;flex-shrink:0;border-bottom:1px solid #9f492733;font:10px var(--mono);letter-spacing:1px}.agent-top>span{display:flex;align-items:center;gap:9px}.agent-top>span .ph{font-size:21px}.agent-top>div{display:flex;gap:6px}.agent-top button{padding:9px;color:#753a26;display:flex}.agent-top button:hover{color:#251d17}.agent-top button .ph{font-size:17px}#close-agent{display:none}.agent-scroll{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#a55a3d70 transparent;margin:0 -10px;padding:0 10px}.agent-welcome{padding:47px 0 22px}.agent-kicker{font:9px var(--mono);letter-spacing:1px;color:#743b28;margin-bottom:22px}.agent-welcome h2{font:900 clamp(32px,2.4vw,36px)/1.08 var(--sans);letter-spacing:-2.8px;color:#fff9f4}.agent-intro{font-size:15px;line-height:1.65;margin-top:24px;color:#643825}.agent-prompts{display:flex;flex-direction:column;margin-top:34px;border-top:1px solid #96452940}.agent-prompts button{display:flex;align-items:center;justify-content:space-between;padding:17px 0;gap:15px;text-align:left;font-size:12px;border-bottom:1px solid #96452940;color:#4f2c1e}.agent-prompts button:hover{color:#fff;background:#ffffff06}.agent-prompts .ph{font-size:17px}.agent-library-note{font:10px var(--mono);color:#794631;margin-top:24px}.agent-bottom{padding:20px 0 18px;flex-shrink:0}#chat-form{background:#fffaf4;border-radius:7px;padding:15px 15px 12px;box-shadow:0 4px 24px #77321008}#chat-input{display:block;resize:none;outline:none!important;border:0;background:none;width:100%;min-height:56px;max-height:100px;line-height:1.6;font-size:13px;color:#3e332b}#chat-input::placeholder{color:#998f86}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px var(--mono);color:#a0988e}.composer-bottom button{border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#342c26;color:#fff}.composer-bottom button:hover{background:var(--accent)}.agent-disclosure{font-size:9px;text-align:center;margin-top:12px;color:#7b442e}.chat-status{font-size:10px;min-height:0;color:#633523;margin-bottom:7px}.is-thinking{display:flex;align-items:center;gap:7px}.is-thinking:before{content:'';width:7px;height:7px;border:1px solid #8b4428;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-messages{padding-top:14px}.chat-message{padding:22px 0;border-bottom:1px solid #96452940}.chat-role{font:9px var(--mono);letter-spacing:1px;color:#6c3d2b;display:block;margin-bottom:10px}.chat-copy{font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:10px;color:#452b20}.chat-message.user{padding-left:18px;background:#ffffff19;border-bottom:0;margin-top:12px;border-radius:5px;padding-right:14px}.chat-message.user .chat-copy{font-weight:600}.recommendations{display:flex;flex-direction:column;gap:10px;margin-top:16px}.recommendation{background:#fffaf4;padding:18px;text-align:left;border-radius:4px;display:flex;flex-direction:column;align-items:flex-start;color:#3b352e;border:1px solid transparent;box-shadow:0 2px 6px #64240905}.recommendation:hover{border-color:#984725;color:#3b352e;transform:translateY(-1px)}.rec-category{font:9px var(--mono);color:#ab5a3b;letter-spacing:.7px;margin-bottom:8px}.recommendation strong{font-size:14px;line-height:1.5;letter-spacing:-.3px}.rec-reason{font-size:11px;color:#7b736b;line-height:1.65;margin-top:8px}.rec-tail{display:flex;align-items:center;gap:10px;font-size:10px;color:#9d482b;margin-top:13px}.rec-tail .ph{font-size:14px}.website-read{font:10px var(--mono);background:#ffffff38;padding:7px 10px;margin-bottom:13px;overflow-wrap:anywhere}.website-warning{font-size:11px;line-height:1.6}.retry-chat{font-size:11px;border-bottom:1px solid #5e3120;padding:4px 0}.article-context{font:10px/1.5 var(--mono);max-height:46px;overflow:hidden;text-overflow:ellipsis;padding:0 0 10px;color:#623520}.mobile-agent{display:none}
/* Long-form reading view with the recipe in the margin. */
.reading .editorial{background:#f8f8f4}.article-nav{display:flex;justify-content:space-between;gap:15px;margin:5px 0 42px}.art-header{padding-bottom:28px}.art-eyebrow{font:10px var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.art-title{font:400 clamp(40px,4.6vw,72px)/1.04 var(--serif);letter-spacing:-2.8px;margin-bottom:23px;overflow-wrap:break-word}.art-deck{font:16px/1.65 var(--sans);color:#626b65;max-width:660px}.art-meta{font:10px/1.6 var(--mono);color:#7c847d;margin:20px 0;text-transform:uppercase}.art-actions{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid #d8ddd6;border-bottom:1px solid #d8ddd6;padding:17px 0;margin-top:22px}.art-button{display:inline-flex;align-items:center;gap:7px;font:10px/1.5 var(--sans);padding:10px 14px;border:1px solid #bdc5bc;border-radius:3px}.art-button-primary{background:var(--ink);color:#fff;border-color:var(--ink)}.art-button-primary:hover{background:var(--accent);color:white}.art-button .ph{font-size:14px}.art-button-secondary:hover{border-color:var(--accent)}.art-action-status{font-size:11px;color:var(--accent)}.art-action-status:empty{display:none}.art-layout{display:grid;grid-template-columns:155px minmax(0,1fr);gap:36px;align-items:start;margin:18px 0 55px}.art-recipe{border-top:3px solid #343b32;padding-top:13px;font-size:11px}.art-recipe h2{font:11px var(--mono);letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.art-recipe-section{margin-bottom:22px}.art-recipe-section h3{font:9px var(--mono);color:#879082;text-transform:uppercase;letter-spacing:1px;margin-bottom:9px}.art-recipe-list{list-style:none;padding:0;margin:0}.art-recipe-list li{padding-bottom:7px;line-height:1.6;color:#626b5e}.art-recipe-value{color:#626b5e;line-height:1.7}.art-body{min-width:0}.art-section{margin-bottom:35px}.art-section-title{font:600 16px/1.45 var(--sans);letter-spacing:-.3px;margin-bottom:14px}.art-paragraph,.art-step-text{font:18px/1.8 var(--serif);color:#444b42;margin-bottom:18px}.art-steps{list-style:none;padding:0;margin:0}.art-step{display:grid;grid-template-columns:25px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #e0e4db}.art-step:first-child{padding-top:0}.art-step-number{font:10px/2.2 var(--mono);color:#ad5a35;padding-top:5px}.art-step-text{margin-bottom:0}.art-deliverable,.art-pilot-measure{padding:17px 19px;border-left:2px solid #bb7453;background:#efefe7;font:16px/1.7 var(--serif);margin:18px 0}.art-deliverable strong,.art-pilot-measure strong{display:block;font:9px var(--mono);color:#6f795f;text-transform:uppercase;margin-bottom:8px}.art-tool-examples{display:flex;flex-direction:column;gap:14px}.art-tool-option{border-top:1px solid #d8ddd4;padding-top:13px}.art-tool-name{font:600 13px var(--sans);margin-bottom:6px}.art-tool-role{font:11px/1.7 var(--sans);color:#807b67;margin-bottom:5px}.art-tool-note{font:14px/1.7 var(--serif);color:#6a7162}.art-activities{display:flex;flex-wrap:wrap;gap:6px}.art-activity{font:10px/1.5 var(--sans);background:#e9ece3;padding:5px 8px;color:#63715a}.art-evidence{font:10px/1.7 var(--sans);color:#888c80;border-top:1px solid #d8ddd4;padding-top:16px}.art-body .art-evidence{margin-top:24px}
/* Collections and small-screen controls. */
.playbook-panel{padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:6px}.playbook-panel h2{font-size:18px;letter-spacing:-.5px}.playbook-panel p{font-size:12px;color:var(--muted);margin:8px 0 18px}#selected-activities{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}#playbook-actions{display:flex;gap:20px;margin-top:12px}dialog{width:min(640px,calc(100% - 32px));max-height:85dvh;border:1px solid #d1d7cf;padding:30px;color:var(--ink);background:#fafaf6;box-shadow:0 25px 90px #292d2b30}dialog::backdrop{background:#20231e66;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.dialog-header h2{font:28px/1.2 var(--serif);letter-spacing:-1px}.icon-button{padding:8px;display:flex}dialog p{font-size:13px;color:#70786b;margin-bottom:18px}.activity-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.activity-option{display:flex;gap:11px;align-items:flex-start;padding:12px;border:1px solid #dfe3d9;cursor:pointer}.activity-option input{margin-top:5px;accent-color:var(--accent)}.activity-option strong{font-size:11px;display:block}.activity-option small{font-size:10px;line-height:1.55;color:#7f8779;display:block;margin-top:4px}.dialog-actions{display:flex;justify-content:space-between;gap:15px;margin-top:24px}.toast{position:fixed;bottom:22px;left:30px;background:#293029;color:#fff;padding:12px 20px;font-size:12px;z-index:100;box-shadow:0 4px 14px #0001}
@media(min-width:1700px){:root{--agent-width:clamp(320px,27vw,380px)}.masthead{height:145px}.library-heading{padding-top:40px;padding-bottom:34px}.agent-top{height:120px}.agent-welcome{padding-top:70px}.agent-welcome h2{font-size:clamp(32px,2.4vw,36px);}.feed-story h2{font-size:25px}.feed-story.featured h2{font-size:35px}.story-summary{font-size:17px}.featured .story-summary{font-size:19px}.story-meta{font-size:13px}.feed{gap:0 50px}.art-layout{grid-template-columns:195px minmax(0,1fr);gap:55px}.art-paragraph,.art-step-text{font-size:20px}.art-recipe{font-size:12px}.agent-intro{font-size:18px}.agent-prompts button{font-size:14px;padding:21px 0}.agent-library-note{font-size:12px}.agent-bottom{padding-bottom:30px}}
@media(max-height:800px) and (min-width:1024px){.agent-top{height:82px}.agent-welcome{padding-top:32px}.agent-kicker{margin-bottom:18px}.agent-intro{margin-top:20px}.agent-prompts{margin-top:24px}.agent-prompts button{padding:13px 0}.agent-library-note{margin-top:18px}.agent-bottom{padding-top:12px;padding-bottom:14px}}
@media(max-width:1150px) and (min-width:1024px){:root{--agent-width:clamp(320px,27vw,380px)}.editorial{padding:0 30px}.masthead nav{gap:12px}.nav-link{font-size:10px}.agent-panel{padding:0 25px}.agent-welcome h2{font-size:clamp(32px,2.4vw,36px);}.agent-kicker{font-size:8px;letter-spacing:.5px}.results-note{display:none}.art-layout{grid-template-columns:135px 1fr;gap:25px}.art-title{font-size:49px}.art-paragraph,.art-step-text{font-size:17px}.feed{gap:0 25px}.feed-story h2{font-size:19px}}
@media(max-width:1023px){:root{--agent-width:0%}.editorial{width:100%;padding:0 34px}.masthead{height:105px}.masthead nav{gap:22px}.agent-panel{width:min(430px,100%);transform:translateX(100%);transition:transform .22s ease;box-shadow:-10px 0 60px #31211522;padding:0 30px}.agent-panel.is-open{transform:translateX(0)}#close-agent{display:flex}.mobile-agent{display:flex;position:fixed;bottom:20px;right:20px;z-index:15;background:#e88059;box-shadow:0 5px 25px #6d3b2a25;color:#44281c;padding:13px 20px;align-items:center;gap:10px;border-radius:30px;font-size:12px}.mobile-agent:hover{color:#fff}.library-heading h1{font-size:36px}.agent-welcome h2{font-size:clamp(32px,2.4vw,36px);}.agent-top{height:85px}.agent-welcome{padding-top:32px}.art-title{font-size:64px}.art-layout{grid-template-columns:165px 1fr;gap:38px}footer{padding-bottom:100px}.toast{bottom:80px;left:20px;right:20px;text-align:center}.bookmark{opacity:1}}
@media(max-width:560px){.editorial{padding:0 23px}.masthead{height:91px;gap:13px}.masthead nav{gap:13px}.nav-link{font-size:9px}.library-heading{padding-top:22px;padding-bottom:22px}.eyebrow{font-size:9px;letter-spacing:1px}.library-heading h1{font-size:32px;line-height:1.17;max-width:290px}.library-heading>p:last-child{font-size:12px;line-height:1.7;max-width:300px}.category-nav{gap:7px 17px;padding:15px 0}.category-link{font-size:10px}.results-note{display:none}.results-bar{padding-top:22px;font-size:9px}.feed{grid-template-columns:1fr;gap:0}.feed-story,.feed-story.featured{padding:24px 0}.feed-story h2,.feed-story.featured h2{font-size:23px;line-height:1.35;letter-spacing:-.6px}.story-summary,.featured .story-summary{font-size:14px;line-height:1.75}.story-meta{font-size:10px}.tag{font-size:10px}.story-tags{margin-top:16px}.bookmark,.featured .bookmark{top:20px}.extra-filters{grid-template-columns:1fr 1fr}.extra-filters label:first-child{grid-column:1/-1}.search-wrap kbd{display:none}.search-wrap input{font-size:11px}.filter-bar .text-button{font-size:10px}.load-more-row{padding:32px 0}.article-nav{margin:5px 0 27px}.article-nav button{font-size:10px}.art-title{font-size:42px;letter-spacing:-1.8px;line-height:1.08}.art-deck{font-size:15px}.art-eyebrow{font-size:9px;margin-bottom:16px}.art-meta{font-size:9px}.art-layout{grid-template-columns:1fr;gap:32px;margin-top:8px}.art-recipe{display:grid;grid-template-columns:1fr 1fr;gap:18px 23px;font-size:11px}.art-recipe h2{grid-column:1/-1;margin-bottom:2px}.art-recipe-section{margin-bottom:0}.art-paragraph,.art-step-text{font-size:18px}.art-section-title{font-size:17px}.art-actions{gap:8px}.art-button{font-size:10px;padding:10px 11px}.art-section{margin-bottom:29px}footer{gap:12px;font-size:8px}footer>span{width:100%}.activity-options{grid-template-columns:1fr}dialog{padding:23px}.agent-panel{padding:0 24px}.agent-top{height:73px}.agent-welcome{padding-top:28px}.agent-welcome h2{font-size:clamp(32px,2.4vw,36px);}.agent-kicker{font-size:8px;margin-bottom:19px}.agent-intro{font-size:14px;margin-top:19px}.agent-prompts{margin-top:24px}.agent-prompts button{padding:14px 0}.agent-library-note{margin-top:19px;font-size:9px}.agent-bottom{padding-top:14px;padding-bottom:14px}#chat-input{font-size:16px;min-height:53px}.composer-bottom{font-size:8px}.agent-disclosure{font-size:8px}.agent-panel.is-open{height:100dvh}.mobile-agent{right:15px;bottom:16px}.chat-copy{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.art-eyebrow,.art-meta{display:flex;flex-wrap:wrap;gap:10px 18px}.art-category:before{content:'/';color:#a6ada1;margin-right:18px}.art-tool-disclosure{font:10px/1.6 var(--sans);color:#8a907e}.art-tool-name{display:block}.art-small-label{display:block;font:9px var(--mono);letter-spacing:.6px;text-transform:uppercase;color:#7d806c;margin-bottom:9px}.art-deliverable .art-paragraph,.art-pilot-measure .art-paragraph{font-size:16px;line-height:1.7;margin:0}.art-activities{list-style:none;margin:0;padding:0}.art-footer{display:block;padding:0;border:0}.art-footer .art-evidence{margin-top:0}
body{overflow-x:clip}body.agent-open{overflow:hidden}
@media(max-width:1023px){.agent-panel{visibility:hidden}.agent-panel.is-open{visibility:visible}}

/* Moat8 visual language: heavy display type, monospace detail, square controls. */
::selection{background:#ff935d66;color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--green)}
.masthead{height:88px;border-bottom:1px solid var(--line)}


.nav-link{font:500 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.25px}
.nav-link.active{color:var(--ink);box-shadow:0 2px var(--orange)}
.library-heading{padding:32px 0 23px}
.eyebrow{color:var(--muted);font-size:9px;letter-spacing:.9px}
.library-heading h1{font-size:clamp(30px,3.2vw,52px);font-weight:900;line-height:1.04;letter-spacing:-.02em;text-transform:uppercase;max-width:680px}
.library-heading>p:last-child{font:12px/1.8 var(--mono);max-width:580px;color:var(--muted)}
.category-link{font:10px/1.5 var(--mono);color:var(--muted)}
.category-link.active{color:var(--green);border-color:var(--green);font-weight:600}
.search-wrap input,.text-button,.extra-filters select{font-family:var(--mono)}
.search-wrap input{font-size:11px}
.search-wrap,.search-wrap input::placeholder{color:var(--muted)}
.search-wrap kbd{border-radius:0}
.filter-bar{min-height:56px}
.text-button{font-size:10px;color:var(--muted)}
.results-bar{color:var(--muted);font-size:9px;padding:18px 0 10px}
.results-note{color:var(--muted)}
.story-meta{color:var(--muted);font-size:10px}
.feed-story h2{font-weight:800;font-size:23px;line-height:1.12;letter-spacing:-.015em;text-transform:uppercase}
.feed-story.featured h2{font-size:32px;line-height:1.1;letter-spacing:-.018em}
.story-summary,.featured .story-summary{font:12px/1.8 var(--mono);color:var(--muted)}
.tag{font:9px/1.7 var(--mono);background:var(--soft);color:var(--muted);border:1px solid var(--line);border-radius:0}
.bookmark{color:#77786e}
.outline-button,.solid-button,.art-button{font-family:var(--mono);font-size:10px;letter-spacing:.4px;text-transform:uppercase;border-radius:0}
.outline-button{border-color:var(--line)}
.solid-button,.art-button-primary{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.solid-button:hover,.art-button-primary:hover{background:#ffab80;border-color:#ffab80;color:var(--ink)}
footer,footer button,footer a{color:var(--muted)}
.agent-panel{background:var(--sage);color:var(--ink);border-left:1px solid var(--sage-line)}
.agent-top{height:88px;border-color:var(--sage-line);color:var(--green);font-size:10px;letter-spacing:.5px}
.agent-top button{color:var(--green)}
.agent-scroll{scrollbar-color:#9eb5a3 transparent}
.agent-welcome{padding-top:39px}
.agent-kicker{color:var(--green);font-size:9px;letter-spacing:.3px;margin-bottom:19px}
.agent-welcome h2{font:900 clamp(32px,2.4vw,36px)/1.08 var(--sans);letter-spacing:-.025em;color:var(--green);text-transform:uppercase}
.agent-intro{font:12px/1.85 var(--mono);color:#4c5b50;margin-top:23px}
.agent-prompts{border-color:var(--sage-line);margin-top:28px}
.agent-prompts button{font:11px/1.6 var(--mono);color:var(--green);border-color:var(--sage-line);padding:17px 0}
.agent-prompts button:hover{color:var(--ink);background:#dce9de}
.agent-library-note{font-size:9px;color:#5d7262}
#chat-form{background:#fff;border:1px solid var(--sage-line);border-radius:0;box-shadow:none}
#chat-form:focus-within{border-color:var(--green);outline:1px solid var(--green)}
#chat-input{font-family:var(--mono);font-size:12px;color:var(--ink)}
#chat-input::placeholder{color:#73756b}
.composer-bottom{color:var(--muted);font-size:8px}
.composer-bottom button{border-radius:0;background:var(--orange);color:var(--ink);width:35px;height:35px}
.composer-bottom button:hover{background:#ffab80;color:var(--ink)}
.agent-disclosure{color:#586f5f;font:8px/1.5 var(--mono)}
.chat-status,.article-context{color:var(--green)}
.is-thinking:before{border-color:var(--green);border-top-color:transparent}
.chat-message{border-color:var(--sage-line)}
.chat-role{color:var(--green)}
.chat-copy{color:#273b2e;font:12px/1.85 var(--mono)}
.chat-message.user{background:#dce9de;border-radius:0;border-left:2px solid var(--green)}
.chat-message.user .chat-copy{font-weight:400}
.recommendation{background:#fff;border:1px solid var(--sage-line);border-radius:0;box-shadow:none;color:var(--ink)}
.recommendation:hover{border-color:var(--green);color:var(--ink);transform:none;box-shadow:3px 3px var(--orange)}
.rec-category{color:var(--green);font-size:8px}
.recommendation strong{font:800 17px/1.2 var(--sans);letter-spacing:-.2px}
.rec-reason{font:10px/1.75 var(--mono);color:var(--muted)}
.rec-tail{font:9px var(--mono);color:var(--green)}
.website-read{background:#dce9de;color:var(--green)}
.retry-chat{border-color:var(--green)}
.reading .editorial{background:var(--paper)}
.article-nav{margin:25px 0 32px}
.art-title{font:900 clamp(38px,4vw,65px)/1.02 var(--sans);text-transform:uppercase;letter-spacing:-.025em}
.art-deck{font:13px/1.85 var(--mono);color:var(--muted)}
.art-meta{font-size:9px;color:var(--muted)}
.art-actions{border-color:var(--line);padding:16px 0}
.art-button{border-radius:0}
.art-recipe{border-color:var(--green);font-family:var(--mono)}
.art-recipe h2{color:var(--green)}
.art-recipe-section h3{color:var(--muted);font-size:9px}
.art-recipe-value,.art-recipe-list li{color:var(--muted);font-size:10px}
.art-section-title{font:800 19px/1.2 var(--sans);text-transform:uppercase;letter-spacing:-.2px}
.art-paragraph,.art-step-text{font:13px/1.9 var(--mono);color:#46463f}
.art-step{border-color:var(--line)}
.art-step-number{color:var(--green)}
.art-deliverable,.art-pilot-measure{border-left:2px solid var(--green);background:var(--sage);font-family:var(--mono)}
.art-deliverable .art-paragraph,.art-pilot-measure .art-paragraph{font-size:12px;line-height:1.85}
.art-small-label,.art-tool-name{color:var(--green)}
.art-tool-name{font:600 11px/1.5 var(--mono)}
.art-tool-role,.art-tool-note,.art-tool-disclosure{font:10px/1.8 var(--mono);color:var(--muted)}
.art-tool-option,.art-evidence{border-color:var(--line)}
.art-activity{background:var(--sage);color:var(--green);font-family:var(--mono);font-size:9px}
.art-evidence{color:var(--muted);font-family:var(--mono);font-size:9px}
.playbook-panel h2,.dialog-header h2,.empty-state h2{font:800 27px/1.1 var(--sans);text-transform:uppercase;letter-spacing:-.6px}
.playbook-panel p,dialog p{font:11px/1.8 var(--mono);color:var(--muted)}
dialog{background:#fff;border-color:var(--line)}
.activity-option{border-color:var(--line)}
.activity-option:has(input:checked){background:var(--sage);border-color:var(--sage-line)}
.activity-option strong{font-weight:700}
.activity-option small{color:var(--muted)}
.mobile-agent{background:var(--orange);border:1px solid var(--ink);border-radius:0;color:var(--ink);font:500 11px/1.5 var(--mono);box-shadow:3px 3px var(--ink)}
.mobile-agent:hover{color:var(--ink);background:#ffab80}
@media(min-width:1700px){
 .masthead,.agent-top{height:96px}.library-heading{padding-top:40px}.story-summary,.featured .story-summary{font-size:14px}
 .agent-welcome{padding-top:52px}.agent-welcome h2{font-size:clamp(32px,2.4vw,36px);}.agent-intro{font-size:14px}.agent-prompts button{font-size:12px}
 .art-paragraph,.art-step-text{font-size:15px}.art-recipe-value,.art-recipe-list li{font-size:11px}
}
@media(max-width:1150px) and (min-width:1024px){
 .masthead nav{gap:16px}.nav-link{font-size:9px}.feed-story h2{font-size:21px}.feed-story.featured h2{font-size:29px}
 .agent-welcome h2{font-size:clamp(32px,2.4vw,36px);}.agent-kicker{font-size:8px}.agent-intro{font-size:11px}.agent-prompts button{font-size:10px}
 .art-title{font-size:43px}.art-layout{grid-template-columns:130px minmax(0,1fr);gap:29px}.art-paragraph,.art-step-text{font-size:12px}
}
@media(max-width:1023px){
 .masthead{height:86px}.agent-top{height:86px}.agent-welcome h2{font-size:clamp(32px,2.4vw,36px);}.art-title{font-size:55px}
}
@media(max-width:560px){
 .masthead{height:78px;gap:16px}.masthead nav{gap:12px}.nav-link{font-size:8px;letter-spacing:0}
 .library-heading{padding:29px 0 20px}.library-heading h1{font-size:35px;max-width:330px;line-height:1.02;letter-spacing:-.025em}
 .library-heading>p:last-child{font-size:11px;line-height:1.85}.eyebrow{font-size:8px}
 .category-nav{gap:8px 15px}.category-link{font-size:9px}.feed-story h2,.feed-story.featured h2{font-size:26px;line-height:1.1;letter-spacing:-.015em}
 .story-summary,.featured .story-summary{font-size:12px;line-height:1.8}.story-meta{font-size:9px}.tag{font-size:9px}
 .art-title{font-size:38px;line-height:1.03;letter-spacing:-.025em}.art-deck{font-size:12px}.art-paragraph,.art-step-text{font-size:12px}
 .art-section-title{font-size:19px}.art-recipe-list li,.art-recipe-value{font-size:10px}.art-button{font-size:9px;letter-spacing:0}
 .agent-top{height:74px}.agent-welcome{padding-top:33px}.agent-welcome h2{font-size:clamp(32px,2.4vw,36px);}.agent-intro{font-size:12px}
 .agent-prompts button{font-size:11px;padding:16px 0}.agent-kicker{font-size:8px}#chat-input{font-size:16px}.composer-bottom{font-size:8px}
}
@media(max-width:370px){.masthead{gap:10px}.masthead nav{gap:9px}.nav-link{font-size:7px}.library-heading h1{font-size:32px}.agent-welcome h2{font-size:clamp(32px,2.4vw,36px);}}

/* Detailed workflow guides and portable agent skills. */


.skill-panel{border:1px solid var(--sage-line);background:var(--sage);padding:25px;margin:0 0 36px}.skill-panel h2{font:800 27px/1.15 var(--sans);text-transform:uppercase;letter-spacing:-.4px;margin:8px 0 12px}.guide-label{font:9px/1.7 var(--mono);letter-spacing:.45px;color:var(--green);margin-bottom:10px}.skill-intro,.skill-note,.skill-install p{font:11px/1.85 var(--mono);color:#465d4e}.skill-intro{max-width:640px}.skill-actions{display:flex;gap:12px;flex-wrap:wrap;margin:21px 0}.skill-actions a{background:white}.skill-note{font-size:10px;border-top:1px solid var(--sage-line);margin-top:20px;padding-top:15px}
.skill-install summary,.skill-frontmatter summary{cursor:pointer;font:600 11px/1.7 var(--mono);color:var(--green)}.skill-install summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}.skill-install[open] summary{margin-bottom:15px}.skill-install-option{margin:18px 0}.skill-install-option h3{font:700 15px var(--sans);margin-bottom:8px}.skill-install-path{display:block;font:11px/1.7 var(--mono);overflow-wrap:anywhere;border:1px solid var(--sage-line);padding:10px;background:white;margin:8px 0}.skill-doc-links{display:flex;gap:18px;flex-wrap:wrap}.skill-doc-links a{text-decoration:underline;text-underline-offset:3px}
.guide-list{padding-left:20px;margin:10px 0 22px;font:12px/1.9 var(--mono);color:#46463f}.guide-list li{margin-bottom:12px}.guide-item-title{font:700 16px/1.4 var(--sans);letter-spacing:-.1px;margin:0 0 10px;overflow-wrap:anywhere}.guide-item{margin:0 0 23px}.guide-contract{margin:0 0 25px}.guide-contract-row{border-top:1px solid var(--line);padding:16px 0}.guide-contract dt{font:600 12px/1.7 var(--mono);overflow-wrap:anywhere;color:var(--green)}.guide-contract dd{margin:5px 0 0}.guide-contract .art-paragraph{margin:9px 0 0;font-size:12px}.guide-requirement{display:inline-block;font:9px/1.7 var(--mono);color:var(--green);background:var(--sage);padding:3px 7px;margin-bottom:5px}.guide-steps{list-style:none;margin:0;padding:0}.guide-step{border-top:1px solid var(--line);padding:20px 0}.guide-step-index{font:10px/1.6 var(--mono);color:var(--green);display:block;margin-bottom:9px}.guide-checkpoint{font:11px/1.8 var(--mono);color:var(--green);background:var(--sage);border-left:2px solid var(--green);padding:13px 15px}.guide-decision{border-left:2px solid var(--orange);padding-left:18px;margin:24px 0}.guide-output{border:1px solid var(--line);padding:18px;margin:15px 0}.guide-fields{font:10px/1.8 var(--mono);color:var(--muted);overflow-wrap:anywhere}.guide-output .art-paragraph{font-size:12px}.guide-load-status{font:12px/1.8 var(--mono);padding:20px;background:var(--soft);margin-bottom:25px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.skill-dialog{width:min(1000px,calc(100% - 28px));max-height:92dvh;padding:28px 34px;overflow:auto;overscroll-behavior:contain}.skill-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.skill-dialog-header h2{font:800 30px/1.1 var(--sans);text-transform:uppercase}.skill-dialog-header button{font-size:30px;line-height:1}.skill-dialog-name{margin-top:10px!important;font:12px/1.7 var(--mono)!important}.skill-preview-toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px}.skill-preview-switch{display:flex;gap:6px;margin-right:auto}.skill-preview-switch button[aria-pressed=true]{background:var(--sage);border-color:var(--green)}.skill-copy-status{min-height:18px;font:11px var(--mono)!important;margin-bottom:14px!important}.skill-raw{font:12px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:var(--soft);border:1px solid var(--line);user-select:text}.skill-markdown{font:13px/1.85 var(--mono);color:#333c35}.skill-markdown h2{font:800 28px/1.2 var(--sans);margin:30px 0 18px;letter-spacing:-.4px}.skill-markdown h3{font:800 22px/1.3 var(--sans);margin:32px 0 16px;border-top:1px solid var(--line);padding-top:22px}.skill-markdown h4,.skill-markdown h5{font:700 17px/1.4 var(--sans);margin:22px 0 10px}.skill-markdown p{font:12px/1.85 var(--mono);color:#333c35;margin:12px 0 18px}.skill-markdown li{margin:9px 0}.skill-markdown ul{padding-left:22px}.skill-markdown code{font:11px var(--mono);background:var(--soft);overflow-wrap:anywhere}.skill-markdown pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 var(--mono);background:var(--soft);padding:15px}.skill-frontmatter{margin-bottom:22px}.skill-panel,.guide-output,.skill-dialog,.skill-markdown{min-width:0;overflow-wrap:break-word}
@media(min-width:1700px){.guide-list{font-size:14px}.guide-contract .art-paragraph,.guide-output .art-paragraph{font-size:13px}.guide-checkpoint{font-size:12px}}
@media(max-width:1150px){.masthead nav{gap:12px}}
@media(max-width:600px){.masthead{height:auto;min-height:104px;flex-wrap:wrap;gap:10px;padding:19px 0 14px}.masthead nav{width:100%;justify-content:space-between;gap:10px}.nav-link{font-size:9px}.skill-panel{padding:20px}.skill-panel h2{font-size:24px}.skill-actions{gap:9px}.skill-actions>*{font-size:9px;flex:1;text-align:center;padding:10px}.skill-dialog{padding:20px 18px;max-height:94dvh}.skill-dialog-header h2{font-size:25px}.skill-preview-toolbar>*{flex:1}.skill-preview-switch{flex-basis:100%}.skill-preview-switch button{flex:1}.skill-preview-toolbar button,.skill-preview-toolbar a{font-size:9px;padding:10px}.skill-raw{font-size:11px;padding:12px}.skill-markdown h2{font-size:25px}.skill-markdown h3{font-size:20px}.guide-list{font-size:12px;padding-left:17px}.guide-item-title{font-size:16px}.skill-install-path{font-size:10px}}

/* Compact companion and readable catalog: preserve the Moat8 display language. */
.masthead,main,footer{max-width:1180px;margin-inline:auto}
.masthead nav{gap:16px}
.nav-link{font-size:11px;min-height:36px;display:inline-flex;align-items:center}
#saved-count{font-size:11px}
.library-heading{padding:24px 0 20px}
.library-heading h1{font-size:clamp(30px,3.2vw,46px)}
.library-heading>p:last-child{font:15px/1.6 var(--sans);margin-top:10px}
.eyebrow,.story-meta,.art-eyebrow,.art-meta,.guide-label{font-size:11px}
.category-nav{gap:6px 16px;padding:10px 0}
.category-link{font-size:12px;min-height:32px;padding:6px 0}
.search-wrap input{font:14px/1.5 var(--sans);min-height:44px;padding:11px 0}
.text-button{font-size:11px;min-height:32px}
.extra-filters label{font-size:11px}
.extra-filters select{font-size:13px;min-height:36px}
.results-bar{font-size:11px;padding:14px 0 10px;min-height:44px}
.results-note{font-size:11px}
.feed-story h2{font-size:23px;line-height:1.18}
.feed-story.featured h2{font-size:29px;line-height:1.14}
.story-summary,.featured .story-summary{font:15px/1.65 var(--sans)}
.tag{font-size:11px;line-height:1.5}
.bookmark{min-width:32px;min-height:32px}
.outline-button,.solid-button,.art-button{font-size:11px;min-height:36px}
.load-more-row>span,footer,footer button,footer a{font-size:11px!important}
.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0 0}
.active-filters:empty{display:none}
.active-filter-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:32px;padding:5px 10px;border:1px solid var(--line);background:var(--soft);color:var(--muted);font:12px/1.5 var(--sans);text-align:left;overflow-wrap:anywhere}
.active-filter-chip .ph{font-size:14px}
.active-filter-chip:hover{background:var(--sage);border-color:var(--sage-line);color:var(--green)}
.active-filter-chip:focus-visible{outline:2px solid var(--green);outline-offset:3px}





.agent-panel{padding:0 24px}
.agent-top{height:80px;font-size:11px;letter-spacing:.3px}
.agent-top button{min-width:36px;min-height:36px;align-items:center;justify-content:center}
#close-agent{display:flex}
.agent-welcome{padding:28px 0 20px}
.agent-welcome h2{font:900 clamp(32px,2.4vw,36px)/1.08 var(--sans);letter-spacing:-.025em}
.agent-kicker{font-size:11px;line-height:1.5;letter-spacing:.3px;margin-bottom:16px}
.agent-intro,.chat-copy{font:14px/1.65 var(--sans)}
.agent-intro{margin-top:18px}
.agent-prompts{margin-top:22px}
.agent-prompts button{font:14px/1.5 var(--sans);padding:14px 0;min-height:44px}
.agent-library-note{font:11px/1.5 var(--mono);margin-top:18px}
.agent-bottom{padding:16px 0}
#chat-input{font:14px/1.6 var(--sans)}
.composer-bottom,.agent-disclosure,.chat-role,.rec-category,.rec-tail,.article-context,.website-read{font-size:11px;line-height:1.5}
.agent-disclosure{margin-top:10px}
.chat-status,.website-warning,.retry-chat{font:12px/1.5 var(--sans)}
.recommendation strong{font-size:17px;line-height:1.3}
.rec-reason{font:14px/1.6 var(--sans)}
.rec-category{letter-spacing:.3px}
.mobile-agent{position:fixed;right:20px;bottom:20px;z-index:15;align-items:center;gap:10px;min-height:44px;padding:11px 16px}
/* Keep long-form prose distinct from metadata and literal skill source. */
.article-nav{margin:20px 0 24px}
.art-header{padding-bottom:16px}
.art-title{font-size:clamp(36px,3.2vw,54px);line-height:1.06;margin-bottom:18px}
.art-deck{font:16px/1.75 var(--sans);max-width:68ch}
.art-meta{margin:16px 0}
.art-actions{padding:12px 0;margin-top:16px;gap:8px}
.art-layout{grid-template-columns:155px minmax(0,1fr);gap:32px;margin-top:16px}
.art-body{width:100%;max-width:68ch;font:16px/1.75 var(--sans)}
.art-paragraph,.art-step-text,.art-deliverable .art-paragraph,.art-pilot-measure .art-paragraph,.guide-contract .art-paragraph,.guide-output .art-paragraph{font:16px/1.75 var(--sans)}
.art-recipe{display:block;font:13px/1.65 var(--sans);padding-top:0}
.art-recipe-summary{cursor:pointer;min-height:44px;padding:12px 0;font:600 12px/1.6 var(--mono);color:var(--green);text-transform:uppercase;letter-spacing:.5px}
.art-recipe-summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.art-recipe-content{display:block;padding-top:12px}
.art-recipe-section h3{font:11px/1.5 var(--mono)}
.art-recipe-value,.art-recipe-list li{font:13px/1.65 var(--sans)}
.art-recipe-section{margin-bottom:20px}
.art-section-title{font-size:20px;line-height:1.25}
.art-tool-name{font:700 15px/1.5 var(--sans)}
.art-tool-role,.art-tool-note,.art-tool-disclosure{font:14px/1.65 var(--sans)}
.art-small-label,.art-deliverable strong,.art-pilot-measure strong,.art-activity,.art-evidence{font-size:11px;line-height:1.6}
.art-deliverable,.art-pilot-measure{font:16px/1.75 var(--sans)}
.guide-list{font:16px/1.75 var(--sans)}
.guide-contract dt{font-size:13px}
.guide-requirement,.guide-step-index{font-size:11px}
.guide-checkpoint{font:15px/1.65 var(--sans)}
.guide-fields{font:13px/1.65 var(--sans)}
.guide-load-status{font:14px/1.65 var(--sans)}
.skill-panel{padding:18px;margin:0 0 20px}
.skill-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.skill-panel-heading>div:first-child{flex:1 1 260px;min-width:0}
.skill-panel .guide-label{margin-bottom:4px}
.skill-panel h2{font-size:20px;line-height:1.2;margin:4px 0 6px}
.skill-intro,.skill-note,.skill-install p{font:14px/1.65 var(--sans)}
.skill-panel-heading .skill-actions{flex:0 1 auto;margin:0;gap:8px}
.skill-actions>*{min-height:36px;font-size:11px;padding:8px 10px}
.skill-install{margin-top:12px;padding-top:10px;border-top:1px solid var(--sage-line)}
.skill-install summary,.skill-frontmatter summary{font-size:12px;min-height:32px;padding:5px 0}
.skill-install[open] summary{margin-bottom:10px}
.skill-install-option{margin:12px 0}
.skill-note{margin-top:12px;padding-top:12px}
.skill-markdown,.skill-markdown p{font:16px/1.75 var(--sans)}
.skill-markdown{max-width:68ch;margin-inline:auto}
.skill-markdown code,.skill-markdown pre{font-size:12px}
@media(min-width:1024px){
 body.agent-collapsed .agent-panel{display:none}
 body.agent-collapsed .editorial{width:100%}
 body.agent-collapsed .mobile-agent{display:flex}
}
@media(min-width:1024px) and (max-width:1150px){
 .editorial{padding-inline:28px}
 .art-layout{grid-template-columns:135px minmax(0,1fr);gap:24px}
 .masthead nav{gap:12px}
}
@media(max-width:1023px){
 .agent-panel{width:min(430px,100%);padding:0 24px}
 .agent-welcome h2{font-size:34px}
}
@media(max-width:600px){
 .masthead nav{gap:10px}
 .nav-link{font-size:11px;min-height:36px;letter-spacing:0}
 .library-heading{padding:22px 0 18px}
 .library-heading h1{font-size:34px}
 .library-heading>p:last-child{font-size:15px;line-height:1.6}
 
 
 .feed-story h2{font-size:23px}
 .feed-story.featured h2{font-size:28px}
 .filter-bar{gap:10px}
 .filter-bar .text-button{font-size:11px}
 .art-title{font-size:34px;line-height:1.08}
 .art-layout{grid-template-columns:1fr;gap:22px;margin-top:12px}
 .art-recipe{display:block}
 .art-recipe-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
 .art-recipe-section{margin:0}
 .article-nav button,.art-button{font-size:11px}
 .skill-panel{padding:18px}
 .skill-panel-heading{align-items:flex-start;gap:12px}
 .skill-panel-heading .skill-actions{width:100%}
 .skill-actions>*{flex:1;font-size:11px;padding:8px}
 .guide-list{font-size:16px;padding-left:20px}
 .agent-top{height:74px}
 .agent-welcome h2{font-size:32px}
 #chat-input{font-size:16px}
}
@media(max-width:370px){
 .masthead nav{gap:7px;flex-wrap:wrap;justify-content:flex-start}
 .nav-link{font-size:11px}
 .art-title{font-size:32px}
}

/* Essentials: a compact illustrated invitation, separate from the guide panel. */
.essentials-callout{display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-template-areas:"copy illustration" "action illustration";align-items:center;column-gap:24px;row-gap:8px;padding:10px 20px;margin:0 0 18px;border:1px solid #e8cbb2;border-left:3px solid var(--orange);background:#fff1e4;color:var(--ink)}
.essentials-copy{grid-area:copy;min-width:0;align-self:end}
.essentials-callout .eyebrow{font:11px/1.4 var(--mono);letter-spacing:.4px;color:var(--ink);margin:0 0 4px}
.essentials-callout h2{font:800 24px/1.1 var(--sans);letter-spacing:-.5px;text-transform:uppercase;margin:0;color:var(--ink)}
.essentials-callout .essentials-description{font:14px/1.45 var(--sans);color:#4f443b;margin:4px 0 0}
.essentials-callout button{grid-area:action;justify-self:start;align-self:start;min-height:36px;gap:10px;padding:7px 12px;background:var(--orange);border:1px solid var(--ink);color:var(--ink);font-size:11px;line-height:1.5}
.essentials-callout button:hover{background:#ffab80;border-color:var(--ink);color:var(--ink)}
.essentials-illustration{grid-area:illustration;display:block;width:210px;height:118px;max-width:100%;object-fit:contain;justify-self:end;align-self:center;pointer-events:none}
@media(max-width:600px){
 .essentials-callout{grid-template-columns:minmax(0,1fr) 98px;grid-template-areas:"copy illustration" "action action";column-gap:12px;row-gap:10px;padding:14px 16px}
 .essentials-callout .eyebrow{letter-spacing:0}
 .essentials-callout h2{font-size:22px;line-height:1.12}
 .essentials-callout .essentials-description{font-size:13px;line-height:1.45;margin-top:5px}
 .essentials-illustration{width:98px;height:90px}
}
@media(max-width:360px){
 .essentials-callout{grid-template-columns:minmax(0,1fr) 80px;padding:12px}
 .essentials-callout h2{font-size:20px}
 .essentials-illustration{width:80px;height:80px}
}

/* Public company evidence stays compact until the reader opens its sources. */
.company-context{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:0 0 8px;color:var(--green);font:11px/1.5 var(--mono)}
.company-context-copy{display:flex;align-items:baseline;gap:6px;min-width:0}
#company-context-domain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.company-context-clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:28px;min-height:28px;padding:4px;color:var(--green)}
.company-context-clear .ph{font-size:14px}
.company-research{min-width:0;margin:0 0 14px;padding:10px 12px;background:#ffffff70;border:1px solid var(--sage-line);border-radius:3px;overflow-wrap:anywhere}
.company-research summary{cursor:pointer;min-height:24px;font:600 12px/1.6 var(--sans);color:var(--green)}
.company-research summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.company-research-note{font:11px/1.6 var(--mono);color:var(--muted);margin:8px 0 0}
.company-research-list{list-style:none;padding:0;margin:10px 0 0}
.company-research-list li+li{border-top:1px solid var(--sage-line)}
.company-research-source{display:block;padding:8px 0;color:var(--green)}
.company-source-title{display:block;font:13px/1.55 var(--sans);text-decoration:underline;text-underline-offset:3px}
.company-source-meta{display:block;margin-top:3px;font:10px/1.6 var(--mono);color:var(--muted)}
.company-research-warning{margin:8px 0 0;font:12px/1.6 var(--sans);color:var(--muted)}

/* Searchable library, launch collection and the Moat8 handoff. */

.launch-callout{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:17px 0;margin:0 0 13px;border-bottom:1px solid var(--line)}
.launch-callout strong{display:block;font-size:14px;font-weight:700;line-height:1.5}.launch-callout span span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.site-footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}.site-footer a{font:10px/1.6 var(--mono);color:var(--muted)}.site-footer a:hover{color:var(--green);text-decoration:underline}
.vault-bridge{padding:26px 28px;margin:34px 0;border:1px solid var(--sage-line);background:var(--sage)}.vault-bridge h2{font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.5px;margin-bottom:15px}.vault-bridge .art-paragraph{font-size:15px;line-height:1.7;margin-bottom:13px}.vault-bridge .vault-inputs{font:11px/1.8 var(--mono);color:var(--green);margin-bottom:15px}.vault-bridge .outline-button{margin-top:5px;background:#fff}.vault-bridge a:hover{border-color:var(--green)}
.art-related{padding:22px 0;border-top:1px solid var(--line)}.art-related h2{font-size:17px;margin-bottom:15px}.art-related ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.art-related a,.methodology-link{font-size:13px;text-decoration:underline;text-underline-offset:3px}.methodology-link{color:var(--muted)}
#ssr-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 auto 0 0;font:11px/1.7 var(--mono)}.load-more-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:24px 0 35px}.load-more-row #shown-count{order:2;margin-left:auto}.article-nav a{font:10px/1.6 var(--mono)}
.launch-collection .art-body{max-width:760px}.collection-group{margin-top:35px;padding-top:24px;border-top:1px solid var(--line)}.collection-group>.art-section-title{font-size:23px;font-weight:800;margin-bottom:10px}.collection-group>.art-paragraph{font-size:15px;line-height:1.7;max-width:710px}.collection-group .feed-story{padding-top:20px;padding-bottom:22px}.collection-group h3{font-size:19px;line-height:1.3;font-weight:800;letter-spacing:-.3px}.collection-group .story-summary{font-size:14px}.launch-collection>.art-body:last-child{margin-top:40px}.launch-collection .guide-item .guide-item{padding-left:18px;border-left:2px solid var(--sage-line)}
@media(max-width:600px){.masthead{gap:10px}.masthead nav{gap:11px}.nav-link{font-size:8px;letter-spacing:0}.launch-callout strong{font-size:13px}.launch-callout span span{font-size:11px;line-height:1.6}.vault-bridge{padding:21px 19px}.vault-bridge h2{font-size:23px}.vault-bridge .art-paragraph{font-size:14px}.site-footer{gap:12px 18px}.collection-group h3{font-size:19px}#ssr-pagination{gap:9px}.load-more-row #shown-count{width:100%;margin:0}.article-nav{gap:10px}.art-related li{line-height:1.7}}
.collection-contents{display:flex;flex-wrap:wrap;gap:9px 18px;padding:18px 0 25px;margin-bottom:27px;border-bottom:1px solid var(--line)}.collection-contents strong{width:100%;font:10px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.collection-contents a{font-size:12px;text-decoration:underline;text-underline-offset:3px}.demo-example{margin:13px 0;border:1px solid var(--line);padding:0 20px;background:#fff}.demo-example summary{cursor:pointer;font-size:16px;font-weight:700;padding:18px 0;line-height:1.5}.demo-example[open]{padding-bottom:23px}.demo-example .art-paragraph{font-size:15px}.demo-example .guide-item{padding:12px 0}.demo-example a{display:inline-block;margin-top:12px}#worked-examples{scroll-margin-top:25px}

/* Product-first endorsement. Keep the company artwork intact; align visible
   letter bottoms rather than the taller orange symbol's bounding-box centre. */
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;flex:0 0 auto;color:var(--ink);line-height:1;white-space:nowrap}
.brand:hover{color:var(--ink)}
.brand-name{font:800 40px/.98 var(--sans);letter-spacing:-1.25px;text-transform:none}
.brand-attribution{display:flex;align-items:flex-end;gap:6px}
.brand-by{font:500 11px/1 var(--sans);letter-spacing:0;color:var(--muted);padding-bottom:1px}
.brand-maker{display:block;width:84px;height:auto;max-width:none;flex:0 0 auto}
@media(max-width:600px){.brand-name{font-size:36px;letter-spacing:-1.15px}.brand-maker{width:76px}}

.privacy-link{color:inherit;text-decoration:underline;text-underline-offset:3px}.privacy-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* Optional usage analytics: equal choices, no obstruction of navigation. */
.analytics-choice{position:fixed;left:20px;bottom:20px;z-index:110;width:min(660px,calc(100vw - 40px));padding:18px 20px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 36px #0002;display:flex;gap:18px;align-items:center;font-size:12px;line-height:1.5}
.analytics-choice-detail{margin-top:5px;color:var(--muted);font-size:11px}.analytics-choice-detail a{text-decoration:underline;text-underline-offset:3px}.analytics-choice-actions{display:flex;gap:8px;flex-shrink:0}.analytics-choice-actions button{font-size:11px;padding:9px 12px;white-space:nowrap}.analytics-choice-actions button:disabled{cursor:not-allowed}
@media(max-width:700px){.analytics-choice{left:12px;bottom:12px;width:calc(100vw - 24px);padding:16px;display:block}.analytics-choice-actions{margin-top:12px}.analytics-choice-actions button{flex:1;min-height:40px}}