/* Shared navigation and task entry points, loaded after page-specific styles. */
.organized-header { position:relative; z-index:30; gap:1.4rem; flex-wrap:nowrap; }
.organized-header .brand { flex-shrink:0; }
.organized-header .organized-nav { display:flex; align-items:center; gap:1.25rem; margin-left:auto; }
.nav-group { position:relative; }
.nav-group > summary { list-style:none; padding:1.5rem 0; cursor:pointer; font-size:.83rem; font-weight:700; color:var(--muted); white-space:nowrap; }
.nav-group > summary::-webkit-details-marker { display:none; }
.nav-group > summary::after { content:'⌄'; margin-left:.45rem; color:var(--cyan); }
.nav-group[open] > summary { color:var(--text); }
.nav-panel { position:absolute; top:100%; left:-1rem; width:17rem; max-height:75vh; overflow:auto; padding:.55rem; border:1px solid var(--line); border-radius:.85rem; background:#160c20; box-shadow:0 1rem 3rem #0009; }
.organized-nav .nav-panel a { display:block; padding:.7rem .8rem; border-radius:.45rem; line-height:1.45; }
.organized-nav .nav-panel a:hover, .organized-nav .nav-panel a[aria-current] { background:#ffffff0d; color:var(--cyan); }
.nav-panel p { margin:.5rem .8rem .2rem; font-size:.65rem; text-transform:uppercase; letter-spacing:.12em; color:#b3a0bd; }
.organized-nav > a { padding:.8rem 0; white-space:nowrap; }
.organized-header a:focus-visible, .nav-group > summary:focus-visible, .guide-detail > summary:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.page-context { display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 1rem; color:var(--muted); font-size:.8rem; }
.page-context a { color:var(--cyan); text-decoration:none; }
.page-context span[aria-hidden] { opacity:.5; }
.page-contents { margin:1.5rem 0 2rem; border:1px solid var(--line); border-radius:.8rem; background:#ffffff03; padding:.8rem 1rem; }
.page-contents > summary { cursor:pointer; font-size:.85rem; font-weight:700; color:var(--cyan); }
.page-contents nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem 1.5rem; padding:.8rem 0 .2rem; }
.page-contents a { font-size:.8rem; line-height:1.5; color:var(--muted); }
.task-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.task-card { display:flex; flex-direction:column; gap:.8rem; padding:1.5rem; border:1px solid var(--line); border-radius:1rem; background:linear-gradient(155deg,#23112ccc,#0f0a18); text-decoration:none; transition:border-color .15s,transform .15s; }
.task-card:hover { border-color:#ff4fd880; transform:translateY(-3px); }
.task-card:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.task-card > span { color:var(--cyan); font-size:.65rem; text-transform:uppercase; letter-spacing:.1em; }
.task-card h3 { margin:0; font-size:1.12rem; line-height:1.4; }
.task-card p { margin:0; font-size:.86rem; line-height:1.7; color:var(--muted); }
.task-card b { margin-top:auto; padding-top:.7rem; color:#ff94e8; font-size:.78rem; }
.compact-tasks { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:1.5rem; }
.compact-tasks .task-card { padding:1rem; }
.guide-detail { padding:0; }
.guide-detail > summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; cursor:pointer; list-style:none; padding:1.2rem 1.4rem; }
.guide-detail > summary::-webkit-details-marker { display:none; }
.guide-detail > summary::after { content:'+'; color:var(--cyan); font-size:1.4rem; flex-shrink:0; }
.guide-detail[open] > summary::after { content:'−'; }
.guide-detail > summary h2 { margin:0; font-size:1.08rem; line-height:1.5; }
.guide-detail > :not(summary) { margin-left:1.4rem; margin-right:1.4rem; }
.guide-detail > :last-child { margin-bottom:1.4rem; }
.guide-detail:target { border-color:var(--cyan); }
.link-help { margin:1rem 0; padding:1rem; border:1px solid #63e7ff33; border-radius:.6rem; background:#63e7ff05; }
.link-help summary { color:var(--cyan); cursor:pointer; font-weight:700; }
.task-note { border-left:2px solid var(--cyan); padding:.5rem 1rem; color:var(--muted); }
.staff-main > h1 { max-width:none; font-size:clamp(2.1rem,4.5vw,3.6rem); line-height:1.12; letter-spacing:-.035em; }
.site-directory { text-align:left; padding:2.5rem max(1rem,calc((100% - 1180px)/2)); }
.directory-intro { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; margin-bottom:2rem; }
.directory-intro p { color:var(--muted); font-size:.8rem; }
.site-directory nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem; }
.site-directory nav > div { display:flex; flex-direction:column; align-items:flex-start; }
.site-directory nav h2 { margin:0 0 .7rem; color:var(--text); font-size:.8rem; }
.site-directory a:not(.brand) { display:block; min-height:0; border:0; padding:.4rem 0; border-radius:0; font-size:.78rem; line-height:1.5; color:var(--muted); text-decoration:none; }
.site-directory a:not(.brand):hover { color:var(--cyan); background:none; }
.directory-legal { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; margin-top:2rem; padding-top:1rem; border-top:1px solid var(--line); font-size:.7rem; color:#a391ac; }
.directory-legal span { margin-right:auto; }
@media(min-width:901px) { .organized-header .menu-toggle { display:none; } }
@media(max-width:1050px) { .organized-header { gap:1rem; } .organized-header .organized-nav { gap:.8rem; } .organized-header .nav-cta { display:none; } .task-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) {
  .organized-header { min-height:5.25rem; justify-content:space-between; }
  .organized-header .menu-toggle { display:block; margin-left:auto; }
  .organized-header .organized-nav { display:none; position:absolute; top:calc(100% - .2rem); left:0; right:0; width:100%; max-height:80vh; overflow:auto; flex-direction:column; align-items:stretch; gap:0; margin:0; padding:.6rem; background:#160c20; border:1px solid var(--line); border-radius:.8rem; }
  .organized-header .organized-nav.is-open { display:flex; }
  .nav-group > summary, .organized-nav > a { padding:.85rem; }
  .nav-panel { position:static; width:auto; max-height:none; margin:0 .3rem .5rem; padding:.4rem; background:#0c0711; box-shadow:none; }
  .organized-nav .nav-panel a { padding:.7rem; }
  .site-directory nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px) { .task-grid, .compact-tasks, .page-contents nav { grid-template-columns:1fr; } .directory-intro { display:block; } .site-directory nav { gap:1.5rem 1rem; } .directory-legal { gap:.7rem; } .directory-legal span { width:100%; } }
@media(prefers-reduced-motion:reduce) { .task-card { transition:none; } .task-card:hover { transform:none; } }