:root{--accent-cyan:#1d4ed8;--accent-violet:#6d28d9;--accent-mint:#0f766e;--accent-amber:#92400e;--accent-rose:#be185d;--fill-cyan:#edf3ff;--fill-violet:#f3eefc;--fill-mint:#eaf6f2;--fill-amber:#fcf4e5;--fill-rose:#fdedf3;--border-cyan:#cad8f2;--border-violet:#dccff2;--border-mint:#c4deda;--border-amber:#e8d9ba;--color-surface:#ffffff;--color-surface-raised:#f2f4f7;--color-code-bg:#f3f4f6;--color-button-fill:var(--accent-cyan);--color-button-hover:#1e40af;--color-button-text:#ffffff;--color-brand:#2563eb;--color-accent:var(--accent-cyan);--color-accent-hover:#1e40af;--color-success:var(--accent-mint);--color-success-fill:var(--fill-mint);--color-warning:var(--accent-amber);--color-warning-fill:var(--fill-amber);--color-danger:var(--accent-rose);--color-danger-fill:var(--fill-rose);--color-info-fill:var(--fill-cyan);--color-fill-accent:var(--fill-cyan);--color-fill-rose:var(--fill-violet);--color-fill-sand:var(--fill-amber);--card-border-peach:var(--border-cyan);--card-border-sage:var(--border-mint);--card-border-rose:var(--border-violet);--card-border-sand:var(--border-amber);--card-accent-sage:var(--accent-mint);--card-accent-rose:var(--accent-violet);--card-accent-sand:var(--accent-amber);--card-tint-peach:var(--fill-cyan);--card-tint-sage:var(--fill-mint);--card-tint-rose:var(--fill-violet);--card-tint-sand:var(--fill-amber);--gradient-card-peach:var(--color-surface);--gradient-card-sage:var(--color-surface);--gradient-card-rose:var(--color-surface);--gradient-button:var(--color-button-fill);--gradient-button-hover:var(--color-button-hover);--gradient-heading:none;color-scheme:light;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-page:#f8f9fb;--color-white:#ffffff;--color-heading:#111317;--color-title:#090a0c;--color-body:#17191d;--color-secondary:#333842;--color-description:#4b5563;--color-muted:#5e6775;--color-placeholder:#606775;--color-border:#d9dee7;--color-border-hover:#9ca3af;--color-fill:#f2f4f7;--color-emerald:var(--color-accent);--color-focus:var(--color-brand);--color-article-link:#1d4ed8;--color-link:var(--accent-violet);--color-link-hover:#4c1d95;--color-title-hover:#4c1d95;--color-code-inline:var(--accent-violet);--color-dot-pink:var(--accent-rose);--color-dot-indigo:var(--accent-violet);--color-dot-sky:var(--accent-cyan);--gradient-page:var(--color-page);--gradient-pill:var(--color-surface);--gradient-accent:var(--color-brand);--gradient-dot:var(--color-brand);--glow-left:none;--glow-right:none;--glow-bottom:none;--surface-glass:var(--color-surface);--surface-header:#ffffff;--border-glass:var(--color-border);--gradient-card-sky:var(--gradient-card-peach);--gradient-card-mint:var(--gradient-card-sage);--gradient-card-lavender:var(--gradient-card-rose);--gradient-card-sand:var(--color-surface);--card-gradient:var(--gradient-card-sky);--card-border:var(--card-border-peach);--card-accent:var(--color-accent);--card-tint:var(--card-tint-peach);--surface-wash:none;--radius-card:0px;--radius-panel:0px;--radius-image:0px;--radius-pill:0px;--shadow-elevated:0 4px 16px rgb(17 24 39/8%);--shadow-card:none;--blur-panel:0px;--blur-header:0px;--blur-glow:0px;--motion-duration:180ms;--space-unit:4px;--space-card:calc(var(--space-unit) * 6);--space-panel:calc(var(--space-unit) * 5);--gap-card:calc(var(--space-unit) * 4);--space-section:calc(var(--space-unit) * 10);--content-width:1568px;--reading-width:60rem;--page-gutter:20px;--text-h1:2.25rem;--text-h2:1.875rem;--text-h3:1.5rem;--text-admin-heading:2rem;--text-intro:1.25rem;--text-article:1.125rem;--text-nav:1.0625rem;--text-card:1.375rem;--text-description:1.0625rem;--text-meta:0.9375rem;--text-tag:0.9375rem;--text-eyebrow:0.875rem;--text-code:0.9375rem;--leading-body:1.625;--canvas:var(--color-page);--panel:var(--color-surface);--elevated:var(--color-fill);--text:var(--color-heading);--text-muted:var(--color-description);--muted:var(--text-muted);--subtle:var(--color-muted);--border:var(--color-border);--mint:var(--color-emerald);--cyan:var(--color-link);--violet:var(--color-link);--gold:var(--color-warning);--amber:var(--gold);--rose:var(--color-danger);--tint:var(--color-fill-accent);--violet-tint:var(--color-fill-rose)}html{scroll-behavior:smooth;scroll-padding-top:96px}body,button,input,select,textarea{font-family:var(--font-sans)}code,kbd,pre,samp{font-family:var(--font-mono)}::selection{color:var(--text);background:var(--color-fill-accent)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-hover) var(--canvas)}input::placeholder,textarea::placeholder{color:var(--color-placeholder);opacity:1}body{margin:0;background:var(--canvas);color:var(--color-body);font:var(--text-article)/var(--leading-body) var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:640px){:root{--page-gutter:32px;--text-h1:3rem;--text-h2:2rem;--text-admin-heading:2.5rem;--space-panel:calc(var(--space-unit) * 7);--gap-card:calc(var(--space-unit) * 6)}}@media (min-width:1024px){:root{--page-gutter:48px}}@media (min-width:1280px){:root{--text-h1:3.5rem}}.reference-site .icon-sprite{position:absolute;overflow:hidden;width:0;height:0}.supplemental-page{padding-bottom:50px}.supplemental-page .contact-band{display:none}.reference-site .publishing-links{display:flex;gap:24px;margin-top:24px;font-size:14px}.reference-site .publishing-links a{color:var(--green);text-decoration:underline;text-underline-offset:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}.error-page{max-width:850px;margin:auto;text-align:center;padding:100px 30px}.error-page h1{font-size:48px;line-height:1.15;letter-spacing:-2px;margin:20px 0;color:var(--text)}.error-page p{margin-bottom:25px;color:var(--text-muted)}.error-page a,.error-page button{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid var(--mint);border-radius:0;background:var(--mint);color:var(--canvas);font:600 15px var(--font-sans)}.error-page .eyebrow{font:var(--text-eyebrow) var(--font-sans);color:var(--mint)}.reference-site,.reference-site *,.reference-site :after,.reference-site :before{box-sizing:border-box;margin:0;padding:0;border:0 solid}.reference-site h1,.reference-site h2,.reference-site h3,.reference-site h4,.reference-site h5,.reference-site h6{font-size:inherit;font-weight:inherit}.reference-site a{text-decoration:inherit}.reference-site b,.reference-site strong{font-weight:bolder}.reference-site small{font-size:var(--text-meta)}.reference-site menu,.reference-site ol,.reference-site ul{list-style:none}.reference-site img,.reference-site svg{display:block;vertical-align:middle}.reference-site img{height:auto}.reference-site button,.reference-site input,.reference-site select,.reference-site textarea{font:inherit;letter-spacing:inherit;color:inherit;background:transparent;border-radius:0}.reference-site{--paper:var(--canvas);--ink:var(--text);--accent:var(--violet);--green:var(--mint);--muted:var(--text-muted);--line:color-mix(in srgb,var(--ink) 16%,var(--paper));--soft:color-mix(in srgb,var(--green) 5%,var(--paper));--warm:color-mix(in srgb,var(--accent) 8%,var(--paper));--section-space:80px;--content-gap:40px;--panel-space:36px;--page-gutter:clamp(32px,7vw,144px);color-scheme:light}.reference-site *{box-sizing:border-box}.reference-site{scroll-behavior:smooth;scroll-padding-top:96px;margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--font-mono);-webkit-font-smoothing:antialiased}.reference-site h1,.reference-site h2,.reference-site h3,.reference-site p{margin:0}.reference-site h1,.reference-site h2,.reference-site h3{line-height:1.2;letter-spacing:-.04em}.reference-site a{color:inherit;text-decoration:none}.reference-site button,.reference-site input{font:inherit}.reference-site a,.reference-site button{-webkit-tap-highlight-color:transparent}.reference-site button{cursor:pointer;color:inherit}.reference-site svg{display:inline-block;vertical-align:middle;flex-shrink:0}.reference-site img{display:block;max-width:100%}.reference-site ::selection{background:var(--accent);color:var(--ink)}.reference-site a:focus-visible,.reference-site button:focus-visible,.reference-site input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.reference-site [hidden]{display:none!important}.reference-site .container{width:calc(100% - var(--page-gutter) * 2);max-width:1440px;margin-inline:auto}.reference-site .icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.reference-site .skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 18px;transform:translateY(-150%)}.reference-site .skip-link:focus{transform:translateY(0)}.reference-site .site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:var(--paper)}.reference-site .header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.reference-site .brand{display:inline-flex;align-items:center;flex:0 0 auto;min-height:44px;border-radius:0}.reference-site .brand-art{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.reference-site .brand-duck{display:block;width:36px;height:36px;flex:0 0 36px;object-fit:contain;border-radius:0}.reference-site .brand-wordmark{display:block;color:var(--ink);font-family:var(--font-mono);font-size:23px;line-height:1.3;font-weight:800;letter-spacing:.025em}.reference-site .brand:hover{opacity:.85}.reference-site .desktop-nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600;color:var(--muted)}.reference-site .desktop-nav a{padding:11px 0;transition:color .2s}.reference-site .desktop-nav a:hover,.reference-site .desktop-nav a[aria-current]{color:var(--green)}.reference-site .desktop-nav a[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--accent);text-decoration-thickness:2px}.reference-site .header-contact{display:inline-flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:0;padding:9px 17px;font-size:14px;font-weight:700;white-space:nowrap}.reference-site .header-contact:hover{background:var(--warm)}.reference-site .header-contact[aria-current=page]{color:var(--green);border-color:var(--green);background:var(--soft)}.reference-site .menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:0}.reference-site .mobile-nav{display:none;padding:6px 24px 18px;border-top:1px solid var(--line);background:var(--paper)}.reference-site .mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:16px;font-weight:600}.reference-site .eyebrow,.reference-site .mono,.reference-site .section-index{font-family:var(--font-mono)}.reference-site .eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.07em;font-size:var(--text-meta);font-weight:500;color:var(--green)}.reference-site .status-dot{display:inline-block;width:7px;height:7px;border-radius:0;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 10%,transparent);flex-shrink:0}.reference-site .hero{padding:56px 0 0}.reference-site .hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(36px,4vw,72px)}.reference-site .hero h1{font-size:clamp(46px,5.4vw,76px);font-weight:600;letter-spacing:-.06em;line-height:1.1;margin:24px 0}.reference-site .hero h1 span{color:var(--accent)}.reference-site .hero-copy{max-width:680px;color:var(--muted);font-size:18px;line-height:1.7}.reference-site .hero-copy strong{color:var(--ink);font-weight:600}.reference-site .hero-learning{max-width:620px;margin-top:20px;padding-left:16px;border-left:2px solid var(--green);color:var(--muted);font-size:16px;line-height:1.65}.reference-site .hero-learning span{display:block;margin-bottom:4px;color:var(--green);font:var(--text-meta)/1.5 var(--font-mono);letter-spacing:.035em;text-transform:uppercase}.reference-site .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px}.reference-site .button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 20px;min-height:48px;border-radius:0;font-size:15px;font-weight:700;border:1px solid var(--line);background:transparent;transition:background .2s,transform .2s}.reference-site .button:hover{transform:translateY(-1px);background:var(--warm)}.reference-site .button-primary{background:var(--green);border-color:var(--green);color:var(--paper)}.reference-site .button-primary:hover{background:color-mix(in srgb,var(--green) 85%,var(--ink))}.reference-site .button .icon{width:18px;height:18px}.reference-site .hero-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;color:var(--muted);font-size:var(--text-meta)}.reference-site .hero-footer .divider{width:1px;height:14px;background:var(--line)}.reference-site .profile-visual{position:relative;padding:24px 28px 0;background:var(--warm);border:1px solid var(--line);border-radius:0;isolation:isolate;overflow:hidden}.reference-site .profile-grid{position:absolute;inset:0;z-index:-1;background-image:none;background-size:28px 28px}.reference-site .visual-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-meta);letter-spacing:.035em;color:var(--muted)}.reference-site .portrait-stage{position:relative;margin-top:20px;display:flex;justify-content:center;align-items:center;min-height:248px}.reference-site .portrait-ring{width:230px;height:230px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:0;position:relative}.reference-site .portrait-ring:before{content:"";position:absolute;inset:-12px;border:1px dashed color-mix(in srgb,var(--ink) 25%,transparent);border-radius:0}.reference-site .portrait-ring img{width:100%;height:100%;object-fit:cover;border-radius:0;filter:saturate(.75)}.reference-site .profile-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:24px -28px 0;padding:24px 28px;background:var(--paper);border-top:1px solid var(--line)}.reference-site .profile-caption h2{font-size:25px;font-weight:600}.reference-site .profile-caption p{font-size:var(--text-meta);color:var(--muted);margin-top:5px;line-height:1.5}.reference-site .profile-caption .icon{width:27px;height:27px;color:var(--green)}.reference-site .impact-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:32px 0;border-bottom:1px solid var(--line);gap:24px}.reference-site .impact-stat{display:flex;align-items:center;gap:16px}.reference-site .impact-stat+.impact-stat{border-left:1px solid var(--line);padding-left:24px}.reference-site .impact-value{font-size:40px;font-weight:500;line-height:1.1;letter-spacing:-.06em;white-space:nowrap}.reference-site .impact-label{color:var(--muted);font-size:var(--text-meta);line-height:1.55}.reference-site .impact-label strong{display:block;color:var(--ink);font-size:14px;font-weight:600}.reference-site .section{padding:var(--section-space) 0}.reference-site .section-bordered{border-bottom:1px solid var(--line)}.reference-site .section-header{min-width:0}.reference-site .section-title{text-wrap:balance}.reference-site .section-description{text-wrap:pretty}.reference-site .section-index{font-size:var(--text-meta);letter-spacing:.06em;text-transform:uppercase;color:var(--green);display:flex;gap:10px;align-items:center;margin-bottom:16px}.reference-site .section-index span{color:var(--muted)}.reference-site .section-title{font-size:clamp(32px,3.4vw,44px);font-weight:600;line-height:1.16;letter-spacing:-.05em}.reference-site .section-description{font-size:16px;color:var(--muted);max-width:530px;line-height:1.7}.reference-site .section-header{display:flex;align-items:end;justify-content:space-between;gap:var(--content-gap);margin-bottom:var(--content-gap)}.reference-site .section-header .section-description{max-width:400px}.reference-site .about-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(40px,5vw,88px)}.reference-site .about-description{max-width:72ch}.reference-site .about-description p{color:var(--muted);font-size:16px;line-height:1.7}.reference-site .about-description p+p{margin-top:16px}.reference-site .about-description strong{color:var(--ink);font-weight:600}.reference-site .text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:700;padding-bottom:5px;border-bottom:1px solid var(--line)}.reference-site .text-link .icon{width:17px;height:17px}.reference-site .text-link:hover{color:var(--green);border-color:var(--accent)}.reference-site .about-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px}.reference-site .expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:var(--content-gap)}.reference-site .expertise-item{border-top:1px solid var(--line);padding-top:28px}.reference-site .expertise-icon{width:40px;height:40px;border:1px solid var(--line);border-radius:0;display:grid;place-items:center;color:var(--green);background:var(--soft)}.reference-site .expertise-item h3{font-size:21px;font-weight:600;margin:16px 0 12px;letter-spacing:-.035em}.reference-site .expertise-item p{font-size:16px;line-height:1.65;color:var(--muted)}.reference-site .learning-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:var(--soft);border:1px solid var(--line);border-left:3px solid var(--green);border-radius:0;margin-top:24px}.reference-site .learning-label{font-size:var(--text-meta);color:var(--green);display:flex;align-items:center;gap:9px;white-space:nowrap}.reference-site .learning-topics{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--ink)}.reference-site .learning-topics span+span:before{content:"↗";color:var(--green);margin-right:12px}.reference-site .tools-section{background:var(--soft);border-block:1px solid var(--line)}.reference-site .tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.reference-site .tool-card{background:var(--paper);border:1px solid var(--line);border-radius:0;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}.reference-site .tool-card:hover{border-color:var(--green)}.reference-site .tool-preview{height:128px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--warm);border-bottom:1px solid var(--line);overflow:hidden}.reference-site .token-preview{font:19px/1.5 var(--font-mono);font-weight:500;letter-spacing:-.04em;text-align:center;padding:25px 12px 8px}.reference-site .token-preview span:first-child,.reference-site .token-preview span:nth-child(3){color:var(--ink)}.reference-site .token-preview span:nth-child(2){color:var(--green)}.reference-site .preview-label{position:absolute;left:17px;top:10px;font:var(--text-meta)/1.5 var(--font-mono);letter-spacing:.035em;color:var(--muted)}.reference-site .code-preview{font:var(--text-meta)/1.8 var(--font-mono);background:var(--paper);padding:5px 15px;border:1px solid var(--line);border-radius:0;margin-top:15px}.reference-site .code-preview .line-no{color:var(--muted);margin-right:12px}.reference-site .code-preview em{font-style:normal;color:var(--green)}.reference-site .code-preview mark{background:color-mix(in srgb,var(--accent) 20%,var(--paper));border-radius:0;color:var(--ink);padding:2px 4px}.reference-site .tool-body{padding:var(--panel-space);display:flex;flex-direction:column;flex:1 1}.reference-site .tool-number{font:var(--text-meta)/1.5 var(--font-mono);color:var(--green);letter-spacing:.035em}.reference-site .tool-body h3{font-size:28px;font-weight:600;letter-spacing:-.04em;margin:12px 0}.reference-site .tool-body p{font-size:16px;color:var(--muted);line-height:1.7;max-width:490px}.reference-site .tool-links{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px}.reference-site .source-link{font-size:14px;color:var(--muted);display:inline-flex;align-items:center;gap:7px}.reference-site .source-link .icon{height:17px;width:17px}.reference-site .source-link:hover{color:var(--green)}.reference-site .search-box{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:0;max-width:340px;background:var(--paper)}.reference-site .search-box .icon{width:18px;height:18px;color:var(--muted)}.reference-site .search-box input{min-width:0;width:100%;border:0;outline:none;background:none;font-size:16px;color:var(--ink)}.reference-site .search-box:focus-within{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 15%,transparent)}.reference-site .search-box input:focus-visible{outline:none}.reference-site .empty-state{padding:28px;text-align:center;color:var(--muted);font-size:16px}.reference-site .experience-layout{display:grid;grid-template-columns:1fr 1.55fr;gap:clamp(40px,5vw,88px)}.reference-site .experience-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.reference-site .experience-row:last-child{margin-bottom:0}.reference-site .experience-date{font:var(--text-meta)/1.65 var(--font-mono);color:var(--muted);padding-top:4px}.reference-site .experience-row h3{font-size:23px;font-weight:600;letter-spacing:-.035em}.reference-site .experience-company{font-size:15px;margin:8px 0 12px;color:var(--green)}.reference-site .experience-row p:last-child{font-size:16px;line-height:1.7;color:var(--muted)}.reference-site .education-note{border-left:2px solid var(--accent);padding-left:16px;margin-top:24px;font-size:14px;color:var(--muted);line-height:1.65}.reference-site .education-note strong{font-size:15px;color:var(--ink)}.reference-site .creator-strip{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px 0;border-block:1px solid var(--line)}.reference-site .creator-identity{display:flex;gap:18px;align-items:center}.reference-site .creator-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:0;flex-shrink:0;color:var(--green)}.reference-site .creator-strip h2{font-size:24px;letter-spacing:-.035em;font-weight:600}.reference-site .creator-strip p{font-size:16px;color:var(--muted);margin-top:7px;max-width:720px}.reference-site .creator-strip>.text-link{white-space:nowrap}.reference-site .contact-panel{background:var(--tint);border-radius:0;padding:48px;position:relative;overflow:hidden;color:var(--text);display:grid;grid-template-columns:1.35fr 1fr;gap:35px;align-items:end}.reference-site .contact-panel .section-index{color:var(--mint);opacity:.8}.reference-site .contact-panel h2{font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1.13;letter-spacing:-.045em}.reference-site .contact-panel h1 span,.reference-site .contact-panel h2 span{color:var(--accent)}.reference-site .contact-panel p{font-size:16px;color:var(--text-muted);opacity:.85;max-width:500px;margin-top:16px}.reference-site .contact-links{display:flex;flex-direction:column;align-items:start;gap:20px;min-width:0}.reference-site .contact-email{font-size:clamp(17px,1.75vw,24px);letter-spacing:-.03em;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--paper) 45%,transparent);display:flex;align-items:center;gap:15px;overflow-wrap:anywhere}.reference-site .contact-email:hover{color:var(--mint);border-color:var(--accent)}.reference-site .social-links{display:flex;flex-wrap:wrap;gap:18px;color:var(--text-muted);font-size:14px}.reference-site .social-links a{display:flex;align-items:center;gap:6px}.reference-site .social-links .icon{width:17px;height:17px}.reference-site .social-links a:hover{text-decoration:underline;text-underline-offset:4px}.reference-site .copy-button{background:none;color:var(--cyan);border:0;padding:0;font-size:14px;display:flex;gap:7px;align-items:center}.reference-site .copy-button .icon{height:16px;width:16px}.reference-site .copy-feedback{font-size:14px;color:var(--mint);min-height:0}.reference-site .copy-feedback:not(:empty){margin-top:6px}.reference-site .site-footer{padding:0 0 24px}.reference-site .footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:var(--text-meta)}.reference-site .footer-inner .brand-wordmark{font-size:20px}.reference-site .footer-inner p{margin-top:7px;font-size:var(--text-meta)}@media (min-width:1600px){.reference-site .hero h1{font-size:88px}.reference-site .portrait-stage{min-height:280px}.reference-site .portrait-ring{width:260px;height:260px}}@media (max-width:1100px){.reference-site .desktop-nav{gap:17px}.reference-site .header-inner{gap:16px}.reference-site .hero-grid{gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.reference-site .hero h1{font-size:60px}.reference-site .impact-stat{gap:12px}.reference-site .impact-stat+.impact-stat{padding-left:18px}.reference-site .impact-strip{gap:18px}.reference-site .impact-value{font-size:35px}.reference-site .about-grid,.reference-site .experience-layout{gap:30px}.reference-site .learning-bar{align-items:start;flex-direction:column;gap:12px}.reference-site .experience-row{grid-template-columns:1fr;gap:6px}.reference-site .contact-panel{gap:28px;padding:30px}.reference-site .contact-panel h2{font-size:44px}}@media (max-width:1000px){.reference-site .desktop-nav{display:none}.reference-site .header-contact{margin-left:auto}.reference-site .menu-toggle{display:flex}.reference-site .mobile-nav{display:block}.reference-site .hero h1{font-size:46px}.reference-site .hero-copy{font-size:17px}.reference-site .hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:24px}.reference-site .hero-footer{font-size:var(--text-meta);gap:9px}.reference-site .profile-visual{padding:16px 16px 0}.reference-site .portrait-stage{min-height:190px;margin-top:16px}.reference-site .portrait-ring{width:170px;height:170px;padding:8px}.reference-site .visual-topline{font-size:var(--text-meta)}.reference-site .profile-caption{margin-inline:-16px;padding:15px 16px}.reference-site .profile-caption h2{font-size:22px}.reference-site .profile-caption p{font-size:var(--text-meta)}.reference-site{--section-space:64px;--content-gap:32px;--panel-space:28px}.reference-site .section-header .section-description{max-width:320px}.reference-site .about-grid{grid-template-columns:1fr 1.3fr;gap:30px}.reference-site .expertise-grid{gap:20px}.reference-site .expertise-item h3{font-size:20px}.reference-site .experience-layout{grid-template-columns:1fr 1.4fr}.reference-site .contact-panel{grid-template-columns:1fr;gap:24px}.reference-site .creator-strip{align-items:start;flex-direction:column;gap:16px}.reference-site .creator-strip>.text-link{margin-left:66px}}@media (max-width:700px){.reference-site{--section-space:56px;--content-gap:28px;--panel-space:24px;scroll-padding-top:88px}.reference-site .container{width:calc(100% - 40px)}.reference-site .header-inner{height:66px;gap:12px}.reference-site .brand-art{gap:8px}.reference-site .brand-wordmark{font-size:21px}.reference-site .header-contact{padding:8px 11px;font-size:var(--text-meta);gap:8px}.reference-site .header-contact .icon{width:16px;height:16px}.reference-site .menu-toggle{width:42px;height:42px}.reference-site .hero{padding-top:36px}.reference-site .hero-grid{grid-template-columns:1fr;gap:28px}.reference-site .hero .eyebrow{font-size:var(--text-meta)}.reference-site .hero h1{font-size:clamp(38px,10.3vw,62px);margin:20px 0}.reference-site .hero-copy{font-size:17px;line-height:1.7}.reference-site .hero-actions{margin-top:24px;gap:12px}.reference-site .hero-actions .button{padding:11px 14px;font-size:14px;gap:10px}.reference-site .hero-footer{margin-top:20px;font-size:var(--text-meta);gap:8px 12px}.reference-site .hero-footer .divider{display:none}.reference-site .profile-visual{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;column-gap:20px;row-gap:8px;padding:20px;border-radius:0}.reference-site .profile-grid{display:none}.reference-site .visual-topline{grid-column:2;align-self:end;font-size:var(--text-meta);letter-spacing:.02em}.reference-site .visual-topline span:last-child{display:none}.reference-site .portrait-stage{grid-column:1;grid-row:1/span 2;min-height:0;margin:0}.reference-site .portrait-ring{width:90px;height:90px;padding:5px}.reference-site .portrait-ring:before{display:none}.reference-site .profile-caption{grid-column:2;align-self:start;margin:0;padding:0;border:0;background:none}.reference-site .profile-caption h2{font-size:22px}.reference-site .profile-caption p{font-size:var(--text-meta);line-height:1.5;margin-top:3px}.reference-site .profile-caption>.icon{display:none}.reference-site .impact-strip{gap:14px;padding:20px 0}.reference-site .impact-stat{display:block}.reference-site .impact-stat+.impact-stat{padding-left:14px}.reference-site .impact-value{font-size:34px;margin-bottom:7px}.reference-site .impact-label{font-size:var(--text-meta)}.reference-site .impact-label strong{font-size:var(--text-meta);line-height:1.5}.reference-site .impact-context{display:none}.reference-site .section-title{font-size:34px}.reference-site .section-index{font-size:var(--text-meta);margin-bottom:12px}.reference-site .about-grid{grid-template-columns:1fr;gap:24px}.reference-site .about-description p{font-size:16px}.reference-site .about-links{margin-top:20px}.reference-site .expertise-grid{grid-template-columns:1fr;gap:24px;margin-top:28px}.reference-site .expertise-item{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:16px;padding-top:20px}.reference-site .expertise-icon{grid-row:1/span 2;width:38px;height:38px}.reference-site .expertise-item h3{margin:1px 0 8px;font-size:21px}.reference-site .expertise-item p{grid-column:2;font-size:16px}.reference-site .learning-bar{padding:20px;margin-top:24px;gap:12px}.reference-site .learning-topics{display:grid;gap:7px;font-size:15px}.reference-site .learning-topics span+span:before{content:none}.reference-site .learning-topics span:before{content:"↗";margin-right:10px;color:var(--green)}.reference-site .section-header{display:block;margin-bottom:24px}.reference-site .section-header .section-description{margin-top:16px;max-width:100%}.reference-site .tool-grid{grid-template-columns:1fr;gap:24px}.reference-site .tool-preview{height:112px}.reference-site .tool-body{padding:var(--panel-space)}.reference-site .tool-body h3{font-size:26px}.reference-site .tool-links{padding-top:20px;gap:12px}.reference-site .source-link{font-size:var(--text-meta)}.reference-site .text-link{font-size:14px}.reference-site .preview-label{font-size:var(--text-meta);left:14px}.reference-site .token-preview{font-size:18px}.reference-site .code-preview{font-size:var(--text-meta);padding-inline:10px}.reference-site .search-box{max-width:none;flex:1 1;min-width:175px}.reference-site .experience-layout{grid-template-columns:1fr;gap:28px}.reference-site .experience-row{grid-template-columns:1fr;gap:8px;padding-bottom:24px;margin-bottom:24px}.reference-site .experience-date{font-size:var(--text-meta)}.reference-site .experience-row h3{font-size:23px}.reference-site .education-note{margin-top:18px;font-size:14px}.reference-site .creator-strip{gap:24px;padding:32px 0}.reference-site .creator-identity{align-items:start;gap:14px}.reference-site .creator-icon{width:40px;height:40px}.reference-site .creator-strip h2{font-size:23px}.reference-site .creator-strip p{font-size:16px}.reference-site .creator-strip>.text-link{margin-left:54px}.reference-site .contact-panel{padding:28px 24px;gap:24px;border-radius:0}.reference-site .contact-panel h2{font-size:39px}.reference-site .contact-panel p{font-size:16px}.reference-site .contact-email{font-size:19px;gap:10px}.reference-site .contact-email .icon{width:18px;height:18px}.reference-site .social-links{gap:15px;font-size:var(--text-meta)}.reference-site .copy-button{font-size:14px}.reference-site .footer-inner{align-items:start;gap:20px}.reference-site .footer-inner .brand-wordmark{font-size:19px}.reference-site .footer-inner p{font-size:var(--text-meta);max-width:220px}}@media (min-width:481px) and (max-width:1200px){.reference-site .impact-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-site .impact-strip .impact-stat:nth-child(odd){border-left:0;padding-left:0}.reference-site .impact-strip .impact-stat:nth-child(n+3){border-top:1px solid var(--line);padding-top:20px}}@media (max-width:480px){.reference-site .impact-strip{grid-template-columns:1fr;gap:0;padding:4px 0}.reference-site .impact-stat{display:grid;grid-template-columns:76px minmax(0,1fr);gap:20px;padding:16px 0}.reference-site .impact-stat+.impact-stat{border-left:0;border-top:1px solid var(--line);padding:16px 0}.reference-site .impact-value{margin-bottom:0;font-size:32px}.reference-site .impact-label strong{font-size:14px}}@media (max-width:380px){.reference-site .container{width:calc(100% - 32px)}.reference-site .header-contact{display:none}.reference-site .menu-toggle{margin-left:auto}.reference-site .hero h1{font-size:36px}.reference-site .hero-actions .button{font-size:var(--text-meta);padding-inline:12px;gap:7px}.reference-site .hero-footer{font-size:var(--text-meta)}.reference-site .impact-value{font-size:30px}.reference-site .impact-label strong{font-size:14px}.reference-site .profile-visual{grid-template-columns:75px minmax(0,1fr);gap:8px 16px;padding:16px}.reference-site .portrait-ring{width:75px;height:75px}.reference-site .profile-caption h2{font-size:20px}.reference-site .visual-topline{font-size:var(--text-meta)}.reference-site .contact-email{font-size:16px}.reference-site .contact-panel{padding-inline:20px}.reference-site .social-links{gap:11px}.reference-site .social-links .icon{width:15px;height:15px}.reference-site .tool-links{flex-wrap:wrap}}@media (pointer:coarse){.reference-site .copy-button,.reference-site .social-links a,.reference-site .source-link,.reference-site .text-link{min-height:44px;align-items:center}.reference-site .hero-actions .button{min-height:48px}}@media (prefers-reduced-motion:reduce){.reference-site{scroll-behavior:auto}.reference-site *,.reference-site :after,.reference-site :before{animation:none!important;transition:none!important}}.reference-site{min-height:100vh;display:flex;flex-direction:column}.reference-site main{flex:1 1}.reference-site .site-footer{margin-top:auto}.reference-site .breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:32px;color:var(--muted);font-size:var(--text-meta)}.reference-site .breadcrumbs a:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}.reference-site .breadcrumbs [aria-current]{color:var(--ink)}.reference-site .page-title{font-size:clamp(36px,4.5vw,64px);line-height:1.12;font-weight:600;letter-spacing:-.05em;text-wrap:balance}.reference-site .page-intro{padding:48px 0 40px}.reference-site .page-intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:end}.reference-site .page-lead{max-width:580px;font-size:18px;line-height:1.75;color:var(--muted)}.reference-site .page-content{padding-bottom:56px}.reference-site .page-about{padding-top:48px}.reference-site .page-about .about-description{padding-top:34px}.reference-site .page-about+#experience{border-top:1px solid var(--line)}.reference-site .page-contact{padding-top:48px}.reference-site .page-contact .contact-panel{padding:56px 48px}.reference-site .page-contact .contact-panel .page-title{font-size:clamp(38px,4vw,56px)}.reference-site .page-contact .contact-links{align-self:center}.reference-site .page-note{display:flex;gap:20px;padding:28px;margin-top:32px;border:1px solid var(--line);border-radius:0}.reference-site .page-note .expertise-icon{flex-shrink:0}.reference-site .page-note h2{font-size:22px;font-weight:600}.reference-site .page-note p{font-size:16px;color:var(--muted);max-width:760px;margin:8px 0 16px}.reference-site .next-step{margin-block:var(--section-space);padding-block:32px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:36px}.reference-site .next-step h2{font-size:32px;font-weight:600}.reference-site .next-step p:not(.section-index){max-width:720px;margin-top:12px;font-size:16px;color:var(--muted)}.reference-site .next-step .button{flex-shrink:0}.reference-site .contact-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.reference-site .contact-topics>div{border-top:1px solid var(--line);padding-top:20px}.reference-site .contact-topics h3{font-size:22px;font-weight:600}.reference-site .contact-topics p{margin-top:12px;font-size:16px;color:var(--muted)}.reference-site .footer-pages{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;font-size:var(--text-meta)}.reference-site .footer-pages a{padding:6px 0}.reference-site .footer-pages [aria-current],.reference-site .footer-pages a:hover{color:var(--green)}.reference-site .footer-top{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.reference-site .footer-top .icon{width:16px;height:16px}.reference-site[data-page=home] .hero{padding-top:48px}@media (max-width:1100px){.reference-site .page-intro-grid{gap:32px}.reference-site .footer-inner{flex-wrap:wrap}.reference-site .footer-pages{order:3;flex-basis:100%;justify-content:start}}@media (max-width:1000px){.reference-site .page-intro-grid{grid-template-columns:1fr;gap:24px}.reference-site .page-lead{max-width:700px;font-size:17px}.reference-site .page-about .about-grid{grid-template-columns:1fr}.reference-site .page-about .about-description{padding-top:0}.reference-site .next-step{align-items:start}}@media (max-width:700px){.reference-site .page-about,.reference-site .page-contact,.reference-site .page-intro{padding-top:32px}.reference-site .page-intro{padding-bottom:28px}.reference-site .page-title{font-size:clamp(34px,8vw,46px)}.reference-site .breadcrumbs{margin-bottom:24px;font-size:var(--text-meta)}.reference-site .page-content{padding-bottom:40px}.reference-site .next-step{flex-direction:column;gap:24px;padding-block:28px}.reference-site .next-step h2{font-size:28px}.reference-site .page-note{padding:22px 20px;gap:16px}.reference-site .page-note .expertise-icon{display:none}.reference-site .page-contact .contact-panel{padding:32px 24px}.reference-site .page-contact .contact-panel .page-title{font-size:38px}.reference-site .contact-topics{grid-template-columns:1fr;gap:24px}.reference-site[data-page=home] .hero{padding-top:36px}.reference-site .footer-pages{gap:8px 20px;font-size:var(--text-meta)}}.reference-site .page-about .expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-site .development-stack{margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}.reference-site .stack-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:24px}.reference-site .stack-heading h2{font-size:30px;font-weight:600}.reference-site .stack-heading>p{color:var(--muted);font-size:16px;max-width:440px}.reference-site .stack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.reference-site .stack-group{min-width:0;padding:22px;border:1px solid var(--line);border-radius:0;background:var(--paper)}.reference-site .stack-group-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.reference-site .stack-group h3{font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.025em}.reference-site .stack-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;color:var(--green);background:var(--soft);border:1px solid var(--line);border-radius:0}.reference-site .stack-category-icon{width:19px;height:19px}.reference-site .stack-tech-icon{width:17px;height:17px;flex:0 0 17px;object-fit:contain;opacity:.88}.reference-site .stack-note{margin-top:16px;color:var(--muted);font-size:var(--text-meta);line-height:1.6}.reference-site .stack-group ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.reference-site .stack-group li{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 9px;border:1px solid var(--line);border-radius:0;background:var(--soft);font-size:14px;line-height:1.5;overflow-wrap:anywhere}@media (max-width:1000px){.reference-site .stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-site .stack-heading{align-items:start;flex-direction:column;gap:16px}}@media (max-width:700px){.reference-site .page-about .expertise-grid{grid-template-columns:1fr}.reference-site .development-stack{margin-top:32px;padding-top:28px}.reference-site .stack-grid{gap:16px}.reference-site .stack-group{padding:18px}.reference-site .stack-heading h2{font-size:27px}}@media (max-width:480px){.reference-site .stack-grid{grid-template-columns:1fr}}.reference-site .home-overview{border-bottom:1px solid var(--line)}.reference-site .home-about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(32px,5vw,80px)}.reference-site .home-about-copy{max-width:70ch}.reference-site .home-about-copy p{font-size:17px;line-height:1.75;color:var(--muted)}.reference-site .home-about-copy p+p{margin-top:16px}.reference-site .home-about-copy strong{color:var(--ink);font-weight:600}.reference-site .home-skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}.reference-site .home-skill-tags span{border:1px solid var(--line);border-radius:0;padding:5px 10px;font-size:var(--text-meta);line-height:1.5;color:var(--muted)}.reference-site .home-tools-overview{background:var(--soft);border-bottom:1px solid var(--line)}.reference-site .home-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-site .home-tool-link{display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:start;gap:20px;padding:28px;border:1px solid var(--line);border-radius:0;background:var(--paper);transition:border-color .2s}.reference-site .home-tool-link:hover{border-color:var(--green)}.reference-site .home-tool-link h3{font-size:23px;font-weight:600}.reference-site .home-tool-link p{color:var(--muted);margin-top:10px;font-size:16px;line-height:1.7}.reference-site .home-tool-link>.icon{color:var(--green);margin-top:5px}.reference-site[data-page=home] .section-header>.text-link{flex-shrink:0}.reference-site .home-contact-overview{margin-bottom:40px}.reference-site .home-contact-panel{padding:48px;border-radius:0;background:var(--tint);color:var(--text);display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}.reference-site .home-contact-panel .section-index{color:var(--mint);opacity:.8}.reference-site .home-contact-panel h2{font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1.13}.reference-site .home-contact-panel h2 span{color:var(--accent)}.reference-site .home-contact-panel p:not(.section-index){color:var(--text-muted);opacity:.85;max-width:530px;font-size:16px;margin-top:20px}.reference-site .home-contact-actions{display:flex;flex-direction:column;align-items:start;gap:24px;min-width:0}.reference-site .home-contact-link{display:inline-flex;align-items:center;gap:12px;font-size:15px}.reference-site .home-contact-link:hover{text-decoration:underline;text-underline-offset:5px}.reference-site .home-contact-link .icon{width:17px;height:17px}.reference-site #client-site-secret-finder,.reference-site #jwt-token-analyzer,.reference-site [data-project]{scroll-margin-top:24px}@media (max-width:1000px){.reference-site .home-about-grid{grid-template-columns:1fr;gap:24px}.reference-site .home-tools-grid{gap:20px}.reference-site .home-tool-link{padding:24px;gap:16px;grid-template-columns:36px minmax(0,1fr)}.reference-site .home-tool-link>.icon{display:none}.reference-site .home-tool-link .expertise-icon{width:36px;height:36px}.reference-site .home-contact-panel{grid-template-columns:1fr;gap:32px;padding:36px}}@media (max-width:700px){.reference-site .home-about-copy p{font-size:16px}.reference-site .home-skill-tags{margin-top:18px;margin-bottom:20px}.reference-site .home-skill-tags span{font-size:var(--text-meta)}.reference-site[data-page=home] .section-header>.text-link{margin-top:20px}.reference-site .home-tools-grid{grid-template-columns:1fr}.reference-site .home-tool-link{padding:24px 20px}.reference-site .home-tool-link h3{font-size:22px}.reference-site .home-contact-panel{padding:32px 24px;gap:28px}.reference-site .home-contact-panel h2{font-size:38px}.reference-site .home-contact-panel .contact-email{font-size:18px}.reference-site .home-contact-overview{margin-bottom:32px}}@media (max-width:380px){.reference-site .home-tool-link{grid-template-columns:1fr}.reference-site .home-contact-panel{padding-inline:20px}.reference-site .home-contact-panel .contact-email{font-size:16px}.reference-site .home-contact-link{font-size:14px}}.reference-site .profile-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;list-style:none;margin:20px 0 0;padding:0}.reference-site .profile-tags li{padding:6px 10px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);font:var(--text-meta)/1.5 var(--font-mono)}@media (max-width:700px){.reference-site .profile-visual .visual-topline{grid-row:1}.reference-site .profile-visual .profile-caption{grid-row:2}.reference-site .profile-tags{grid-column:1/-1;grid-row:3;justify-content:start;margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}.reference-site .profile-tags li{font-size:var(--text-meta);padding:5px 8px}}.reference-site .error-brand{margin-bottom:32px}.reference-site .home-experience-intro .section-description,.reference-site .home-experience-intro .text-link{margin-top:24px}.reference-site .home-experience .experience-row:last-child{padding-bottom:0;border-bottom:0}.reference-site .tools-directory-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.reference-site .tools-directory-heading h2{font-size:25px;font-weight:600}.reference-site .tools-directory-heading p{margin-top:8px;color:var(--muted);font-size:16px}.reference-site .tools-total{flex-shrink:0;padding:7px 12px;color:var(--green);font:var(--text-meta)/1.5 var(--font-mono)}.reference-site .tool-controls,.reference-site .tools-total{border:1px solid var(--line);border-radius:0;background:var(--soft)}.reference-site .tool-controls{margin-bottom:32px;padding:24px}.reference-site .tool-search{max-width:none;padding:13px 16px;min-height:50px}.reference-site .tool-filter-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.reference-site .tools-directory .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.reference-site .directory-tool-card .tool-body{padding:12px 16px 16px}.reference-site .directory-tool-card .tool-body>p{font-size:15px;line-height:1.55}.reference-site .directory-tool-top{display:flex;align-items:center;gap:10px;padding:16px 16px 0}.reference-site .directory-tool-heading{min-width:0}.reference-site .directory-tool-top .expertise-icon{width:34px;height:34px;flex-shrink:0;margin:0;background:var(--warm);color:var(--accent)}.reference-site .tool-category{display:block;font-size:var(--text-meta);line-height:1.5;font-weight:600;color:var(--green);margin-bottom:3px}.reference-site .directory-tool-card h2{font-size:20px;font-weight:650;line-height:1.3;margin:0}.reference-site .tool-tags{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:12px 0 10px}.reference-site .tool-tags li{padding:2px 7px;background:var(--soft);border:1px solid var(--line);border-radius:0;font-size:var(--text-meta);line-height:1.6}.reference-site .tool-address{display:inline-flex;align-items:start;gap:8px;align-self:start;margin-bottom:12px;font-size:var(--text-meta);line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.reference-site .tool-address .icon{width:15px;height:15px;margin-top:3px}.reference-site .tool-address:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}.reference-site .directory-tool-card .tool-links{border-top:1px solid var(--line);margin-top:auto;padding-top:10px}.reference-site .directory-tool-card .tool-links .button{font-size:var(--text-meta);padding:8px 12px;min-height:44px;gap:10px}.reference-site .tool-empty{text-align:center;padding:48px 24px;border:1px dashed var(--line);border-radius:0}.reference-site .tool-empty .expertise-icon{margin:0 auto 20px}.reference-site .tool-empty h2{font-size:25px;margin-bottom:12px}.reference-site .tool-empty p{color:var(--muted);font-size:16px}@media (max-width:700px){.reference-site .tools-directory-heading{align-items:start;gap:16px}.reference-site .tools-directory-heading h2{font-size:23px}.reference-site .tool-controls{padding:18px;margin-bottom:24px}.reference-site .tool-filter-row{align-items:start;flex-direction:column}.reference-site .tool-search{min-width:0}.reference-site .directory-tool-top{padding:16px 16px 0}.reference-site .directory-tool-card .tool-body{padding:12px 16px 16px}.reference-site .directory-tool-card h2{font-size:20px}}@media (max-width:1000px){.reference-site .tools-directory .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.reference-site .tools-directory .tool-grid{grid-template-columns:1fr;gap:16px}.reference-site .brand-duck{width:32px;height:32px;flex-basis:32px}}.reference-site[data-page=home] .profile-visual{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.reference-site[data-page=home] .portrait-ring:before,.reference-site[data-page=home] .profile-grid{display:none}.reference-site[data-page=home] .portrait-ring{border:0;padding:0}.reference-site[data-page=home] .profile-caption{background:transparent;border-top:0}.reference-site .hero-no-portrait .hero-grid{grid-template-columns:1fr}@media (min-width:1201px){.reference-site .impact-strip{grid-template-columns:repeat(var(--highlight-columns,4),minmax(0,1fr))}}.reference-site[data-page=home]{background:var(--color-page)}.reference-site .impact-context{display:block;margin-top:5px;line-height:1.6}.reference-site .impact-value{flex-shrink:0}.reference-site .home-writeups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reference-site .home-writeups .section-description{margin-top:18px;font-size:15px;max-width:540px}.reference-site .home-writeup-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:0;overflow:hidden;background:var(--panel);transition:border-color .2s,transform .2s,box-shadow .2s}.reference-site .home-writeup-card:hover{transform:none;border-color:var(--border);box-shadow:none}.reference-site .home-writeup-card:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.reference-site .home-writeup-body{padding:24px;display:flex;flex:1 1;flex-direction:column}.reference-site .home-writeup-meta{display:flex;justify-content:space-between;gap:12px;color:var(--text-muted);font:var(--text-meta)/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}.reference-site .home-writeup-meta span:last-child{color:var(--muted);flex-shrink:0}.reference-site .home-writeup-body h3{display:flex;align-items:flex-start;gap:15px;font-size:21px;line-height:1.4;letter-spacing:-.6px;margin:0 0 12px}.reference-site .home-writeup-body h3 svg{flex-shrink:0;color:var(--text-muted);margin-top:5px;margin-left:auto}.reference-site .home-writeup-body>p{font-size:var(--text-meta);line-height:1.8;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:24px}.reference-site .home-writeup-date{display:flex;gap:12px;justify-content:space-between;padding-top:17px;border-top:1px solid var(--border);margin-top:auto;font-size:var(--text-meta);color:var(--text-muted)}.reference-site .home-writeup-date>span{color:var(--mint)}.home-writeup-card .writeup-thumbnail{aspect-ratio:16/9;overflow:hidden;background:var(--tint);border-bottom:1px solid var(--border);position:relative}.home-writeup-card .writeup-thumbnail>img{width:100%;height:100%;object-fit:cover;display:block}.home-writeup-card .writeup-thumbnail-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:23px}.home-writeup-card .writeup-thumbnail-fallback,.home-writeup-card .writeup-thumbnail[data-tone=clay] .writeup-thumbnail-fallback{background:var(--color-surface);color:var(--text-muted)}.home-writeup-card .thumbnail-bottomline,.home-writeup-card .thumbnail-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;font:var(--text-meta)/1.5 var(--font-mono);letter-spacing:1px}.home-writeup-card .thumbnail-content{display:flex;gap:15px;align-items:center}.home-writeup-card .thumbnail-content>div{display:grid;gap:6px}.home-writeup-card .thumbnail-content strong{font-size:18px}.home-writeup-card .thumbnail-content>div>span{font-size:var(--text-meta);opacity:.75}.home-writeup-card .thumbnail-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid;border-radius:0}.home-writeup-card .thumbnail-grid-mark{width:11px;height:11px;background:currentColor;border-radius:0;opacity:.45;flex-shrink:0}.app-theme .admin-shell{background:var(--color-page)}.app-theme .admin-panel{background:var(--color-surface)}@media (min-width:1001px){.reference-site .desktop-nav{flex-wrap:wrap;justify-content:center;min-width:0}.reference-site .header-inner{height:auto;min-height:74px;padding-top:9px;padding-bottom:9px}}@media (max-width:1000px){.reference-site .home-writeups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.reference-site .home-writeups-grid{grid-template-columns:1fr;gap:20px}.reference-site .home-writeup-body{padding:23px}.reference-site .home-writeups .section-header>a{min-height:44px}}@media (prefers-reduced-motion:reduce){.reference-site .home-writeup-card{transition:none}.reference-site .home-writeup-card:hover{transform:none}}@media (min-width:651px){.reference-site .home-writeups-grid:has(>.home-writeup-card:only-child){grid-template-columns:1fr}.reference-site .home-writeup-card:only-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.reference-site .home-writeup-card:only-child .writeup-thumbnail{border-bottom:0;border-right:1px solid var(--border)}.reference-site .home-writeup-card:only-child .home-writeup-body{padding:32px}.reference-site .home-writeup-card:only-child h3{font-size:27px}.reference-site .home-writeups-grid:has(>.home-writeup-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}.prose .code-block{margin:28px 0;border:1px solid var(--border);border-radius:0;overflow:hidden;background:var(--tint);box-shadow:0 3px 14px #00000005}.block-code-header,.prose .code-block>figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--color-surface-raised);color:var(--mint);font:var(--text-meta)/1.6 var(--font-mono)}.code-language{display:inline-flex;gap:10px;align-items:center}.code-language>span{color:var(--muted);font-weight:700}.block-code-header button,.prose .code-block>figcaption button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:4px 10px;border:1px solid var(--border);border-radius:0;color:var(--muted);background:color-mix(in srgb,var(--panel) 69%,transparent);cursor:pointer;font:inherit}.prose .code-block>figcaption button:hover{background:var(--panel);border-color:var(--border)}.prose .code-block>figcaption button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.prose figure.code-block>pre{background:var(--canvas);color:var(--text);padding:22px;margin:0;border:0;border-radius:0;overflow-x:auto;font:var(--text-meta)/1.85 var(--font-mono);tab-size:2}.prose figure.code-block>pre>code{display:block;border:0;background:transparent;padding:0;color:inherit;font:inherit;white-space:pre;overflow-wrap:normal;word-break:normal}.code-copy-status{display:block;font-size:var(--text-meta);color:var(--rose);padding:0 16px}.code-copy-status:empty{display:none}.hljs-comment,.hljs-quote{color:var(--muted);font-style:italic}.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:var(--violet)}.hljs-addition,.hljs-regexp,.hljs-string,.hljs-template-tag{color:var(--mint)}.hljs-attr,.hljs-bullet,.hljs-number,.hljs-symbol{color:var(--amber)}.hljs-function .hljs-title,.hljs-section,.hljs-title,.hljs-title.function_{color:var(--cyan)}.hljs-built_in,.hljs-type{color:var(--amber)}.hljs-template-variable,.hljs-variable{color:var(--rose)}.hljs-params,.hljs-subst{color:var(--color-body)}.hljs-property,.hljs-selector-id{color:var(--cyan)}.hljs-operator,.hljs-punctuation{color:var(--color-secondary)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-deletion,.hljs-meta,.hljs-name,.hljs-selector-class,.hljs-tag{color:var(--rose)}.hljs-deletion{background:var(--violet-tint)}.hljs-addition{background:var(--tint)}.block-code pre:focus-visible,.prose .code-block pre:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px}@media (max-width:650px){.prose figure.code-block>pre{padding:17px;font-size:var(--text-meta)}.prose .code-block>figcaption button{min-height:40px}}