
:root{--ink:#142840;--muted:#627189;--accent:#285be8;--line:#dce4ee}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:white;font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #285be8;outline-offset:5px}header{background:white}.nav{height:94px;max-width:1280px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;letter-spacing:-.7px}.mark{color:#285be8;display:grid;place-items:center}.brand span:last-child{display:none}nav{display:flex;gap:28px;align-items:center;font-size:13px}nav button{border:0;background:none;color:var(--muted);padding:10px 0}nav button.active{color:var(--ink)}.contact,.nav-link{color:var(--muted)}main{max-width:1280px;margin:auto;padding:0 48px}.hero{display:grid;grid-template-columns:.92fr 1.18fr;gap:55px;align-items:center;padding:46px 0 62px}.eyebrow{display:none}h1{font-size:clamp(44px,4.8vw,65px);font-weight:550;line-height:1.08;letter-spacing:-2.7px;margin:0 0 24px}h1 span{color:inherit}.hero p{font-size:16px;line-height:1.7;color:var(--muted);max-width:395px;margin:0}.byline{font-size:11px;color:var(--muted);margin-top:20px}.byline i{display:none}.agent-art{margin:0 -12px}.agent-art svg{width:100%;height:auto;display:block}.feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:#f3f6fb;padding:36px 40px;margin-bottom:58px}.feature-copy{grid-column:2;grid-row:1}.feature h2{font-size:32px;font-weight:550;line-height:1.2;letter-spacing:-.9px;margin:13px 0 17px}.label{font-size:12px;color:#087b72;letter-spacing:0}.feature p{color:var(--muted);font-size:14px;line-height:1.75;max-width:405px}.read{display:inline-flex;color:#285be8;font-size:13px;font-weight:600;margin-top:15px;text-decoration:underline;text-underline-offset:5px}.read span{display:none}.finding{display:none}.diagram{grid-column:1;grid-row:1;padding:20px 0}.flow{max-width:370px;margin:auto}.flow-item{background:white;padding:16px 17px;display:flex;align-items:center;gap:10px;font-size:12px;border-left:3px solid #285be8}.flow-item:nth-of-type(3){border-left-color:#ad721a;background:#fffaf0}.number{display:none}.state{margin-left:auto;font-size:9px;color:var(--muted)}.connector{height:24px;border-left:1px solid #b7c5d8;margin-left:30px;color:transparent}.diagram-note{font-size:10px;color:var(--muted);line-height:1.6;margin-top:20px;text-align:center}.evidence-band{display:none}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 26px}.section-head h2{font-size:24px;font-weight:550;letter-spacing:-.6px;margin:0}.section-head span{display:none}.topics{margin-bottom:64px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.topic-grid a{position:relative;padding:28px 0 22px;border-top:2px solid #dbe5f3}.topic-grid h3{font-size:22px;line-height:1.3;font-weight:550;letter-spacing:-.6px;margin:0 0 12px}.topic-grid p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.topic-num,.topic-arrow{display:none}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:65px}.card-art{height:180px;background:#f3f6fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover}.document{width:85px;height:105px;background:white;border:1px solid #cbd9ef;padding:18px;transform:rotate(-5deg)}.document+.document{margin-left:-15px;transform:rotate(6deg)}.document i{display:block;height:4px;background:#ccd9ed;margin-bottom:10px}.nodes{display:grid;grid-template-columns:repeat(3,32px);gap:10px}.nodes i{width:32px;height:32px;border:1px solid #9cb8aa}.nodes i:nth-child(5){background:#087b72}.card .label{display:block;margin:21px 0 10px}.card h3{font-size:21px;line-height:1.3;letter-spacing:-.5px;font-weight:550;margin:0 0 12px}.card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.card-meta{font-size:10px;margin-top:17px;color:var(--muted)}.about-strip{border-top:1px solid var(--line);padding:30px 0 55px;display:flex;justify-content:space-between;gap:45px}.about-strip strong{font-size:22px;font-weight:550}.about-strip p{font-size:14px;line-height:1.7;color:var(--muted);max-width:540px}.footer{max-width:1184px;margin:auto;padding:25px 0 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.footer div{display:flex;gap:25px}.preview-tag{font-size:10px;color:var(--muted);text-align:center;padding:0 0 20px}.about-view{display:none}.about-hero{padding:65px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:75px;align-items:center}.about-hero p{font-size:18px;line-height:1.7;color:var(--muted)}.portrait{height:460px;overflow:hidden;background:white}.portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.credentials{display:flex;gap:25px;font-size:12px;color:#087b72;margin-top:25px}.about-body{max-width:720px;margin:auto;padding:0 0 65px}.about-body aside{display:none}.about-body h2{font-size:28px;font-weight:550;margin:30px 0 16px;letter-spacing:-.6px}.about-body p{font-size:17px;line-height:1.8;color:var(--muted)}.about-body a{color:#285be8;text-decoration:underline}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:12px}.demo-controls{display:flex;justify-content:center;gap:6px;margin-top:8px}.demo-controls button{padding:10px 14px;background:white;border:1px solid #d2dce9;border-radius:4px;color:#627189;font-size:11px}.demo-controls button[aria-pressed=true]{background:#142840;color:white;border-color:#142840}.demo-result{font-size:11px!important;text-align:center;max-width:none!important;margin:12px 0 0!important;min-height:36px}.agent-art svg .signal{display:none}.agent-art[data-mode=blocked] svg path[stroke="#3979da"]{stroke-dasharray:4 3}.agent-art[data-mode=blocked] svg path[stroke="#976b20"]{stroke-width:3}.agent-art[data-mode=allowed] svg path[stroke="#3979da"]{stroke-width:3}
@media(max-width:900px){.nav,main{padding-left:30px;padding-right:30px}.hero{gap:30px}.hero h1{font-size:47px}.feature{gap:30px;padding:28px}.feature h2{font-size:27px}.topic-grid{gap:25px}.about-hero{gap:35px}.footer{margin:0 30px}}@media(max-width:650px){.nav{height:76px;padding:0 22px}.brand{font-size:17px}nav{gap:16px;font-size:12px}.nav-link,.contact{display:none}main{padding:0 22px}.hero{display:block;padding:35px 0 43px}.hero h1{font-size:47px}.hero>div:last-child{margin-top:27px}.hero p{font-size:16px}.agent-art{margin-top:20px}.feature{display:flex;flex-direction:column;align-items:stretch;padding:25px;gap:12px}.feature h2{font-size:28px}.diagram{padding:12px 0}.topic-grid,.grid{grid-template-columns:1fr;gap:32px}.card-art{height:210px}.about-strip{display:block}.footer{margin:0 22px;gap:20px;line-height:1.8}.about-hero{display:block;padding-top:38px}.portrait{height:370px;margin-top:28px}.about-body p{font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.post-header{max-width:850px;margin:55px auto 30px}.post-header h1{font-size:clamp(35px,5vw,57px)}.post-excerpt{font-size:20px;color:var(--muted);line-height:1.6}.post-meta{font-size:12px;color:var(--muted);margin-top:25px}.post-image{margin:30px auto 45px;max-width:1000px}.post-image img{width:100%;height:auto;display:block}.gh-content{max-width:740px;margin:0 auto 70px;font-size:18px;line-height:1.8}.gh-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.gh-content h2{font-size:29px;line-height:1.25;margin:1.7em 0 .6em;font-weight:550}.gh-content h3{font-size:23px;line-height:1.3}.gh-content img{max-width:100%;height:auto}.gh-content pre,.gh-content table{max-width:100%;overflow:auto;display:block}.gh-content pre{background:#f3f6fb;padding:20px;font-size:14px}.gh-content blockquote{border-left:3px solid #285be8;padding-left:24px;margin-left:0;color:var(--muted)}.gh-content figure{margin:32px 0}.gh-content figcaption{font-size:12px;line-height:1.5;color:var(--muted);text-align:center}.kg-width-wide{max-width:100%;width:100%}.kg-width-full{max-width:100%;width:100%}.pagination{display:flex;justify-content:center;gap:24px;margin:40px 0 65px;font-size:13px}.archive-head{padding:45px 0}.archive-head p{color:var(--muted);line-height:1.7;max-width:650px}.menu-toggle{display:none}.footer{padding-left:0;padding-right:0}.about-view-live .about-hero h1{font-size:clamp(35px,4vw,53px)}.about-view-live .portrait{height:460px}.about-view-live .portrait img{object-fit:contain}.about-view-live .gh-content{margin-top:0}.gh-content .kg-bookmark-card{width:100%}.gh-content .kg-bookmark-container{display:flex;border:1px solid var(--line);padding:18px;color:var(--ink);text-decoration:none}.kg-bookmark-content{flex:1}.kg-bookmark-thumbnail img{max-width:160px}.kg-bookmark-title{font-weight:600}.kg-bookmark-description{font-size:14px}.kg-bookmark-metadata{font-size:12px}.kg-bookmark-icon{width:20px}.gh-content iframe{max-width:100%}.kg-gallery-container{display:flex;flex-direction:column;gap:8px}.kg-gallery-row{display:flex;gap:8px}.kg-gallery-image{flex:1}.kg-gallery-image img{width:100%;height:100%;object-fit:cover}@media(max-width:650px){.menu-toggle{display:block;background:none;border:1px solid var(--line);padding:7px 10px;border-radius:4px;font-size:12px}.nav{position:relative}.nav nav{display:none}.nav nav.is-open{display:flex;position:absolute;top:70px;left:0;right:0;background:white;padding:22px;flex-wrap:wrap;z-index:10;border-bottom:1px solid var(--line)}.gh-content{font-size:17px}.post-header{margin-top:35px}.post-excerpt{font-size:18px}.about-view-live .portrait{height:370px}.about-view-live .about-hero{padding-bottom:35px}}

/* Journal cards: consistent spacing and complete source excerpts. */
.grid{align-items:stretch}.grid .card{min-width:0}.grid .card>a{display:flex;flex-direction:column;height:100%}.grid .card .card-art{flex-shrink:0}.grid .card .label{margin:20px 0 10px;line-height:18px;min-height:18px}.grid .card h3{margin:0 0 14px}.grid .card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 20px}.grid .card .card-meta{margin-top:auto;padding-top:0}

/* Readability across desktop and mobile. */
:root{--muted:#4f6075}
.hero p,.about-strip p{font-size:18px;line-height:1.7}
.nav nav{font-size:16px;gap:24px}
.byline,.label,.card-meta,.post-meta,.credentials,.footer,.diagram-note,.gh-content figcaption{font-size:14px;line-height:1.6}
.feature p,.grid .card p{font-size:16px;line-height:1.65}
.read{font-size:16px;line-height:1.5}
.demo-controls button{font-size:14px;min-height:44px;padding:11px 16px;color:var(--muted)}
.demo-result{font-size:14px!important;line-height:1.6;min-height:45px}
.grid .card .label{line-height:22px;min-height:22px}
.menu-toggle{font-size:16px;min-height:44px;padding:10px 14px}
.card .label,.label,.credentials{color:#086d65}
@media(max-width:900px){.nav nav{gap:16px;font-size:15px}}
@media(max-width:650px){.hero p,.about-body p,.gh-content{font-size:18px}.nav nav{font-size:16px}.demo-controls{flex-wrap:wrap}.footer{flex-wrap:wrap}.post-excerpt{font-size:18px}}

/* Accessibility review: let text adapt without concealing content. */
body { overflow-wrap: anywhere; }
.nav { height: auto; min-height: 94px; flex-wrap: wrap; padding-top: 20px; padding-bottom: 20px; }
.nav nav { flex-wrap: wrap; }
main, .hero > div, .feature-copy, .about-hero > div, .kg-bookmark-content { min-width: 0; }
.grid .card p { display: block; -webkit-line-clamp: unset; overflow: visible; }
.skip:focus { z-index: 100; }
.nav a, .footer a, .pagination a { display: inline-flex; align-items: center; min-height: 24px; }
.kg-bookmark-container { flex-wrap: wrap; gap: 16px; }
.kg-bookmark-thumbnail { max-width: 100%; }
@media (max-width: 650px) {
  .nav { min-height: 76px; padding-top: 12px; padding-bottom: 12px; }
  .nav nav.is-open { position: static; flex-basis: 100%; padding: 16px 0 0; }
}
.table-scroll { max-width: 100%; overflow: auto; margin: 1.5em 0; }
.gh-content .table-scroll table { display: table; min-width: 40rem; width: 100%; overflow: visible; overflow-wrap: normal; }
.table-scroll:focus-visible, .gh-content pre:focus-visible { outline: 3px solid #285be8; outline-offset: 5px; }
