:root{--navy:#142a43;--navy2:#203d5d;--blue:#517ba5;--ink:#1b2937;--muted:#657483;--line:#dce3e9;--canvas:#f3f5f7;--orange:#e58a2b;--orange-soft:#fff7ee;--green:#357157;font-family:"Segoe UI","Malgun Gothic",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font-size:16px;line-height:1.55}button,input,a{font:inherit}.copilot-header{min-height:116px;padding:23px clamp(20px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff;background:var(--navy);border-bottom:4px solid var(--orange)}.eyebrow{margin:0 0 5px;color:#aac0d3;font-size:12px;font-weight:800;letter-spacing:.16em}.eyebrow.dark{color:var(--blue)}h1{margin:0;font-size:clamp(30px,3vw,44px);line-height:1.1;letter-spacing:-.035em}h1 span{color:#f2ae63}.copilot-header>div>p:last-child{margin:8px 0 0;color:#dce6ef;font-size:17px}.header-actions{display:flex;align-items:center;gap:10px}.readonly-badge{padding:11px 14px;border:1px solid #58718a;color:#d8e4ee;font-size:12px;font-weight:700;white-space:nowrap}.readonly-badge i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#66b486}.main-link{padding:11px 16px;color:var(--navy);background:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.main-link b{margin-left:7px;color:var(--orange)}.toolbar{position:sticky;top:0;z-index:20;padding:14px clamp(20px,3vw,48px) 10px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 10px rgba(20,42,67,.06)}.category-filters{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px}.filter-button{padding:8px 13px;border:1px solid #cbd5dd;color:var(--navy2);background:#fff;font-size:14px;font-weight:800;white-space:nowrap;cursor:pointer}.filter-button.active{color:#fff;border-color:var(--navy2);background:var(--navy2)}.search-box{height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #b9c7d2;background:#f8fafb}.search-box:focus-within{outline:2px solid #9db4c8;outline-offset:1px}.search-box>span{color:var(--blue);font-size:26px}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px}.search-box kbd,.keyboard-hint kbd{padding:2px 6px;border:1px solid #c7d0d8;border-bottom-width:2px;border-radius:3px;color:var(--muted);background:#fff;font:11px Consolas,monospace}.keyboard-hint{margin:7px 0 0;text-align:right;color:var(--muted);font-size:12px}.keyboard-hint span{margin:0 6px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;max-width:1660px;margin:0 auto;padding:22px clamp(20px,3vw,48px) 48px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section-heading h2,.list-heading h2{margin:0;color:var(--navy);font-size:24px}.section-heading>strong{color:var(--muted);font-size:14px}.pinned-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:25px}.pin-card{min-height:118px;padding:13px;text-align:left;border:1px solid var(--line);border-top:3px solid var(--orange);background:#fff;cursor:pointer}.pin-card:hover,.pin-card:focus-visible{border-color:#9eb1c1;transform:translateY(-1px)}.pin-card span{color:var(--orange);font-size:12px;font-weight:900}.pin-card b{display:block;margin:7px 0 5px;color:var(--navy);font-size:14px;line-height:1.4}.pin-card em{color:var(--muted);font-size:11px;font-style:normal}.list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:9px}.list-heading span{color:var(--muted);font-size:13px}.question-list{display:grid;gap:8px}.question-card{position:relative;border:1px solid var(--line);background:#fff;scroll-margin-top:150px}.question-card.active{border-color:#8fa8bc;box-shadow:0 5px 17px rgba(20,42,67,.1)}.question-summary{width:100%;min-height:76px;padding:12px 64px 12px 15px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;text-align:left;border:0;background:#fff;cursor:pointer}.question-card.active .question-summary{background:linear-gradient(90deg,var(--orange-soft),#fff 120px)}.number{color:var(--orange);font-size:25px;font-weight:900;letter-spacing:.04em}.question-title{color:var(--navy);font-size:18px;font-weight:800;line-height:1.4}.category-badge{padding:4px 9px;color:var(--blue);background:#eaf1f7;font-size:12px;font-weight:800;white-space:nowrap}.star{position:absolute;z-index:2;top:20px;right:16px;width:35px;height:35px;border:0;background:transparent;color:#aeb9c2;font-size:23px;cursor:pointer}.star.favorite{color:var(--orange)}.question-detail{padding:0 25px 23px 81px;border-top:1px solid var(--line)}.answer-block{margin:18px 0;padding:16px 18px;border-left:4px solid var(--orange);background:var(--orange-soft)}.answer-block span,.detail-grid h3{display:block;margin:0 0 6px;color:#a95d19;font-size:11px;font-weight:900;letter-spacing:.1em}.answer-block p{margin:0;color:var(--navy);font-size:19px;font-weight:800;line-height:1.55}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid section{padding:14px 16px;border:1px solid var(--line);background:#fafbfc}.detail-grid p{margin:0;white-space:pre-line;font-size:15px}.screen-box{border-left:3px solid var(--blue)!important}.demo-box{border-left:3px solid var(--green)!important}.card-actions{display:flex;gap:8px;margin-top:12px}.card-actions button,.card-actions a{padding:9px 13px;border:1px solid #b8c6d1;background:#fff;color:var(--navy);text-decoration:none;font-size:13px;font-weight:800;cursor:pointer}.card-actions .open-main{color:#fff;border-color:var(--navy2);background:var(--navy2)}.ontology-note{margin-top:10px;padding:11px 13px;color:var(--muted);background:#f1f4f6;font-size:13px}.core-panel{position:sticky;top:139px;align-self:start;padding:24px;color:#fff;background:var(--navy)}.core-panel h2{margin:0 0 18px;font-size:23px}.core-panel ol{margin:0;padding:0;list-style:none}.core-panel li{position:relative;display:flex;align-items:center;gap:12px;padding:6px 0}.core-panel li:not(:last-child):after{content:"↓";position:absolute;left:11px;bottom:-8px;color:#6f8aa3;font-size:12px}.core-panel li b{color:#f2ae63;font-size:11px}.core-panel li span{font-size:15px;font-weight:700}.core-panel blockquote{margin:19px 0 0;padding:14px 0 0;border-top:1px solid #49627a;color:#e9f0f5;font-size:15px;font-weight:700}.safety-note{margin-top:20px;padding:11px 13px;border:1px solid #557089;display:flex;justify-content:space-between;font-size:11px}.safety-note strong{color:#f2ae63}.toast{position:fixed;left:50%;bottom:25px;z-index:50;padding:11px 18px;opacity:0;pointer-events:none;transform:translate(-50%,12px);color:#fff;background:var(--navy2);box-shadow:0 5px 16px #0003;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.empty-state{padding:45px;text-align:center;color:var(--muted);border:1px dashed #bbc7d0;background:#fff}.empty-state button{margin-top:10px;border:0;color:var(--blue);background:transparent;font-weight:800;cursor:pointer}
@media(max-width:1100px){.layout{grid-template-columns:1fr}.core-panel{position:static}.pinned-grid{grid-template-columns:repeat(3,1fr)}.core-panel ol{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 14px}.core-panel li:after{display:none}.header-actions{flex-direction:column;align-items:stretch}}
@media(max-width:720px){.copilot-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.readonly-badge,.main-link{text-align:center}.pinned-grid{grid-template-columns:1fr 1fr}.list-heading span,.keyboard-hint{display:none}.question-summary{grid-template-columns:42px 1fr;padding-right:55px}.category-badge{grid-column:2;justify-self:start}.question-detail{padding:0 14px 18px}.detail-grid{grid-template-columns:1fr}.answer-block p{font-size:17px}.core-panel ol{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.pinned-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading>strong{margin-top:8px}.card-actions{flex-direction:column}.card-actions>*{text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast,.pin-card{transition:none}}

.c2-transformation{margin:18px 0;padding:18px;border:1px solid #7f98ad;background:var(--navy);color:#fff}.c2-columns{display:grid;grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr);gap:15px;align-items:stretch}.c2-columns section{padding:16px;border:1px solid #4c6680;background:#1a3552;text-align:center}.c2-columns section h3{margin:0 0 13px;color:#fff;font-size:20px}.c2-columns .aroop-c2{border-top:3px solid var(--orange)}.c2-flow{display:flex;flex-direction:column;align-items:center}.c2-flow span{min-width:175px;padding:6px 11px;border:1px solid #688199;background:#223f5d;font-size:14px;font-weight:800}.aroop-c2 .c2-flow span{border-color:#9d7041}.c2-flow i{height:21px;color:#f2ae63;font-style:normal;font-weight:900}.c2-flow b{margin-top:5px;color:#f2ae63;font-size:25px;line-height:1}.c2-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.c2-divider strong{color:#f2ae63;font-size:13px;line-height:1.45;letter-spacing:.1em}.c2-divider i{color:#fff;font-size:22px;font-style:normal}
@media(max-width:720px){.c2-transformation{padding:12px}.c2-columns{grid-template-columns:1fr}.c2-divider{padding:10px 0}.c2-divider i{transform:rotate(90deg)}}

/* Q24: existing C2 foundation + ARooP runtime layer, intentionally stacked rather than opposed. */
.c2-transformation{display:flex;flex-direction:column;align-items:stretch;padding:22px;background:#102840}.c2-transformation .stack-arrow{height:auto;padding:8px;color:#f2ae63;font-size:24px;font-style:normal;font-weight:900;text-align:center}.c2-foundation,.c2-added-capability{border:1px solid #58718a;background:#183550}.c2-foundation header,.c2-added-capability header{padding:16px 18px 12px;border-bottom:1px solid #49627a;text-align:center}.c2-foundation header span,.c2-added-capability header span{color:#9eb5c8;font-size:11px;font-weight:900;letter-spacing:.14em}.c2-foundation h3,.c2-added-capability h3{margin:3px 0 0;color:#fff;font-size:22px}.c2-foundation header p{margin:3px 0 0;color:#b9cbd9;font-size:14px}.foundation-questions{padding:17px 20px;text-align:left}.foundation-questions p{margin:3px 0;color:#eef4f8;font-size:16px;font-weight:700}.foundation-questions strong{display:block;margin-top:14px;padding-top:12px;border-top:1px solid #49627a;color:#a9bfd3;font-size:14px;letter-spacing:.04em;text-align:center}.runtime-layer{padding:18px;border:2px solid var(--orange);background:#422b19;text-align:center;box-shadow:0 0 0 4px rgba(229,138,43,.09)}.runtime-layer span{display:block;color:#f2ae63;font-size:17px;font-weight:900;letter-spacing:.08em}.runtime-layer strong{display:block;margin-top:7px;color:#fff;font-size:16px;line-height:1.55}.c2-added-capability{border-top:3px solid var(--orange)}.runtime-questions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px}.runtime-questions div{padding:12px 14px;border:1px solid #5a6f82;background:#203d5d}.runtime-questions div:last-child{grid-column:1/-1}.runtime-questions strong{color:#f2ae63;font-size:13px;letter-spacing:.05em}.runtime-questions p{margin:4px 0 0;color:#fff;font-size:15px;font-weight:700}.runtime-closed-loop{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:16px;border:1px solid #9d7041;background:#1a3552}.runtime-closed-loop span{padding:7px 10px;border:1px solid #688199;background:#223f5d;font-size:13px;font-weight:900}.runtime-closed-loop i{color:#f2ae63;font-style:normal;font-weight:900;transform:rotate(-90deg)}.runtime-closed-loop b{color:#f2ae63;font-size:13px}.c2-transformation figcaption{padding:22px 12px;text-align:center}.c2-transformation figcaption strong{display:block;color:#fff;font-size:22px;line-height:1.35;letter-spacing:.04em}.c2-transformation figcaption span{display:block;margin-top:10px;color:#f2ae63;font-size:14px;font-weight:900;letter-spacing:.13em}.c2-transformation figcaption em{display:block;margin-top:5px;color:#d5e0e8;font-size:14px;font-style:normal;font-weight:700}.c2-transformation blockquote{margin:0;padding:17px 20px;border-left:4px solid var(--orange);background:#fff7ee;color:#142a43;font-size:16px;line-height:1.6;text-align:center}.c2-transformation blockquote span{display:block;margin-bottom:5px;color:#a95d19;font-size:11px;font-weight:900;letter-spacing:.12em}.c2-transformation blockquote strong{color:#a95d19}.c2-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1.4fr;align-items:center;gap:10px;margin-top:14px;text-align:center}.c2-equation span,.c2-equation strong{padding:10px;border:1px solid #58718a;background:#183550;font-size:14px}.c2-equation strong{color:#f2ae63;border-color:#9d7041}.c2-equation i{color:#f2ae63;font-size:20px;font-style:normal;font-weight:900}
@media(max-width:720px){.c2-transformation{padding:12px}.runtime-questions{grid-template-columns:1fr}.runtime-questions div:last-child{grid-column:auto}.runtime-closed-loop{align-items:stretch;flex-direction:column;text-align:center}.runtime-closed-loop i{transform:none}.c2-transformation figcaption strong{font-size:18px}.c2-transformation blockquote br{display:none}.c2-equation{grid-template-columns:1fr}.c2-equation i{line-height:1}.foundation-questions{padding:15px}.runtime-layer span{font-size:14px}}

/* Meeting-room visibility hierarchy: question → answer → screen → detail. */
.pin-card{min-height:132px}.pin-card span{font-size:14px}.pin-card b{font-size:16px;line-height:1.5}.pin-card em{font-size:13px}.question-summary{min-height:86px}.number{font-size:29px}.question-title{font-size:21px;line-height:1.48}.category-badge{font-size:14px}.answer-block span,.detail-grid h3{font-size:13px}.answer-block p{font-size:23px;line-height:1.62}.detail-grid p{font-size:17px;line-height:1.62}.screen-box p{font-size:19px;font-weight:700;color:var(--navy)}.card-actions button,.card-actions a{padding:11px 15px;font-size:15px}.ontology-note{font-size:15px;line-height:1.55}.core-panel li b{font-size:13px}.core-panel li span{font-size:17px}.core-panel blockquote{font-size:17px;line-height:1.65}.safety-note{font-size:13px}
.rag-roo-comparison{margin:18px 0;padding:18px;border:1px solid #7f98ad;background:var(--navy);color:#fff}.comparison-columns{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);gap:15px;align-items:stretch}.comparison-lane{padding:16px;border:1px solid #4c6680;background:#1a3552;text-align:center}.comparison-lane h3{margin:0 0 13px;color:#fff;font-size:20px}.roo-lane{border-top:3px solid var(--orange)}.rag-lane{border-top:3px solid #80a5c5}.flow-steps{display:flex;flex-direction:column;align-items:center}.flow-steps span{min-width:150px;padding:6px 11px;border:1px solid #688199;background:#223f5d;font-size:14px;font-weight:800}.roo-lane .flow-steps span{border-color:#9d7041}.flow-steps i{height:21px;color:#f2ae63;font-style:normal;font-weight:900}.comparison-lane p{margin:14px 0 0;padding-top:12px;border-top:1px solid #49627a;color:#e6eef5;font-size:15px;font-weight:800}.semantic-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.semantic-divider strong{color:#f2ae63;font-size:14px;letter-spacing:.12em}.semantic-divider span{margin:8px 0;color:#fff;font-size:12px;font-weight:900;line-height:1.45;letter-spacing:.08em}.semantic-divider em{color:#b9cbd9;font-size:13px;font-style:normal;font-weight:700}
@media(max-width:1100px){.question-title{font-size:20px}.answer-block p{font-size:22px}}
@media(max-width:720px){.number{font-size:26px}.question-title{font-size:19px}.answer-block p{font-size:20px}.detail-grid p,.screen-box p{font-size:16px}.rag-roo-comparison{padding:12px}.comparison-columns{grid-template-columns:1fr}.semantic-divider{padding:10px 0}.semantic-divider span br{display:none}}