.approved-story{--soft:var(--surface-muted);--green:#334a40;min-width:0;line-height:1.65}.approved-story h1,.approved-story h2,.approved-story h3,.approved-story h4{color:var(--foreground)}.approved-story a:hover{text-decoration:underline}.approved-story a{touch-action:manipulation;color:inherit}.approved-story .back{font-size:13px;text-decoration:none;color:var(--muted)}.approved-story .hero{max-width:none;padding:55px 0 40px}.approved-story h1 em{color:var(--accent-ink);font-style:normal}.approved-story .eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 18px}.approved-story figure,.approved-story h1,.approved-story h2,.approved-story h3,.approved-story p{margin-top:0}.approved-story h1{font-size:clamp(38px,4.7vw,70px);line-height:1.04;letter-spacing:-.055em;max-width:950px;margin-bottom:25px;font-weight:650}.approved-story h2{font-size:clamp(29px,3vw,43px);line-height:1.15;letter-spacing:-.035em;margin-bottom:23px}.approved-story h3{font-size:20px;line-height:1.3;letter-spacing:-.02em}.approved-story .intro{font-size:19px;line-height:1.65;max-width:780px;color:var(--muted)}.approved-story p{color:var(--muted);margin-bottom:20px}.approved-story .meta{display:flex;gap:35px;border-top:1px solid var(--border);padding-top:22px;flex-wrap:wrap;font-size:13px}.approved-story .meta dt{font-size:10px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.approved-story .meta dd{margin:5px 0 0;max-width:300px}.approved-story .chapter{padding:68px 0;border-bottom:1px solid var(--border);scroll-margin-top:24px}.approved-story .lead{font-size:20px;max-width:800px}.approved-story .split{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(25px,4vw,64px);gap:clamp(25px,4vw,64px)}.approved-story .note,.approved-story figcaption{font-size:12px;line-height:1.6;color:var(--muted)}.approved-story figcaption{margin-top:14px}.approved-story .stack{display:grid;grid-gap:0;gap:0}.approved-story .row{padding:19px 0;border-top:1px solid var(--border);display:grid;grid-template-columns:30px 1fr;grid-gap:12px;gap:12px}.approved-story .row>b{font-size:11px;color:var(--accent-ink);padding-top:3px}.approved-story .row p{margin:8px 0 0;font-size:15px}.approved-story .row h3{margin:0}.approved-story .closing{padding-top:34px;font-size:14px}.approved-story .closing a{text-decoration:none;border-bottom:1px solid;padding-bottom:6px}.approved-story .rule-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;gap:25px;margin-top:20px}.approved-story .pair-card{background:white;border:1px solid var(--border);padding:22px;min-height:145px}.approved-story .pair-card strong{font-size:13px}.approved-story .label-row{display:flex;gap:30px;margin:24px 0 0;font-size:14px}.approved-story .label-row span{color:var(--muted)}.approved-story .label-col{margin:18px 0 0;font-size:14px}.approved-story .label-col span{display:block;font-size:11px;color:var(--muted)}.approved-story .story-callout{font-size:clamp(27px,3.1vw,44px);line-height:1.25;letter-spacing:-.025em;color:var(--foreground);padding:30px 0 30px 25px;border-left:3px solid var(--accent-ink);margin:0}.approved-story .system-hero{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:45px;gap:45px;align-items:center}.approved-story .system-stack{padding:15px 0 15px 25px}.approved-story .system-layer{padding:18px 22px;border:1px solid #c7cbc0;margin-top:-1px;background:#fff;transform:translateX(var(--step,0));width:calc(100% - 36px)}.approved-story .system-layer:first-child{--step:36px;background:#dfe5d8}.approved-story .system-layer:nth-child(2){--step:18px;background:#e9ecdf}.approved-story .system-layer span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.approved-story .system-layer strong{display:block;font-size:18px}.approved-story .system-layer p{font-size:12px;margin:5px 0 0}.approved-story .density-demo{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.approved-story .ai-hero{border-bottom:1px solid var(--border)}.approved-story .ai-hero h1{max-width:880px}@media(max-width:950px){.approved-story .system-hero{grid-template-columns:1fr}.approved-story .system-stack{max-width:540px;padding-left:0}.approved-story .density-demo{grid-template-columns:1fr}.approved-story .split{gap:25px}}@media(max-width:680px){.approved-story .hero{padding-top:35px}.approved-story .rule-pair,.approved-story .split{grid-template-columns:1fr}.approved-story .intro,.approved-story .lead{font-size:18px}.approved-story .chapter{padding:44px 0}.approved-story .meta{gap:20px}.approved-story .story-callout{font-size:28px}.approved-story .system-layer strong{font-size:16px}}.approved-story figure{margin-left:0;margin-right:0}.approved-story .label-row{gap:16px}.approved-story .label-row b{white-space:nowrap}.approved-story .hero{border-bottom:1px solid var(--border)}.approved-story .density-example{margin:0;background:#fff;display:flex;flex-direction:column;border:1px solid var(--border)}.approved-story .density-example figcaption{margin:0;padding:24px;border-top:1px solid var(--border)}.approved-story .density-example figcaption h3{color:var(--foreground);margin-bottom:10px}.approved-story .density-example figcaption p{font-size:15px;line-height:1.65;margin:0}.approved-story #system-density>.note{margin:16px 0 0}.approved-story .adoption-note{border-left:3px solid var(--accent-ink);padding:8px 0 0 28px}.approved-story .adoption-note p:last-child{margin-bottom:0}@media(max-width:680px){.approved-story .density-example figcaption{padding:20px}.approved-story .adoption-note{padding-left:22px}}.approved-story .rule-pair{grid-template-columns:1fr;gap:24px}.approved-story .pair-example h4{margin:0 0 9px;font-size:12px;font-weight:400;color:var(--muted);line-height:1.4}.approved-story .pair-card{min-height:100px;padding:20px 24px;display:flex;align-items:center}.approved-story .label-col,.approved-story .label-row{margin:0;font-size:16px;line-height:1.5}.approved-story .label-row{gap:24px}.approved-story .label-col span,.approved-story .label-row span{font-size:14px;color:var(--muted)}.approved-story .label-col span{margin-bottom:4px}.approved-story .adoption-sequence{margin:40px 0 0;padding-top:24px;border-top:1px solid var(--border)}.approved-story .adoption-sequence>figcaption{margin:0 0 28px}.approved-story .adoption-sequence>figcaption h3{font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.025em;color:var(--foreground);margin:0}.approved-story .adoption-sequence ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:36px;gap:36px;padding:0;margin:0;list-style:none}.approved-story .sequence-number{display:block;color:var(--accent-ink);font-size:12px;margin-bottom:12px}.approved-story .adoption-sequence h3{font-size:18px;margin:0 0 10px}.approved-story .adoption-sequence li p{font-size:14px;margin:0;max-width:32ch}@media(max-width:680px){.approved-story .adoption-sequence ol{grid-template-columns:1fr;gap:26px}.approved-story .adoption-sequence li{display:grid;grid-template-columns:28px 1fr;grid-column-gap:12px;column-gap:12px}.approved-story .sequence-number{grid-row:1/3;padding-top:3px}.approved-story .adoption-sequence li p{grid-column:2;max-width:none}}.approved-story .record-ui{border:1px solid #cfd5d5;border-radius:7px;overflow:hidden;background:#f5f7f8;color:#24313a;font:12px/1.45 Arial,Helvetica,sans-serif;box-shadow:0 5px 18px #2636430a}.approved-story .record-appbar{height:42px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid #dce1e3;background:#fff}.approved-story .record-appbar strong{font-size:12px}.approved-story .record-appmark{color:#426789;font-size:20px}.approved-story .record-avatar{margin-left:auto;font-size:9px;border-radius:50%;background:#e9edf1;width:23px;height:23px;display:grid;place-items:center}.approved-story .record-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:365px}.approved-story .record-workspace{min-width:0;padding:18px 0 12px 12px;overflow:hidden}.approved-story .record-toolbar{display:flex;align-items:center;gap:8px;white-space:nowrap;padding-right:12px}.approved-story .record-toolbar h4{margin:0;font-size:14px}.approved-story .record-toolbar h4 span{font-size:10px;font-weight:400;color:#78848d;margin-left:4px}.approved-story .record-new{margin-left:auto;font-size:9px;border:1px solid #cdd5dc;border-radius:3px;padding:4px 6px;background:#fff}.approved-story .record-search{margin:15px 12px 14px 0;padding:7px 9px;background:#fff;border:1px solid #d9dfe3;border-radius:4px;color:#7a858d;font-size:10px;white-space:nowrap}.approved-story .record-search span{font-size:15px;margin-right:5px}.approved-story .record-table-head{display:flex;justify-content:space-between;padding:0 12px 7px 8px;font-size:9px;color:#78848d}.approved-story .record-item{position:relative;padding:10px 8px;border-top:1px solid #e0e5e8;min-height:63px}.approved-story .record-item small{display:block;color:#73808a;font-size:9px}.approved-story .record-item strong{display:block;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approved-story .record-item.is-selected{background:#e4edf5;border-left:3px solid #537fa1;padding-left:5px}.approved-story .record-status{font-size:8px;color:#63727e}.approved-story .record-drawer{position:relative;min-width:0;padding:15px 16px;background:white;border-left:1px solid #cdd6de;box-shadow:-6px 0 15px #20384812;display:flex;flex-direction:column}.approved-story .drawer-top{display:flex;justify-content:space-between;align-items:center;color:#78858d;font-size:8px;letter-spacing:.08em;margin-bottom:18px}.approved-story .drawer-close{font-size:21px;line-height:1;color:#6b7780}.approved-story .record-id{font-size:9px;color:#72818e}.approved-story .record-drawer h4{font-size:16px;line-height:1.3;margin:5px 0 10px;letter-spacing:-.02em}.approved-story .drawer-status{display:inline-flex;align-self:start;align-items:center;gap:5px;padding:3px 7px;border-radius:3px;background:#eaf0f8;color:#3d5e83;font-size:9px}.approved-story .drawer-status i{width:5px;height:5px;background:#5d81ad;border-radius:50%}.approved-story .drawer-fields{font-size:10px;margin:20px 0 16px;display:grid;grid-gap:12px;gap:12px}.approved-story .drawer-fields>div{display:grid;grid-template-columns:76px 1fr;grid-gap:8px;gap:8px;align-items:center}.approved-story .drawer-fields dt{color:#78848c}.approved-story .drawer-fields dd{margin:0;display:flex;align-items:center;gap:5px}.approved-story .field-avatar{font-size:7px;background:#edf0e8;border-radius:50%;width:19px;height:19px;display:inline-grid;place-items:center}.approved-story .drawer-description{border-top:1px solid #e5e8eb;padding-top:12px;font-size:10px}.approved-story .drawer-description>span{font-size:9px;color:#78848c}.approved-story .drawer-description p{font-size:10px;line-height:1.6;color:#4b5963;margin:6px 0 16px}.approved-story .drawer-actions{display:flex;gap:6px;margin-top:auto;padding-top:8px}.approved-story .drawer-edit{background:#365d7d;color:#fff;border:1px solid #365d7d;padding:6px 10px;border-radius:4px;font-size:10px}.approved-story .drawer-more{border:1px solid #d2dae1;padding:5px 8px;border-radius:4px;color:#65737d}@media(min-width:681px) and (max-width:1100px){.approved-story #integration-choice>.split{grid-template-columns:1fr}.approved-story .record-example{max-width:650px}}@media(max-width:680px){.approved-story .record-stage{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.approved-story .record-new,.approved-story .record-table-head>span{display:none}.approved-story .record-drawer{padding:12px}.approved-story .drawer-fields>div{grid-template-columns:1fr;gap:3px}.approved-story .record-workspace{padding-left:8px}.approved-story .record-item strong{font-size:10px}.approved-story .record-drawer h4{font-size:15px}}.approved-story .field-specimen{margin:0;align-self:start}.approved-story .field-specimen-frame{border:1px solid #cfd5d5;border-radius:7px;overflow:hidden;background:#f5f7f8;box-shadow:0 5px 18px #2636430a}.approved-story .field-specimen-header{padding:16px 20px;border-bottom:1px solid #dce1e3;background:#fff}.approved-story .field-specimen-header>span{display:block;font-size:9px;letter-spacing:.08em;color:#78858d;margin-bottom:5px}.approved-story .field-specimen-header>strong{font-size:13px;line-height:1.4;color:#24313a;font-weight:600}.approved-story .field-specimen .rule-pair{margin:0;padding:20px;gap:20px}.approved-story .field-specimen .pair-example h4{font-size:11px;margin-bottom:7px}.approved-story .field-specimen .pair-card{min-height:82px;padding:16px 20px;border-color:#dce1e3;border-radius:3px}.approved-story .field-specimen .label-col,.approved-story .field-specimen .label-row{font-size:15px}.approved-story .field-specimen .label-col span,.approved-story .field-specimen .label-row span{font-size:12px}.approved-story .field-specimen figcaption{margin-top:12px}.approved-story .density-example{border-radius:7px;overflow:hidden;border-color:#cfd5d5}.approved-story .surface-ui{color:#24362e;min-width:0;flex:1 1;font:11px/1.5 Arial,Helvetica,sans-serif}.approved-story .surface-topbar{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid #d7dfd5;background:#fff;min-height:50px}.approved-story .surface-brand{font-size:13px;white-space:nowrap}.approved-story .app-links,.approved-story .marketing-links{display:flex;gap:12px;font-size:9px;color:#647468}.approved-story .surface-login{margin-left:auto;font-size:9px;white-space:nowrap}.approved-story .marketing-screen{background:#e6ecdf;display:flex;flex-direction:column}.approved-story .marketing-body{padding:35px 30px 32px;flex:1 1}.approved-story .marketing-kicker{font-size:8px;font-weight:600;letter-spacing:.12em;color:#63785c}.approved-story .marketing-body h4{font-size:clamp(32px,3.1vw,47px);line-height:1.05;letter-spacing:-.045em;margin:16px 0;color:#293f32}.approved-story .marketing-body p{font-size:12px;line-height:1.7;max-width:32ch;color:#57664f;margin:0 0 23px}.approved-story .marketing-cta{display:inline-flex;gap:25px;background:#334a40;color:#fff;border-radius:4px;padding:10px 14px;font-size:10px;font-weight:600}.approved-story .marketing-footer{padding:14px 18px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #cfd9c8;font-size:8px;color:#65735b}.approved-story .surface-user{margin-left:auto;border-radius:50%;background:#e7ede3;font-size:8px;display:grid;place-items:center;width:22px;height:22px}.approved-story .app-links .active{color:#334a40;font-weight:700}.approved-story .operations-screen{background:#fbfcfa}.approved-story .operations-body{padding:20px 16px 0}.approved-story .operations-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.approved-story .operations-location{font-size:7px;letter-spacing:.08em;color:#829080}.approved-story .operations-heading h4{font-size:19px;letter-spacing:-.03em;line-height:1.3;margin:4px 0 17px}.approved-story .operations-add{background:#334a40;color:#fff;font-size:8px;border-radius:3px;padding:6px 9px;white-space:nowrap}.approved-story .operations-tabs{display:flex;gap:16px;border-bottom:1px solid #dce3d8;font-size:9px;color:#7b8676}.approved-story .operations-tabs>span{padding:0 0 10px;white-space:nowrap}.approved-story .operations-tabs .active{border-bottom:2px solid #334a40;color:#334a40;font-weight:600}.approved-story .operations-tabs b{font-size:8px;font-weight:400;margin-left:3px}.approved-story .operations-tools{display:flex;gap:8px;padding:12px 0}.approved-story .operations-search{flex:1 1;color:#889181;padding:6px 8px}.approved-story .operations-filter,.approved-story .operations-search{border:1px solid #d8dfd3;background:#fff;border-radius:3px;font-size:9px}.approved-story .operations-filter{padding:6px 9px}.approved-story .operations-screen table{width:100%;border-collapse:collapse;text-align:left;font-size:9px}.approved-story .operations-screen th{font-weight:500;font-size:8px;color:#7c8877;padding:8px 5px;background:#f0f3ed;border-block:1px solid #e0e6db}.approved-story .operations-screen td{padding:11px 5px;border-bottom:1px solid #e0e6db}.approved-story .operations-screen td small{display:block;font-size:7px;color:#8b9385}.approved-story .operations-screen td:nth-child(2){white-space:nowrap}.approved-story .work-status{display:inline-block;padding:3px 5px;border-radius:3px;white-space:nowrap;font-size:8px}.approved-story .work-status.progress{background:#e6edf5;color:#466785}.approved-story .work-status.ready{background:#e7efdf;color:#506644}.approved-story .work-status.review-status{background:#f3ead8;color:#867140}.approved-story .operations-footer{display:flex;justify-content:space-between;padding:12px 5px;color:#819078;font-size:8px}@media(max-width:680px){.approved-story .surface-topbar{padding:12px;gap:10px}.approved-story .marketing-links{gap:8px}.approved-story .marketing-body{padding:28px 24px}.approved-story .marketing-footer{padding:12px;font-size:7px}.approved-story .operations-body{padding:18px 10px 0}.approved-story .operations-tabs{gap:12px}.approved-story .app-links{gap:9px}}.approved-story .synthesis-note{font-size:12px;color:var(--muted);margin:30px 0 0;max-width:70ch}.approved-story #ai-synthesis .adoption-note strong{color:var(--foreground)}.approved-story .scaffold-comparison{margin:32px 0 45px}.approved-story .shared-prompt{padding:20px 24px;border-block:1px solid var(--border);background:#eeefe8}.approved-story .answer-label,.approved-story .scaffold-case>header>span,.approved-story .shared-prompt>span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.approved-story .shared-prompt p{font-size:22px;line-height:1.35;color:var(--foreground);margin:8px 0 0}.approved-story .scaffold-columns{display:grid;grid-gap:0;gap:0;border-bottom:1px solid var(--border)}.approved-story .scaffold-case{margin:0;padding:26px 22px 30px}.approved-story .scaffold-case+figure{border-left:1px solid var(--border)}.approved-story .scaffold-case>header h3{font-size:22px;margin:8px 0 0}.approved-story .scaffold-case>header{min-height:72px}.approved-story .scaffold-case svg{display:block;width:100%;height:auto;overflow:visible;margin:12px 0 22px;font-family:Arial,Helvetica,sans-serif}.approved-story .sample-answer{border-top:2px solid #b7c0af;padding:20px 0 0}.approved-story .sample-answer>p{font-size:15px;line-height:1.6;margin:10px 0 18px;color:var(--foreground)}.approved-story .grounded-answer{border-color:var(--accent-ink)}.approved-story .sample-answer dl{margin:0 0 18px;display:grid;grid-gap:12px;gap:12px}.approved-story .sample-answer dl>div{display:grid;grid-template-columns:72px 1fr;grid-gap:10px;gap:10px;font-size:13px;line-height:1.55}.approved-story .sample-answer dt{font-weight:700;color:var(--foreground)}.approved-story .sample-answer dd{margin:0;color:var(--muted)}.approved-story .sample-answer>.answer-decision{font-size:13px;padding-top:15px;border-top:1px solid var(--border);margin-bottom:0}.approved-story .scaffold-comparison>.note{margin:15px 0 0}@media(max-width:680px){.approved-story .scaffold-columns{grid-template-columns:1fr}.approved-story .scaffold-case{padding:24px 0}.approved-story .scaffold-case+figure{border-left:0;border-top:1px solid var(--border)}.approved-story .scaffold-case>header{min-height:0}.approved-story .scaffold-case svg{margin:14px 0}.approved-story .shared-prompt{padding:18px}.approved-story .shared-prompt p{font-size:19px}.approved-story .sample-answer dl>div{grid-template-columns:65px 1fr}}.approved-story .persona-structure{margin:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:#fff;align-self:start}.approved-story .dependency-example>header,.approved-story .persona-structure header{padding:20px 24px;background:#f0f1ea;border-bottom:1px solid var(--border)}.approved-story .dependency-example>header>span,.approved-story .persona-structure header>span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.approved-story .dependency-example>header h3,.approved-story .persona-structure header h3{margin:8px 0 0;font-size:22px}.approved-story .persona-structure dl{margin:0}.approved-story .persona-structure dl>div{padding:15px 24px;border-bottom:1px solid var(--border)}.approved-story .persona-structure dt{font-size:12px;font-weight:700;margin-bottom:5px}.approved-story .persona-structure dd{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}.approved-story .persona-structure figcaption{font-size:11px;margin:0;padding:16px 24px;background:#fafbf8}.approved-story .dependency-example{margin:28px 0 0;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:white}.approved-story .dependency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.approved-story .dependency-role{padding:25px;display:flex;flex-direction:column}.approved-story .dependency-role+.dependency-role{border-left:1px solid var(--border)}.approved-story .dependency-step{font-size:10px;color:var(--accent-ink);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.approved-story .dependency-role h4{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:14px 0 20px}.approved-story .dependency-role dl{margin:0 0 20px}.approved-story .dependency-role dt{font-size:10px;color:var(--muted);margin:15px 0 5px}.approved-story .dependency-role dd{font-size:14px;line-height:1.6;margin:0}.approved-story .dependency-role dt:first-child{margin-top:0}.approved-story .dependency-handoff{font-size:12px;line-height:1.6;border-top:1px solid var(--border);padding-top:14px;margin:auto 0 0;color:var(--foreground)}.approved-story .dependency-example>figcaption{margin:0;padding:16px 24px;border-top:1px solid var(--border);background:#fafbf8;font-size:11px}.approved-story .dependency-result{font-size:16px;max-width:76ch;margin:28px 0 0}.approved-story #ai-synthesis .scaffold-comparison{margin-bottom:0}@media(max-width:680px){.approved-story .dependency-grid{grid-template-columns:1fr}.approved-story .dependency-role+.dependency-role{border-left:0;border-top:1px solid var(--border)}.approved-story .dependency-role{padding:22px}.approved-story .dependency-example>header,.approved-story .persona-structure header{padding:20px}.approved-story .persona-structure dl>div{padding:15px 20px}}.approved-story .role-responses{margin:20px 0}.approved-story .role-responses figure{display:grid;grid-template-columns:72px 1fr;grid-gap:10px;gap:10px;margin:0;padding:14px 0;border-top:1px solid var(--border)}.approved-story .role-responses figcaption{font-size:12px;font-weight:700;color:var(--foreground);margin:2px 0 0}@media(max-width:680px){.approved-story .role-responses figure{grid-template-columns:1fr;gap:6px}}.approved-story .dependency-role{padding:22px 16px;min-width:0}.approved-story .dependency-role h4{font-size:19px;margin-bottom:20px}.approved-story .dependency-role .dependency-handoff{margin-top:20px;font-size:12px}.approved-story .handoff-ui{border:1px solid #cfd7dc;border-radius:6px;overflow:hidden;background:#f7f9fb;color:#243542;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.4;box-shadow:0 3px 12px #24354208;flex:1 1}.approved-story .hui-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #dce2e7;background:#fff;font-size:11px}.approved-story .hui-avatar,.approved-story .hui-bar>span{display:grid;place-items:center;border-radius:50%;background:#e7ecef;width:23px;height:23px;font-size:8px;color:#445e70;flex-shrink:0}.approved-story .hui-content{padding:13px 11px}.approved-story .hui-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px}.approved-story .hui-title>strong{font-size:15px;letter-spacing:-.02em}.approved-story .hui-title>span{font-size:9px;color:#62727e}.approved-story .hui-tabs{display:flex;gap:12px;border-bottom:1px solid #dce2e7;font-size:9px;color:#667681;margin-bottom:12px;align-items:center}.approved-story .hui-tabs>b{padding-bottom:8px;border-bottom:2px solid #38647f;color:#244e69}.approved-story .hui-tabs>span{padding-bottom:8px}.approved-story .hui-tabs i{font-style:normal;background:#e6ecf1;border-radius:3px;padding:1px 3px}.approved-story .hui-row{display:flex;justify-content:space-between;align-items:center;gap:6px}.approved-story .handoff-ui small{font-size:9px;color:#647581}.approved-story .hui-task{padding:12px 7px;border-bottom:1px solid #dfe5e9}.approved-story .hui-task>small,.approved-story .hui-task>strong{display:block;margin-top:5px}.approved-story .hui-task strong{font-size:11px}.approved-story .hui-task.selected{background:#eaf1f6;border-left:2px solid #4c7997;border-bottom:0;padding:10px 8px}.approved-story .hui-status{font-size:8px;white-space:nowrap;background:#e6eef5;color:#395d79;border-radius:3px;padding:3px 5px}.approved-story .hui-status.blocked{background:#fff0d9;color:#875213}.approved-story .hui-status.ready{background:#e8f1e9;color:#38644a}.approved-story .hui-blocker{padding:12px 10px;margin-bottom:5px;background:#fff;border:1px solid #d6e0e7}.approved-story .hui-blocker>b{display:block;font-size:11px;margin-bottom:10px}.approved-story .hui-blocker>span{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#697985;margin-top:7px}.approved-story .hui-blocker>span>strong{color:#354856;font-weight:400}.approved-story .hui-action{display:flex;justify-content:space-between;align-items:center;background:#365e79;color:#fff;border-radius:3px;padding:7px 9px;font-size:9px;font-weight:600;margin-top:12px;max-width:142px}.approved-story .hui-person{display:flex;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid #dfe5e9}.approved-story .hui-person>div{flex:1 1;min-width:0}.approved-story .hui-person strong{font-size:10px;display:block}.approved-story .hui-person small{display:block;margin-top:2px}.approved-story .hui-person.compact{border:0;padding:10px 0}.approved-story .hui-dependency{border:1px solid #d7dfe5;background:#fff;padding:10px;margin-top:8px}.approved-story .hui-dependency>strong{display:block;font-size:11px;margin-top:4px}.approved-story .hui-dependency>small{font-size:8px;letter-spacing:.04em}.approved-story .hui-impact{font-size:9px;border-block:1px solid #e2e6ea;padding:8px 0;margin-bottom:8px;color:#475f6e}.approved-story .hui-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-bottom:14px}.approved-story .hui-metrics>div{padding:9px 6px;border:1px solid #dce2e7;border-radius:3px;background:#fff}.approved-story .hui-metrics b{display:block;font-size:22px;line-height:1.2;font-weight:600}.approved-story .hui-metrics span{display:block;font-size:8px;color:#667681;margin-top:5px}.approved-story .hui-metrics .risk-number{color:#a56c23}.approved-story .hui-chart{padding:11px 9px;background:#fff;border:1px solid #dce2e7;border-radius:3px}.approved-story .hui-chart>div:first-child{margin-bottom:10px}.approved-story .hui-chart strong{display:block;font-size:10px}.approved-story .hui-chart small{font-size:8px}.approved-story .hui-chart-row{display:grid;grid-template-columns:32px 1fr 30px;grid-gap:6px;gap:6px;align-items:center;margin-top:9px;font-size:9px}.approved-story .hui-chart-row>b{font-size:8px;font-weight:400;text-align:right}.approved-story .hui-chart-row>i{height:6px;background:#e9edf0;border-radius:2px;overflow:hidden}.approved-story .hui-chart-row em{display:block;height:100%;background:#608578}.approved-story .hui-chart-row:nth-child(2) em{background:#c99e63}.approved-story .hui-risk{border-top:1px solid #dce2e7;margin-top:13px;padding-top:12px}.approved-story .hui-risk b{font-size:10px}.approved-story .hui-risk p{font-size:10px;color:#5b6d79;line-height:1.5;margin:8px 0}.approved-story .role-responses figure>p{font-size:14px;line-height:1.6;color:var(--foreground);margin:0}@media(max-width:1000px){.approved-story .dependency-grid{grid-template-columns:1fr}.approved-story .dependency-role{padding:24px;display:grid;grid-template-columns:minmax(170px,.7fr) minmax(250px,1fr);grid-column-gap:28px;column-gap:28px;align-items:start}.approved-story .dependency-role+.dependency-role{border-left:0;border-top:1px solid var(--border)}.approved-story .dependency-role h4,.approved-story .dependency-step{grid-column:1}.approved-story .dependency-role .handoff-ui{grid-column:2;grid-row:1/4;width:100%;max-width:410px}.approved-story .dependency-role .dependency-handoff{grid-column:1;align-self:start;margin-top:0}}@media(max-width:680px){.approved-story .dependency-role{display:flex;padding:22px}.approved-story .dependency-role .handoff-ui{max-width:none;flex:auto}.approved-story .dependency-role .dependency-handoff{margin-top:20px}}@media(max-width:900px){.approved-story .chapter{scroll-margin-top:100px}.approved-story .split{grid-template-columns:minmax(0,1fr)}}.approved-story .scaffold-case{min-width:0}.approved-story .scaffold-columns{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:800px){.approved-story .scaffold-columns{grid-template-columns:1fr}.approved-story .scaffold-case+figure{border-left:0;border-top:1px solid var(--border)}.approved-story .scaffold-case{padding-inline:0}}.portfolio-pages{--green:#344c40;line-height:1.6;min-width:0;padding-top:0}.portfolio-pages *{box-sizing:border-box}.portfolio-pages a{color:inherit;text-underline-offset:5px}.portfolio-pages button{font:inherit;cursor:pointer}.portfolio-pages a:focus-visible,.portfolio-pages button:focus-visible{outline:3px solid var(--accent-ink);outline-offset:5px}.portfolio-pages figure,.portfolio-pages h1,.portfolio-pages h2,.portfolio-pages h3,.portfolio-pages p{margin:0}.portfolio-pages p{color:var(--muted)}.portfolio-pages h1,.portfolio-pages h2,.portfolio-pages h3{line-height:1.12;letter-spacing:-.04em}.portfolio-pages h1{font-size:clamp(40px,4.55vw,70px);font-weight:650;line-height:1.07;max-width:none}.portfolio-pages h1 em{font-style:normal;color:var(--accent-ink)}.portfolio-pages h2{font-size:32px;font-weight:600}.portfolio-pages h3{font-size:23px;font-weight:600}.portfolio-pages a{text-decoration:none}.portfolio-pages .page-header{padding:56px 0 42px}.portfolio-pages .eyebrow{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.13em;color:var(--accent-ink);margin-bottom:20px}.portfolio-pages .work-header{border-bottom:1px solid var(--border);margin-bottom:36px;display:flex;align-items:flex-end;gap:36px}.portfolio-pages .work-header h1{font-size:clamp(35px,3.45vw,55px)}.portfolio-pages .work-header .intro{max-width:30ch;margin-bottom:3px;font-size:17px}.portfolio-pages .intro{font-size:20px;line-height:1.6;max-width:620px}.portfolio-pages .project-grid{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:32px;column-gap:32px;grid-row-gap:48px;row-gap:48px}.portfolio-pages .project{min-width:0}.portfolio-pages .project-image{aspect-ratio:1.65;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ebece5;margin-bottom:22px;border:1px solid #dfe1d7}.portfolio-pages .project-image img{height:100%;width:100%;object-fit:contain;transition:transform .25s ease}.portfolio-pages .project-image.ink{background:#eeeee8}.portfolio-pages .project-image.ink img{mix-blend-mode:multiply}.portfolio-pages .project-image.sage{background:#eef0e8}.portfolio-pages .project-image img.framework{width:95%;padding:12px;object-fit:contain}.portfolio-pages .project-meta{display:flex;justify-content:space-between;text-transform:uppercase;font-size:10px;letter-spacing:.13em;color:var(--muted);margin-bottom:9px}.portfolio-pages .project-meta>span:last-child{font-size:20px;color:var(--foreground);line-height:1}.portfolio-pages .project h3{font-size:clamp(24px,2vw,31px);margin-bottom:13px}.portfolio-pages .project a>p{font-size:15px;line-height:1.65;max-width:52ch}.portfolio-pages .read{display:inline-block;margin-top:17px;font-size:13px;border-bottom:1px solid var(--border);padding-bottom:3px}.portfolio-pages .read span{margin-left:12px}.portfolio-pages .page-close a:hover,.portfolio-pages .project a:hover h3,.portfolio-pages .text-link:hover{color:var(--accent-ink)}.portfolio-pages .project a:hover img{transform:scale(1.025)}.portfolio-pages .page-close{border-top:1px solid var(--border);margin-top:58px;padding:30px 0;display:flex;justify-content:space-between;gap:25px;align-items:center}.portfolio-pages .page-close p{font-size:15px}.portfolio-pages .page-close a{font-size:18px}.portfolio-pages .page-close a span{margin-left:20px}.portfolio-pages .practice{background:#ebe6df}.portfolio-pages .practice-board{width:76%;max-width:360px;background:#fffefa;border:1px solid #ccc8bf;border-radius:4px;box-shadow:0 12px 24px #49483e0c;padding:17px;font-size:11px}.portfolio-pages .board-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:12px}.portfolio-pages .board-layout{display:grid;grid-template-columns:30px 1fr;grid-gap:12px;gap:12px}.portfolio-pages .mini-columns{display:flex;gap:7px;margin:7px 0}.portfolio-pages .mini-columns i{display:block;background:#e1e6d9;height:35px;flex:1 1}.portfolio-pages .mini-columns i:last-child{background:#edddd0}.portfolio-pages .mini-line{height:3px;background:#deddd5;margin:7px 0}.portfolio-pages .mini-line.short{width:65%}.portfolio-pages .board-bottom{display:grid;grid-template-columns:1fr 1fr;grid-gap:17px;gap:17px;border-top:1px solid var(--border);margin-top:14px;padding-top:11px}.portfolio-pages .board-bottom b{display:block;margin-bottom:6px}.portfolio-pages .board-bottom>div>i{display:block;height:8px;border-bottom:1px solid #d9dbd1;margin-bottom:3px}.portfolio-pages .swatches{display:inline-flex;gap:5px}.portfolio-pages .swatches i{display:block;width:14px;height:14px;background:#334a40}.portfolio-pages .swatches i:nth-child(2){background:#a5b698}.portfolio-pages .swatches i:nth-child(3){background:#ead5c4}.portfolio-pages .board-bottom span{float:right;font-size:20px;line-height:1}.portfolio-pages .about-header h1{max-width:920px}.portfolio-pages .about-intro{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;margin-top:38px}.portfolio-pages .about-intro .lead{font-size:24px;line-height:1.5;color:var(--foreground);max-width:27ch}.portfolio-pages .about-intro>p:last-child{font-size:16px}.portfolio-pages .stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--border);padding:27px 0;margin:10px 0 0;grid-gap:24px;gap:24px}.portfolio-pages .stats>div{display:flex;flex-direction:column-reverse;border-right:1px solid var(--border)}.portfolio-pages .stats>div:last-child{border:0}.portfolio-pages .stats dt{font-size:12px;color:var(--muted)}.portfolio-pages .stats dd{font-size:48px;line-height:1.2;letter-spacing:-.05em;margin:0 0 8px}.portfolio-pages .stats dd span{color:#838f79;font-size:32px;vertical-align:top}.portfolio-pages .approach{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:64px;gap:64px;padding-top:64px}.portfolio-pages .approach>div>p:last-child{font-size:15px;max-width:30ch;margin-top:20px}.portfolio-pages .approach-list>div{padding:25px 0;border-top:1px solid var(--border)}.portfolio-pages .approach-list>div:first-child{padding-top:0;border:0}.portfolio-pages .approach-list p{font-size:15px;margin:12px 0}.portfolio-pages .approach-list a{font-size:12px;border-bottom:1px solid var(--border);padding-bottom:3px}.portfolio-pages .contact-header{padding:68px 0 43px}.portfolio-pages .contact-header .intro{margin-top:30px;max-width:570px;font-size:18px}.portfolio-pages .contact-panel{background:#e9ede2;padding:26px 32px 29px;border-top:2px solid var(--green)}.portfolio-pages .contact-label{display:flex;justify-content:space-between;color:var(--green);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.portfolio-pages .contact-label span:last-child{color:var(--muted)}.portfolio-pages .email{display:flex;justify-content:space-between;align-items:center;font-size:clamp(27px,4vw,60px);letter-spacing:-.05em;font-weight:500;color:var(--green);padding:20px 0 25px;border-bottom:1px solid #c9d1bf;line-height:1.3}.portfolio-pages .email:hover{text-decoration:underline;text-decoration-thickness:2px}.portfolio-pages .email span{font-size:42px;margin-left:10px}.portfolio-pages .contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px}.portfolio-pages .contact-bottom p{font-size:14px;max-width:43ch}.portfolio-pages .contact-bottom button{border:1px solid #8a977f;background:transparent;color:var(--green);padding:10px 16px;font-size:13px;white-space:nowrap}.portfolio-pages .contact-bottom button:hover{background:#dce3d3}.portfolio-pages .contact-secondary{display:grid;grid-template-columns:1fr 1fr;grid-gap:45px;gap:45px;margin-top:44px;padding-top:28px;border-top:1px solid var(--border)}.portfolio-pages .contact-secondary .eyebrow{color:var(--muted);margin-bottom:12px}.portfolio-pages .linkedin{font-size:22px;letter-spacing:-.025em}.portfolio-pages .linkedin span{margin-left:15px}.portfolio-pages .contact-secondary p:not(.eyebrow){font-size:15px;max-width:40ch}.portfolio-pages .text-link{display:inline-block;font-size:13px;margin-top:15px;border-bottom:1px solid var(--border)}.portfolio-pages .sr-only{position:absolute;width:1px;height:1px;-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden}@media(max-width:1100px){.portfolio-pages .work-header{display:block}.portfolio-pages .work-header .intro{max-width:50ch;margin-top:24px}.portfolio-pages .about-intro{gap:28px}.portfolio-pages .approach{gap:30px}.portfolio-pages .contact-bottom{align-items:flex-start}.portfolio-pages .project-grid{gap:36px 24px}}@media(max-width:900px){.portfolio-pages .page-header{padding-top:40px}.portfolio-pages .about-header h1{font-size:54px}.portfolio-pages .contact-header h1{font-size:52px}.portfolio-pages .contact-secondary{padding-bottom:50px}}@media(max-width:620px){.portfolio-pages .page-header{padding:36px 0 30px}.portfolio-pages .about-header h1,.portfolio-pages .contact-header h1,.portfolio-pages .work-header h1{font-size:39px;line-height:1.1}.portfolio-pages .intro,.portfolio-pages .work-header .intro{font-size:17px}.portfolio-pages .project-grid{grid-template-columns:1fr;gap:38px}.portfolio-pages .project-image{margin-bottom:20px}.portfolio-pages .project h3{font-size:28px}.portfolio-pages .about-intro{grid-template-columns:1fr;gap:20px;margin-top:27px}.portfolio-pages .about-intro .lead{font-size:22px;max-width:none}.portfolio-pages .stats{gap:12px}.portfolio-pages .stats dd{font-size:38px}.portfolio-pages .stats dt{font-size:10px}.portfolio-pages .stats dd span{font-size:25px}.portfolio-pages .approach{grid-template-columns:1fr;gap:32px;padding-top:40px}.portfolio-pages .approach h2{font-size:30px}.portfolio-pages .page-close{margin-top:36px;align-items:flex-start;flex-direction:column;gap:13px}.portfolio-pages .contact-panel{padding:20px}.portfolio-pages .contact-label span:last-child{display:none}.portfolio-pages .email{font-size:clamp(24px,6.5vw,38px);padding:20px 0}.portfolio-pages .email span{font-size:27px}.portfolio-pages .contact-bottom{flex-direction:column;gap:18px}.portfolio-pages .contact-secondary{grid-template-columns:1fr;gap:32px;margin-top:32px}.portfolio-pages .contact-header .intro{font-size:17px}}@media(prefers-reduced-motion:reduce){.portfolio-pages *{transition:none!important}}.portfolio-pages .project-image.ink,.portfolio-pages .project-image.practice,.portfolio-pages .project-image.sage{background-color:#dde1d7;background-image:linear-gradient(#65725d0a 1px,transparent 0),linear-gradient(90deg,#65725d0a 1px,transparent 0);background-size:24px 24px;border-color:#cfd5c8}.portfolio-pages .project-image.ink img{mix-blend-mode:normal;padding:18px;filter:drop-shadow(0 5px 5px #34402d22)}.portfolio-pages .gallery-note{line-height:1.6;border-top:1px solid var(--border);padding-top:18px;margin-top:36px;max-width:100%}.portfolio-pages .copy-control{flex-shrink:0;max-width:250px}.portfolio-pages .copy-error{font-size:12px;margin-top:10px;color:var(--accent-ink)}.portfolio-pages .gallery-note{font-size:11px}.portfolio-pages#work .page-close{margin-top:30px}.portfolio-pages .mini-nav{border-right:1px solid var(--border)}.portfolio-pages .mini-nav i{display:block;width:15px;height:3px;background:#aaa898;margin-top:14px}