/* Claude Control Volume approved page architecture, responsive corrections only.
   The submitted inline page composition remains authoritative at desktop size. */
:root{color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:92px;overflow-x:clip}
body.cv{background:#070807;color:#f2f0e7;overflow-x:clip}
body.cv .pg{min-width:0;max-width:100%;overflow:clip}
body.cv .pg main,body.cv .pg section,body.cv .pg article,body.cv .pg nav{min-width:0}
body.cv .pg a:not([href]){cursor:default}
body.cv .pg a:focus-visible,body.cv .pg button:focus-visible,body.cv .pg input:focus-visible{outline:3px solid #65d6c9;outline-offset:3px}
body.cv .pg :is(h1,h2,h3,p,a,.m){overflow-wrap:break-word}
body.cv .pg svg{max-width:100%}
body.cv .pg img{max-width:100%;height:auto}
body.cv .pg button{touch-action:manipulation}
body.cv .pg .nv{row-gap:2px}
/* The published source uses desktop 48px gutters inside inline styles.
   Override only when the available viewport is genuinely narrow. */
@media(max-width:800px){
 body.cv .pg>header>div,body.cv .pg>footer>div{padding-left:clamp(16px,4vw,28px)!important;padding-right:clamp(16px,4vw,28px)!important}
 body.cv .pg>main{padding:clamp(36px,8vw,72px) clamp(16px,4vw,28px) 72px!important}
 body.cv .pg h1{font-size:clamp(32px,8vw,56px)!important;line-height:1.1!important}
 body.cv .pg h2{font-size:clamp(24px,6vw,40px)!important;line-height:1.16!important}
 body.cv .pg .cd{max-width:100%;box-sizing:border-box}
 body.cv .pg [style*="min-width:260px"]{min-width:0!important}
 body.cv .pg [style*="min-width:300px"]{min-width:0!important}
 body.cv .pg [style*="flex:1 1 380px"]{flex-basis:min(100%,380px)!important}
 body.cv .pg [style*="flex:1 1 320px"]{flex-basis:min(100%,320px)!important}
 body.cv .pg [style*="padding:36px"]{padding:clamp(14px,4vw,28px)!important}
 body.cv .pg [style*="padding:32px"]{padding:clamp(14px,4vw,28px)!important}
 body.cv .pg [style*="padding:28px"]{padding:clamp(14px,4vw,24px)!important}
 body.cv .pg>header .nv{width:100%;gap:0 15px;justify-content:flex-start}
 body.cv .pg>header .nv a{font-size:10px}
 body.cv .pg .cv-exact-case-header{display:none}
}
@media(max-width:460px){
 body.cv .pg>main{padding-top:34px!important}
 body.cv .pg .cv-exact-case-row{grid-template-columns:1fr;gap:14px}
 body.cv .pg .cv-exact-case-row>*{min-width:0}
 body.cv .pg>header .nv{gap:0 12px}
 body.cv .pg>header .nv a{font-size:9px;letter-spacing:.06em}
 body.cv .pg h1{font-size:clamp(30px,8.4vw,42px)!important}
 body.cv .pg h2{font-size:clamp(24px,6vw,32px)!important}
 body.cv .pg .field{height:260px!important}
 body.cv .pg [style*="font-size:44px"]{font-size:clamp(25px,7vw,44px)!important}
 body.cv .pg svg text{font-size:11px;letter-spacing:.3px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body.cv *,body.cv *:before,body.cv *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Design-specific native interactions; visually indistinguishable from source boards. */
.cv-exact-year-control{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;margin:14px 0}
.cv-exact-year-control label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font:11px/1.4 'JetBrains Mono',monospace;letter-spacing:.08em;color:#d7b46a}
.cv-exact-year-control output{color:#65d6c9}
.cv-exact-year-control input{width:100%;min-height:32px;accent-color:#65d6c9}
.cv-exact-year-control button{align-self:start;min-height:44px;background:#121813;color:#f2f0e7;border:1px solid #43544a;border-radius:6px;padding:0 14px;font:11px 'JetBrains Mono',monospace;cursor:pointer}
.cv-exact-year-control button:disabled{opacity:.5;cursor:default}
.cv-year-exact{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(18px,3vw,48px);max-width:100%;overflow:hidden}
.cv-year-exact svg{width:min(100%,560px)!important;flex:1 1 min(100%,380px)}
.cv-year-exact svg text{pointer-events:none}
.cv-exact-case-row{display:grid;grid-template-columns:1.1fr 1.4fr 1fr 1.4fr;gap:clamp(16px,2.5vw,32px);align-items:start;padding:26px 0;border-bottom:1px solid #2d3a31;min-width:0}
.cv-exact-case-title{display:flex;flex-direction:column;gap:8px}
.cv-exact-case-title a{font-size:18px;font-weight:560;line-height:1.32;color:#f2f0e7}
.cv-exact-case-title a:hover{text-decoration:underline;text-decoration-color:#65d6c9;text-underline-offset:5px}
.cv-exact-type{font-size:10px;letter-spacing:.12em;color:#a9b3a8;text-transform:uppercase}
.cv-exact-case-summary{font-size:15px;line-height:1.6;color:#e0ded4}
.cv-exact-case-method{font-size:13px;line-height:1.7;color:#c9cfc6}
.cv-exact-case-residual{font-size:14px;line-height:1.6;padding:12px 14px;border-radius:6px;color:#f2f0e7}
.cv-exact-extended{display:flex;flex-direction:column;gap:4px;margin:36px 0 0}
.cv-exact-extended-head{margin-bottom:24px;max-width:790px}
.cv-exact-extended-head h2{margin:12px 0;font-size:30px;font-weight:560;letter-spacing:-.015em}
.cv-exact-extended-head p{font-size:15px;color:#a9b3a8;line-height:1.6}
.cv-exact-case-header{display:grid;grid-template-columns:1.1fr 1.4fr 1fr 1.4fr;gap:clamp(16px,2.5vw,32px);padding:12px 0;border-bottom:1px solid #2d3a31;color:#65d6c9;font:11px 'JetBrains Mono',monospace;letter-spacing:.1em}
[data-cv-case][hidden]{display:none!important}
[data-cv-filter]{transition:background .25s,color .25s,border-color .25s}
[data-cv-filter][aria-pressed="true"]{background:#65d6c9!important;color:#071007!important;border-color:#65d6c9!important}
@media(max-width:950px){.cv-exact-case-row{grid-template-columns:1fr 1fr}.cv-exact-case-header{display:none}}
@media(max-width:600px){.cv-exact-case-row{grid-template-columns:1fr}}
/* The user-visible probe may not cover the cyclic graph's live telemetry. */
body.cv:has([data-cv-toy="year"]:hover) .probe{display:none!important}

/* Source-driven library uses the exact case-column grammar from the Claude board. */
.cv-dynamic-case{display:grid;grid-template-columns:1.1fr 1.4fr 1fr 1.4fr;gap:clamp(16px,2.3vw,32px);align-items:start;padding:26px 0;border-bottom:1px solid #2d3a31}
.cv-dynamic-case-name{display:flex;flex-direction:column;gap:8px;min-width:0}
.cv-dynamic-case-category{font-size:11px;letter-spacing:.14em;color:#a9b3a8}
.cv-dynamic-case-link{font-size:19px;font-weight:560;line-height:1.3;color:#f2f0e7;text-decoration:none}
.cv-dynamic-case-link:hover{color:#65d6c9;text-decoration:underline;text-underline-offset:4px}
.cv-dynamic-case-boundary{font-size:15px;line-height:1.6;color:#e0ded4;min-width:0}
.cv-dynamic-case-method{font-size:13px;line-height:1.7;color:#c9cfc6;min-width:0}
.cv-dynamic-case-residual{font-size:14px;line-height:1.55;color:#f2f0e7;padding:12px 14px;min-width:0}
.cv-dynamic-case[hidden]{display:none!important}
@media(max-width:900px){.cv-dynamic-case{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.cv-dynamic-case{grid-template-columns:minmax(0,1fr)}}

/* Nonintrusive deep-link aliases for existing track and dossier links. */
body.cv .cv-legacy-anchor{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none;scroll-margin-top:96px}

/* Visible evidence attribution, inside Claude's approved control-surface grammar. */
.cv-upstream-note{border:1px dashed #43544a;border-radius:7px;background:#0d110e;padding:20px 22px;display:flex;flex-direction:column;gap:12px;max-width:100%;box-sizing:border-box}
.cv-upstream-label{font:600 11px/1.5 'JetBrains Mono',monospace;letter-spacing:.13em;color:#d7b46a}
.cv-upstream-note p{margin:0;font:14px/1.7 Inter,system-ui,sans-serif;color:#c9cfc6;max-width:900px}
.cv-upstream-note a{color:#65d6c9;text-decoration:underline;text-underline-offset:4px}
.cv-upstream-note a:hover{color:#f98e09}
@media(max-width:540px){.cv-upstream-note{padding:14px 16px}}

/* Original Cases-page density, with an explicit way to reveal every source-linked case. */
.cv-case-more{display:block;min-height:44px;margin:28px 0 0;padding:0 22px;border:1px solid #43544a;border-radius:6px;background:#0d110e;color:#65d6c9;font:600 12px 'JetBrains Mono',monospace;letter-spacing:.1em;cursor:pointer;max-width:100%}
.cv-case-more:hover{border-color:#65d6c9;background:#121813}
.cv-case-more:focus-visible{outline:3px solid #65d6c9;outline-offset:3px}
.cv-case-more[hidden]{display:none!important}

/* The standalone Story board has no main wrapper; make its cycle readable on phones. */
@media(max-width:800px){
 body.cv[data-page-key="story"] .pg{padding:clamp(28px,6vw,56px) clamp(16px,4vw,28px) 72px!important}
 body.cv[data-page-key="story"] .pg>div{gap:clamp(40px,8vw,64px)!important}
 body.cv[data-page-key="story"] .cyc-grid{grid-template-columns:minmax(0,1fr)!important}
 body.cv[data-page-key="story"] .cyc-grid>div{min-width:0}
 body.cv[data-page-key="story"] .cyc-grid>div[aria-hidden="true"]{min-height:20px;transform:rotate(90deg)}
 body.cv[data-page-key="story"] .pg section.cd{padding:clamp(16px,4vw,26px)!important}
}

/* Accessible interactive Kerala nilavilakku scene, launched from the Story board. */
.cv-night-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;background:rgba(3,5,4,.96);box-sizing:border-box;overflow-y:auto}
.cv-night-scene{position:relative;width:min(100%,580px);display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed #43544a;border-radius:16px;padding:26px 22px 36px;background:#0d110e;color:#f2f0e7}
.cv-night-kicker{font-size:11px;letter-spacing:.14em;color:#d7b46a;align-self:flex-start}
.cv-night-close{position:absolute;right:18px;top:15px;min-height:44px;border:1px solid #43544a;color:#f2f0e7;background:#161c18;border-radius:6px;padding:0 14px;font:12px 'JetBrains Mono',monospace;cursor:pointer}
.cv-night-close:hover,.cv-night-close:focus-visible{border-color:#65d6c9;outline:2px solid #65d6c9;outline-offset:2px}
.cv-night-lamp{width:min(70%,300px);height:auto;max-height:48vh;margin:10px 0 0;overflow:visible}
.cv-night-scene h2{font:600 clamp(24px,5vw,34px)/1.2 Inter,sans-serif;letter-spacing:-.025em;margin:0}
.cv-night-scene p{font:15px/1.6 Inter,sans-serif;color:#b7c2b9;margin:12px 0 0}
.cv-night-glow{animation:cv-lamp-glow 3s ease-in-out infinite alternate}
.cv-night-flame{transform-origin:150px 100px;animation:cv-lamp-flicker 2.6s ease-in-out infinite alternate}
@keyframes cv-lamp-glow{from{opacity:.7}to{opacity:1}}
@keyframes cv-lamp-flicker{from{transform:rotate(-2deg) scale(.98)}to{transform:rotate(2deg) scale(1.03)}}
@media(prefers-reduced-motion:reduce){.cv-night-glow,.cv-night-flame{animation:none!important}}


/* Discoverability is a structural part of the Control Volume, not a floating overlay. */
body.cv .cv-discovery{z-index:4;position:relative;background:#0c110e;color:#e3eee4;border-bottom:1px solid #2d3a31;font-family:'JetBrains Mono',ui-monospace,monospace;box-sizing:border-box}
body.cv .cv-discovery>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:42px;max-width:1180px;margin:auto;padding:5px 48px;box-sizing:border-box;font-size:11px;letter-spacing:.13em;color:#65d6c9;cursor:pointer}
body.cv .cv-discovery>summary::-webkit-details-marker{display:none}
body.cv .cv-discovery>summary:after{content:'+';border:1px solid #43544a;display:inline-flex;justify-content:center;align-items:center;width:22px;height:22px;border-radius:3px;color:#c5d9c8}
body.cv .cv-discovery[open]>summary:after{content:'−'}
body.cv .cv-discovery>summary:focus-visible{outline:3px solid #65d6c9;outline-offset:-4px}
body.cv .cv-discovery-content{max-width:1180px;margin:auto;padding:12px 48px 34px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
body.cv .cv-discovery-column{display:flex;flex-direction:column;gap:4px;min-width:0}
body.cv .cv-discovery-column h2{font:11px 'JetBrains Mono',monospace;letter-spacing:.13em;color:#d7b46a;text-transform:uppercase;border-bottom:1px solid #324136;padding:0 0 14px;margin:12px 0!important}
body.cv .cv-discovery-column a{color:#b4c5b8;text-decoration:none;min-height:36px;display:flex;align-items:center;padding:3px 8px;font:12px/1.5 'JetBrains Mono',monospace;letter-spacing:0;overflow-wrap:anywhere}
body.cv .cv-discovery-column a:hover,body.cv .cv-discovery-column a:focus-visible{background:#16291d;color:#65d6c9}
body.cv .cv-discovery-column a[aria-current='page']{color:#65d6c9}
body.cv .cv-site-directory{width:min(100%,1180px);padding:65px 48px 110px!important;margin:0 auto;box-sizing:border-box;border-top:1px solid #43544a;background:#070b08;color:#f2f0e7;max-width:1180px}
body.cv .cv-directory-eyebrow{font:11px 'JetBrains Mono',monospace!important;letter-spacing:.13em;color:#d7b46a!important;margin:0 0 20px}
body.cv .cv-directory-head{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end;margin-bottom:36px}
body.cv .cv-directory-head h2{font:600 clamp(36px,5vw,56px)/1.15 Inter,sans-serif;letter-spacing:-.03em;color:#f2f0e7;margin:0}
body.cv .cv-directory-head p{font:16px/1.65 Inter,sans-serif;color:#a9b3a8;margin:0}
body.cv .cv-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.cv .cv-directory-column{border:1px solid #293d31;padding:21px;background:#0d130f;min-width:0}
body.cv .cv-directory-column h3{font:11px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#d7b46a;margin:0 0 13px;padding-bottom:14px;border-bottom:1px solid #2d3a31}
body.cv .cv-directory-column a{font:13px/1.45 'JetBrains Mono',monospace;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:45px;border-bottom:1px solid #202e25;padding:8px 0;text-decoration:none;color:#c7d8c9;overflow-wrap:anywhere}
body.cv .cv-directory-column a span{color:#65d6c9;font-size:18px}
body.cv .cv-directory-column a:hover,body.cv .cv-directory-column a:focus-visible{color:#65d6c9;background:#16251b}
@media(max-width:800px){body.cv .cv-discovery-content{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 22px 30px}body.cv .cv-discovery>summary{padding:6px 22px}body.cv .cv-site-directory{padding:45px 22px 75px!important}body.cv .cv-directory-grid{grid-template-columns:1fr 1fr}body.cv .cv-directory-head{grid-template-columns:1fr}}
@media(max-width:540px){body.cv .cv-discovery-content,body.cv .cv-directory-grid{grid-template-columns:1fr}body.cv .cv-site-directory{padding:36px 20px 65px!important}}

/* Explicit contextual case references should read as sources, not decoration. */
body.cv:not(.cv-case-page) .cv-context-link{color:#65d6c9!important;text-decoration:underline!important;text-decoration-color:#51887b!important;text-decoration-thickness:1px!important;text-underline-offset:4px}
body.cv:not(.cv-case-page) .cv-context-link:hover,body.cv:not(.cv-case-page) .cv-context-link:focus-visible{color:#e5f7e9!important;text-decoration-color:#65d6c9!important}