/* K.PUBLIC.EMAIL.C01–C04: public presentation, not security enforcement. */
body[data-page="email"] {
  --email-line: color-mix(in srgb, var(--rgbm-system, #35e0e0) 36%, transparent);
  --email-surface: var(--surface, #0d1b2b);
  --email-ink: var(--text, #e8eefc);
  --email-muted: var(--text-dim, #a8bbcd);
}
body[data-page="email"][data-dgrid-layout="D.LAYOUT.EMAIL"] > .wrap { width:100%; max-width:none; padding-inline:0; }
body[data-page="email"][data-dgrid-layout="D.LAYOUT.EMAIL"] main.content-field {
  width:100%; max-width:none; min-width:0; min-height:0; box-sizing:border-box;
  padding:clamp(16px,2.4vw,40px); display:grid; grid-template-columns:repeat(24,minmax(0,1fr));
  align-content:start; gap:24px; overflow-y:auto;
}
body[data-page="email"] main.content-field > section {
  grid-column:1 / -1; min-width:0; margin:0; border:1px solid var(--email-line);
  border-radius:16px; padding:clamp(20px,3vw,44px); color:var(--email-ink);
  background:var(--email-surface); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--email-ink) 12%,transparent),0 14px 36px #0002;
  scroll-margin-top:24px;
}
body[data-page="email"] :is(h1,h2,h3,p) { margin:0; overflow-wrap:anywhere; }
body[data-page="email"] h1 { font-size:clamp(2rem,3.4vw,4.4rem); line-height:1.28; letter-spacing:-.025em; margin:24px 0; }
body[data-page="email"] h1 em { color:var(--rgbm-system,#35e0e0); font-style:normal; }
body[data-page="email"] h2 { font-size:clamp(1.45rem,2vw,2.1rem); line-height:1.45; margin:8px 0 12px; }
body[data-page="email"] h3 { font-size:1.2rem; line-height:1.5; }
body[data-page="email"] p { line-height:1.85; color:var(--email-muted); }
body[data-page="email"] .email-coordinate { color:var(--rgbm-system,#35e0e0); font:600 .73rem/1.6 var(--font-mono,monospace); letter-spacing:.08em; }
body[data-page="email"] .email-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:center; gap:clamp(24px,4vw,64px); }
body[data-page="email"] .email-lead { font-size:1.08rem; max-width:62ch; }
body[data-page="email"] .email-tags { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
body[data-page="email"] .email-tags span { padding:5px 12px; border:1px solid var(--email-line); border-radius:6px; font-size:.8rem; }
body[data-page="email"] .email-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
body[data-page="email"] .email-actions a { border:1px solid var(--email-line); padding:12px 18px; border-radius:8px; color:var(--email-ink); text-decoration:none; line-height:1.5; }
body[data-page="email"] .email-actions a:first-child { background:var(--rgbm-system,#35e0e0); color:#071b25; font-weight:700; }
body[data-page="email"] a:focus-visible,body[data-page="email"] input:focus-visible { outline:3px solid var(--rgbm-system,#35e0e0); outline-offset:4px; }
body[data-page="email"] .email-disclaimer { margin-top:20px; max-width:68ch; font-size:.82rem; }
body[data-page="email"] .email-visual-panel { min-width:0; border:1px solid var(--email-line); border-radius:12px; overflow:hidden; background:#071523; color:#dceefa; }
body[data-page="email"] .email-panel-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:16px 20px; border-bottom:1px solid #29475a; font:600 .72rem/1.5 var(--font-mono,monospace); color:#95d3e6; }
body[data-page="email"] .email-pause { margin:16px 8px 0 20px; accent-color:#54e6db; width:16px; height:16px; vertical-align:middle; }
body[data-page="email"] .email-pause-label { font-size:.8rem; cursor:pointer; display:inline-block; padding:10px 0; color:#dceefa; }
body[data-page="email"] .email-island-scene { height:340px; position:relative; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at center,#12526188,transparent 65%),linear-gradient(#3bd9ed0d 1px,transparent 1px),linear-gradient(90deg,#3bd9ed0d 1px,transparent 1px); background-size:auto,24px 24px,24px 24px; }
body[data-page="email"] .email-orbit { position:absolute; left:50%; top:50%; width:290px; height:290px; margin:-145px; border:1px solid #39cfe977; border-radius:50%; box-shadow:0 0 0 18px #35e0e008,inset 0 0 24px #36dbe011; }
body[data-page="email"] .email-orbit::after { content:""; position:absolute; inset:-5px; border:2px solid transparent; border-top-color:#6be5ed; border-radius:50%; animation:email-orbit 24s linear infinite; }
body[data-page="email"] .email-orbit-inner { width:220px; height:220px; margin:-110px; border-style:dashed; }
body[data-page="email"] .email-orbit-inner::after { animation-direction:reverse; animation-duration:18s; border-top-color:#80a6ff; }
body[data-page="email"] .email-island-core { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); display:grid; justify-items:center; gap:8px; width:185px; padding:24px 10px; border:1px solid #61d9e6; border-radius:18px; background:linear-gradient(135deg,#18384b,#081926); box-shadow:0 20px 25px #0007,inset 0 1px #bffaff77; }
body[data-page="email"] .email-core-symbol { font:700 36px/1.5 var(--font-mono,monospace); color:#80fff0; }
body[data-page="email"] .email-island-core strong { font:600 .83rem/1.5 var(--font-mono,monospace); letter-spacing:.1em; }
body[data-page="email"] .email-island-core small { font:500 .6rem/1.5 var(--font-mono,monospace); color:#a4cbdc; }
body[data-page="email"] .email-layer-pin { position:absolute; z-index:2; padding:7px 10px; border:1px solid #376173; background:#0b2030; border-radius:5px; font:600 .65rem/1.5 var(--font-mono,monospace); color:#ace7ef; }
body[data-page="email"] .email-pin-public { left:7%; top:15%; }
body[data-page="email"] .email-pin-gate { right:7%; top:40%; }
body[data-page="email"] .email-pin-mail { left:16%; bottom:13%; }
body[data-page="email"] .email-number-track { position:absolute; bottom:8px; display:flex; width:max-content; color:#6fb3c7; font:.65rem/1.5 var(--font-mono,monospace); animation:email-stream 32s linear infinite; }
body[data-page="email"] .email-number-track span { white-space:pre; }
body[data-page="email"] .email-formula { border-top:1px solid #29475a; padding:16px 20px; }
body[data-page="email"] .email-formula code { color:#8af4e7; font-size:.85rem; }
body[data-page="email"] .email-formula p { color:#aac3d4; font-size:.76rem; margin-top:8px; }
body[data-page="email"] .email-pause:checked ~ .email-island-scene .email-number-track,
body[data-page="email"] .email-pause:checked ~ .email-island-scene .email-orbit::after { animation-play-state:paused; }
body[data-page="email"] .email-pillars-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:28px; }
body[data-page="email"] .email-pillar-card { position:relative; min-width:0; padding:24px; border:1px solid var(--email-line); border-radius:12px; display:flex; flex-direction:column; align-items:start; gap:12px; background:linear-gradient(145deg,color-mix(in srgb,var(--rgbm-system,#35e0e0) 5%,transparent),transparent); }
body[data-page="email"] .email-layer-number { display:grid; place-items:center; width:48px; height:48px; border:1px solid var(--email-line); border-radius:12px; color:var(--rgbm-system,#35e0e0); font:600 1.1rem var(--font-mono,monospace); margin-bottom:8px; }
body[data-page="email"] .email-pillar-card a { margin-top:auto; padding-top:12px; }
body[data-page="email"] :is(.email-pillar-card,.email-evidence) a { color:var(--email-ink); text-underline-offset:5px; }
body[data-page="email"] .email-boundary-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:40px; margin-top:24px; }
body[data-page="email"] .email-flow ol { padding:0; margin:24px 0; list-style:none; display:flex; flex-wrap:wrap; gap:12px; }
body[data-page="email"] .email-flow li { padding:10px 14px; border:1px solid var(--email-line); border-radius:6px; font-size:.85rem; }
body[data-page="email"] .email-flow li:not(:last-child)::after { content:" →"; color:var(--rgbm-system,#35e0e0); }
body[data-page="email"] .email-evidence { margin:0; }
body[data-page="email"] .email-evidence > div { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:16px 0; border-bottom:1px solid var(--email-line); font-size:.85rem; line-height:1.7; }
body[data-page="email"] .email-evidence dt { color:var(--email-muted); }
body[data-page="email"] .email-evidence dd { margin:0; overflow-wrap:anywhere; }
body[data-page="email"] .email-subscribe-banner { display:flex; justify-content:space-between; align-items:center; gap:32px; flex-wrap:wrap; }
@keyframes email-orbit { to { transform:rotate(360deg); } }
.email-tech { margin-bottom:32px; padding-bottom:28px; border-bottom:1px solid var(--email-line); }
.email-tech-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:20px; }
.email-tech-card { min-width:0; padding:20px; border:1px solid var(--email-line); border-radius:12px; }
.email-tech-card h4 { margin:0 0 10px; font-size:1.1rem; line-height:1.6; color:var(--email-ink); }
.email-tech-state { display:block; padding:6px 10px; border-inline-start:3px solid var(--rgbm-system,#35e0e0); font-size:.8rem; line-height:1.8; color:var(--email-muted); }
.email-tech-card dl { margin:16px 0; }
.email-tech-card dl > div { padding:14px 0; border-bottom:1px solid var(--email-line); }
.email-tech-card dt { font-weight:600; color:var(--email-ink); line-height:1.6; }
.email-tech-card dd { margin:6px 0 0; line-height:1.85; color:var(--email-muted); overflow-wrap:anywhere; }
.email-tech a { color:var(--email-ink); text-underline-offset:4px; }
.email-tech-routing { margin-top:20px; }
body[data-page="email"] .email-tech-evidence { margin-top:20px; font-size:.85rem; }
@media(max-width:1000px) { .email-tech-grid { grid-template-columns:1fr; } }
@keyframes email-stream { to { transform:translateX(-50%); } }
@media(max-width:1000px) { body[data-page="email"] .email-hero,body[data-page="email"] .email-boundary-grid { grid-template-columns:1fr; } }
@media(max-width:680px) {
 body[data-page="email"] .email-pillars-grid { grid-template-columns:1fr; }
 body[data-page="email"] main.content-field > section { padding:20px 16px; }
 body[data-page="email"] .email-island-scene { height:310px; }
 body[data-page="email"] .email-layer-pin { font-size:.58rem; }
 body[data-page="email"] .email-pin-public { left:3%; }
 body[data-page="email"] .email-pin-gate { right:3%; top:25%; }
 body[data-page="email"] .email-evidence > div { grid-template-columns:1fr; gap:4px; }
}
@media(prefers-reduced-motion:reduce) { body[data-page="email"] .email-number-track,body[data-page="email"] .email-orbit::after { animation:none; } }

/* K.PUBLIC.EMAIL owns a single public document flow. Hide browser chrome on
 * the route itself, without suppressing native wheel, touch or keyboard
 * scrolling and without changing any inner Email presentation surface. */
html:has(body[data-page="email"][data-route="email"]),
body[data-page="email"][data-route="email"] {
  scrollbar-width:none;
  scrollbar-gutter:auto;
}
html:has(body[data-page="email"][data-route="email"])::-webkit-scrollbar,
body[data-page="email"][data-route="email"]::-webkit-scrollbar {
  display:none;
  width:0;
  height:0;
}