/* Shared geometry; the light profile uses an editorial language, the workspace keeps its TUI. */
body[data-layer="profile"] {
  --bg:#fff;--line:#d8ddd6;--text:#202b25;--muted:#69776e;
  --accent:#284836;--selection:#eef3ed;
}
.terminal{max-width:1500px}
.workspace{grid-template-columns:260px minmax(0,1fr);gap:18px}
.identity{padding:0 18px 22px}
.portrait{width:100%;max-width:182px;aspect-ratio:4/5;margin-bottom:16px;background:#e8ede8;position:relative}
#portrait-placeholder{position:relative;padding:14px;color:#44614c;background:linear-gradient(145deg,#e9eee9,#dfe8df)}
#portrait-placeholder::before{content:"";position:absolute;inset:9px;border:1px solid #c5d2c7;pointer-events:none}
.portrait-cross{position:relative;font-size:16px;line-height:1}
.portrait-initials{position:absolute;left:18px;bottom:40px;font:normal clamp(42px,5vw,65px)/1 Georgia,serif;letter-spacing:-.07em}
.portrait-caption{position:relative;align-self:flex-end;font:9px/1.3 'SFMono-Regular',Consolas,monospace;text-transform:uppercase;letter-spacing:.07em}
.identity strong{display:block;font:normal 23px/1.1 Georgia,serif;letter-spacing:-.03em}
.identity p{margin-top:8px;line-height:1.35}
body[data-layer="workspace"] .portrait{max-width:158px;background:var(--selection)}
body[data-layer="workspace"] #portrait-placeholder{background:var(--selection);color:var(--accent)}
body[data-layer="workspace"] #portrait-placeholder::before{border-color:var(--line)}
body[data-layer="workspace"] .portrait-initials{font-family:'SFMono-Regular',Consolas,monospace;font-size:35px;letter-spacing:-.06em}
body[data-layer="profile"] .terminal{padding:24px clamp(24px,3.4vw,54px);gap:14px;grid-template-rows:40px minmax(0,1fr) 96px 24px}
body[data-layer="profile"] .workspace{grid-template-columns:260px minmax(0,1fr);gap:38px}
body[data-layer="profile"] .explorer{padding-top:26px;border-right:1px solid var(--line)}
body[data-layer="profile"] .root{padding:6px 18px 9px;font-size:10px;letter-spacing:.17em;color:#89958a}
body[data-layer="profile"] .file{position:relative;padding:7px 18px;min-height:36px;gap:22px;font-size:14px;transition:background-color .15s ease,color .15s ease}
body[data-layer="profile"] .file .number{min-width:18px;font-size:10px;color:#87968b}
body[data-layer="profile"] .file[aria-current=page]{background:#edf3ec;color:#20432d;font-weight:600}
body[data-layer="profile"] .file[aria-current=page]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#42664b}
body[data-layer="profile"] .file[aria-current=page]::after{font-weight:400;margin-left:auto}
body[data-layer="profile"] .sidebar-bottom{padding:16px 18px 0;font-size:10px;line-height:1.6;letter-spacing:.05em;text-transform:uppercase}
body[data-layer="profile"] .reader-pane{grid-template-rows:40px minmax(0,1fr) 29px}
body[data-layer="profile"] .reader-bar{padding:8px 0 9px;font-size:10px;font-weight:600;color:#859087;letter-spacing:.17em}
body[data-layer="profile"] .reader-bar span:first-child{color:#4c6855}
body[data-layer="profile"] .reader-bottom{padding:4px 0 0;font-size:10px;opacity:1}
body[data-layer="profile"] .document{padding:clamp(26px,4.2vw,64px) clamp(10px,4vw,64px) 36px 0;font-size:16px;line-height:1.65}
body[data-layer="profile"] .document-inner{max-width:760px}
body[data-layer="profile"] .profile-kicker{display:flex;justify-content:space-between;border-bottom:1px solid #dce4da;padding-bottom:13px;margin:0 0 26px;font-size:10px;letter-spacing:.17em;color:#5e8066}
body[data-layer="profile"] h1{font:normal clamp(58px,7vw,108px)/.96 Georgia,'Times New Roman',serif;letter-spacing:-.075em;margin:0 0 32px;color:#1e3829}
body[data-layer="profile"] h1 .dim{display:block;margin-top:20px;font:normal clamp(21px,2.3vw,31px)/1.25 Georgia,serif;letter-spacing:-.035em;color:#6a796d}
body[data-layer="profile"] .metadata{display:grid;grid-template-columns:90px 1fr;margin:0 0 30px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:8px 20px;font-size:13px;line-height:1.5}
body[data-layer="profile"] .metadata dt{font:10px/2 'SFMono-Regular',Consolas,monospace;text-transform:uppercase;letter-spacing:.1em;color:#7e8b7e}
body[data-layer="profile"] .metadata dd{color:#3a4b3f}
body[data-layer="profile"] h2{font:normal 24px/1.2 Georgia,serif;color:#243e2c;letter-spacing:-.025em;margin:26px 0 8px}
body[data-layer="profile"] .rule{display:none}
body[data-layer="profile"] .comment{font-size:12px;color:#849086}
body[data-layer="profile"] .quicklinks{grid-template-columns:1fr 1fr;gap:0 26px;margin-top:14px}
body[data-layer="profile"] .quicklinks a{font-size:14px;color:#244632;border-color:#cddbd0;padding:11px 0}
body[data-layer="profile"] .quicklinks a:hover{background:#f2f6f1}
body[data-layer="profile"] .quicklinks small{font-size:10px;white-space:nowrap;color:#7e8e80}
body[data-layer="profile"] .empty{background:#f4f7f3;border-left:2px solid #8ea995;color:#647568;padding:18px 22px}
body[data-layer="profile"] .entry{border-bottom:1px solid var(--line);padding:20px 0}
body[data-layer="profile"] .entry h2{margin:0 0 8px}
#enter-workspace{position:relative;overflow:hidden;background:#24412f;border:1px solid #24412f;color:#f5f8f2;padding:17px 22px 17px 24px;align-items:center;transition:background-color .2s ease,transform .2s ease,border-color .2s ease}
#enter-workspace::after{content:"↗";display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid #6e8c72;font:24px/1 Georgia,serif;transition:transform .2s ease,background-color .2s ease}
#enter-workspace:hover{background:#31543b;border-color:#31543b}
#enter-workspace:hover::after{transform:translate(3px,-3px);background:#426a49}
#enter-workspace:active{transform:translateY(2px)}
#enter-workspace small{color:#acc2af;font-size:10px;letter-spacing:.15em;margin-bottom:6px}
#enter-workspace strong{font:normal 24px/1.15 Georgia,serif;letter-spacing:-.02em}
.entry-description{margin-left:auto;margin-right:32px;color:#c4d2c3;font-size:12px}
.profile-footer{font-size:10px;text-transform:uppercase;letter-spacing:.12em}
/* The canvas owns the transition; the page beneath changes only while covered. */
body[data-transitioning],body[data-transitioning] .terminal,body[data-transitioning] .pane,body[data-transitioning] .reader-bar,body[data-transitioning] .file{transition:none!important}
body[data-transitioning] .console,body[data-transitioning] .statusbar{animation:none}
body[data-transitioning] #enter-workspace{opacity:1}
.layer-canvas{position:fixed;inset:0;width:100vw;height:100dvh;display:block;pointer-events:none;z-index:30}
@media(max-width:900px) and (min-width:721px){body[data-layer="profile"] .workspace{grid-template-columns:210px minmax(0,1fr);gap:24px}body[data-layer="profile"] .quicklinks{grid-template-columns:1fr}body[data-layer="profile"] .document{padding-right:10px}.portrait{max-width:174px}}
@media(max-width:720px){
  .terminal{padding:10px;gap:10px}.workspace{grid-template-columns:1fr;gap:10px}
  .identity{display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto;gap:2px 16px;align-items:end;padding:6px 14px 13px}
  .portrait,body[data-layer="workspace"] .portrait{width:80px;max-width:80px;grid-row:1/3;margin:0}
  #portrait-placeholder{padding:7px}.portrait-cross,.portrait-caption{display:none}.portrait-initials{left:8px;bottom:8px;font-size:25px}
  body[data-layer="workspace"] .portrait-initials{font-size:20px}
  .identity strong{font-size:24px;align-self:end}.identity p{font-size:10px;align-self:start;margin:2px 0 0}
  body[data-layer="profile"] .terminal{padding:9px;grid-template-rows:31px minmax(0,1fr) 92px 20px;gap:9px}
  body[data-layer="profile"] .workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:8px}
  body[data-layer="profile"] .explorer{padding:0;border-right:0;border-bottom:1px solid var(--line)}
  body[data-layer="profile"] .file{padding:10px 11px;min-height:36px;gap:6px;font-size:12px}
  body[data-layer="profile"] .file .number{font-size:9px;min-width:14px}
  body[data-layer="profile"] .file[aria-current=page]::before{top:auto;right:0;height:2px;width:auto}
  body[data-layer="profile"] .reader-pane{grid-template-rows:30px minmax(0,1fr) 23px}
  body[data-layer="profile"] .reader-bar{padding:6px 8px}
  body[data-layer="profile"] .document{padding:24px 16px 28px;font-size:15px}
  body[data-layer="profile"] .profile-kicker{margin-bottom:22px}
  body[data-layer="profile"] h1{font-size:clamp(52px,14vw,68px);margin-bottom:25px}
  body[data-layer="profile"] h1 .dim{font-size:22px;margin-top:13px}
  body[data-layer="profile"] .metadata{grid-template-columns:75px 1fr;gap:6px 12px;margin-bottom:20px}
  body[data-layer="profile"] .quicklinks{grid-template-columns:1fr}
  body[data-layer="profile"] .quicklinks small{display:block;font-size:10px}
  #enter-workspace{display:flex;padding:12px 14px;gap:8px}
  #enter-workspace strong{font-size:20px}
  #enter-workspace::after{width:38px;height:38px;font-size:20px;margin-left:auto}
  .entry-description{display:none}
  body[data-layer="workspace"] .identity{padding:4px 12px 10px}
  body[data-layer="workspace"] .explorer{padding-top:5px}
}
@media(max-height:660px) and (min-width:721px){.portrait{max-width:124px}body[data-layer="profile"] .identity{padding-bottom:8px}body[data-layer="profile"] .file{min-height:30px;padding-top:5px;padding-bottom:5px}body[data-layer="profile"] .sidebar-bottom{display:none}}
@media print{body[data-layer="profile"] .document{padding:0}body[data-layer="profile"] .terminal{padding:0}}
/* Compliance footer (ICP / public security filing) */
.profile-footer{flex-wrap:wrap;align-content:center;gap:2px 18px;min-height:24px;line-height:1.5}
.profile-footer .icp-links{display:flex;flex-wrap:wrap;gap:2px 12px;margin-left:auto}
.profile-footer a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.profile-footer a:hover{color:var(--accent);background:none}
body[data-layer="profile"] .terminal{grid-template-rows:40px minmax(0,1fr) 96px auto}
@media(max-width:720px){body[data-layer="profile"] .terminal{grid-template-rows:31px minmax(0,1fr) 92px auto}.profile-footer{font-size:9px;letter-spacing:.04em;gap:1px 10px}.profile-footer .footer-note{display:none}.profile-footer .icp-links{margin-left:0;gap:1px 10px}}
