/* BUILD 105 / CHRISTIAN CHIBA FULL POLISH
   Inherits B104 and hardens cross-device flow, cursor continuity, readability, and interaction precision. */
:root{
  --cc-bg:#030806;
  --cc-bg-2:#050c09;
  --cc-panel:#07110d;
  --cc-panel-deep:#040a08;
  --cc-mint:#8df4d9;
  --cc-mint-soft:#78d8c0;
  --cc-white:#eef6f3;
  --cc-copy:#b8c9c3;
  --cc-muted:#789088;
  --cc-dim:#4c625b;
  --cc-line:rgba(141,244,217,.13);
  --cc-line-2:rgba(141,244,217,.26);
  --cc-line-3:rgba(141,244,217,.42);
  --cc-glow:0 0 18px rgba(141,244,217,.14);
  --cc-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --cc-sans:Arial,Helvetica,sans-serif;
}

/* --- browser chrome made CC-specific --- */
html{scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(141,244,217,.55) #020604}
html::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track{background:#020604;border-left:1px solid rgba(141,244,217,.07)}
html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(141,244,217,.72),rgba(87,156,138,.38));border:2px solid #020604;border-radius:0;box-shadow:inset 0 0 0 1px rgba(229,255,248,.08)}
html::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9affdf,rgba(109,204,181,.55))}
*{scrollbar-width:thin;scrollbar-color:rgba(141,244,217,.48) rgba(2,6,4,.96)}
::selection{background:rgba(141,244,217,.22);color:#fff}

/* --- persistent navigation / no connected underline bug --- */
.site-header{position:fixed!important;inset:0 0 auto 0!important;z-index:150!important;background:rgba(3,8,6,.88)!important;backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);box-shadow:0 10px 30px rgba(0,0,0,.16)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0,rgba(141,244,217,.32) 18%,rgba(141,244,217,.09) 70%,transparent 100%);pointer-events:none}
.nav-links{display:flex;align-items:center;gap:20px}
.nav-links a{position:relative!important;padding:15px 2px 13px!important;color:#aebdb8;transition:color .18s ease,text-shadow .18s ease!important}
.nav-links a::before{content:"";position:absolute;left:50%;bottom:7px;width:3px;height:3px;transform:translateX(-50%) scale(0);background:var(--cc-mint);box-shadow:0 0 10px rgba(141,244,217,.5);transition:transform .18s ease}
.nav-links a::after{content:""!important;position:absolute!important;left:50%!important;right:auto!important;bottom:4px!important;width:100%!important;height:1px!important;background:linear-gradient(90deg,transparent,var(--cc-mint),transparent)!important;transform:translateX(-50%) scaleX(0)!important;transform-origin:center!important;transition:transform .2s ease!important;opacity:.9}
.nav-links a:hover,.nav-links a:focus-visible{color:#eff8f5;text-shadow:0 0 14px rgba(141,244,217,.18)}
.nav-links a:hover::after,.nav-links a:focus-visible::after,.nav-links a.active::after{transform:translateX(-50%) scaleX(1)!important}
.nav-links a.active{color:#fff}
.nav-links a.active::before{transform:translateX(-50%) scale(1)}
.nav-links a:focus-visible,.cc-cv-action:focus-visible,.cc-scroll-toggle:focus-visible,.cv-toolbar button:focus-visible{outline:1px solid var(--cc-mint);outline-offset:5px}
.brand-mark{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.brand:hover .brand-mark{border-color:rgba(141,244,217,.55);box-shadow:inset 0 0 24px rgba(141,244,217,.04),0 0 18px rgba(141,244,217,.08);transform:translateY(-1px)}

/* --- home: Chris-specific hierarchy --- */
.home-main{margin-top:var(--header)!important}
.hero-copy{position:relative}
.eyebrow{margin-bottom:18px!important;color:#a6f5e1!important}
.eyebrow::after{width:72px!important;background:linear-gradient(90deg,rgba(141,244,217,.76),rgba(141,244,217,.05))!important}
.hero-copy>p{max-width:650px!important;color:#c8d4d0!important}

.cc-cv-action{position:relative;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;width:min(330px,100%);min-height:58px;margin-top:26px;padding:0 17px 0 14px;border:1px solid rgba(141,244,217,.38);background:linear-gradient(110deg,rgba(141,244,217,.055),rgba(141,244,217,.012) 62%,rgba(141,244,217,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),0 16px 40px rgba(0,0,0,.18);overflow:hidden;isolation:isolate;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.cc-cv-action::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(141,244,217,.12) 46%,transparent 60%);transform:translateX(-110%);transition:transform .55s ease;z-index:-1}
.cc-cv-action::after{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:2px;background:var(--cc-mint);box-shadow:0 0 15px rgba(141,244,217,.42)}
.cc-cv-action:hover{transform:translateY(-2px);border-color:rgba(141,244,217,.64);box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 18px 46px rgba(0,0,0,.22),0 0 22px rgba(141,244,217,.05)}
.cc-cv-action:hover::before{transform:translateX(110%)}
.cc-cv-action .cv-sigil{width:36px;height:36px;border:1px solid rgba(141,244,217,.25);display:grid;place-items:center;font:700 9px var(--cc-mono);letter-spacing:.08em;color:var(--cc-mint);background:rgba(141,244,217,.018)}
.cc-cv-action .cv-copy{display:grid;gap:4px}.cc-cv-action .cv-copy span{font:700 6px/1 var(--cc-mono);letter-spacing:.16em;color:#668078}.cc-cv-action .cv-copy b{font:800 12px/1 var(--cc-mono);letter-spacing:.12em;color:#ecf7f3}.cc-cv-action .cv-arrow{font:400 21px/1 var(--cc-mono);color:var(--cc-mint);transition:transform .2s ease}.cc-cv-action:hover .cv-arrow{transform:translateX(4px)}

.principles{margin-top:22px!important;border:0!important;gap:8px!important}
.principles>div{position:relative;min-height:128px!important;padding:15px 13px 13px!important;border:1px solid rgba(141,244,217,.13)!important;background:linear-gradient(180deg,rgba(141,244,217,.022),rgba(3,8,7,.22))!important;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}
.principles>div+div{padding-left:13px!important}
.principles>div::before{content:"";position:absolute!important;left:12px!important;top:0!important;width:26px!important;height:1px!important;background:var(--cc-mint)!important;opacity:.78}
.principles>div::after{content:"";position:absolute;right:-12px;bottom:-12px;width:30px;height:30px;border:1px solid rgba(141,244,217,.09);transform:rotate(45deg)}
.principles>div:hover{transform:translateY(-2px);border-color:rgba(141,244,217,.3)!important;background:linear-gradient(180deg,rgba(141,244,217,.04),rgba(3,8,7,.28))!important}
.principles em{margin:5px 0 14px!important;font-size:6px!important;color:#6e8980!important}.principles b{margin-bottom:9px!important;font-size:10.5px!important;color:#eef8f5!important}.principles span{font-size:8.7px!important;line-height:1.48!important;color:#a9bbb5!important}

/* --- machine legibility: visual density stays, reading distance improves --- */
@media(min-width:1360px) and (min-height:760px){
  .machine-head{font-size:7.6px!important;letter-spacing:.135em!important}.machine-head b{font-size:7.2px!important}
  .truthbar span{font-size:5.7px!important;letter-spacing:.105em!important}.truthbar b{font-size:6.5px!important}
  .telemetry-card{padding:12px 14px 10px!important}
  .telemetry-card header{min-height:28px!important;padding-bottom:7px!important}.telemetry-card header b{font-size:12.8px!important;letter-spacing:.11em!important}.telemetry-card header span{font-size:6.4px!important;letter-spacing:.08em!important}
  .telemetry-card .card-sub{font-size:5.4px!important;letter-spacing:.11em!important;margin-top:6px!important}
  .telemetry-card .metrics{margin-top:7px!important}.telemetry-card .metrics>div{min-height:26px!important}.telemetry-card .metrics dt,.telemetry-card .metrics dd{font-size:7.6px!important;line-height:1.15!important}
  .security-grid b{font-size:9.8px!important}.security-grid span{font-size:4.8px!important}
  .card-note{font-size:4.5px!important;line-height:1.2!important}
  .desktop-runtime-strip>div{padding-inline:13px!important}.desktop-runtime-strip span{font-size:5.5px!important}.desktop-runtime-strip b{font-size:9.2px!important}.desktop-runtime-strip small{font-size:4.3px!important}
  .machine-foot span{font-size:5.5px!important}.machine-foot b{font-size:8.4px!important}.machine-foot p{font-size:5.7px!important;line-height:1.35!important}.machine-foot .public-state{font-size:5px!important}
  .core-package b{font-size:46px!important}.core-package small{font-size:6.2px!important}.core-package em{font-size:6.5px!important}.core-label{font-size:5.3px!important}
}

/* --- universal profile/CV shell --- */
.profile-main,.cv-main{position:relative}
.profile-main{padding-top:132px!important}.cv-main{padding-top:132px!important}
.profile-page-hero{padding-top:44px!important}
.profile-kicker,.cv-toolbar div{color:#7fa096!important}
.auto-status{position:relative;overflow:hidden}.auto-status::after{content:"SYNC / 30S";position:absolute;right:10px;bottom:6px;font:600 4.6px var(--cc-mono);letter-spacing:.12em;color:#3c554e;pointer-events:none}
.auto-status>div{transition:background .2s ease}.auto-status>div:hover{background:rgba(141,244,217,.018)}

/* ABOUT is personal, not a second CV */
.about-story-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);gap:22px;margin-top:22px}
.about-panel{position:relative;border:1px solid var(--cc-line);background:linear-gradient(180deg,rgba(6,14,11,.94),rgba(3,9,7,.99));padding:28px;overflow:hidden}
.about-panel::before{content:"";position:absolute;left:0;top:28px;width:2px;height:42px;background:linear-gradient(var(--cc-mint),transparent);box-shadow:0 0 14px rgba(141,244,217,.2)}
.about-label{display:flex;justify-content:space-between;gap:14px;padding-bottom:14px;margin-bottom:21px;border-bottom:1px solid rgba(141,244,217,.09);font:700 6.5px var(--cc-mono);letter-spacing:.15em;color:#70877f;text-transform:uppercase}.about-label b{color:#a7cfc4}
.about-panel h2{max-width:820px;margin:0 0 17px;font:820 30px/1.05 var(--cc-sans);letter-spacing:-.03em;text-transform:uppercase;color:#eef7f4}
.about-panel p{max-width:900px;margin:0 0 15px;font:500 13.5px/1.72 var(--cc-sans);color:#acbdb7}.about-panel p:last-child{margin-bottom:0}.about-panel strong{color:#edf7f3}
.about-pull{display:grid;gap:0}.about-pull div{padding:15px 0;border-bottom:1px solid rgba(141,244,217,.075)}.about-pull div:last-child{border-bottom:0}.about-pull span{display:block;margin-bottom:7px;font:700 6px var(--cc-mono);letter-spacing:.14em;color:#698178}.about-pull b{display:block;font:680 11.4px/1.52 var(--cc-sans);color:#d9e7e2}
.about-standard{margin-top:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.72fr);gap:22px}
.about-quote{position:relative;min-height:220px;padding:32px;border:1px solid var(--cc-line-2);background:linear-gradient(115deg,rgba(141,244,217,.045),rgba(141,244,217,.006) 55%,transparent);display:grid;align-content:center}.about-quote::after{content:"CC";position:absolute;right:24px;bottom:8px;font:900 72px/1 var(--cc-sans);letter-spacing:-.08em;color:rgba(141,244,217,.025);pointer-events:none}.about-quote blockquote{max-width:850px;margin:0;font:720 23px/1.42 var(--cc-sans);letter-spacing:-.02em;color:#e7f3ef}.about-quote small{margin-top:16px;font:700 6.5px/1.4 var(--cc-mono);letter-spacing:.15em;color:#738a82;text-transform:uppercase}
.about-context{padding:25px;border:1px solid var(--cc-line);background:rgba(5,12,9,.78)}.about-context .about-label{margin-bottom:10px}.about-context-row{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid rgba(141,244,217,.07)}.about-context-row:last-child{border-bottom:0}.about-context-row span{font:700 6px var(--cc-mono);letter-spacing:.13em;color:#6d837b}.about-context-row b{font:700 9.5px/1.4 var(--cc-mono);color:#d6e4df}.about-context-row a{color:var(--cc-mint);transition:color .18s ease}.about-context-row a:hover{color:#fff}

/* CV: web dossier, print remains a true CV */
.cv-toolbar{margin-bottom:20px!important}.cv-toolbar button{position:relative;overflow:hidden;transition:border-color .18s ease,color .18s ease,background .18s ease}.cv-toolbar button:hover{border-color:rgba(141,244,217,.55);background:rgba(141,244,217,.055);color:#fff}
.cv-sheet{position:relative!important;overflow:hidden!important}.cv-sheet::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(141,244,217,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(141,244,217,.012) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 26%);opacity:.5}
.cv-head,.cv-summary,.cv-section{position:relative;z-index:1}
.cv-role{color:#9cebd6!important}.cv-contact div{transition:border-color .18s ease}.cv-contact div:hover{border-color:rgba(141,244,217,.22)}
.cv-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cv-cap{min-height:155px!important;padding:18px!important;position:relative;overflow:hidden;transition:border-color .18s ease,transform .18s ease,background .18s ease}.cv-cap::after{content:"";position:absolute;left:17px;top:0;width:24px;height:1px;background:rgba(141,244,217,.66)}.cv-cap:hover{transform:translateY(-2px);border-color:rgba(141,244,217,.26);background:rgba(141,244,217,.017)}.cv-cap h3{font-size:13.5px!important}.cv-cap p{font-size:10.9px!important;line-height:1.62!important}
.cv-exp article{grid-template-columns:180px 1fr!important;padding:20px 0!important}.cv-exp h3{font-size:14.5px!important}.cv-exp p{font-size:11.2px!important}.cv-exp li{font-size:10.5px!important}
.cv-tools{grid-template-columns:repeat(4,minmax(0,1fr))!important}.cv-tools div{min-height:80px!important;transition:border-color .18s ease,background .18s ease}.cv-tools div:hover{border-color:rgba(141,244,217,.22);background:rgba(141,244,217,.016)}
.cv-credibility{display:grid;grid-template-columns:170px 1fr;gap:20px;padding-top:22px}.cv-credibility>span{font:750 7px/1.3 var(--cc-mono);letter-spacing:.14em;color:#7b9189;text-transform:uppercase}.cv-credibility p{margin:0;font:650 7px/1.65 var(--cc-mono);letter-spacing:.06em;color:#73877f;text-transform:uppercase}

/* custom scroll controller */
.cc-scroll-control{--progress:0;position:fixed;right:20px;bottom:22px;z-index:140;width:196px;border:1px solid rgba(141,244,217,.22);background:rgba(3,9,7,.9);backdrop-filter:blur(14px);box-shadow:0 18px 48px rgba(0,0,0,.3),inset 0 0 30px rgba(141,244,217,.012);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,border-color .18s ease}
.cc-scroll-control.is-ready{opacity:1;transform:none;pointer-events:auto}.cc-scroll-control.is-running{border-color:rgba(141,244,217,.42)}
.cc-scroll-head{display:flex;justify-content:space-between;gap:10px;padding:8px 10px 7px;border-bottom:1px solid rgba(141,244,217,.09);font:700 5.5px var(--cc-mono);letter-spacing:.13em;color:#657d74}.cc-scroll-head b{color:#9fcfc3;font-weight:700}
.cc-scroll-progress{height:2px;background:rgba(141,244,217,.07);overflow:hidden}.cc-scroll-progress i{display:block;width:calc(var(--progress) * 1%);height:100%;background:linear-gradient(90deg,#5aa895,var(--cc-mint));box-shadow:0 0 9px rgba(141,244,217,.3);transition:width .08s linear}
.cc-scroll-toggle{width:100%;min-height:43px;padding:0 10px;border:0;background:transparent;color:#eaf5f1;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;text-align:left;cursor:pointer}
.cc-scroll-toggle .cc-scroll-icon{width:23px;height:23px;border:1px solid rgba(141,244,217,.2);display:grid;place-items:center;font:700 9px var(--cc-mono);color:var(--cc-mint)}.cc-scroll-toggle .cc-scroll-copy{display:grid;gap:3px}.cc-scroll-toggle .cc-scroll-copy span{font:700 5px var(--cc-mono);letter-spacing:.13em;color:#687e76}.cc-scroll-toggle .cc-scroll-copy b{font:750 7.3px var(--cc-mono);letter-spacing:.09em;color:#e4f0ec}.cc-scroll-toggle>em{font:700 8px var(--cc-mono);font-style:normal;color:#729188}.cc-scroll-toggle:hover{background:rgba(141,244,217,.025)}.cc-scroll-control.is-running .cc-scroll-icon{animation:ccScrollPulse 1.2s ease-in-out infinite}
@keyframes ccScrollPulse{50%{border-color:rgba(141,244,217,.7);box-shadow:0 0 12px rgba(141,244,217,.15)}}

/* micro interaction state */
[data-cc-reveal]{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,.8,.28,1)}[data-cc-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1180px){
  .about-story-grid,.about-standard{grid-template-columns:1fr}.cv-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cc-scroll-control{right:13px;bottom:14px;width:176px}
}
@media(max-width:980px){
  .cc-cv-action{width:290px;min-height:52px;margin-top:18px}.principles{margin-top:16px!important}.principles>div{min-height:104px!important}
  .cv-cap-grid{grid-template-columns:1fr!important}.cv-exp article{grid-template-columns:145px 1fr!important}.cv-tools{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:600px), (max-width:900px) and (max-height:500px) and (pointer:coarse){.cc-scroll-control{display:none!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.cc-scroll-control.is-running .cc-scroll-icon{animation:none!important}[data-cc-reveal]{opacity:1!important;transform:none!important;transition:none!important}}

@media print{
  .cc-scroll-control{display:none!important}.cv-credibility{grid-template-columns:130px 1fr}.cv-sheet::before{display:none!important}.cv-cap{transform:none!important}
}

/* B100 polish pass: remove decorative geometry that reads like a generic arrow. */
.principles>div::after{display:none!important}

/* Reading-distance tuning for the live machine. */
@media(min-width:1101px){
  .telemetry-card header b{font-size:13.4px!important}
  .telemetry-card header span{font-size:6.8px!important}
  .telemetry-card .card-sub{font-size:5.8px!important}
  .telemetry-card .metrics dt,.telemetry-card .metrics dd{font-size:8.4px!important}
  .security-grid b{font-size:10.3px!important}.security-grid span{font-size:5px!important}
  .desktop-runtime-strip span{font-size:5.7px!important}.desktop-runtime-strip b{font-size:9.4px!important}
  .machine-foot b{font-size:8.8px!important}.machine-foot p{font-size:6.1px!important}
}

/* A 901–1100px laptop gets a readable stacked surface instead of a miniature machine. */
@media(max-width:1250px) and (min-width:601px){
  html,body{height:auto!important;min-height:100%;overflow:auto!important}
  .home-main{height:auto!important;min-height:calc(100svh - var(--header));overflow:visible!important}
  .home-hero{height:auto!important;min-height:calc(100svh - var(--header));grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:18px!important;padding:20px 0 28px!important}
  .hero-copy{align-self:auto!important}.hero-copy>p{display:block!important;max-width:760px!important;font-size:13px!important;line-height:1.6!important}
  .cc-cv-action{width:310px!important}
  .principles{grid-template-columns:repeat(4,minmax(0,1fr))!important}.principles>div{min-height:104px!important}
  .prod-machine{height:640px!important;min-height:640px!important}
  .machine-head{font-size:6.6px!important}.machine-head b{font-size:6.3px!important}
  .truthbar span{font-size:4.9px!important}.truthbar b{font-size:5.4px!important}
  .telemetry-card{padding:11px 12px 9px!important}.telemetry-card header b{font-size:10.8px!important}.telemetry-card header span{font-size:5.5px!important}.telemetry-card .card-sub{font-size:4.8px!important}.telemetry-card .metrics dt,.telemetry-card .metrics dd{font-size:7.2px!important}
  .security-grid b{font-size:8.8px!important}.security-grid span{font-size:4.5px!important}
  .desktop-runtime-strip span{font-size:4.9px!important}.desktop-runtime-strip b{font-size:8px!important}.machine-foot b{font-size:7.8px!important}.machine-foot p{font-size:5.4px!important}
}

/* Final readability authority: live evidence must be readable at normal desk distance. */
@media(min-width:1101px){
  .machine-head{font-size:8px!important}.machine-head b{font-size:7.7px!important}
  .truthbar span{font-size:6px!important}.truthbar b{font-size:6.8px!important}
  .telemetry-card header b{font-size:14px!important}.telemetry-card header span{font-size:7.1px!important}
  .telemetry-card .card-sub{font-size:6.1px!important}.telemetry-card .metrics dt,.telemetry-card .metrics dd{font-size:9.2px!important}
  .security-grid b{font-size:11px!important}.security-grid span{font-size:5.3px!important}
  .desktop-runtime-strip span{font-size:6px!important}.desktop-runtime-strip b{font-size:10px!important}.desktop-runtime-strip small{font-size:4.7px!important}
  .machine-foot span{font-size:5.9px!important}.machine-foot b{font-size:9.2px!important}.machine-foot p{font-size:6.4px!important}
}
.profile-main[data-state="unavailable"] .auto-status .auto-primary::before,
.cv-main[data-state="unavailable"] .auto-status .auto-primary::before{border-color:#6f817a;box-shadow:none;animation:none}
.profile-main[data-state="live"] .auto-status,
.cv-main[data-state="live"] .auto-status{border-color:rgba(141,244,217,.34)}

/* Scroll control rests as a compact CC rail; it expands only when used. */
.cc-scroll-control{width:56px!important;overflow:hidden!important;transition:width .22s ease,opacity .25s ease,transform .25s ease,border-color .18s ease!important}
.cc-scroll-control .cc-scroll-head{display:none}
.cc-scroll-control .cc-scroll-toggle{grid-template-columns:34px 1fr auto;min-width:194px;padding-left:10px}
.cc-scroll-control .cc-scroll-copy,.cc-scroll-control .cc-scroll-toggle>em{opacity:0;transition:opacity .14s ease;white-space:nowrap}
.cc-scroll-control:hover,.cc-scroll-control:focus-within,.cc-scroll-control.is-running{width:196px!important}
.cc-scroll-control:hover .cc-scroll-head,.cc-scroll-control:focus-within .cc-scroll-head,.cc-scroll-control.is-running .cc-scroll-head{display:flex}
.cc-scroll-control:hover .cc-scroll-copy,.cc-scroll-control:hover .cc-scroll-toggle>em,.cc-scroll-control:focus-within .cc-scroll-copy,.cc-scroll-control:focus-within .cc-scroll-toggle>em,.cc-scroll-control.is-running .cc-scroll-copy,.cc-scroll-control.is-running .cc-scroll-toggle>em{opacity:1}

/* ========================================================================== */
/* BUILD 102 / PROFILE TRUTH REBUILD                                            */
/* Scope: improve only what already exists. No new public sections or claims. */
/* ========================================================================== */

/* HOME / proof should read from normal desk distance, not only close-up. */
@media(min-width:1251px){
  .home-hero{grid-template-columns:minmax(470px,.94fr) minmax(760px,1.7fr)!important;gap:34px!important}
  .hero-copy>p{font-size:14.2px!important;line-height:1.62!important;max-width:620px!important}
  .cc-cv-action{margin-top:24px!important;width:360px!important;min-height:62px!important}
  .principles{margin-top:24px!important;gap:9px!important}
  .principles>div{min-height:136px!important;padding:17px 14px 14px!important}
  .principles em{font-size:6.3px!important;margin-bottom:15px!important}
  .principles b{font-size:11.3px!important}
  .principles span{font-size:9.2px!important;line-height:1.52!important}

  .machine-head{font-size:8.5px!important}.machine-head b{font-size:8.1px!important}
  .truthbar span{font-size:6.4px!important}.truthbar b{font-size:7.2px!important}
  .telemetry-card{padding:13px 15px 11px!important}
  .telemetry-card header{min-height:30px!important}.telemetry-card header b{font-size:14.7px!important}.telemetry-card header span{font-size:7.5px!important}
  .telemetry-card .card-sub{font-size:6.4px!important}
  .telemetry-card .metrics>div{min-height:27px!important}.telemetry-card .metrics dt,.telemetry-card .metrics dd{font-size:9.7px!important}
  .security-grid b{font-size:11.6px!important}.security-grid span{font-size:5.6px!important}
  .card-note{font-size:5.1px!important;line-height:1.35!important}
  .desktop-runtime-strip span{font-size:6.2px!important}.desktop-runtime-strip b{font-size:10.3px!important}.desktop-runtime-strip small{font-size:4.9px!important}
  .machine-foot span{font-size:6.2px!important}.machine-foot b{font-size:9.6px!important}.machine-foot p{font-size:6.7px!important;line-height:1.42!important}
  .core-package b{font-size:50px!important}.core-package small{font-size:6.5px!important}.core-package em{font-size:6.8px!important}
}

/* ABOUT / keep the same story but make it feel composed, not oversized. */
.profile-main{width:min(1540px,calc(100% - 56px))!important;padding-top:116px!important}
.profile-page-hero{grid-template-columns:minmax(0,1.04fr) minmax(420px,.86fr)!important;gap:64px!important;align-items:center!important;padding:32px 0 34px!important}
.profile-page-hero h1{font-size:clamp(56px,5.25vw,84px)!important;line-height:.92!important;letter-spacing:-.045em!important}
.profile-kicker{margin-bottom:18px!important;font-size:7.5px!important}
.profile-lead{font-size:15.2px!important;line-height:1.68!important;max-width:690px!important}
.auto-status{margin:20px 0 30px!important}.auto-status>div{min-height:64px!important}.auto-status b{font-size:9.4px!important}
.about-story-grid{grid-template-columns:minmax(0,1.48fr) minmax(350px,.72fr)!important;gap:24px!important;margin-top:24px!important}
.about-panel{padding:30px 31px!important}.about-panel h2{font-size:31px!important;line-height:1.08!important;margin-bottom:20px!important}.about-panel p{font-size:14px!important;line-height:1.74!important;color:#b7c6c1!important}.about-pull div{padding:17px 0!important}.about-pull b{font-size:11.8px!important;line-height:1.55!important}
.about-standard{gap:24px!important;margin-top:24px!important}.about-quote{min-height:232px!important;padding:34px!important}.about-quote blockquote{font-size:24px!important;line-height:1.43!important}.about-context{padding:27px!important}.about-context-row{padding:14px 0!important}.about-context-row b{font-size:10px!important}

/* CV / same evidence, presented as a real professional dossier. */
.cv-main{width:min(1360px,calc(100% - 64px))!important;padding-top:116px!important;padding-bottom:84px!important}
.cv-toolbar{margin-bottom:16px!important}.cv-toolbar div{font-size:7.4px!important}.cv-toolbar button{min-height:42px!important;padding:0 17px!important;font-size:6.8px!important}
.cv-main .auto-status{margin:16px 0 24px!important}.cv-main .auto-status>div{min-height:58px!important;padding-block:11px!important}
.cv-sheet{padding:42px 44px!important;border-color:rgba(141,244,217,.31)!important;box-shadow:0 30px 72px rgba(0,0,0,.38)!important}
.cv-head{grid-template-columns:1.2fr .8fr!important;gap:48px!important;padding-bottom:30px!important}.cv-head h1{font-size:52px!important}.cv-role{font-size:10.5px!important;margin-top:17px!important}.cv-contact{gap:10px!important;padding-top:2px!important}.cv-contact div{grid-template-columns:96px 1fr!important;padding-bottom:10px!important}.cv-contact span{font-size:6.2px!important}.cv-contact b{font-size:9.5px!important}
.cv-summary{padding:25px 0 27px!important}.cv-summary p{max-width:1180px!important;font-size:14.1px!important;line-height:1.72!important;color:#c0cec9!important}
.cv-section{padding:30px 0!important}.cv-section-head{grid-template-columns:175px 1fr!important;gap:24px!important;margin-bottom:20px!important}.cv-section-head span{font-size:7.1px!important}.cv-section-head h2{font-size:23px!important;line-height:1.08!important}
.cv-cap-grid{gap:12px!important}.cv-cap{min-height:166px!important;padding:20px!important}.cv-cap span{font-size:6.3px!important}.cv-cap h3{font-size:14.8px!important;margin:10px 0 10px!important;letter-spacing:-.01em!important}.cv-cap p{font-size:11.7px!important;line-height:1.65!important;color:#aebeb8!important}
.cv-exp{gap:0!important}.cv-exp article{grid-template-columns:205px minmax(0,1fr)!important;gap:28px!important;padding:26px 0!important;position:relative!important}.cv-exp article::before{content:"";position:absolute;left:204px;top:26px;bottom:26px;width:1px;background:linear-gradient(180deg,rgba(141,244,217,.28),rgba(141,244,217,.035))}.cv-exp aside{padding-right:24px!important}.cv-exp aside span{font-size:6.2px!important}.cv-exp aside b{font-size:9.7px!important;margin-top:8px!important}.cv-exp article>div{padding-left:8px!important}.cv-exp h3{font-size:17px!important;line-height:1.25!important;margin-bottom:9px!important;letter-spacing:-.012em!important}.cv-exp p{font-size:12.4px!important;line-height:1.64!important;color:#b7c6c1!important;max-width:980px!important}.cv-exp ul{margin-top:13px!important;gap:8px!important}.cv-exp li{font-size:11.5px!important;line-height:1.58!important;color:#aebdb8!important;padding-left:16px!important}.cv-exp li strong{color:#dfeae6!important;font-weight:750!important}.cv-exp li::before{width:7px!important;background:#8df4d9!important;opacity:.8!important}
.cv-tools{gap:10px!important}.cv-tools div{min-height:88px!important;padding:14px!important}.cv-tools span{font-size:6.1px!important}.cv-tools b{font-size:9.1px!important;line-height:1.5!important}
.cv-credibility{grid-template-columns:180px 1fr!important;gap:24px!important;padding-top:26px!important}.cv-credibility p{font-size:6.7px!important;line-height:1.7!important;max-width:1040px!important}

/* Inspector / same live data, stronger proof hierarchy and scanability. */
@media(min-width:901px){
  .cc-inspector{padding:18px!important}
  .cc-inspector-shell{width:min(1220px,calc(100vw - 36px))!important;max-height:calc(100vh - 36px)!important;overflow:auto!important;border-color:rgba(141,244,217,.48)!important;box-shadow:0 30px 100px rgba(0,0,0,.72),inset 0 0 100px rgba(141,244,217,.018)!important}
  .cc-inspector-head{padding:16px 20px!important}.cc-inspector-head span{font-size:8.3px!important}.cc-inspector-head b{font-size:18px!important;letter-spacing:.12em!important}.cc-inspector-head button{min-width:72px!important;min-height:36px!important;font-size:7.2px!important}
  .cc-inspector-truth span{padding:11px 15px!important;font-size:7.2px!important}.cc-inspector-truth b{font-size:7.4px!important}
  .cc-inspector-tabs button{min-height:44px!important;font-size:7.3px!important;letter-spacing:.13em!important}
  .cc-inspector-panel{padding:20px 22px!important}
  .cc-inspector-core{grid-template-columns:184px minmax(0,1fr)!important;gap:20px!important;align-items:stretch!important}.cc-inspector-chip{width:174px!important;height:174px!important}.cc-inspector-chip strong{font-size:52px!important}.cc-inspector-chip small{font-size:7.4px!important}.cc-inspector-chip em{font-size:8.4px!important}.cc-inspector-summary{gap:10px!important}.cc-inspector-summary>div{min-height:82px!important;padding:13px 14px!important}.cc-inspector-summary span{font-size:7.2px!important}.cc-inspector-summary b{font-size:14.5px!important}
  .cc-inspector-python{margin-top:16px!important}.cc-inspector-section-head{margin-bottom:12px!important}.cc-inspector-section-head span,.cc-inspector-section-head b{font-size:8.2px!important}.cc-inspector-kpis{gap:9px!important}.cc-inspector-kpis>div{min-height:68px!important;padding:12px!important}.cc-inspector-kpis span{font-size:7px!important}.cc-inspector-kpis b{font-size:13.5px!important}.cc-inspector-capabilities{gap:9px!important;margin-top:9px!important}.cc-inspector-capabilities span{padding:10px 12px!important;font-size:6.8px!important}
  .cc-engine-runtime,.cc-system-registry{margin-top:16px!important;padding-top:14px!important}.cc-engine-grid{gap:9px!important}.cc-engine-card{min-height:68px!important;padding:11px 12px!important;gap:6px!important}.cc-engine-card span{font-size:6.5px!important}.cc-engine-card b{font-size:9.4px!important}.cc-engine-card small{font-size:5.8px!important}.cc-system-rows{gap:9px!important}.cc-system-row{min-height:58px!important;padding:11px 13px!important}.cc-system-row b{font-size:10px!important}.cc-system-row span,.cc-system-row em{font-size:6.5px!important}
  .cc-agent-list{gap:10px!important}.cc-agent-card{padding:14px!important;gap:9px!important}.cc-agent-card header b{font-size:12px!important}.cc-agent-card header em{font-size:7.4px!important}.cc-agent-card p{font-size:7.6px!important;line-height:1.55!important}.cc-agent-card footer{font-size:6.4px!important}.cc-intelligence-card{gap:9px!important;margin-top:12px!important}.cc-intelligence-card>div,.cc-integrity-grid>div,.cc-policy-grid>div{padding:13px!important;min-height:72px!important}.cc-intelligence-card span,.cc-integrity-grid span,.cc-policy-grid span{font-size:6.8px!important}.cc-intelligence-card b,.cc-integrity-grid b,.cc-policy-grid b{font-size:10px!important}.cc-intelligence-card p,.cc-policy-note{font-size:7.4px!important;line-height:1.6!important;padding:12px 13px!important}.cc-integrity-grid{gap:10px!important}.cc-integrity-grid small{font-size:6.3px!important}
  .cc-release-hero{gap:16px!important;margin-bottom:12px!important}.cc-release-hero>div:not(.cc-release-arrow){min-height:112px!important;padding:16px!important}.cc-release-hero span{font-size:6.8px!important}.cc-release-hero b{font-size:20px!important}.cc-release-hero small{font-size:6.1px!important}.cc-release-grid{gap:9px!important}.cc-release-grid>div{min-height:68px!important;padding:12px!important}.cc-release-grid span{font-size:6.4px!important}.cc-release-grid b{font-size:10px!important}.cc-release-history{margin-top:11px!important;padding:12px!important}.cc-release-boundary{font-size:7px!important;line-height:1.58!important;padding:12px 13px!important}
  .cc-policy-grid{gap:10px!important}.cc-policy-grid>div{min-height:72px!important}.cc-policy-note{margin-top:12px!important}
  .cc-inspector-activity-wrap{padding:14px 22px 15px!important}.cc-inspector-activity-head small{font-size:6.4px!important}.cc-inspector-activity-head button{font-size:6.8px!important;padding:8px 10px!important}.cc-inspector-activity-wrap li.cc-activity-row{grid-template-columns:160px 128px minmax(0,1fr)!important;gap:14px!important;padding:10px 12px 10px 15px!important}.cc-activity-time{font-size:6.2px!important}.cc-activity-actor{font-size:6.5px!important}.cc-activity-message{font-size:7.3px!important;line-height:1.55!important}.cc-inspector-foot{padding:11px 20px!important;font-size:7.2px!important}
}

@media(max-width:1250px) and (min-width:901px){
  .profile-main,.cv-main{width:calc(100% - 40px)!important}.profile-page-hero{grid-template-columns:1fr 390px!important;gap:34px!important}.profile-page-hero h1{font-size:58px!important}
  .cv-sheet{padding:34px!important}.cv-section-head{grid-template-columns:150px 1fr!important}.cv-exp article{grid-template-columns:175px 1fr!important;gap:20px!important}.cv-exp article::before{left:174px!important}.cv-exp aside{padding-right:18px!important}.cv-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cc-inspector-shell{width:calc(100vw - 24px)!important}.cc-inspector-core{grid-template-columns:150px 1fr!important}.cc-inspector-chip{width:142px!important;height:142px!important}.cc-inspector-chip strong{font-size:44px!important}.cc-engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media print{
  .cv-main{width:100%!important;padding:0!important}.cv-sheet{padding:0!important}.cv-head h1{font-size:34pt!important}.cv-summary p{font-size:9.4pt!important;line-height:1.52!important}.cv-section{padding:16pt 0!important}.cv-section-head h2{font-size:13pt!important}.cv-cap{min-height:auto!important;padding:9pt!important}.cv-cap p,.cv-exp p,.cv-exp li{font-size:8.2pt!important;line-height:1.45!important}.cv-exp article{grid-template-columns:115pt 1fr!important;gap:12pt!important;padding:12pt 0!important}.cv-exp article::before{display:none!important}.cv-exp article>div{padding-left:0!important}.cv-tools div{min-height:auto!important;padding:8pt!important}.cv-tools b{font-size:7.4pt!important}.cv-credibility{grid-template-columns:100pt 1fr!important;gap:10pt!important}.cv-credibility p{font-size:5.8pt!important}
}

/* Inspector silicon containment fix: existing substrate/die must stay inside the CC chip. */
.cc-inspector-chip{position:relative!important;overflow:hidden!important;isolation:isolate!important}
.cc-inspector-chip>.i-core-substrate{z-index:0!important}
.cc-inspector-chip>strong,.cc-inspector-chip>small,.cc-inspector-chip>em{position:relative!important;z-index:4!important}
.cc-inspector-chip>.i-core-mark,.cc-inspector-chip>.i-core-notch{z-index:3!important}

/* ========================================================================== */
/* BUILD 102 / PROFILE TRUTH REBUILD                                          */
/* Human background, evidence-bounded CV, transparent AI-assisted workflow,   */
/* and mobile access to ABOUT / CV while HOME remains a desktop control plane. */
/* ========================================================================== */

/* HOME mobile gateway: the control plane stays locked, profile surfaces do not. */
.cc-phone-lock-copy .cc-mobile-access{
  margin-top:22px!important;
  padding:13px 0 0!important;
  border-top:1px solid rgba(141,244,217,.10)!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  text-align:left!important;
}
.cc-mobile-access a{
  min-height:58px;
  padding:11px 12px;
  border:1px solid rgba(141,244,217,.18);
  background:rgba(141,244,217,.018);
  display:grid;
  align-content:center;
  gap:6px;
  color:#eef7f4;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.cc-mobile-access a:hover,.cc-mobile-access a:focus-visible{border-color:rgba(141,244,217,.5);background:rgba(141,244,217,.05);transform:translateY(-1px)}
.cc-mobile-access a span{font:700 5.6px/1 var(--cc-mono);letter-spacing:.14em;color:#6f8980}
.cc-mobile-access a b{font:750 8px/1.25 var(--cc-mono);letter-spacing:.08em;color:#dff7f0}

/* ABOUT / real background. */
.about-hero-b102 .profile-lead{max-width:730px!important}
.about-story-b102{grid-template-columns:minmax(0,1.45fr) minmax(350px,.7fr)!important}
.about-timeline{display:grid;gap:0}
.about-time-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid rgba(141,244,217,.075)}
.about-time-row:first-child{padding-top:2px}.about-time-row:last-child{padding-bottom:0;border-bottom:0}
.about-time-row aside{padding-top:2px}.about-time-row aside span{display:block;font:750 7px/1.2 var(--cc-mono);letter-spacing:.12em;color:#89d8c4}.about-time-row aside b{display:block;margin-top:7px;font:700 6.4px/1.45 var(--cc-mono);letter-spacing:.1em;color:#6f857d}
.about-time-row h3{margin:0 0 8px;font:800 16px/1.2 var(--cc-sans);letter-spacing:-.015em;text-transform:uppercase;color:#edf7f3}
.about-time-row p{margin:0!important;font-size:12.4px!important;line-height:1.68!important;color:#aebfba!important}
.about-interest-note{margin-top:18px!important;padding-top:16px;border-top:1px solid rgba(141,244,217,.08);font:650 7px/1.65 var(--cc-mono)!important;letter-spacing:.06em;color:#70877f!important;text-transform:uppercase}
.about-standard-b102{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr)!important}
.about-ai-panel{position:relative;padding:30px 31px;border:1px solid var(--cc-line-2);background:linear-gradient(120deg,rgba(141,244,217,.045),rgba(6,14,11,.94) 38%,rgba(3,9,7,.99));overflow:hidden}
.about-ai-panel::before{content:"AI / CC";position:absolute;right:24px;top:22px;font:800 6px/1 var(--cc-mono);letter-spacing:.18em;color:rgba(141,244,217,.22)}
.about-ai-panel h2{max-width:760px;margin:0 0 14px;font:820 29px/1.08 var(--cc-sans);letter-spacing:-.03em;text-transform:uppercase;color:#eef7f4}
.about-ai-panel>p{max-width:900px;margin:0;font:500 13.5px/1.72 var(--cc-sans);color:#b3c4be}
.about-ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:22px}
.about-ai-grid>div{min-height:96px;padding:14px 15px;border:1px solid rgba(141,244,217,.11);background:rgba(141,244,217,.009);display:grid;align-content:start;gap:9px}
.about-ai-grid span{font:700 6px/1 var(--cc-mono);letter-spacing:.13em;color:#6d857c}.about-ai-grid b{font:680 11px/1.53 var(--cc-sans);color:#d7e5e0}
.about-quote-b102{margin-top:24px!important;min-height:180px!important}

/* CV / project scale and explicit ownership. */
.cv-systems-list article{align-items:start}
.cv-stackline{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;margin-top:15px;padding:10px 12px;border:1px solid rgba(141,244,217,.09);background:rgba(141,244,217,.008)}
.cv-stackline span{font:750 5.8px/1.4 var(--cc-mono);letter-spacing:.13em;color:#698078}.cv-stackline b{font:700 8.1px/1.5 var(--cc-mono);letter-spacing:.025em;color:#bfd1cb}
.cv-work-list article{padding-block:22px!important}.cv-work-list h3{margin-bottom:9px!important}
.cv-foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cv-foundation-grid article{min-height:150px;padding:18px;border:1px solid rgba(141,244,217,.10);background:rgba(141,244,217,.009)}
.cv-foundation-grid span{font:700 6px/1 var(--cc-mono);letter-spacing:.13em;color:#72877f}.cv-foundation-grid h3{margin:10px 0 9px;font:800 13.5px/1.25 var(--cc-sans);text-transform:uppercase;color:#edf6f3}.cv-foundation-grid p{margin:0;font:500 10.9px/1.62 var(--cc-sans);color:#a8b8b3}

/* Desktop/laptop refinement for the new long-form CV. */
@media(min-width:901px){
  .cv-projects-b102 .cv-exp article{padding-block:30px!important}
  .cv-projects-b102 .cv-exp h3{font-size:18px!important;max-width:960px}
  .cv-projects-b102 .cv-exp p{max-width:1020px}
  .about-story-b102 .about-panel:first-child{min-height:100%}
}

/* ABOUT + CV are now intentionally mobile-accessible. HOME remains locked. */
@media(max-width:900px), (max-height:500px) and (pointer:coarse), (pointer:coarse) and (hover:none) and (max-width:1200px){
  html.cc-profile-mobile-enabled,
  html.cc-profile-mobile-enabled body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;background:#030806!important}

  html.cc-profile-mobile-enabled body>.cc-phone-lock{display:none!important;visibility:hidden!important;pointer-events:none!important}
  html.cc-profile-mobile-enabled body>.site-header{display:block!important;visibility:visible!important;pointer-events:auto!important}
  html.cc-profile-mobile-enabled body>.profile-main,
  html.cc-profile-mobile-enabled body>.cv-main{display:block!important;visibility:visible!important;pointer-events:auto!important}
  html.cc-profile-mobile-enabled body>.build-tag{display:none!important}
  html.cc-profile-mobile-enabled .cc-scroll-control{display:none!important}

  html.cc-profile-mobile-enabled .site-header{height:72px!important;background:rgba(3,8,6,.96)!important}
  html.cc-profile-mobile-enabled .nav-shell{width:calc(100% - 24px)!important;height:72px!important;gap:12px}
  html.cc-profile-mobile-enabled .brand{gap:9px!important;min-width:0}
  html.cc-profile-mobile-enabled .brand-mark{width:38px!important;height:38px!important;flex:0 0 38px}
  html.cc-profile-mobile-enabled .brand-snake{width:44px!important;height:44px!important;inset:-3px!important}
  html.cc-profile-mobile-enabled .brand-monogram{font-size:11px!important}
  html.cc-profile-mobile-enabled .brand-copy{gap:3px!important;min-width:0}
  html.cc-profile-mobile-enabled .brand-copy b{font-size:9px!important;letter-spacing:.12em!important;white-space:nowrap}
  html.cc-profile-mobile-enabled .brand-copy small{font-size:4.7px!important;letter-spacing:.11em!important;white-space:nowrap}
  html.cc-profile-mobile-enabled .nav-links{gap:8px!important;flex:0 0 auto}
  html.cc-profile-mobile-enabled .nav-links a{padding:12px 2px 11px!important;font-size:6.7px!important;letter-spacing:.11em!important}

  html.cc-profile-mobile-enabled .profile-main,
  html.cc-profile-mobile-enabled .cv-main{width:calc(100% - 24px)!important;margin:0 auto!important;padding:92px 0 34px!important;color:var(--p-text)!important}

  html.cc-profile-mobile-enabled .profile-page-hero{grid-template-columns:1fr!important;gap:20px!important;padding:20px 0 24px!important;align-items:start!important}
  html.cc-profile-mobile-enabled .profile-kicker{font-size:6.4px!important;margin-bottom:13px!important}
  html.cc-profile-mobile-enabled .profile-page-hero h1{font-size:clamp(40px,12.6vw,58px)!important;line-height:.93!important;letter-spacing:-.045em!important}
  html.cc-profile-mobile-enabled .profile-lead{font-size:13.2px!important;line-height:1.68!important;max-width:none!important}

  html.cc-profile-mobile-enabled .auto-status{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:16px 0 20px!important}
  html.cc-profile-mobile-enabled .auto-status>div{min-height:62px!important;padding:11px 12px!important;border-right:1px solid var(--p-line)!important;border-bottom:1px solid var(--p-line)!important}
  html.cc-profile-mobile-enabled .auto-status .auto-primary{grid-column:1/-1;padding-left:40px!important}
  html.cc-profile-mobile-enabled .auto-status span{font-size:5.4px!important}
  html.cc-profile-mobile-enabled .auto-status b{font-size:7.8px!important}
  html.cc-profile-mobile-enabled .auto-status::after{display:none!important}

  html.cc-profile-mobile-enabled .about-story-grid,
  html.cc-profile-mobile-enabled .about-standard-b102{grid-template-columns:1fr!important;gap:12px!important;margin-top:12px!important}
  html.cc-profile-mobile-enabled .about-panel,
  html.cc-profile-mobile-enabled .about-ai-panel,
  html.cc-profile-mobile-enabled .about-context{padding:20px!important}
  html.cc-profile-mobile-enabled .about-label{margin-bottom:16px!important;padding-bottom:11px!important;font-size:5.8px!important}
  html.cc-profile-mobile-enabled .about-panel h2,
  html.cc-profile-mobile-enabled .about-ai-panel h2{font-size:23px!important;line-height:1.08!important;margin-bottom:15px!important}
  html.cc-profile-mobile-enabled .about-panel>p,
  html.cc-profile-mobile-enabled .about-ai-panel>p{font-size:12.5px!important;line-height:1.67!important}
  html.cc-profile-mobile-enabled .about-time-row{grid-template-columns:98px minmax(0,1fr)!important;gap:15px!important;padding:17px 0!important}
  html.cc-profile-mobile-enabled .about-time-row aside span{font-size:6px!important}
  html.cc-profile-mobile-enabled .about-time-row aside b{font-size:5.4px!important}
  html.cc-profile-mobile-enabled .about-time-row h3{font-size:14px!important}
  html.cc-profile-mobile-enabled .about-time-row p{font-size:11.7px!important;line-height:1.62!important}
  html.cc-profile-mobile-enabled .about-pull div{padding:14px 0!important}
  html.cc-profile-mobile-enabled .about-pull b{font-size:11.2px!important}
  html.cc-profile-mobile-enabled .about-ai-grid{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:17px!important}
  html.cc-profile-mobile-enabled .about-ai-grid>div{min-height:94px!important;padding:12px!important}
  html.cc-profile-mobile-enabled .about-ai-grid b{font-size:10.3px!important;line-height:1.48!important}
  html.cc-profile-mobile-enabled .about-context-row{grid-template-columns:104px minmax(0,1fr)!important;gap:10px!important;padding:12px 0!important}
  html.cc-profile-mobile-enabled .about-context-row b{font-size:8px!important;overflow-wrap:anywhere}
  html.cc-profile-mobile-enabled .about-quote-b102{margin-top:12px!important;min-height:160px!important;padding:22px!important}
  html.cc-profile-mobile-enabled .about-quote-b102 blockquote{font-size:18px!important;line-height:1.42!important}

  html.cc-profile-mobile-enabled .cv-toolbar{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;margin-bottom:14px!important}
  html.cc-profile-mobile-enabled .cv-toolbar div{font-size:5.6px!important;line-height:1.5!important}
  html.cc-profile-mobile-enabled .cv-toolbar button{min-height:38px!important;padding:0 10px!important;font-size:5.8px!important}
  html.cc-profile-mobile-enabled .cv-sheet{padding:20px!important;overflow:hidden!important}
  html.cc-profile-mobile-enabled .cv-head{grid-template-columns:1fr!important;gap:22px!important;padding-bottom:22px!important}
  html.cc-profile-mobile-enabled .cv-head h1{font-size:41px!important}
  html.cc-profile-mobile-enabled .cv-role{font-size:8px!important;margin-top:12px!important}
  html.cc-profile-mobile-enabled .cv-contact{gap:8px!important}
  html.cc-profile-mobile-enabled .cv-contact div{grid-template-columns:76px minmax(0,1fr)!important;gap:10px!important;padding-bottom:8px!important}
  html.cc-profile-mobile-enabled .cv-contact span{font-size:5.3px!important}
  html.cc-profile-mobile-enabled .cv-contact b{font-size:7.7px!important;overflow-wrap:anywhere}
  html.cc-profile-mobile-enabled .cv-summary{padding:20px 0!important}
  html.cc-profile-mobile-enabled .cv-summary p{font-size:12.2px!important;line-height:1.65!important}
  html.cc-profile-mobile-enabled .cv-section{padding:24px 0!important}
  html.cc-profile-mobile-enabled .cv-section-head{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:15px!important}
  html.cc-profile-mobile-enabled .cv-section-head span{font-size:5.9px!important}
  html.cc-profile-mobile-enabled .cv-section-head h2{font-size:19px!important}
  html.cc-profile-mobile-enabled .cv-exp article,
  html.cc-profile-mobile-enabled .cv-projects-b102 .cv-exp article{grid-template-columns:1fr!important;gap:12px!important;padding:20px 0!important}
  html.cc-profile-mobile-enabled .cv-exp article::before{display:none!important}
  html.cc-profile-mobile-enabled .cv-exp aside{padding:0 0 10px!important;border-bottom:1px solid rgba(141,244,217,.08)}
  html.cc-profile-mobile-enabled .cv-exp aside span{font-size:5.6px!important}
  html.cc-profile-mobile-enabled .cv-exp aside b{font-size:8px!important;margin-top:6px!important}
  html.cc-profile-mobile-enabled .cv-exp article>div{padding-left:0!important}
  html.cc-profile-mobile-enabled .cv-exp h3,
  html.cc-profile-mobile-enabled .cv-projects-b102 .cv-exp h3{font-size:15px!important;line-height:1.27!important;margin-bottom:9px!important}
  html.cc-profile-mobile-enabled .cv-exp p{font-size:11.3px!important;line-height:1.61!important}
  html.cc-profile-mobile-enabled .cv-exp li{font-size:10.7px!important;line-height:1.55!important;padding-left:14px!important}
  html.cc-profile-mobile-enabled .cv-stackline{grid-template-columns:1fr!important;gap:5px!important;padding:10px!important;margin-top:13px!important}
  html.cc-profile-mobile-enabled .cv-stackline b{font-size:7.3px!important;line-height:1.5!important;overflow-wrap:anywhere}
  html.cc-profile-mobile-enabled .cv-cap-grid{grid-template-columns:1fr!important;gap:8px!important}
  html.cc-profile-mobile-enabled .cv-cap{min-height:auto!important;padding:15px!important}
  html.cc-profile-mobile-enabled .cv-cap h3{font-size:12.8px!important}
  html.cc-profile-mobile-enabled .cv-cap p{font-size:10.7px!important;line-height:1.58!important}
  html.cc-profile-mobile-enabled .cv-tools{grid-template-columns:1fr 1fr!important;gap:7px!important}
  html.cc-profile-mobile-enabled .cv-tools div{min-height:82px!important;padding:11px!important}
  html.cc-profile-mobile-enabled .cv-tools span{font-size:5.2px!important}
  html.cc-profile-mobile-enabled .cv-tools b{font-size:7.4px!important;line-height:1.45!important;overflow-wrap:anywhere}
  html.cc-profile-mobile-enabled .cv-foundation-grid{grid-template-columns:1fr!important;gap:8px!important}
  html.cc-profile-mobile-enabled .cv-foundation-grid article{min-height:auto!important;padding:15px!important}
  html.cc-profile-mobile-enabled .cv-foundation-grid p{font-size:10.7px!important;line-height:1.58!important}
  html.cc-profile-mobile-enabled .cv-credibility{grid-template-columns:1fr!important;gap:9px!important;padding-top:20px!important}
  html.cc-profile-mobile-enabled .cv-credibility>span{font-size:5.8px!important}
  html.cc-profile-mobile-enabled .cv-credibility p{font-size:6.2px!important;line-height:1.6!important;letter-spacing:.04em!important}
}

@media(max-width:520px){
  html.cc-profile-mobile-enabled .brand-copy small{display:none!important}
  html.cc-profile-mobile-enabled .brand-copy b{font-size:8px!important}
  html.cc-profile-mobile-enabled .about-ai-grid{grid-template-columns:1fr!important}
  html.cc-profile-mobile-enabled .cv-tools{grid-template-columns:1fr!important}
  html.cc-profile-mobile-enabled .cv-toolbar{grid-template-columns:1fr!important}
  html.cc-profile-mobile-enabled .cv-toolbar button{justify-self:start}
}

/* Print remains a conventional clean CV regardless of mobile viewport. */
@media print{
  html.cc-profile-mobile-enabled,html.cc-profile-mobile-enabled body{height:auto!important;overflow:visible!important}
  .cv-stackline{border-color:#d7d7d7!important;background:#fff!important}.cv-stackline span{color:#666!important}.cv-stackline b{color:#222!important}
  .cv-foundation-grid{grid-template-columns:repeat(3,1fr)!important}.cv-foundation-grid article{min-height:auto!important;padding:9pt!important;border-color:#d7d7d7!important;background:#fff!important}.cv-foundation-grid span{color:#555!important}.cv-foundation-grid h3,.cv-foundation-grid p{color:#222!important}
}


/* ========================================================================== */
/* INHERITED B103 / PRESENCE + PROOF                                         */
/* ABOUT carries identity. CV carries evidence. Mobile is a deliberate node. */
/* ========================================================================== */

:root{--cc-page-progress:0%}

/* Whole-nav page progress rail. */
.site-header::before{
  content:"";position:absolute;left:0;bottom:-1px;height:2px;width:var(--cc-page-progress);
  background:linear-gradient(90deg,rgba(141,244,217,.2),#8df4d9 72%,#e9fff9);
  box-shadow:0 0 16px rgba(141,244,217,.35);z-index:3;pointer-events:none;
  transition:width .08s linear;
}

/* Presentation lock for ABOUT/CV. This deters casual copying; it is not source security. */
html.cc-content-locked,html.cc-content-locked body{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
html.cc-content-locked img{-webkit-user-drag:none!important;user-drag:none!important}
html.cc-content-locked .cv-toolbar button{-webkit-user-select:none!important;user-select:none!important}
html.cc-content-locked ::selection{background:transparent!important;color:inherit!important}


.nav-mobile-cv{display:none!important}
@media(max-width:900px), (max-height:500px) and (pointer:coarse), (pointer:coarse) and (hover:none) and (max-width:1200px){
  html.cc-profile-mobile-enabled .nav-home-link{display:none!important}
  html.cc-profile-mobile-enabled .nav-mobile-cv{display:block!important}
}

/* ABOUT / presence, not a second CV. */
.about-hero-b103{position:relative;isolation:isolate;overflow:hidden}
.about-hero-b103::after{content:"VIBE / BUILD / VERIFY";position:absolute;right:0;bottom:19px;font:800 6px/1 var(--cc-mono);letter-spacing:.22em;color:rgba(141,244,217,.18);pointer-events:none}
.about-hero-b103 .profile-lead{max-width:760px!important}
.about-hero-b103 h1{max-width:950px}
.about-hero-b103 h1 span:first-child{color:#f1faf7}
.about-presence-grid{grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr)!important}
.about-origin h2{max-width:760px!important}
.about-origin .about-origin-mark{display:inline-flex;align-items:center;gap:8px;margin:2px 0 18px;padding:8px 10px;border:1px solid rgba(141,244,217,.12);font:750 6px/1 var(--cc-mono);letter-spacing:.14em;color:#8debd4;text-transform:uppercase;background:rgba(141,244,217,.015)}
.about-origin .about-origin-mark::before{content:"";width:5px;height:5px;background:#8df4d9;box-shadow:0 0 12px rgba(141,244,217,.4)}
.about-signal{display:grid;gap:0}
.about-signal div{position:relative;padding:18px 0 18px 18px;border-bottom:1px solid rgba(141,244,217,.075)}
.about-signal div:last-child{border-bottom:0}
.about-signal div::before{content:"";position:absolute;left:0;top:22px;width:6px;height:6px;border:1px solid rgba(141,244,217,.48)}
.about-signal span{display:block;margin-bottom:7px;font:750 6px/1 var(--cc-mono);letter-spacing:.15em;color:#6f8980}
.about-signal b{display:block;font:700 12px/1.52 var(--cc-sans);color:#dbe8e3}
.about-standard-b103{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important}
.about-vibe-panel{position:relative;padding:31px;border:1px solid var(--cc-line-2);background:linear-gradient(118deg,rgba(141,244,217,.055),rgba(6,14,11,.94) 40%,rgba(3,9,7,.99));overflow:hidden}
.about-vibe-panel::before{content:"VIBE CODER";position:absolute;right:-7px;top:38px;transform:rotate(90deg);font:900 5px/1 var(--cc-mono);letter-spacing:.25em;color:rgba(141,244,217,.18)}
.about-vibe-panel h2{max-width:820px;margin:0 0 14px;font:850 31px/1.06 var(--cc-sans);letter-spacing:-.035em;text-transform:uppercase;color:#f0f9f6}
.about-vibe-panel>p{max-width:900px;margin:0;font:500 13.8px/1.72 var(--cc-sans);color:#b8c8c2}
.about-vibe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:22px}
.about-vibe-grid>div{min-height:108px;padding:15px;border:1px solid rgba(141,244,217,.11);background:rgba(141,244,217,.008);display:grid;align-content:start;gap:9px}
.about-vibe-grid span{font:750 6px/1 var(--cc-mono);letter-spacing:.14em;color:#6f8980}
.about-vibe-grid b{font:700 11px/1.52 var(--cc-sans);color:#dbe7e3}
.about-context-b103 .about-context-row:last-child b{color:#8df4d9}
.about-quote-b103{margin-top:24px!important;min-height:196px!important}
.about-quote-b103 blockquote{max-width:980px!important;font-size:25px!important}

/* CV / proof first. */
.cv-role-b103{color:#9af2dc!important}
.cv-projects-b103 .cv-exp article{padding-block:30px!important}
.cv-projects-b103 .cv-exp h3{font-size:18px!important;max-width:980px}
.cv-projects-b103 .cv-exp p{max-width:1040px}
.cv-tech-note{margin-top:8px;padding:11px 12px;border-left:2px solid rgba(141,244,217,.45);background:rgba(141,244,217,.018);font:650 7px/1.6 var(--cc-mono);letter-spacing:.045em;color:#819890;text-transform:uppercase}

/* Mobile HOME is a deliberate two-surface node, not a fallback warning. */
@media(max-width:900px), (max-height:500px) and (pointer:coarse), (pointer:coarse) and (hover:none) and (max-width:1200px){
  body:not([data-page="about"]):not([data-page="cv"])>.cc-phone-lock{background:radial-gradient(circle at 50% 34%,rgba(141,244,217,.055),transparent 34%),linear-gradient(180deg,#020604,#040a08 52%,#020604)!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-shell{position:relative;overflow:hidden;border-color:rgba(141,244,217,.24)!important;background:linear-gradient(180deg,rgba(6,15,11,.98),rgba(2,7,5,.99))!important;box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 0 70px rgba(141,244,217,.018)!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0,rgba(141,244,217,.025) 38%,transparent 58%);pointer-events:none}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-head{border-bottom-color:rgba(141,244,217,.12)!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-core{width:104px!important;height:104px!important;margin:32px auto 26px!important;border-color:rgba(141,244,217,.38)!important;box-shadow:0 0 0 12px rgba(141,244,217,.018),0 0 55px rgba(141,244,217,.07)!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-core::before,body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-core::after{content:"";position:absolute;inset:-14px;border:1px solid rgba(141,244,217,.12);transform:rotate(45deg);animation:ccMobileOrbit 9s linear infinite}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-core::after{inset:-28px;border-color:rgba(141,244,217,.055);animation-direction:reverse;animation-duration:14s}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-core strong{font-size:31px!important;letter-spacing:-.06em!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-core small{font-size:5px!important;letter-spacing:.18em!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-copy>span{color:#78cdb8!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-copy h1{font-size:clamp(33px,10vw,48px)!important;line-height:.94!important;letter-spacing:-.05em!important;margin:9px 0 13px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-copy>p{max-width:370px!important;margin-inline:auto!important;color:#9eb2ab!important}
  .cc-mobile-signal{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:18px 0 4px!important;font:750 5.7px/1 var(--cc-mono)!important;letter-spacing:.16em!important;color:#708a81!important;text-transform:uppercase!important}
  .cc-mobile-signal i{width:5px;height:5px;background:#8df4d9;box-shadow:0 0 11px rgba(141,244,217,.5);animation:ccProfilePulse 2s ease-in-out infinite}
  .cc-phone-lock-copy .cc-mobile-access{margin-top:18px!important;grid-template-columns:1fr!important;gap:9px!important;border-top:0!important;padding-top:0!important}
  .cc-mobile-access a{position:relative;min-height:78px!important;padding:14px 16px!important;grid-template-columns:1fr auto!important;align-items:center!important;align-content:center!important;gap:6px!important;overflow:hidden!important;background:linear-gradient(100deg,rgba(141,244,217,.035),rgba(141,244,217,.008))!important}
  .cc-mobile-access a::before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;background:#8df4d9;box-shadow:0 0 14px rgba(141,244,217,.4)}
  .cc-mobile-access a::after{content:"→";grid-column:2;grid-row:1/3;font:400 24px/1 var(--cc-mono);color:#8df4d9;transition:transform .18s ease}
  .cc-mobile-access a:active{transform:scale(.99)!important}
  .cc-mobile-access a:hover::after,.cc-mobile-access a:focus-visible::after{transform:translateX(4px)}
  .cc-mobile-access a span{font-size:5.5px!important;color:#648077!important}
  .cc-mobile-access a b{font-size:14px!important;letter-spacing:.12em!important;color:#ecf8f4!important}
  .cc-mobile-access a small{display:block;grid-column:1;font:650 6px/1.35 var(--cc-mono);letter-spacing:.10em;color:#718a81;text-transform:uppercase}

  html.cc-profile-mobile-enabled .about-presence-grid,html.cc-profile-mobile-enabled .about-standard-b103{grid-template-columns:1fr!important;gap:12px!important;margin-top:12px!important}
  html.cc-profile-mobile-enabled .about-vibe-panel{padding:20px!important}
  html.cc-profile-mobile-enabled .about-vibe-panel h2{font-size:23px!important;line-height:1.08!important;margin-bottom:15px!important}
  html.cc-profile-mobile-enabled .about-vibe-panel>p{font-size:12.5px!important;line-height:1.67!important}
  html.cc-profile-mobile-enabled .about-vibe-grid{grid-template-columns:1fr!important;gap:7px!important;margin-top:17px!important}
  html.cc-profile-mobile-enabled .about-vibe-grid>div{min-height:auto!important;padding:13px!important}
  html.cc-profile-mobile-enabled .about-signal div{padding:15px 0 15px 18px!important}
  html.cc-profile-mobile-enabled .about-signal b{font-size:11.1px!important}
  html.cc-profile-mobile-enabled .about-quote-b103{margin-top:12px!important;min-height:176px!important;padding:22px!important}
  html.cc-profile-mobile-enabled .about-quote-b103 blockquote{font-size:18px!important;line-height:1.42!important}
  html.cc-profile-mobile-enabled .cv-projects-b103 .cv-exp article{grid-template-columns:1fr!important;gap:12px!important;padding:20px 0!important}
  html.cc-profile-mobile-enabled .cv-projects-b103 .cv-exp h3{font-size:15px!important;line-height:1.27!important}
}
@keyframes ccMobileOrbit{to{transform:rotate(405deg)}}
@media(prefers-reduced-motion:reduce){.site-header::before{transition:none}.cc-phone-lock-core::before,.cc-phone-lock-core::after,.cc-mobile-signal i{animation:none!important}}

@media print{
  .site-header::before{display:none!important}
  .cv-tech-note{border-left:1pt solid #aaa!important;background:#fff!important;color:#555!important}
}

/* ========================================================================== */
/* BUILD 104 / AUTHORITY + READABILITY                                        */
/* Full composition stays visible. Readability floor rises everywhere.        */
/* Mobile gets boot, live-portfolio identity, instant rail + page-flow dock.   */
/* ========================================================================== */

/* Cursor continuity during page handoff. The cursor asset is also preloaded in HTML. */
@media(hover:hover) and (pointer:fine){
  body.cc-page-exit::after{
    content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:auto;
    background:rgba(3,8,6,.18);backdrop-filter:blur(.35px);
    cursor:url('../visuals/cc-cursor-b081-18.png') 1 1,none!important;
  }
  html,body,a,button,[role="button"]{cursor:url('../visuals/cc-cursor-b081-18.png') 1 1,none!important}
}

/* The page-position rail is evidence, not animation. */
.site-header::before{transition:none!important;will-change:width}

/* Desktop machine: larger information, same complete board. */
@media(min-width:1181px){
  .machine-head{font-size:8.8px!important;letter-spacing:.12em!important}
  .machine-head b{font-size:8.8px!important}
  .truthbar span{font-size:7.2px!important;letter-spacing:.095em!important;gap:8px!important}
  .machine-field{--cc-card-y:2.6%!important;--cc-card-h:40.3%!important}
  .telemetry-card{width:28.2%!important;padding:11px 14px 9px!important}
  .telemetry-card header{min-height:29px!important;padding-bottom:6px!important}
  .telemetry-card header b{font-size:14px!important;letter-spacing:.105em!important}
  .telemetry-card header span{font-size:7.6px!important;letter-spacing:.07em!important}
  .card-sub{margin-top:6px!important;font-size:6.8px!important;line-height:1.28!important;letter-spacing:.095em!important}
  .edge-client-evidence{margin-top:3px!important;font-size:6.1px!important;line-height:1.24!important}
  .telemetry-card .metrics{margin-top:5px!important}
  .telemetry-card .metrics>div{padding:1px 0!important}
  .telemetry-card .metrics dt,.telemetry-card .metrics dd{font-size:9.2px!important;letter-spacing:.055em!important}
  .card-security .security-grid{margin-top:5px!important;gap:5px!important}
  .card-security .security-grid>div{padding:4px 5px!important}
  .card-security .security-grid b{font-size:11.8px!important}
  .card-security .security-grid span{font-size:6.2px!important;letter-spacing:.09em!important}
  .card-security .card-note{margin-top:4px!important;font-size:5.5px!important;line-height:1.24!important;letter-spacing:.055em!important}
  .card-release .release-meta{margin-top:3px!important;padding-top:3px!important;font-size:5.5px!important;line-height:1.2!important}
  .core-package b{font-size:45px!important}
  .core-package small{font-size:7.1px!important}
  .core-package em{font-size:8.1px!important}
  .core-label{font-size:6.2px!important;letter-spacing:.11em!important}
  .desktop-runtime-strip span{font-size:6.5px!important;letter-spacing:.09em!important}
  .desktop-runtime-strip b{font-size:9.6px!important;letter-spacing:.055em!important}
  .desktop-runtime-strip small{font-size:5.7px!important;letter-spacing:.075em!important}
  .machine-foot span{font-size:6.7px!important;letter-spacing:.10em!important}
  .machine-foot b{margin-top:4px!important;font-size:10.1px!important;letter-spacing:.08em!important}
  .machine-foot p{margin-top:4px!important;font-size:7.2px!important;line-height:1.34!important;letter-spacing:.025em!important;color:#71857e!important}
  .machine-foot .public-state{font-size:6.8px!important;color:#91aaa1!important}
}

/* Still readable on ordinary laptop widths without breaking geometry. */
@media(min-width:901px) and (max-width:1180px){
  .machine-head{font-size:7.8px!important}
  .truthbar span{font-size:6.4px!important}
  .telemetry-card header b{font-size:11.6px!important}
  .telemetry-card header span{font-size:5.7px!important}
  .card-sub{font-size:5.7px!important}
  .edge-client-evidence{font-size:5.1px!important}
  .telemetry-card .metrics dt,.telemetry-card .metrics dd{font-size:7px!important}
  .card-security .security-grid b{font-size:9.4px!important}
  .card-security .security-grid span{font-size:5.1px!important}
  .card-security .card-note,.card-release .release-meta{font-size:4.5px!important}
  .desktop-runtime-strip span{font-size:5.8px!important}
  .desktop-runtime-strip b{font-size:8.6px!important}
  .desktop-runtime-strip small{font-size:5.2px!important}
  .machine-foot span{font-size:6px!important}.machine-foot b{font-size:9px!important}.machine-foot p{font-size:6.6px!important}
}

/* Low-height desktop keeps the board complete but never returns to microscopic type. */
@media(min-width:901px) and (max-height:820px){
  .telemetry-card header b{font-size:11.8px!important}
  .telemetry-card header span{font-size:5.9px!important}
  .card-sub{font-size:5.5px!important}.edge-client-evidence{font-size:4.9px!important}
  .telemetry-card .metrics dt,.telemetry-card .metrics dd{font-size:7px!important}
  .card-security .security-grid b{font-size:9.3px!important}.card-security .security-grid span{font-size:4.9px!important}
  .card-security .card-note,.card-release .release-meta{font-size:4.4px!important}
}

/* Readability floor for the profile/CV surfaces. */
@media(min-width:901px){
  .nav-links a{font-size:8.2px!important;letter-spacing:.105em!important}
  .brand-copy small{font-size:5.8px!important}
  .profile-kicker{font-size:7.4px!important}
  .about-label{font-size:7px!important}
  .about-label span,.about-label b{font-size:inherit!important}
  .about-origin .about-origin-mark{font-size:7px!important}
  .about-signal span{font-size:7px!important}.about-signal b{font-size:13px!important}
  .about-vibe-grid span{font-size:6.8px!important}.about-vibe-grid b{font-size:11.8px!important}
  .about-context-row span{font-size:6.6px!important}.about-context-row b{font-size:8.5px!important}
  .cv-toolbar div,.cv-toolbar button{font-size:7px!important}
  .cv-section-head span{font-size:6.8px!important}
  .cv-exp aside span{font-size:6.6px!important}.cv-exp aside b{font-size:8.6px!important}
  .cv-stackline span{font-size:6.5px!important}.cv-stackline b{font-size:8.8px!important}
  .cv-cap span{font-size:6.7px!important}
  .cv-tools span{font-size:6.6px!important}.cv-tools b{font-size:9.2px!important}
}

/* Compact old-work row: chronology without turning the CV into an autobiography. */
.cv-experience-compact .cv-earlier-role{opacity:.82}
.cv-experience-compact .cv-earlier-role p{max-width:820px!important}
.cv-endmark{margin-top:12px;padding:20px 0 2px;border-top:1px solid rgba(141,244,217,.15);display:flex;align-items:center;justify-content:space-between;gap:16px}
.cv-endmark span{font:750 6.5px/1 var(--cc-mono);letter-spacing:.15em;color:#6f887f}.cv-endmark b{font:850 10px/1 var(--cc-mono);letter-spacing:.13em;color:#a7eadb}

/* Mobile HOME: boot first, then an intentional LIVE PORTFOLIO / CV node. */
@media(max-width:900px), (max-height:500px) and (pointer:coarse), (pointer:coarse) and (hover:none) and (max-width:1200px){
  body:not([data-page="about"]):not([data-page="cv"])>.cc-boot{
    display:grid!important;visibility:visible!important;pointer-events:auto!important;z-index:2147483647!important;
    padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))!important;
    background:radial-gradient(circle at 50% 38%,rgba(141,244,217,.055),transparent 36%),#020604!important;
  }
  body.cc-boot-active:not([data-page="about"]):not([data-page="cv"])>.cc-phone-lock{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  body.cc-page-live:not([data-page="about"]):not([data-page="cv"])>.cc-phone-lock{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:opacity .25s ease!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-grid{inset:10px!important;background-size:28px 28px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-shell{width:min(100%,390px)!important;max-height:calc(100svh - 28px)!important;overflow:hidden!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-head{height:42px!important;padding:0 12px!important;font-size:6.1px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-machine{height:210px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-core{width:108px!important;height:108px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-core span{font-size:32px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-core small,body:not([data-page="about"]):not([data-page="cv"]) .boot-core em{font-size:5.8px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-channel{font-size:5px!important;letter-spacing:.08em!important}
  body:not([data-page="about"]):not([data-page="cv"]) .ch-core{left:5%!important;top:13%!important}.ch-source{right:5%!important;top:13%!important}.ch-truth{left:5%!important;bottom:13%!important}.ch-surface{right:5%!important;bottom:13%!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-stages{grid-template-columns:1fr!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-stages span{min-height:31px!important;padding:6px 10px!important;border-right:0!important;border-bottom:1px solid rgba(238,244,241,.05)!important;grid-template-columns:24px 1fr auto!important;grid-template-rows:1fr!important;align-items:center!important;column-gap:7px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-stages span:last-child{border-bottom:0!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-stages i{grid-row:auto!important;font-size:5.8px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-stages b{font-size:6.1px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-stages small{margin:0!important;font-size:5.2px!important;text-align:right!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-progress{padding:7px 10px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-foot{height:38px!important;padding:0 10px!important;font-size:4.8px!important;gap:8px!important}

  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-copy>span{font-size:7px!important;letter-spacing:.18em!important;color:#9bf2dc!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-copy h1{font-size:clamp(38px,11vw,50px)!important;margin:10px 0 12px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-copy>p{font-size:12.8px!important;line-height:1.58!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-head{font-size:7.2px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-mobile-access a span{font-size:6px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-mobile-access a b{font-size:15px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-mobile-access a small{font-size:6.2px!important}

  /* Phone nav rail follows the finger. No 80ms visual tail. */
  html.cc-profile-mobile-enabled .site-header::before{transition:none!important}

  /* Same CC page-flow controller as desktop, made touch-safe rather than removed. */
  html.cc-profile-mobile-enabled .cc-scroll-control{
    display:block!important;right:12px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;
    width:52px!important;max-width:calc(100vw - 24px)!important;z-index:145!important;
    overflow:hidden!important;background:rgba(3,9,7,.94)!important;backdrop-filter:blur(16px)!important;
    transition:width .18s ease,opacity .2s ease,transform .2s ease,border-color .16s ease!important;
  }
  html.cc-profile-mobile-enabled .cc-scroll-control .cc-scroll-head{display:none!important}
  html.cc-profile-mobile-enabled .cc-scroll-control .cc-scroll-toggle{grid-template-columns:30px 1fr auto!important;min-width:174px!important;min-height:48px!important;padding:0 9px!important;gap:8px!important}
  html.cc-profile-mobile-enabled .cc-scroll-control .cc-scroll-icon{width:28px!important;height:28px!important;font-size:10px!important}
  html.cc-profile-mobile-enabled .cc-scroll-control .cc-scroll-copy,html.cc-profile-mobile-enabled .cc-scroll-control .cc-scroll-toggle>em{opacity:0!important;white-space:nowrap!important;transition:opacity .1s ease!important}
  html.cc-profile-mobile-enabled .cc-scroll-control.is-running,html.cc-profile-mobile-enabled .cc-scroll-control:focus-within{width:178px!important}
  html.cc-profile-mobile-enabled .cc-scroll-control.is-running .cc-scroll-head,html.cc-profile-mobile-enabled .cc-scroll-control:focus-within .cc-scroll-head{display:flex!important}
  html.cc-profile-mobile-enabled .cc-scroll-control.is-running .cc-scroll-copy,html.cc-profile-mobile-enabled .cc-scroll-control.is-running .cc-scroll-toggle>em,html.cc-profile-mobile-enabled .cc-scroll-control:focus-within .cc-scroll-copy,html.cc-profile-mobile-enabled .cc-scroll-control:focus-within .cc-scroll-toggle>em{opacity:1!important}
  html.cc-profile-mobile-enabled .cc-scroll-head{font-size:5.5px!important;padding:8px 9px 7px!important}
  html.cc-profile-mobile-enabled .cc-scroll-toggle .cc-scroll-copy span{font-size:5.2px!important}
  html.cc-profile-mobile-enabled .cc-scroll-toggle .cc-scroll-copy b{font-size:7.4px!important}
  html.cc-profile-mobile-enabled .cc-scroll-toggle>em{font-size:7.8px!important}
  html.cc-profile-mobile-enabled .cc-scroll-progress i{transition:none!important}

  /* Mobile ABOUT/CV microcopy should be readable without face-to-screen distance. */
  html.cc-profile-mobile-enabled .nav-links a{font-size:7.4px!important}
  html.cc-profile-mobile-enabled .profile-kicker{font-size:7px!important}
  html.cc-profile-mobile-enabled .about-label{font-size:6.4px!important}
  html.cc-profile-mobile-enabled .about-origin .about-origin-mark{font-size:6.1px!important;line-height:1.35!important}
  html.cc-profile-mobile-enabled .about-signal span{font-size:6.3px!important}
  html.cc-profile-mobile-enabled .about-context-row span{font-size:5.9px!important}
  html.cc-profile-mobile-enabled .cv-toolbar div,html.cc-profile-mobile-enabled .cv-toolbar button{font-size:6.2px!important}
  html.cc-profile-mobile-enabled .cv-section-head span{font-size:6.4px!important}
  html.cc-profile-mobile-enabled .cv-exp aside span{font-size:6.2px!important}
  html.cc-profile-mobile-enabled .cv-exp aside b{font-size:8.2px!important}
  html.cc-profile-mobile-enabled .cv-stackline span{font-size:6.1px!important}.cv-stackline b{font-size:8.4px!important}
  html.cc-profile-mobile-enabled .cv-cap span{font-size:6.2px!important}
  html.cc-profile-mobile-enabled .cv-tools span{font-size:6.1px!important}.cv-tools b{font-size:8.8px!important}
  html.cc-profile-mobile-enabled .cv-endmark{padding:18px 0 4px!important}.cv-endmark span{font-size:6px!important}.cv-endmark b{font-size:8.7px!important}
}

@media(max-width:390px){
  body:not([data-page="about"]):not([data-page="cv"]) .boot-machine{height:190px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-stages span{min-height:29px!important}
  body:not([data-page="about"]):not([data-page="cv"]) .boot-foot span:first-child{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  body.cc-page-exit::after{backdrop-filter:none!important}
  html.cc-profile-mobile-enabled .cc-scroll-control{transition:none!important}
}

@media print{
  .cv-endmark{border-top:1pt solid #ccc!important}.cv-endmark span,.cv-endmark b{color:#222!important}
}

/* Final readability calibration after 1920x1080 visual QA. */
@media(min-width:1181px) and (min-height:821px){
  .machine-head,.machine-head b{font-size:10px!important}
  .truthbar span{font-size:8.3px!important}
  .telemetry-card{width:28.5%!important}
  .telemetry-card header b{font-size:15.5px!important}
  .telemetry-card header span{font-size:8.6px!important}
  .card-sub{font-size:7.7px!important}.edge-client-evidence{font-size:7px!important}
  .telemetry-card .metrics dt,.telemetry-card .metrics dd{font-size:10.4px!important}
  .card-security .security-grid b{font-size:13px!important}.card-security .security-grid span{font-size:7px!important}
  .card-security .card-note,.card-release .release-meta{font-size:6.2px!important}
  .desktop-runtime-strip span{font-size:7.3px!important}.desktop-runtime-strip b{font-size:10.5px!important}.desktop-runtime-strip small{font-size:6.4px!important}
  .machine-foot span{font-size:7.5px!important}.machine-foot b{font-size:11.2px!important}.machine-foot p{font-size:8.1px!important}.machine-foot .public-state{font-size:7.4px!important}
  .core-package small{font-size:7.7px!important}.core-package em{font-size:8.7px!important}.core-label{font-size:6.8px!important}
}
@media(min-width:1181px) and (min-height:821px){
  .telemetry-card .card-sub{font-size:7.7px!important}
  .telemetry-card .edge-client-evidence{font-size:7px!important}
}

/* B104 / microtext promotion: these lines are information, not decoration. */
@media(min-width:1181px) and (min-height:821px){
  .card-security .card-note{
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    font-size:6.9px!important;line-height:1.35!important;color:#70867f!important;
  }
  .card-release .release-meta{
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    font-size:7px!important;line-height:1.32!important;color:#86aa9f!important;
  }
  .machine-foot p{font-size:8.7px!important;line-height:1.38!important;color:#82968f!important}
}


/* ========================================================================== */
/* BUILD 105 / MOBILE FLOW ENGINE                                              */
/* Fluid across phone widths; no single-device breakpoint tuning.              */
/* ========================================================================== */
@media(max-width:900px){
  html.cc-profile-mobile-enabled .cc-scroll-control{
    right:clamp(8px,2.8vw,12px)!important;
    bottom:calc(clamp(9px,2.8vw,14px) + env(safe-area-inset-bottom))!important;
    width:clamp(40px,10.8vw,44px)!important;
    max-width:calc(100vw - 16px)!important;
    border-radius:0!important;
    transition:width .16s ease,opacity .18s ease,transform .18s ease,border-color .14s ease!important;
  }
  html.cc-profile-mobile-enabled .cc-scroll-control .cc-scroll-toggle{
    grid-template-columns:clamp(22px,6.5vw,25px) 1fr auto!important;
    min-width:clamp(136px,39vw,152px)!important;
    min-height:clamp(38px,10.5vw,42px)!important;
    padding:0 clamp(7px,2.2vw,9px)!important;
    gap:clamp(5px,1.7vw,7px)!important;
  }
  html.cc-profile-mobile-enabled .cc-scroll-control .cc-scroll-icon{
    width:clamp(21px,6vw,24px)!important;
    height:clamp(21px,6vw,24px)!important;
    font-size:clamp(8px,2.4vw,9.5px)!important;
  }
  html.cc-profile-mobile-enabled .cc-scroll-control.is-running,
  html.cc-profile-mobile-enabled .cc-scroll-control:focus-within{
    width:clamp(136px,39vw,152px)!important;
  }
  html.cc-profile-mobile-enabled .cc-scroll-head{
    font-size:clamp(4.8px,1.45vw,5.4px)!important;
    padding:clamp(6px,1.8vw,8px) clamp(7px,2vw,9px) clamp(5px,1.5vw,7px)!important;
  }
  html.cc-profile-mobile-enabled .cc-scroll-toggle .cc-scroll-copy span{font-size:clamp(4.7px,1.35vw,5.2px)!important}
  html.cc-profile-mobile-enabled .cc-scroll-toggle .cc-scroll-copy b{font-size:clamp(6.5px,1.95vw,7.3px)!important}
  html.cc-profile-mobile-enabled .cc-scroll-toggle>em{font-size:clamp(6.8px,2vw,7.6px)!important}
  html.cc-profile-mobile-enabled .cc-scroll-progress{height:1px!important}
  html.cc-profile-mobile-enabled .cc-scroll-progress i{transition:none!important}
}

@media(max-width:340px){
  html.cc-profile-mobile-enabled .cc-scroll-control.is-running,
  html.cc-profile-mobile-enabled .cc-scroll-control:focus-within{width:min(136px,calc(100vw - 20px))!important}
}

/* ========================================================================== */
/* BUILD 105 / FULL POLISH                                                     */
/* Interaction continuity, typography floor, responsive geometry, final fit.  */
/* ========================================================================== */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{-webkit-tap-highlight-color:transparent}
a,button,[role="button"],summary,label{touch-action:manipulation}
:is(a,button,[role="button"],summary):focus-visible{outline:1px solid var(--cc-mint)!important;outline-offset:4px!important}
:is(a,button,[role="button"]){-webkit-tap-highlight-color:transparent}
:is(h1,h2,h3,.profile-lead,.cv-summary p){text-wrap:balance}
:is(.cv-exp p,.cv-exp li,.profile-card p,.about-vibe-panel>p){text-wrap:pretty}

/* Fine-pointer cursor ownership is absolute on every state and control. */
@media(hover:hover) and (pointer:fine){
  html,body,body *,body *::before,body *::after,
  a,a:hover,a:active,a:focus,button,button:hover,button:active,button:focus,
  [role="button"],[role="button"]:hover,[role="button"]:active,[role="button"]:focus,
  input,select,textarea,summary,label{
    cursor:url('../visuals/cc-cursor-b081-18.png') 1 1,none!important;
  }
  .nav-links a,.cc-cv-action,.cv-toolbar button,.cc-scroll-toggle,.cc-mobile-access a,.brand,
  .core-package[role="button"],.cc-inspector-tabs button,.cc-inspector-activity-head button{
    transition-duration:.16s!important;
  }
}

/* Desktop authority polish without changing the B104 composition. */
@media(min-width:901px){
  .brand-copy small{font-size:6.4px!important;color:#7f948c!important}
  .nav-links a{font-size:8.5px!important;min-height:44px;display:grid;place-items:center}
  .cc-cv-action .cv-copy span{font-size:6.4px!important}.cc-cv-action .cv-copy b{font-size:12.4px!important}
  .principles b{font-size:11px!important}.principles span{font-size:9.1px!important;line-height:1.52!important}
  .cv-toolbar button{min-height:42px!important;font-size:7px!important;padding-inline:16px!important}
  .cv-toolbar button:hover{border-color:rgba(141,244,217,.48)!important;background:rgba(141,244,217,.045)!important;transform:translateY(-1px)}
  .profile-page-hero,.cv-head{scroll-margin-top:110px}
  .profile-lead{font-size:15.4px!important;line-height:1.74!important}
  .about-signal b{font-size:12.4px!important}
  .cv-summary p{font-size:13.7px!important}
  .cv-exp p{font-size:11.2px!important}.cv-exp li{font-size:10.6px!important}
  .cv-tools b{font-size:8.9px!important}
}

/* Hover polish is reserved for devices that actually hover. */
@media(hover:hover) and (pointer:fine){
  .cv-cap,.cv-tools>div,.about-vibe-grid>div,.about-signal>div{
    transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
  }
  .cv-cap:hover,.cv-tools>div:hover,.about-vibe-grid>div:hover{
    border-color:rgba(141,244,217,.23)!important;background:rgba(141,244,217,.018)!important;transform:translateY(-1px);
  }
}

/* Phone/tablet polish: fluid, compact and readable across 320–480+ widths. */
@media(max-width:900px), (pointer:coarse) and (hover:none) and (max-width:1200px){
  html.cc-profile-mobile-enabled .site-header{min-height:58px!important}
  html.cc-profile-mobile-enabled .nav-shell{width:calc(100% - clamp(22px,6vw,34px))!important}
  html.cc-profile-mobile-enabled .brand{gap:9px!important}
  html.cc-profile-mobile-enabled .brand-mark{width:38px!important;height:38px!important}
  html.cc-profile-mobile-enabled .brand-snake{width:44px!important;height:44px!important;inset:-3px!important}
  html.cc-profile-mobile-enabled .brand-copy b{font-size:clamp(8.4px,2.45vw,10px)!important;letter-spacing:.11em!important}
  html.cc-profile-mobile-enabled .brand-copy small{font-size:clamp(4.8px,1.35vw,5.5px)!important;letter-spacing:.10em!important}
  html.cc-profile-mobile-enabled .nav-links{gap:clamp(10px,3vw,16px)!important}
  html.cc-profile-mobile-enabled .nav-links a{font-size:clamp(6.8px,1.95vw,7.8px)!important;padding-inline:2px!important;min-height:42px!important}

  html.cc-profile-mobile-enabled .profile-main,
  html.cc-profile-mobile-enabled .cv-main{width:calc(100% - clamp(22px,6vw,32px))!important;padding-top:clamp(82px,22vw,102px)!important;padding-bottom:calc(58px + env(safe-area-inset-bottom))!important}
  html.cc-profile-mobile-enabled .profile-page-hero{padding-top:clamp(18px,5vw,26px)!important;padding-bottom:clamp(20px,5.5vw,28px)!important}
  html.cc-profile-mobile-enabled .profile-page-hero h1{font-size:clamp(42px,13vw,62px)!important;line-height:.91!important}
  html.cc-profile-mobile-enabled .profile-lead{font-size:clamp(13px,3.55vw,14.4px)!important;line-height:1.68!important}
  html.cc-profile-mobile-enabled .about-vibe-panel{padding:clamp(17px,4.8vw,22px)!important}
  html.cc-profile-mobile-enabled .about-vibe-panel h2{font-size:clamp(24px,7.4vw,31px)!important}
  html.cc-profile-mobile-enabled .about-vibe-panel>p{font-size:clamp(12.8px,3.5vw,14px)!important;line-height:1.68!important}
  html.cc-profile-mobile-enabled .about-signal b{font-size:clamp(11.4px,3.1vw,12.6px)!important}

  html.cc-profile-mobile-enabled .cv-sheet{padding:clamp(16px,4.8vw,22px)!important}
  html.cc-profile-mobile-enabled .cv-head h1{font-size:clamp(38px,11.5vw,52px)!important}
  html.cc-profile-mobile-enabled .cv-role{font-size:clamp(7.5px,2.15vw,9px)!important;line-height:1.5!important}
  html.cc-profile-mobile-enabled .cv-summary p{font-size:clamp(12.8px,3.5vw,14px)!important;line-height:1.68!important}
  html.cc-profile-mobile-enabled .cv-section{padding-block:clamp(19px,5.4vw,25px)!important}
  html.cc-profile-mobile-enabled .cv-section-head h2{font-size:clamp(18px,5.3vw,22px)!important}
  html.cc-profile-mobile-enabled .cv-exp article{gap:clamp(13px,4vw,18px)!important;padding-block:clamp(18px,5vw,24px)!important}
  html.cc-profile-mobile-enabled .cv-exp h3{font-size:clamp(13px,3.8vw,15px)!important;line-height:1.34!important}
  html.cc-profile-mobile-enabled .cv-exp p{font-size:clamp(11.6px,3.2vw,12.8px)!important;line-height:1.62!important}
  html.cc-profile-mobile-enabled .cv-exp li{font-size:clamp(11.2px,3.05vw,12.3px)!important;line-height:1.58!important}
  html.cc-profile-mobile-enabled .cv-stackline b{font-size:clamp(8px,2.25vw,9.2px)!important;line-height:1.52!important}
  html.cc-profile-mobile-enabled .cv-cap p{font-size:clamp(11.2px,3.05vw,12.2px)!important;line-height:1.58!important}
  html.cc-profile-mobile-enabled .cv-tools b{font-size:clamp(8.4px,2.4vw,9.4px)!important;line-height:1.5!important}

  /* Page-flow dock: smaller and proportional on every phone, not device-specific. */
  html.cc-profile-mobile-enabled .cc-scroll-control{
    right:clamp(8px,2.4vw,11px)!important;
    bottom:calc(clamp(8px,2.4vw,12px) + env(safe-area-inset-bottom))!important;
    width:clamp(38px,10.2vw,42px)!important;
  }
  html.cc-profile-mobile-enabled .cc-scroll-control .cc-scroll-toggle{
    grid-template-columns:clamp(21px,5.9vw,24px) 1fr auto!important;
    min-width:clamp(128px,37vw,146px)!important;
    min-height:clamp(36px,9.8vw,40px)!important;
    padding-inline:clamp(6px,1.8vw,8px)!important;
  }
  html.cc-profile-mobile-enabled .cc-scroll-control .cc-scroll-icon{width:clamp(20px,5.7vw,23px)!important;height:clamp(20px,5.7vw,23px)!important}
  html.cc-profile-mobile-enabled .cc-scroll-control.is-running,
  html.cc-profile-mobile-enabled .cc-scroll-control:focus-within{width:clamp(128px,37vw,146px)!important}

  /* Mobile boot/gateway fit: same identity, less bulk on compact screens. */
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-shell{width:min(92vw,430px)!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-core{width:clamp(84px,24vw,98px)!important;height:clamp(84px,24vw,98px)!important;margin:clamp(22px,6vw,30px) auto clamp(18px,5vw,24px)!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-copy h1{font-size:clamp(34px,10.5vw,48px)!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-copy>p{font-size:clamp(11.8px,3.25vw,13px)!important;line-height:1.58!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-mobile-access a{min-height:clamp(68px,18vw,76px)!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-mobile-access a b{font-size:clamp(13px,3.8vw,15px)!important}
}

@media(max-width:350px){
  html.cc-profile-mobile-enabled .brand-copy small{display:none!important}
  html.cc-profile-mobile-enabled .profile-main,html.cc-profile-mobile-enabled .cv-main{width:calc(100% - 20px)!important}
  body:not([data-page="about"]):not([data-page="cv"]) .cc-phone-lock-shell{width:calc(100vw - 16px)!important}
}

@media(prefers-reduced-motion:reduce){
  :root{scroll-behavior:auto!important}
  body.cc-page-exit::after{transition:none!important}
}