*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}:root{--bg: #fafafc;--fg: #18182b;--fg-muted: #5a5a70;--accent: #4338ca;--accent-hover: #3730a3;--accent-subtle: #eef2ff;--border: #d8d8e4;--surface: #f0f0f6;--grid-dot: #e0e0ea;--blueprint-mark: #65657a;--severity-crit-bg: #fee2e2;--severity-crit-fg: #b91c1c;--severity-high-bg: #fef3c7;--severity-high-fg: #b45309;--severity-med-bg: #e0e7ff;--severity-med-fg: #4338ca;--severity-low-bg: #f0f0f6;--severity-low-fg: #5a5a70;--code-bg: #1e1e2e;--code-fg: #e0e0f0;--display: "General Sans", system-ui, -apple-system, sans-serif;--body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--mono: "SF Mono", "Fira Code", ui-monospace, monospace;--text-xs: .875rem;--text-sm: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--lh-body: 1.5;--lh-lead: 1.333;--lh-sub: 1.6;--lh-small: 1.714;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--s16: 64px;--s20: 80px;--s24: 96px;--page-max: 1200px;--page-pad: 24px;--label-col: 180px;--col-gap: 48px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration: .2s}[data-theme=dark]{--bg: #10101c;--fg: #e0e0f0;--fg-muted: #8888b0;--accent: #7c6ff0;--accent-hover: #9488f5;--accent-subtle: #1c1a30;--border: #2a2a40;--surface: #181828;--grid-dot: #222236;--blueprint-mark: #8888a8;--severity-crit-bg: #281818;--severity-crit-fg: #f06868;--severity-high-bg: #282018;--severity-high-fg: #e0a040;--severity-med-bg: #1c1a30;--severity-med-fg: #7c6ff0;--severity-low-bg: #181828;--severity-low-fg: #8888b0;--code-bg: #0c0c18;--code-fg: #c8c8e0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #10101c;--fg: #e0e0f0;--fg-muted: #8888b0;--accent: #7c6ff0;--accent-hover: #9488f5;--accent-subtle: #1c1a30;--border: #2a2a40;--surface: #181828;--grid-dot: #222236;--blueprint-mark: #8888a8;--severity-crit-bg: #281818;--severity-crit-fg: #f06868;--severity-high-bg: #282018;--severity-high-fg: #e0a040;--severity-med-bg: #1c1a30;--severity-med-fg: #7c6ff0;--severity-low-bg: #181828;--severity-low-fg: #8888b0;--code-bg: #0c0c18;--code-fg: #c8c8e0}}body{font-family:var(--body);font-size:var(--text-sm);line-height:var(--lh-body);color:var(--fg);background-color:var(--bg);font-weight:400;font-kerning:normal}[data-theme=dark] body{font-weight:300}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.1}.lead{font-size:var(--text-xl);line-height:var(--lh-lead);font-weight:600}.subtext{font-size:var(--text-lg);line-height:var(--lh-sub)}.small{font-size:var(--text-xs);line-height:var(--lh-small)}.mono{font-family:var(--mono);font-size:.9em}.muted{color:var(--fg-muted)}.page{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad)}.section{display:grid;grid-template-columns:1fr;gap:var(--s4);padding:var(--s12) 0;border-top:1px solid var(--border)}.section-label{font-family:var(--mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);padding-top:var(--s1)}.section-label-icon{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2)}.section-label-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.section-label-annotation{display:block;font-family:var(--mono);font-size:.75rem;color:var(--blueprint-mark);margin-top:var(--s1);letter-spacing:.04em;text-transform:none}.section-content{min-width:0}a.link{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--duration) var(--ease-out);padding:var(--s1) 0}a.link:hover{color:var(--accent-hover)}.code-block{display:flex;flex-direction:column;gap:var(--s1)}.code-block-hint{font-family:var(--mono);font-size:.6875rem;color:var(--blueprint-mark);letter-spacing:.04em;user-select:none}.code-block-row{display:flex;align-items:center;gap:var(--s2);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:var(--s3) var(--s4)}.code-block .code-block-row code{flex:1;font-family:var(--mono);font-size:var(--text-xs);line-height:1.6;color:var(--fg);background:none;border:none;padding:0;border-radius:0}.code-copy{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--fg-muted);border-radius:4px;transition:color var(--duration) var(--ease-out);flex-shrink:0;cursor:pointer}.code-copy:hover{color:var(--fg)}.code-copy.copied{color:var(--accent)}.code-block-followup{font-size:.75rem;color:var(--fg-muted);padding-top:var(--s1)}.code-block .code-block-followup code{display:inline;font-size:inherit;background:none;border:none;padding:0;line-height:inherit}.code-block code{display:block;background:var(--surface);color:var(--fg);font-family:var(--mono);font-size:var(--text-xs);line-height:1.6;padding:var(--s3) var(--s4);border:1px solid var(--border);border-radius:4px;overflow-x:auto}.skill-tag{display:inline-flex;align-items:center;font-family:var(--mono);font-size:var(--text-xs);padding:var(--s2) var(--s3);min-height:40px;border:1px solid var(--border);border-radius:4px;transition:all var(--duration) var(--ease-out);cursor:pointer;color:var(--fg);line-height:var(--lh-small)}.skill-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.severity{display:inline-block;font-family:var(--mono);font-size:.75rem;font-weight:500;padding:2px var(--s2);border-radius:3px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.severity--critical{background:var(--severity-crit-bg);color:var(--severity-crit-fg)}.severity--high{background:var(--severity-high-bg);color:var(--severity-high-fg)}.severity--medium{background:var(--severity-med-bg);color:var(--severity-med-fg)}.severity--low{background:var(--severity-low-bg);color:var(--severity-low-fg)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);text-align:left;padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);white-space:nowrap}td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);vertical-align:top}tr:last-child td,tr.last-visible td{border-bottom:none}details{border-bottom:1px solid var(--border)}details:last-of-type{border-bottom:none}summary{cursor:pointer;padding:var(--s4) 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);user-select:none}summary::-webkit-details-marker{display:none}summary:after{content:"";width:8px;height:8px;border-right:1.5px solid var(--fg-muted);border-bottom:1.5px solid var(--fg-muted);transform:rotate(-45deg);transition:transform var(--duration) var(--ease-out);flex-shrink:0}details[open]>summary:after{transform:rotate(45deg)}.details-content{padding:0 0 var(--s6) 0}.btn{display:inline-flex;align-items:center;gap:var(--s2);font-family:var(--body);font-size:var(--text-xs);font-weight:600;padding:var(--s2) var(--s4);border-radius:4px;transition:all var(--duration) var(--ease-out);min-height:40px}.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover{background:var(--accent-hover)}.btn--ghost{border:1px solid var(--border);color:var(--fg)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.patterns-layout{display:block}.filter-select{display:block;width:100%;font-family:var(--mono);font-size:var(--text-xs);padding:var(--s3) var(--s8) var(--s3) var(--s4);color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-bottom:var(--s6);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a5a70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s3) center}.filter-tabs{display:none;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s8)}.filter-tab{font-family:var(--mono);font-size:var(--text-xs);padding:var(--s1) var(--s2);color:var(--fg-muted);transition:color var(--duration) var(--ease-out);display:inline-flex;align-items:center;border-radius:4px;text-align:left}.filter-tab:hover{color:var(--fg)}.filter-tab[aria-pressed=true],.filter-tab.active{color:var(--accent);font-weight:600}.skip-link{position:absolute;top:-100%;left:var(--s4);background:var(--accent);color:#fff;padding:var(--s2) var(--s4);border-radius:4px;font-size:var(--text-xs);font-weight:600;z-index:100;transition:top var(--duration) var(--ease-out)}.skip-link:focus{top:var(--s4)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;height:56px}.nav-brand{display:inline-flex;align-items:center;gap:var(--s3);margin-right:auto}.nav-wordmark{font-family:var(--display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.03em;color:var(--fg)}.nav-tagline{display:none;font-size:var(--text-xs);color:var(--fg-muted);padding-top:2px}.nav-links{display:none;align-items:center;gap:var(--s8);margin-left:var(--s8)}.nav-links a{font-size:var(--text-xs);font-weight:500;color:var(--fg-muted);transition:color var(--duration) var(--ease-out)}.nav-links a:hover{color:var(--fg)}.nav-install{color:var(--accent)!important;font-weight:600!important}.nav-install:hover{color:var(--accent-hover)!important}.nav-actions{display:flex;align-items:center;gap:0;margin-left:var(--s8)}.nav-github{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--fg-muted);transition:color var(--duration) var(--ease-out);border-radius:4px}.nav-github:hover{color:var(--fg)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--fg-muted);transition:color var(--duration) var(--ease-out);border-radius:4px}.theme-toggle:hover{color:var(--fg)}.theme-toggle-moon,[data-theme=dark] .theme-toggle-sun{display:none}[data-theme=dark] .theme-toggle-moon{display:block}.nav-hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--fg-muted);border-radius:4px}.nav-mobile-menu{display:none;flex-direction:column;gap:var(--s1);padding:var(--s4) var(--page-pad) var(--s6);border-bottom:1px solid var(--border)}.nav-mobile-menu:not([hidden]){display:flex}.nav-mobile-menu a{font-size:var(--text-sm);font-weight:500;color:var(--fg-muted);padding:var(--s2) 0;min-height:40px;display:flex;align-items:center}.footer{border-top:1px solid var(--border);margin-top:var(--s16)}.footer-inner{display:flex;align-items:center;justify-content:space-between;padding-top:var(--s6);padding-bottom:var(--s6)}.footer-license{font-family:var(--mono);font-size:.75rem;color:var(--blueprint-mark);letter-spacing:.04em}.footer-github{font-size:var(--text-xs);font-weight:500}.hide-mobile{display:none}.install-methods{display:grid;grid-template-columns:1fr;gap:var(--s8)}.install-method-name{font-size:var(--text-xs);color:var(--accent);margin-bottom:var(--s2);font-weight:600}.install-method p{font-size:var(--text-xs);line-height:var(--lh-body)}.install-downloads{display:flex;flex-direction:column;gap:var(--s2)}.install-download-link{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--text-xs);color:var(--fg-muted);transition:color var(--duration) var(--ease-out)}.install-download-link:hover{color:var(--fg)}.section-footer{margin-top:var(--s6)}.hero{padding:var(--s16) 0 var(--s12)}.hero h1{font-size:clamp(2.3rem,6vw,4.5rem);letter-spacing:-.03em;margin-bottom:var(--s6)}.hero-accent{color:var(--accent)}.hero-lede{max-width:55ch;color:var(--fg-muted);margin-bottom:var(--s8)}.hero-how-to-use{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s8);flex-wrap:wrap}.hero-how-to-use-btn{display:inline-block;font-size:var(--text-sm);font-weight:600;color:#fff;text-decoration:none;padding:var(--s2) var(--s5);background:var(--accent);border-radius:6px;transition:opacity var(--duration) var(--ease-out)}.hero-how-to-use-btn:hover{opacity:.85}.hero-how-to-use-desc{font-size:var(--text-sm)}.hero-install-group{display:grid;grid-template-columns:1fr;gap:var(--s6);align-items:start}.hero-platforms{font-size:.75rem}.philosophy-body{margin-top:var(--s4);max-width:60ch;color:var(--fg-muted)}.principles-grid{display:grid;grid-template-columns:1fr;gap:var(--s8)}.principle-title{font-family:var(--display);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--s1)}.principle-desc{font-size:var(--text-xs);line-height:var(--lh-small)}.skill-categories{display:flex;flex-direction:column;gap:var(--s6)}.skill-category{display:flex;flex-direction:column;gap:var(--s2)}.skill-category-label{font-size:var(--text-xs);color:var(--accent);min-width:160px;flex-shrink:0}.skill-category-tags{display:flex;flex-wrap:wrap;gap:var(--s2)}.skills-hero{padding:var(--s16) 0}.skills-hero h1{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:var(--s4)}.skills-hero p{max-width:55ch}.skill-cat-label{font-family:var(--mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.skill-header{flex:1;min-width:0}.skill-name{font-family:var(--display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--s1)}.skill-desc{font-size:var(--text-xs);line-height:var(--lh-body);max-width:60ch}.skill-detail{margin-bottom:var(--s4)}.skill-detail:last-child{margin-bottom:0}.skill-detail-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s1)}.skill-detail p{font-size:var(--text-xs);line-height:var(--lh-body);max-width:60ch}.patterns-hero{padding:var(--s16) 0}.patterns-hero h1{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:var(--s4)}.patterns-hero p{max-width:55ch}.pattern-name{font-weight:600;white-space:nowrap}.pattern-desc{font-size:var(--text-xs);line-height:var(--lh-body);max-width:45ch;color:var(--fg-muted)}.pattern-cat{font-size:.75rem;letter-spacing:.04em}@media(max-width:1023px){.patterns-table thead{display:none}.patterns-table,.patterns-table tbody,.patterns-table tr,.patterns-table td{display:block}.patterns-table tr{padding:var(--s4) 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:0 var(--s3)}.patterns-table tr.last-visible{border-bottom:none}.patterns-table td{padding:var(--s1) 0;border-bottom:none}.patterns-table .pattern-name{font-size:var(--text-sm);white-space:normal;grid-column:1;grid-row:1;align-self:center}.patterns-table .pattern-severity{grid-column:2;grid-row:1;align-self:center;text-align:right}.patterns-table .pattern-desc{max-width:none;padding-top:var(--s1);grid-column:1 / -1;grid-row:2}.patterns-table .pattern-category{display:block;padding-top:var(--s2);grid-column:1 / -1;grid-row:3}.patterns-table .pattern-category .pattern-cat{color:var(--fg-muted)}}.patterns-table{table-layout:fixed}.col-pattern{width:260px}.col-severity{width:100px}.col-description{width:auto}.col-category{width:160px}tr[hidden]{display:none}.agents-hero{padding:var(--s16) 0}.agents-hero h1{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:var(--s4)}.agents-hero p{max-width:55ch}.agents-table-section{padding:var(--s8) 0}.agent-domain{white-space:nowrap;letter-spacing:.04em}.agent-name{font-family:var(--display);font-weight:700;font-size:var(--text-sm)}.agent-skills{display:flex;flex-wrap:wrap;gap:var(--s1)}.agent-tagline{line-height:var(--lh-body);max-width:30ch;display:inline-block}.lifecycle-section{padding:var(--s16) 0;border-top:1px solid var(--border)}.lifecycle-title{font-size:var(--text-xl);margin-bottom:var(--s3)}.lifecycle-desc{margin-bottom:var(--s10);max-width:50ch}.lifecycle{position:relative;display:inline-flex;flex-direction:column}.lifecycle-flow{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.lifecycle-node{display:flex;flex-direction:column;align-items:center;gap:var(--s1);padding:var(--s4) var(--s6);border:1px solid var(--border);border-radius:6px;background:var(--surface);min-width:88px;text-align:center}.lifecycle-agent{font-family:var(--display);font-weight:700;font-size:var(--text-sm)}.lifecycle-role{font-size:.75rem;letter-spacing:.04em}.lifecycle-arrow{color:var(--fg-muted);font-size:var(--text-lg);flex-shrink:0}.lifecycle-sage{margin-top:var(--s6)}.lifecycle-sage-line{display:none}.lifecycle-sage-node{display:flex;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s4) var(--s6);border:1px solid var(--accent);border-radius:6px;background:var(--accent-subtle);text-align:center;width:100%}.lifecycle-sage-node .lifecycle-agent{color:var(--accent)}.agents-note{padding:var(--s8) 0;border-top:1px solid var(--border)}.how-to-use-hero{padding:var(--s16) 0}.how-to-use-hero h1{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:var(--s4)}.how-to-use-hero p{max-width:55ch}.showcase-premise{margin-top:var(--s6);padding:var(--s4) var(--s5);background:var(--surface);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.step-summary{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--s2)}.step-narrative{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--fg-muted);margin-bottom:var(--s4)}.step-output-trigger{display:inline-flex;align-items:center;gap:var(--s2);background:none;border:none;padding:0;font-family:var(--body);font-size:var(--text-sm);color:var(--fg);cursor:pointer}.step-output-trigger:hover{color:var(--accent)}.step-output-trigger svg{transition:transform var(--duration) var(--ease-out)}.step-output-trigger:hover svg{transform:translate(2px)}.step-output-label code{font-size:var(--text-xs)}.output-panel{position:fixed;top:0;right:0;width:100%;height:100vh;background:var(--bg);border-left:1px solid var(--border);transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.output-panel.open{transform:translate(0)}.output-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s6);border-bottom:1px solid var(--border);flex-shrink:0}.output-panel-title{font-size:var(--text-sm);font-weight:600;letter-spacing:.04em}.output-panel-close{background:none;border:none;padding:var(--s2);cursor:pointer;color:var(--fg-muted);border-radius:4px}.output-panel-close:hover{color:var(--fg);background:var(--surface)}.output-panel-body{flex:1;overflow-y:auto;padding:var(--s8) var(--s8) 72px;-webkit-overflow-scrolling:touch}.output-panel-overlay{position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:999}.output-panel-overlay.open{opacity:1;pointer-events:auto}.step-output{font-size:var(--text-xs);line-height:var(--leading-relaxed)}.step-output p{margin-bottom:var(--s3)}.step-output p:last-child{margin-bottom:0}.step-output ul,.step-output ol{margin:var(--s2) 0;padding-left:var(--s5)}.step-output ul{list-style:disc}.step-output ol{list-style:decimal}.step-output li{margin-bottom:var(--s1);list-style:inherit}.step-output strong{color:var(--fg)}.step-output p>strong:only-child{display:block;font-size:var(--text-sm);margin-top:var(--s5);margin-bottom:var(--s1);letter-spacing:.01em}.step-output p:first-child>strong:only-child{margin-top:0}.step-output hr{border:none;border-top:1px solid var(--border);margin:var(--s5) 0}.step-output table{width:100%;border-collapse:collapse;margin:var(--s3) 0;font-size:var(--text-xs)}.step-output th,.step-output td{padding:var(--s2) var(--s3);border-bottom:1px solid var(--border);text-align:left}.step-output th{font-weight:600;color:var(--fg)}.visual-diagram{margin:0 0 var(--s6);padding:var(--s5);background:var(--surface);border-radius:8px;border:1px solid var(--border);overflow-x:auto}.visual-label{font-family:var(--mono);font-size:10px;font-weight:600;color:var(--fg-muted);letter-spacing:.06em;margin-bottom:var(--s4);text-transform:uppercase}.flow-grid{display:grid;grid-template-columns:auto 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr;align-items:center;padding:var(--s3) 0;row-gap:var(--s2)}.flow-node{padding:var(--s2) var(--s2);background:var(--bg);border:1px solid var(--border);border-radius:4px;text-align:center;min-width:0}.flow-node-step{font-family:var(--mono);font-size:10px;font-weight:600;color:var(--accent);margin-bottom:1px}.flow-node-label{font-size:11px;font-weight:600;color:var(--fg)}.flow-node-detail{font-size:10px;color:var(--fg-muted);margin-top:1px}.flow-node-icon{font-family:var(--mono);font-size:var(--text-sm);font-weight:700;color:var(--accent)}.flow-start{border-color:var(--accent);border-width:2px;padding:var(--s2) var(--s3)}.flow-end{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.flow-arrow{height:1px;background:var(--border);position:relative}.flow-arrow:after{content:"";position:absolute;right:0;top:-3px;border-left:4px solid var(--border);border-top:3px solid transparent;border-bottom:3px solid transparent}.flow-gate{text-align:center;padding-top:var(--s1)}.flow-gate-connector{width:1px;height:10px;background:var(--border);margin:0 auto}.flow-gate-diamond{width:10px;height:10px;background:var(--surface);border:1px solid var(--border);transform:rotate(45deg);margin:0 auto 4px}.flow-gate-label{font-size:10px;font-weight:600;color:var(--fg-muted)}.flow-gate-action{font-size:10px;color:var(--fg-muted);opacity:.6}.flow-metric{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--border);font-size:11px}.flow-metric-value{font-weight:600;color:var(--accent)}.flow-metric-label{color:var(--fg-muted)}.blueprint-lane{padding:var(--s2) 0}.blueprint-lane-label{margin-bottom:var(--s2)}.blueprint-lane-title{font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted)}.blueprint-lane-sub{font-size:10px;color:var(--fg-muted);margin-left:var(--s2)}.blueprint-lane-nodes{display:flex;align-items:center}.blueprint-node{flex:1;padding:var(--s2) var(--s2);background:var(--bg);border:1px solid var(--border);border-radius:4px;text-align:center;min-width:0}.blueprint-node-step{font-family:var(--mono);font-size:9px;color:var(--accent);font-weight:600}.blueprint-node-label{font-size:11px;font-weight:500;color:var(--fg)}.blueprint-node-end{border-color:var(--accent)}.blueprint-connector{width:12px;min-width:12px;height:1px;background:var(--border);flex-shrink:0}.blueprint-line-of-interaction,.blueprint-line-of-visibility,.blueprint-line-of-support{border-top:1px dashed var(--border);padding:4px 0;text-align:right}.blueprint-line-of-interaction span,.blueprint-line-of-visibility span,.blueprint-line-of-support span{font-size:9px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);opacity:.5}.blueprint-lane-services{display:flex;gap:var(--s2);flex-wrap:wrap}.blueprint-service{padding:var(--s2) var(--s3);background:var(--bg);border:1px solid var(--border);border-radius:4px;flex:1;min-width:80px}.blueprint-service-name{font-size:11px;font-weight:600;color:var(--fg)}.blueprint-service-detail{font-size:10px;color:var(--fg-muted);margin-top:1px}.blueprint-service-infra{background:transparent;border-style:dashed}.blueprint-lane-backstage{opacity:.85}.blueprint-lane-support{opacity:.6}.sitemap-tabbar{display:flex;align-items:center;justify-content:space-around;padding:var(--s2) var(--s3);background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-bottom:var(--s4)}.sitemap-tab{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:var(--fg-muted);padding:var(--s1) var(--s2)}.sitemap-tab svg{color:var(--fg-muted)}.sitemap-tab-active{color:var(--accent)}.sitemap-tab-active svg{color:var(--accent)}.sitemap-tab-post{background:var(--accent);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0}.sitemap-tab-post svg{color:#fff}.sitemap-tree{padding:var(--s2) 0}.sitemap-root{margin-bottom:var(--s3)}.sitemap-root .sitemap-node-label{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--fg)}.sitemap-branches{display:flex;gap:var(--s2);flex-wrap:wrap}.sitemap-branch{flex:1;min-width:85px}.sitemap-node{padding:var(--s2) var(--s2);background:var(--bg);border:1px solid var(--border);border-radius:4px;font-size:11px;font-weight:600;color:var(--fg);margin-bottom:var(--s2);display:flex;align-items:center;gap:var(--s1)}.sitemap-node-primary{border-color:var(--accent);border-width:2px}.sitemap-node-action{background:var(--accent);color:#fff;border-color:var(--accent)}.sitemap-node-tag{font-size:9px;font-weight:400;color:var(--fg-muted);font-family:var(--mono)}.sitemap-children{padding-left:var(--s2);border-left:1px solid var(--border);margin-left:var(--s2)}.sitemap-leaf{font-size:10px;color:var(--fg-muted);padding:2px 0}.philosopher-callout,.storytelling-callout{padding:var(--s5) var(--s5);margin:0 0 var(--s12);border:1px dashed var(--border);border-radius:6px;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--fg-muted)}.philosopher-label,.storytelling-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--accent);margin-bottom:var(--s2);letter-spacing:.04em}.philosopher-callout p,.storytelling-callout p{margin:0}@media(min-width:769px){:root{--page-pad: 48px}.section{grid-template-columns:var(--label-col) 1fr;gap:0 var(--col-gap);padding:var(--s16) 0}.section-label{padding-top:var(--s1)}.section-label-annotation{display:block}.nav-tagline{display:inline}.nav-links{display:flex}.nav-hamburger{display:none}.nav-mobile-menu{display:none!important}.nav-actions{gap:0}.hide-mobile{display:table-cell}.hero{padding:var(--s24) 0 var(--s24)}.hero-install-group{grid-template-columns:1fr 1fr}.hero-platforms{grid-column:1 / -1}.install-methods{grid-template-columns:1fr 1fr}.install-methods .install-method:last-child{grid-column:1 / -1}.principles-grid{grid-template-columns:repeat(2,1fr);gap:var(--s8) var(--s12)}.skill-category{flex-direction:row;align-items:baseline;gap:var(--s6)}.skill-category-label{width:28%;min-width:auto;flex-shrink:0}.lifecycle-flow{gap:var(--s4)}.lifecycle-node{padding:var(--s4) var(--s6);min-width:88px}.philosopher-callout,.storytelling-callout{margin-left:calc(var(--label-col) + var(--col-gap));margin-bottom:var(--s16)}.output-panel{max-width:min(66.666vw,960px)}}@media(min-width:1024px){.patterns-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--s8);align-items:start}.filter-select{display:none}.filter-tabs{display:flex;flex-direction:column;margin-bottom:0;position:sticky;top:72px}.filter-tab{width:100%;justify-content:flex-start}.pattern-name{white-space:nowrap}.patterns-table .pattern-category{display:table-cell}}