/* Glass is a material for interactive surfaces, not a replacement for white space. */
:root{--archive-ink:#233346;--glass-line:#ffffff9c;--tech-muted:#566373}
.section-kicker,.folder-tab,.archive-toolbar,.archive-footnote,.member-card-index,.profile-main>.eyebrow{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.detail-nav{padding:4px 18px;border:1px solid #dbe1e7;border-radius:100px;box-shadow:inset 0 1px 0 #fff,0 3px 12px #30465c05}
.network-intro>div{border-left-width:4px}
.people-status{box-shadow:inset 0 1px 0 #fff,0 2px 8px #30465c05}
.folder-workspace{margin-top:34px;padding:25px 32px 22px;background:#ffffff;border:1px solid #dce3eb;border-radius:24px;box-shadow:0 14px 34px #263e5608,inset 0 1px 0 #fff}
.archive-toolbar,.archive-footnote{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--text-muted);font-size:9px;letter-spacing:1.3px;line-height:1.8}
.archive-toolbar{padding-bottom:20px;border-bottom:1px solid #dce3eb}
.archive-toolbar>span:first-child{color:var(--style-deep-blue)}
.archive-footnote{margin-top:28px;padding-top:17px;border-top:1px solid #dce3eb;font-size:9px;letter-spacing:.7px}
.archive-footnote>span:last-child{color:var(--style-deep-blue)}
.folder-shelf{margin:254px auto 0;max-width:1100px;gap:clamp(36px,5vw,70px)}
.team-folder{--folder-color:#fe8f1e;--folder-edge:#ffffff47;height:auto;aspect-ratio:1 / 1;isolation:isolate;perspective:1100px}
.team-folder[data-team="conveners"]{--folder-color:#788da2;--folder-edge:#ffffff47}
.team-folder[data-team="advisors"]{--folder-color:#e8e5de;--folder-edge:#ffffff47}
.team-folder::before{content:"";position:absolute;inset:-15px 0 2px;background:#ffffffcc;border:1px solid #cbd5df80;border-radius:14px 0 16px 16px;box-shadow:inset 0 1px 1px #fff}
.folder-tab{top:-45px;left:auto;right:0;min-width:64%;height:47px;padding:12px 18px;background:var(--folder-color);border:1px solid #ffffff68;border-bottom:0;border-radius:16px 16px 0 0;color:transparent;font-size:0;letter-spacing:.7px;text-align:right}
.folder-sheet{inset:-62px 18px 18px;z-index:1;display:block;border:0;background:none;transform:none;overflow:visible;box-shadow:none}
.team-folder[data-photo-preview="true"] .folder-sheet{top:-90px}
.folder-document{position:absolute;inset:0;bottom:auto;aspect-ratio:4 / 3;display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:1px solid #ffffffcc;border-radius:12px;background:#ffffff;color:#293a4b;box-shadow:0 -3px 12px #00000018;transform-origin:50% 100%;transition:transform .75s var(--motion-ease),box-shadow .75s}
/* Show codenames before archive metadata, even when the folder is closed. */
.folder-document:first-child{background:#f1f4f7;transform:translateY(-108px) rotate(-2deg)}
.folder-document:nth-child(2){background:#fafbfc;transform:translateY(-64px) rotate(1deg)}
.folder-document:last-child{transform:translateY(-20px) rotate(-1deg)}
.folder-document:first-child:nth-last-child(2){transform:translateY(-64px) rotate(-2deg)}
.folder-document>span{display:flex;justify-content:space-between;gap:8px;font-family:"SFMono-Regular",Consolas,monospace;font-size:8px;letter-spacing:.7px;color:#526477}
.folder-document strong{order:-2;font-size:20px;font-weight:500;letter-spacing:-.5px;line-height:1.2}
.folder-document small{order:-1;font-size:10px;line-height:1.5;color:#526477}
.folder-document.has-portrait{padding:0;overflow:hidden;isolation:isolate;background:#233346}
.folder-portrait{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:inherit}
.folder-document.has-portrait::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#17212cbb,transparent 44%)}
.folder-document.has-portrait>span{display:none}
.folder-document.has-portrait>strong{position:absolute;z-index:2;top:10px;left:10px;padding:5px 8px;font-size:14px;letter-spacing:0;color:#fff;background:#17212cbf;border:1px solid #ffffff50;border-radius:7px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.folder-document.has-portrait>small{position:absolute;z-index:2;bottom:12px;left:12px;right:12px;color:#fff;font-size:10px;line-height:1.5;text-shadow:0 1px 4px #0009}
.folder-cover{z-index:2;inset:0;padding:24px 24px 18px;border:1px solid #cbd5df80;border-top-color:#ffffffed;border-radius:12px 12px 16px 16px;background:#ffffffad;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:inset 0 1px 0 #fff,0 8px 18px #00000015;transform-origin:50% 100%;transition:transform .7s var(--motion-ease),background .5s,box-shadow .5s}
.folder-handle{width:auto;height:auto;margin-bottom:22px;background:transparent;border:0;border-radius:0;box-shadow:none;font:8px "SFMono-Regular",Consolas,monospace;letter-spacing:1px;color:#526274}
.folder-title{font-size:23px;letter-spacing:-.7px;color:#253445;font-weight:500;line-height:1.3}
.folder-description{color:#3b4c60;font-size:11px;margin-top:9px}
.folder-action{color:#354b62;font-size:10px;border-top-color:#61768b28;padding-top:12px}
.folder-action>span:last-child{font-size:20px;background:#2f4359;color:#fff;border:1px solid #ffffff42;border-radius:9px;display:grid;place-items:center;width:30px;height:30px;box-shadow:inset 0 1px 0 #ffffff3d}
.team-folder:hover .folder-sheet,.team-folder:focus-visible .folder-sheet,.team-folder[aria-expanded="true"] .folder-sheet{transform:none}
.team-folder:is(:hover,:focus-visible,[aria-expanded="true"]) .folder-document:first-child{transform:translate(-5px,-136px) rotate(-4deg)}
.team-folder:is(:hover,:focus-visible,[aria-expanded="true"]) .folder-document:nth-child(2){transform:translate(5px,-82px) rotate(3deg)}
.team-folder:is(:hover,:focus-visible,[aria-expanded="true"]) .folder-document:last-child{transform:translateY(-28px) rotate(-1deg)}
.team-folder:is(:hover,:focus-visible,[aria-expanded="true"]) .folder-document:first-child:nth-last-child(2){transform:translate(-5px,-82px) rotate(-4deg)}
.team-folder:is(:hover,:focus-visible) .folder-cover{transform:translateY(4px) rotateX(-9deg);background:#ffffff94;box-shadow:inset 0 1px 0 #fff,0 18px 30px #00000020}
.team-folder[aria-expanded="true"] .folder-cover{transform:translateY(6px) rotateX(-12deg);background:#ffffff9c;box-shadow:inset 0 -3px var(--orange),inset 0 1px 0 #fff,0 18px 30px #00000020}
.team-folder[aria-expanded="true"] .folder-action>span:last-child{background:var(--orange);border-color:#ffb77e}
.team-folder:focus-visible{outline-color:var(--style-deep-blue);outline-offset:12px}
.member-drawer{border:1px solid #d4dce5;border-radius:20px;background:#fff2e3;box-shadow:inset 0 1px 0 #fff,0 8px 24px #30465c06}
.member-drawer[data-team="conveners"]{background:#edf2f7}
.member-drawer[data-team="advisors"]{background:#f3f2ed}
.member-card{position:relative;isolation:isolate;border-color:#d7dfe7;border-radius:16px;background:#ffffffdb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #fff,0 8px 20px #30465c08}
.member-card:hover{box-shadow:inset 0 1px 0 #fff,0 14px 28px #30465c14}
.member-card-index{color:#566779}
.member-photo-stage{position:relative;margin-bottom:34px}
.member-role>span{display:block}
.member-card-media{display:block;aspect-ratio:4 / 3;flex:none;overflow:hidden;border-radius:10px;background:#fff;border:1px solid #dce3eb}
.member-profile-link{position:relative;min-height:44px;box-sizing:border-box}
.member-profile-link:focus-visible{outline:2px solid var(--style-deep-blue);outline-offset:4px;border-radius:4px}
.member-portrait{display:block;width:100%;height:100%;object-fit:cover}
.member-photo-placeholder{display:grid;place-items:center;font-size:11px;letter-spacing:1px;color:var(--text-muted);background:linear-gradient(145deg,#fff,#f7f9fb)}
.member-card h5{margin-top:20px}
/* Preserve the supplied logo pixels; frame only its large transparent canvas margins. */
.institution-stack{--stack-ease:cubic-bezier(.22,1.35,.36,1);position:absolute;right:8px;bottom:-14px;z-index:3;display:block;width:min(176px,85%);height:calc(68px + (var(--institution-count) - 1)*9px);margin:0;padding:0;border:0;border-radius:13px;background:transparent;cursor:pointer;text-align:left;transition:width .52s var(--stack-ease),height .52s var(--stack-ease);-webkit-tap-highlight-color:transparent}
.institution-stack[aria-expanded="true"]{width:min(194px,92%);height:calc(var(--institution-count)*76px - 8px)}
.institution-stack:focus-visible{outline:none}
.institution-stack:focus-visible .member-institution{filter:drop-shadow(0 0 5px #495f7499)}
.member-institution{--institution-rgb:73,95,116;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;right:0;isolation:isolate;box-sizing:border-box;width:100%;height:68px;padding:8px 12px;overflow:hidden;border:0;border-radius:13px;background:radial-gradient(ellipse at 100% 100%,rgba(var(--institution-rgb),.16),transparent 82%),linear-gradient(135deg,#ffffffb8,#ffffff70 55%,#ffffff94);backdrop-filter:blur(20px) saturate(150%) brightness(1.08);-webkit-backdrop-filter:blur(20px) saturate(150%) brightness(1.08);box-shadow:inset 0 12px 18px -14px #fffffff0,0 8px 20px #23334621,0 2px 8px #ffffff42;transform-origin:85% 90%;transform:translate(calc(var(--institution-index)*-3px),calc(var(--institution-index)*-9px)) rotate(calc(var(--institution-index)*-2deg));transition:transform .55s var(--stack-ease),box-shadow .4s,background .4s}
.institution-stack[aria-expanded="true"] .member-institution{transform:translateY(calc(var(--institution-index)*-76px));box-shadow:inset 0 14px 20px -14px #fff,0 10px 24px rgba(var(--institution-rgb),.13),0 3px 10px #ffffff5c}
.institution-count{position:absolute;right:-5px;bottom:-5px;z-index:10;display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;background:#ffffffc9;backdrop-filter:blur(10px);box-shadow:0 3px 10px #23334625;color:#495f74;font:10px/1 "SFMono-Regular",monospace;pointer-events:none;transition:transform .52s var(--stack-ease)}
.institution-stack[aria-expanded="true"] .institution-count{transform:scale(.9)}
.institution-stack[data-many="true"][aria-expanded="true"]{display:flex;flex-direction:column-reverse;gap:8px;max-height:260px;overflow-y:auto;padding:3px}
.institution-stack[data-many="true"][aria-expanded="true"] .member-institution{position:relative;flex:none;transform:none}
.institution-stack[data-many="true"][aria-expanded="true"] .institution-count{display:none}
.member-institution:before{content:'';position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 24%,#ffffffb0 40%,#ffffff26 52%,transparent 66%);transform:translateX(-12%);transition:transform .65s var(--stack-ease),opacity .4s}
.institution-stack[aria-expanded="true"] .member-institution:before{transform:translateX(12%)}
.member-institution-logo{display:block;position:relative;width:var(--logo-width,146px);max-width:100%;aspect-ratio:var(--logo-ratio);overflow:hidden}
.member-institution-logo>img{display:block;position:absolute;left:0;top:var(--logo-top,0%);width:100%;height:auto;max-width:none}
body.calm .institution-stack,body.calm .member-institution,body.calm .member-institution:before,body.calm .institution-count{transition:none}
@media(prefers-reduced-motion:reduce){.institution-stack,.member-institution,.member-institution:before,.institution-count{transition:none}}
@media(forced-colors:active){.institution-stack:focus-visible{outline:2px solid Highlight}.member-institution{background:Canvas}}
@media(max-width:760px){.member-photo-stage:has(.institution-stack) .member-card-media{aspect-ratio:1 / 1}}
@supports not (backdrop-filter:blur(1px)){.member-institution{background:#fff}}
@media(prefers-reduced-transparency:reduce){.member-institution{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
.profile-portrait{flex:none;width:clamp(200px,28vw,300px);height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:20px;border:1px solid #dce3eb;box-shadow:0 12px 30px #2333460d}
.profile-portrait[hidden],.profile-code-note[hidden],#profile-homepage[hidden],#profile-sections[hidden]{display:none}
.recruitment-grid article{border:1px solid #dbe1e7;border-top:3px solid var(--style-orange);border-radius:18px;box-shadow:inset 0 1px 0 #fff,0 8px 22px #30465c06}
.recruitment-grid article:nth-child(2){background:#788da2c4;border-color:#788da2;border-top-color:#495f74}
.recruitment-grid article:nth-child(3){background:#fff1e3db;border-color:#edcba8;border-top-color:var(--style-orange)}
.directions-heading>p{border:1px solid #9dabbc;border-right:8px solid #495f74;border-radius:18px;box-shadow:inset 0 1px 0 #ffffffb0,0 8px 24px #495f740a}
.direction-list{display:grid;gap:10px}
.direction-list details,.direction-list details:last-child{border:1px solid #d1dbe5;border-radius:15px;background:#ffffff66}
.direction-list details[open]{box-shadow:inset 3px 0 var(--orange),0 8px 24px #30465c08}
.direction-list summary{border-radius:15px}
.direction-list summary:hover{background:#ffffffb3}
.approach-steps{border-top:0}
.approach-steps span{font-family:"SFMono-Regular",Consolas,monospace;color:#526477}
.invitation .text-link{background:#ffffffc9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffffd6;border-bottom:3px solid var(--orange);border-radius:12px;box-shadow:inset 0 1px 0 #fff,0 8px 22px #8c451411}
.profile-code-note,.profile-notice{border-radius:14px;box-shadow:inset 0 1px 0 #fff}
.profile-code-note{background:#788da2bf;border:1px solid #788da2}
@supports not (backdrop-filter:blur(1px)){
  .folder-cover{background:#fffffff2}
  .member-card{background:#fff}
}
@media(min-width:761px) and (max-width:1100px){
  .folder-workspace{padding:24px}
  .folder-shelf{gap:clamp(32px,4.2vw,46px)}
  .folder-cover{padding:20px 14px 14px}
  .folder-handle{margin-bottom:10px;font-size:7px}
  .folder-title{font-size:18px}
  .folder-description{font-size:10px;margin-top:7px}
  .folder-action{font-size:9px;padding-top:8px}
  .folder-action>span:last-child{width:24px;height:24px;font-size:17px}
  .folder-sheet{left:12px;right:12px}
  .folder-document{padding:10px 12px;gap:3px}
  .folder-document strong{font-size:18px}
  .folder-document small{font-size:9px;line-height:1.5}
  .folder-document.has-portrait{padding:0}
  .folder-document.has-portrait>strong{top:8px;left:8px;padding:4px 6px;font-size:12px}
  .folder-tab{padding-right:12px}
}
@media(max-width:760px){
  .detail-nav{padding:3px 10px;gap:14px;font-size:10px}
  .folder-workspace{padding:21px 20px 18px;border-radius:20px;margin-top:28px}
  .archive-toolbar{font-size:8px;letter-spacing:.6px;gap:12px}
  .archive-toolbar>span:last-child{font-size:8px;white-space:nowrap}
  .folder-shelf{gap:254px;margin-top:254px;max-width:320px}
  .folder-cover{padding:20px 20px 16px}
  .folder-handle{margin-bottom:16px}
  .folder-title{font-size:21px}
  .folder-action{padding-top:9px}
  .folder-description{font-size:10px}
  .profile-portrait{width:min(100%,320px);align-self:flex-start}
  .archive-footnote{font-size:8px;letter-spacing:0;gap:10px}
  .archive-footnote>span:last-child{white-space:nowrap}
  .directions-heading>p{border-right-width:6px}
}

/* Shared material system: every standalone control and content panel.
   Keep opacity on the surface paint, never on the label or a whole container. */
:root{
  --frost-fill:rgba(255,255,255,.64);
  --frost-hover:rgba(255,255,255,.90);
  --panel-glass:rgba(255,255,255,.68);
  --frost-edge:rgba(120,141,162,.42);
  --frost-top:rgba(255,255,255,.96);
  --frost-filter:blur(20px) saturate(145%);
  --frost-shadow:inset 0 1px 0 var(--frost-top),inset 0 -1px 0 #788da226,0 5px 18px #30465c09;
}
.detail-nav a,.enter,.next-chapter,.control-right button,.control-right a,
.view-options select,.motion-option,.chapter-navigation button,
.text-link,.profile-back,#close-member-drawer,footer button,.a11y-skip,.people-status{
  background:var(--frost-fill);
  border:1px solid var(--frost-edge);
  border-top-color:var(--frost-top);
  border-radius:100px;
  box-shadow:var(--frost-shadow);
  backdrop-filter:var(--frost-filter);
  -webkit-backdrop-filter:var(--frost-filter);
  transition:background .25s,border-color .25s,box-shadow .3s,transform .4s var(--motion-ease);
}
.detail-nav a:hover,.enter:hover,.text-link:hover,.profile-back:hover,
#close-member-drawer:hover,footer button:hover,.motion-option:hover{
  background:var(--frost-hover);
  border-color:#788da2b3;
  box-shadow:inset 0 1px 0 #fff,0 7px 22px #30465c12;
}
.detail-nav{padding:0;gap:10px;background:none;border:0;box-shadow:none}
.detail-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px}
.detail-nav a:hover{border-bottom-color:var(--orange)}
.enter{display:inline-flex;align-items:center;min-height:44px;padding:11px 17px}
.text-link{min-height:48px;padding:14px 18px;border-radius:14px}
.text-link>span{color:var(--orange)}
#close-member-drawer{padding:11px 16px;min-height:44px}
#close-member-drawer span{margin-left:14px}
.profile-back{display:inline-flex;align-items:center;padding:12px 18px;min-height:44px}
footer button{padding:12px 20px;font-size:12px;min-height:44px}
.a11y-skip{background:#fffffff2;color:var(--ink);border-radius:14px}
.people-status{padding:9px 13px;background:#ffffff91}
.recruitment .people-status{background:#ffffffa3;border-color:#e4b88b91}

/* Dark glass must remain readable over every frame of the existing films. */
.intro-controls,.in-opening .header-right{
  --frost-fill:rgba(18,27,38,.68);
  --frost-hover:rgba(35,49,66,.82);
  --frost-edge:rgba(255,255,255,.29);
  --frost-top:rgba(255,255,255,.48);
  --frost-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #ffffff0d,0 5px 18px #00000017;
}
.in-opening .enter{color:#fff}
.in-opening .enter:hover{background:var(--frost-hover);border-color:#ffffff80}
#opening .next-chapter{background:var(--frost-fill);color:#fff;border-color:var(--frost-edge);border-top-color:var(--frost-top);box-shadow:var(--frost-shadow),inset 0 -2px #ed680fb3}
#opening .next-chapter:hover:not(:disabled){background:var(--frost-hover);color:#fff;border-color:#ffffff80}
.control-right{gap:8px;flex-wrap:wrap}
.control-right button,.control-right a{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;min-height:40px;color:#f7f8fa}
.control-right button:hover,.control-right a:hover{background:var(--frost-hover);border-color:#ffffff73}
.view-options{gap:10px}
.view-options select{padding:10px 13px;min-height:40px;color:#fff;border-radius:12px;cursor:pointer}
.view-options select option{color:#fff;background:#233346}
.motion-option{gap:8px;padding:8px 12px;min-height:40px;color:#f7f8fa}
.motion-option:hover{border-color:#ffffff73;box-shadow:var(--frost-shadow)}
.motion-option:has(input:checked){border-color:#ffb77eb3;background:#50371fb3}
.motion-option input{
  appearance:none;-webkit-appearance:none;flex:none;position:relative;
  width:30px;height:18px;margin:0;border:1px solid #ffffff73;border-radius:100px;
  background:#ffffff1a;box-shadow:inset 0 1px 3px #0003;cursor:pointer;
  transition:background .2s,border-color .2s;
}
.motion-option input::after{content:"";position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#fffefa;box-shadow:0 1px 3px #0003;transition:transform .25s var(--motion-ease)}
.motion-option input:checked{background:#ed680fc9;border-color:#ffb77e}
.motion-option input:checked::after{transform:translateX(12px)}
.chapter-navigation{gap:10px}
.chapter-navigation button{padding:11px 12px;min-height:44px;width:100px;border-radius:12px;color:#e9eef4}
.chapter-navigation button span{margin-right:8px}
.chapter-navigation button[aria-current="step"]{background:#70432194;border-color:#f89954cf;box-shadow:var(--frost-shadow),inset 0 -2px var(--orange);color:#fff}
.chapter-navigation button.completed{background:#e8e5de1c;border-color:#e1e7ed85;color:#fff}
.chapter-navigation button:hover:not(:disabled){background:var(--frost-hover)}
.chapter-navigation button:disabled{opacity:.48}
#chapter-progress{height:3px;border-radius:3px;overflow:hidden;background:#ffffff1a}
#chapter-progress::-webkit-progress-bar{background:#ffffff1a}

/* White glass is the main surface. Color is reserved for small accents. */
.network-intro>div,.member-drawer,.member-card,.recruitment-grid article,
.directions-heading>p,.direction-list details,.approach-steps li,
.profile-code-note,.profile-notice,.profile-sections section{
  background:var(--panel-glass);
  border:1px solid var(--panel-edge,rgba(120,141,162,.38));
  border-top-color:#ffffffeb;
  box-shadow:inset 0 1px 0 #ffffffeb,inset 0 -1px 0 #788da21a,0 8px 24px #30465c08;
  backdrop-filter:var(--frost-filter);
  -webkit-backdrop-filter:var(--frost-filter);
}
.network-intro>div{padding:28px;border-radius:20px;border-left:4px solid #788da2b3}
.member-drawer{border-top:2px solid #fe8f1e80}
.member-drawer[data-team="conveners"]{background:var(--panel-glass);border-top-color:#788da280}
.member-drawer[data-team="advisors"]{background:var(--panel-glass);border-top-color:#e8e5de}
.member-card{--panel-glass:rgba(255,255,255,.58)}
.member-card:hover{background:#ffffffb8;border-color:#ed680f78;box-shadow:inset 0 1px 0 #fff,0 13px 30px #30465c12}
.recruitment-grid article{border-top:3px solid #fe8f1ea6}
.recruitment-grid article:nth-child(2){background:var(--panel-glass);border-color:#788da27a;border-top-color:#495f74ad}
.recruitment-grid article:nth-child(3){background:var(--panel-glass);border-color:#e2b18180;border-top-color:#fe8f1ea6}
.directions-heading>p{border-right:3px solid #495f7480}
/* Stable issue keys keep colors attached to their subjects if the list is reordered.
   All five use the existing orange / mineral / sea-blue family, not a rainbow. */
.direction-list [data-issue="health"]{
  --issue-tag:rgba(254,143,30,.16);--issue-accent:var(--orange);
}
.direction-list [data-issue="culture"]{
  --issue-tag:rgba(232,229,222,.68);--issue-accent:#b5aa98;
}
.direction-list [data-issue="ecology"]{
  --issue-tag:rgba(173,186,203,.30);--issue-accent:var(--style-blue);
}
.direction-list [data-issue="collaboration"]{
  --issue-tag:rgba(120,141,162,.26);--issue-accent:var(--style-mid-blue);
}
.direction-list [data-issue="governance"]{
  --issue-tag:rgba(73,95,116,.22);--issue-accent:var(--style-deep-blue);
}
.direction-list details,.direction-list details:last-child{
  background:var(--panel-glass);border-color:#a6b5c685;border-top-color:#ffffffeb;
  box-shadow:inset 3px 0 var(--issue-accent),inset 0 1px 0 #fff,0 8px 24px #30465c08;
  transition:background .3s,box-shadow .3s;
}
.direction-list details[open]{background:#ffffffe6;box-shadow:inset 4px 0 var(--issue-accent),inset 0 1px 0 #fff,0 8px 24px #30465c10}
.direction-list details .direction-body p,.direction-body small,.direction-list summary>span{color:#46576a}
.direction-list summary>span{display:grid;place-items:center;flex:none;width:28px;min-height:28px;border-radius:8px;background:var(--issue-tag);font-size:10px}
.direction-list summary:hover{background:#ffffff3d}
.direction-list summary:focus-visible{outline-offset:-5px}
.direction-list summary b{display:grid;place-items:center;width:32px;height:32px;flex:none;background:#ffffff73;border:1px solid #a6b5c680;border-top-color:#fff;border-radius:10px;box-shadow:inset 0 1px 0 #fff,0 2px 6px #30465c08}
.approach-steps{gap:20px}
.approach-steps li{padding:24px;border-radius:18px;border-top:3px solid #fe8f1ea6}
.approach-steps li:nth-child(even){border-top-color:#788da2cc}
.invitation .text-link{background:#ffffff82;border-color:#ffffffb3;border-bottom:3px solid #ed680fbf;box-shadow:var(--frost-shadow);backdrop-filter:var(--frost-filter);-webkit-backdrop-filter:var(--frost-filter)}
.invitation .text-link:hover{background:#ffffffa3}
.profile-code-note{border-color:#788da280;border-left:3px solid #788da280}
.profile-notice{border-left:4px solid #fe8f1ea6}
.profile-sections{display:grid;gap:16px}
.profile-sections section{padding:28px;border-radius:18px}
.folder-action>span:last-child{background:#2f4359cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.team-folder[aria-expanded="true"] .folder-action>span:last-child{background:#ed680fc9}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--frost-fill:#ffffff;--frost-hover:#ffffff;--panel-glass:#ffffff}
  .intro-controls,.in-opening .header-right{--frost-fill:#1d2b3b;--frost-hover:#30465e}
  .member-card{background:#fff}
  .direction-list details,.direction-list details:last-child,.direction-list details[open]{background:#ffffff}
}
@media(prefers-reduced-transparency:reduce){
  :root{--frost-fill:#ffffff;--frost-hover:#ffffff;--panel-glass:#ffffff;--frost-filter:none}
  .intro-controls,.in-opening .header-right{--frost-fill:#1d2b3b;--frost-hover:#30465e}
  .member-card{background:#fff}
  .direction-list details,.direction-list details:last-child,.direction-list details[open]{background:#ffffff}
}
@media(max-width:760px){
  .detail-nav{gap:6px;padding:0}
  .detail-nav a{padding:9px 10px;min-height:40px;font-size:10px}
  .enter{min-height:40px;padding:9px 13px}
  .network-intro>div{padding:22px;border-left-width:4px}
  .control-right{gap:6px;flex-wrap:wrap}
  .control-right button,.control-right a{padding:8px 11px;min-height:36px;font-size:10px}
  .view-options select{font-size:10px;min-height:34px;padding:7px 9px}
  .motion-option{font-size:9px;min-height:32px;padding:6px 8px;gap:6px}
  .view-options{gap:5px}
  .chapter-navigation{gap:8px}
  .chapter-navigation button{width:calc((86vw - 24px)/4);padding:9px 7px;min-height:38px;font-size:9px}
  .chapter-navigation button span{margin-right:4px}
  #close-member-drawer{font-size:10px;padding:9px 12px}
  #close-member-drawer span{margin-left:6px}
  .profile-back{padding:10px 12px;font-size:11px}
  .approach-steps{gap:16px}
  .approach-steps li,.approach-steps li:nth-child(n+3){padding:20px 16px;border-top:3px solid #fe8f1ea6}
  .approach-steps li:nth-child(even){border-top-color:#788da2cc}
  .profile-sections section{padding:24px}
}
@media(max-height:720px) and (orientation:portrait){
  .intro-controls{gap:7px 10px}
  .control-right button,.control-right a{min-height:32px;padding:6px 9px}
  .chapter-navigation button{min-height:32px;padding:7px 6px}
  .view-options{gap:3px}
  .view-options select,.motion-option{min-height:30px}
}
@media(forced-colors:active){
  .motion-option input{appearance:auto;-webkit-appearance:auto}
  .motion-option input::after{display:none}
  .detail-nav a,.next-chapter,.text-link,.profile-back,#close-member-drawer,.chapter-navigation button,.member-card{border:1px solid ButtonText;box-shadow:none}
}