/* Hallmark - pre-emit critique: P5 H5 E5 S5 R5 V5 */
/* Hallmark - macrostructure: Catalogue Index - tone: concise utility - theme: white-neutral-teal - nav: existing - footer: existing */
html,body{overflow-x:clip}.navigation-page,.navigation-page *,.navigation-page *::before,.navigation-page *::after{box-sizing:border-box}.navigation-page{min-width:0;padding:var(--nav-space-8) 0 var(--nav-space-10);overflow-x:clip;background:var(--nav-color-paper);color:var(--nav-color-ink);font-family:var(--nav-font-body)}.navigation-shell{width:calc(100% - 2rem);max-width:76rem;margin-inline:auto}.navigation-header{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:var(--nav-space-8);padding-bottom:var(--nav-space-6)}.navigation-header>div:first-child{min-width:0}.navigation-kicker{margin:0 0 var(--nav-space-2);color:var(--nav-color-accent-deep);font-size:var(--nav-text-sm);font-weight:800}.navigation-header h1,.navigation-form-header h1{min-width:0;margin:0;font-family:var(--nav-font-display);font-size:var(--nav-text-display);font-style:normal;line-height:1.08;overflow-wrap:anywhere}.navigation-header p:last-child,.navigation-form-header p{margin:var(--nav-space-2) 0 0;color:var(--nav-color-muted);line-height:1.65}.navigation-header-actions{display:flex;flex:0 0 auto;gap:var(--nav-space-2)}
.navigation-button,.navigation-search button,.navigation-submit-form button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:0 var(--nav-space-5);border:1px solid var(--nav-color-accent);border-radius:var(--nav-radius-sm);outline:3px solid transparent;outline-offset:2px;background:var(--nav-color-accent);color:var(--nav-color-surface);cursor:pointer;font:700 var(--nav-text-base)/1 var(--nav-font-body);text-decoration:none;white-space:nowrap;transition:background-color var(--nav-dur-base) var(--nav-ease-out),transform var(--nav-dur-fast) var(--nav-ease-out)}.navigation-button:hover,.navigation-search button:hover,.navigation-submit-form button:hover{border-color:var(--nav-color-accent-hover);background:var(--nav-color-accent-hover);color:var(--nav-color-surface)}.navigation-button:focus-visible,.navigation-search button:focus-visible,.navigation-submit-form button:focus-visible{outline-color:var(--nav-color-accent-deep)}.navigation-button:active,.navigation-search button:active,.navigation-submit-form button:active{transform:translateY(1px)}.navigation-button[disabled],.navigation-submit-form button[disabled]{cursor:not-allowed;opacity:.55}.navigation-button.is-secondary{border-color:var(--nav-color-rule-strong);background:var(--nav-color-surface);color:var(--nav-color-ink)}.navigation-button.is-secondary:hover{border-color:var(--nav-color-accent-hover);background:var(--nav-color-accent-hover);color:var(--nav-color-surface)}.navigation-submit-form button[data-state=loading]{cursor:wait;opacity:.72}.navigation-submit-form button[data-state=error]{border-color:var(--nav-color-danger);background:var(--nav-color-danger)}.navigation-submit-form button[data-state=success]{border-color:var(--nav-color-success);background:var(--nav-color-success)}
.navigation-notice{margin-bottom:var(--nav-space-4);padding:var(--nav-space-3) var(--nav-space-4);border:var(--nav-rule);border-radius:var(--nav-radius-sm);background:var(--nav-color-surface);line-height:1.6}.navigation-notice.is-error{border-color:var(--nav-color-danger);background:var(--nav-color-danger-soft);color:var(--nav-color-danger)}.navigation-notice.is-warning{border-color:var(--nav-color-warning);background:var(--nav-color-warning-soft);color:var(--nav-color-warning)}.navigation-notice.is-success{border-color:var(--nav-color-success);background:var(--nav-color-success-soft);color:var(--nav-color-success)}
.navigation-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--nav-space-2);padding:var(--nav-space-3);border:var(--nav-rule);border-radius:var(--nav-radius-md);background:var(--nav-color-surface)}.navigation-search label{min-width:0}.navigation-search input,.navigation-submit-form input,.navigation-submit-form select,.navigation-submit-form textarea{width:100%;min-height:2.75rem;padding:0 var(--nav-space-3);border:1px solid var(--nav-color-rule-strong);border-radius:var(--nav-radius-sm);outline:3px solid transparent;outline-offset:1px;background:var(--nav-color-surface);color:var(--nav-color-ink);font:var(--nav-text-base)/1.5 var(--nav-font-body)}.navigation-search input:focus,.navigation-submit-form input:focus,.navigation-submit-form select:focus,.navigation-submit-form textarea:focus{border-color:var(--nav-color-accent-deep);outline-color:var(--nav-color-soft)}.navigation-search>a{align-self:center;padding-inline:var(--nav-space-2);color:var(--nav-color-accent-deep);font-weight:700;white-space:nowrap}.navigation-category-strip{display:flex;flex-wrap:wrap;gap:var(--nav-space-1);padding:var(--nav-space-4) 0}.navigation-category-strip a{display:inline-flex;min-height:2.25rem;align-items:center;gap:var(--nav-space-2);padding:0 var(--nav-space-3);border-radius:var(--nav-radius-sm);color:var(--nav-color-muted);font-weight:700;white-space:nowrap}.navigation-category-strip a span{font-size:.75rem}.navigation-category-strip a:hover,.navigation-category-strip a:focus-visible,.navigation-category-strip a.is-active{background:var(--nav-color-accent-hover);color:var(--nav-color-surface)}
.navigation-recommended{margin-bottom:var(--nav-space-6);padding:var(--nav-space-5);border:1px solid var(--nav-color-rule-strong);border-radius:var(--nav-radius-md);background:var(--nav-color-soft)}.navigation-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--nav-space-4);margin-bottom:var(--nav-space-4)}.navigation-section-head h2,.navigation-group-label h2{margin:0;font-family:var(--nav-font-display);font-style:normal}.navigation-section-head p,.navigation-group-label p{margin:var(--nav-space-1) 0 0;color:var(--nav-color-muted)}.navigation-section-head>span{color:var(--nav-color-muted);font-size:var(--nav-text-sm)}.navigation-recommended-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--nav-space-2)}.navigation-recommended-list a{display:flex;min-width:0;align-items:center;gap:var(--nav-space-3);padding:var(--nav-space-3);border:var(--nav-rule);border-radius:var(--nav-radius-sm);background:var(--nav-color-surface);color:var(--nav-color-ink)}.navigation-recommended-list a>b{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:var(--nav-radius-sm);background:var(--nav-color-accent);color:var(--nav-color-surface)}.navigation-recommended-list span{display:grid;min-width:0}.navigation-recommended-list strong,.navigation-recommended-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navigation-recommended-list small{color:var(--nav-color-muted);font-family:var(--nav-font-mono)}.navigation-recommended-list a:hover,.navigation-recommended-list a:focus-visible{border-color:var(--nav-color-accent-hover);background:var(--nav-color-accent-hover);color:var(--nav-color-surface)}.navigation-recommended-list a:hover small,.navigation-recommended-list a:focus-visible small{color:var(--nav-color-surface)}
.navigation-directory{border-top:var(--nav-rule)}.navigation-group{display:grid;grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);gap:var(--nav-space-6);padding:var(--nav-space-6) 0;border-bottom:var(--nav-rule)}.navigation-group-label{min-width:0}.navigation-group-label>span{display:inline-block;margin-top:var(--nav-space-3);color:var(--nav-color-accent-deep);font-size:var(--nav-text-sm);font-weight:700}.navigation-site-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;border-top:var(--nav-rule);border-left:var(--nav-rule)}.navigation-site{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;min-width:0;align-items:center;gap:var(--nav-space-3);padding:var(--nav-space-3);border-right:var(--nav-rule);border-bottom:var(--nav-rule);background:var(--nav-color-surface);color:var(--nav-color-ink)}.navigation-site-mark{color:var(--nav-color-accent);font-size:1.5rem}.navigation-site-copy{display:grid;min-width:0;gap:var(--nav-space-1)}.navigation-site-copy strong,.navigation-site-copy small,.navigation-site code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navigation-site-copy small{color:var(--nav-color-muted)}.navigation-site code{max-width:9rem;color:var(--nav-color-muted);font-family:var(--nav-font-mono);font-size:.75rem}.navigation-site-open{color:var(--nav-color-accent-deep)}.navigation-site:hover,.navigation-site:focus-visible{background:var(--nav-color-accent-hover);color:var(--nav-color-surface)}.navigation-site:hover small,.navigation-site:hover code,.navigation-site:hover .navigation-site-open,.navigation-site:focus-visible small,.navigation-site:focus-visible code,.navigation-site:focus-visible .navigation-site-open{color:var(--nav-color-surface)}.navigation-empty{grid-column:1/-1;padding:var(--nav-space-6);border-right:var(--nav-rule);border-bottom:var(--nav-rule);background:var(--nav-color-surface);color:var(--nav-color-muted);text-align:center}.navigation-empty.is-page{padding:var(--nav-space-10);border:0;background:transparent}.navigation-empty h2{font-style:normal}.navigation-empty a{color:var(--nav-color-accent-deep);font-weight:700}
.navigation-form-shell,.navigation-record-shell{max-width:68rem}.navigation-breadcrumb{display:flex;gap:var(--nav-space-2);margin-bottom:var(--nav-space-4);color:var(--nav-color-muted)}.navigation-breadcrumb a{color:var(--nav-color-accent-deep)}.navigation-form-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--nav-space-6);margin-bottom:var(--nav-space-6)}.navigation-form-header>a{color:var(--nav-color-accent-deep);font-weight:700;white-space:nowrap}.navigation-submit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,20rem);gap:var(--nav-space-6);align-items:start}.navigation-submit-form{display:grid;gap:var(--nav-space-5);padding:var(--nav-space-6);border:var(--nav-rule);border-radius:var(--nav-radius-md);background:var(--nav-color-surface)}.navigation-submit-form>label,.navigation-submit-form fieldset>label{display:grid;gap:var(--nav-space-2)}.navigation-submit-form label>span:first-child,.navigation-submit-form legend{font-weight:800}.navigation-submit-form label>small{color:var(--nav-color-muted);line-height:1.55}.navigation-submit-form textarea{min-height:7rem;padding-block:var(--nav-space-3);resize:vertical}.navigation-submit-form fieldset{min-width:0;margin:0;padding:var(--nav-space-4);border:var(--nav-rule);border-radius:var(--nav-radius-sm)}.navigation-submit-form legend{padding:0 var(--nav-space-2)}.navigation-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nav-space-2)}.navigation-choice{position:relative;cursor:pointer}.navigation-choice input{position:absolute;width:1px;height:1px;opacity:0}.navigation-choice>span{display:grid;gap:var(--nav-space-1);height:100%;padding:var(--nav-space-3);border:1px solid var(--nav-color-rule-strong);border-radius:var(--nav-radius-sm)}.navigation-choice small{color:var(--nav-color-muted)}.navigation-choice b{color:var(--nav-color-accent-deep)}.navigation-choice input:checked+span{border-color:var(--nav-color-accent);background:var(--nav-color-soft)}.navigation-choice input:focus-visible+span{outline:3px solid var(--nav-color-soft);outline-offset:2px}.navigation-recommend-toggle{display:flex!important;grid-template-columns:auto minmax(0,1fr);align-items:center}.navigation-recommend-toggle input{width:1.15rem;min-height:1.15rem}.navigation-recommend-toggle span{display:grid}.navigation-recommend-field>[data-navigation-days]{margin-top:var(--nav-space-4)}.navigation-form-actions{display:flex;align-items:center;gap:var(--nav-space-4)}.navigation-form-actions p{margin:0;color:var(--nav-color-muted);font-size:var(--nav-text-sm)}.navigation-cost-panel{position:sticky;top:var(--nav-space-4);padding:var(--nav-space-5);border:1px solid var(--nav-color-rule-strong);border-radius:var(--nav-radius-md);background:var(--nav-color-soft)}.navigation-cost-panel h2{margin:0 0 var(--nav-space-4);font-style:normal}.navigation-cost-panel dl{margin:0}.navigation-cost-panel dl>div{display:flex;justify-content:space-between;gap:var(--nav-space-4);padding:var(--nav-space-3) 0;border-bottom:var(--nav-rule)}.navigation-cost-panel dt{color:var(--nav-color-muted)}.navigation-cost-panel dd{margin:0;font-weight:800}.navigation-cost-panel .is-total{font-size:var(--nav-text-lg)}.navigation-cost-panel .is-total dd{color:var(--nav-color-accent-deep)}.navigation-cost-panel>p{color:var(--nav-color-muted);line-height:1.7}.navigation-cost-panel>a{color:var(--nav-color-accent-deep);font-weight:800}
.navigation-record-list{display:grid;gap:var(--nav-space-3)}.navigation-record{padding:var(--nav-space-5);border:var(--nav-rule);border-radius:var(--nav-radius-md);background:var(--nav-color-surface)}.navigation-record-main{display:flex;align-items:flex-start;gap:var(--nav-space-4)}.navigation-record-main>div{min-width:0}.navigation-record h2{margin:0;font-size:var(--nav-text-lg);font-style:normal}.navigation-record a{color:var(--nav-color-accent-deep);font-family:var(--nav-font-mono)}.navigation-record p{margin:var(--nav-space-2) 0 0;color:var(--nav-color-muted);line-height:1.6}.navigation-status{flex:0 0 auto;padding:var(--nav-space-1) var(--nav-space-2);border-radius:var(--nav-radius-sm);background:var(--nav-color-warning-soft);color:var(--nav-color-warning);font-size:.75rem;font-weight:800;white-space:nowrap}.navigation-status.is-approved{background:var(--nav-color-success-soft);color:var(--nav-color-success)}.navigation-status.is-rejected{background:var(--nav-color-danger-soft);color:var(--nav-color-danger)}.navigation-record dl{display:flex;flex-wrap:wrap;gap:var(--nav-space-4) var(--nav-space-8);margin:var(--nav-space-4) 0 0;padding-top:var(--nav-space-4);border-top:var(--nav-rule)}.navigation-record dl>div{display:flex;gap:var(--nav-space-2)}.navigation-record dt{color:var(--nav-color-muted)}.navigation-record dd{margin:0;font-weight:700}.navigation-review-note{padding:var(--nav-space-3);background:var(--nav-color-paper)}
@media(max-width:900px){.navigation-recommended-list{grid-template-columns:repeat(2,minmax(0,1fr))}.navigation-group{grid-template-columns:1fr}.navigation-site-list{grid-template-columns:minmax(0,1fr)}.navigation-submit-layout{grid-template-columns:minmax(0,1fr)}.navigation-cost-panel{position:static}}
@media(max-width:600px){.navigation-page{padding-top:var(--nav-space-5)}.navigation-shell{width:calc(100% - 1rem)}.navigation-header,.navigation-form-header,.navigation-section-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.navigation-header-actions{display:grid;width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.navigation-header-actions .navigation-button{width:100%;min-width:0;padding-inline:var(--nav-space-2)}.navigation-search{grid-template-columns:minmax(0,1fr) auto}.navigation-search>a{grid-column:1/-1}.navigation-category-strip{flex-wrap:wrap;overflow:visible}.navigation-recommended-list{grid-template-columns:minmax(0,1fr)}.navigation-recommended{padding:var(--nav-space-3)}.navigation-site{grid-template-columns:auto minmax(0,1fr) auto}.navigation-site code{display:none}.navigation-submit-form{padding:var(--nav-space-4)}.navigation-choice-grid{grid-template-columns:minmax(0,1fr)}.navigation-form-actions{align-items:stretch;flex-direction:column}.navigation-record-main{align-items:flex-start}.navigation-record dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nav-space-3)}}
@media(max-width:360px){.navigation-header-actions{display:grid;grid-template-columns:minmax(0,1fr)}.navigation-search{grid-template-columns:minmax(0,1fr)}.navigation-search button{width:100%}.navigation-record dl{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.navigation-page *{scroll-behavior:auto!important;transition-duration:0ms!important}}
/* Two-level directory hierarchy. */
.navigation-category-strip.is-primary{border-bottom:var(--nav-rule)}
.navigation-category-strip.is-secondary{padding-block:var(--nav-space-3);border-bottom:var(--nav-rule);background:var(--nav-color-surface)}
.navigation-primary-group{padding-block:var(--nav-space-6);border-bottom:var(--nav-rule)}
.navigation-primary-head{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:var(--nav-space-4);margin-bottom:var(--nav-space-2)}
.navigation-primary-head>div{min-width:0}.navigation-primary-head h2,.navigation-group-label h3{margin:0;font-family:var(--nav-font-display);font-style:normal;overflow-wrap:anywhere}.navigation-primary-head p{margin:var(--nav-space-1) 0 0;color:var(--nav-color-muted)}.navigation-primary-head>span{flex:0 0 auto;color:var(--nav-color-accent-deep);font-size:var(--nav-text-sm);font-weight:800;white-space:nowrap}
.navigation-secondary-directory{display:grid}.navigation-primary-group .navigation-group{padding:var(--nav-space-5) 0;border-top:var(--nav-rule);border-bottom:0}.navigation-group-label h3 a{color:var(--nav-color-ink)}.navigation-group-label h3 a:hover,.navigation-group-label h3 a:focus-visible{color:var(--nav-color-accent-deep)}
@media(max-width:600px){.navigation-primary-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.navigation-primary-head>span{white-space:normal}}

/* Hallmark - genre: modern-minimal - macrostructure: directory workbench - design-system: design.md - designed-as-app
 * pre-emit critique: P5 H5 E5 S5 R5 V5
 * responsive: pass (320/375/414/768)
 */
.navigation-search,
.navigation-recommended,
.navigation-recommended-list a,
.navigation-submit-form,
.navigation-submit-form fieldset,
.navigation-choice > span,
.navigation-cost-panel,
.navigation-record,
.navigation-notice {
  border-radius: 0;
  box-shadow: none;
}

.navigation-recommended,
.navigation-cost-panel,
.navigation-choice input:checked + span,
.navigation-review-note {
  background: var(--nav-color-surface);
}

.navigation-category-strip a:hover,
.navigation-category-strip a:focus-visible,
.navigation-category-strip a.is-active {
  background: var(--nav-color-surface);
  color: var(--nav-color-accent-deep);
  text-decoration: underline;
  text-decoration-color: var(--nav-color-accent);
  text-decoration-thickness: 2px;
  text-underline-offset: var(--nav-space-2);
}

.navigation-recommended-list a:hover,
.navigation-recommended-list a:focus-visible,
.navigation-site:hover,
.navigation-site:focus-visible {
  border-color: var(--nav-color-accent);
  background: var(--nav-color-surface);
  color: var(--nav-color-accent-deep);
}

.navigation-recommended-list a:hover small,
.navigation-recommended-list a:focus-visible small,
.navigation-site:hover small,
.navigation-site:focus-visible small {
  color: var(--nav-color-muted);
}

.navigation-site:hover code,
.navigation-site:hover .navigation-site-open,
.navigation-site:focus-visible code,
.navigation-site:focus-visible .navigation-site-open {
  color: var(--nav-color-accent-deep);
}

.navigation-choice input:focus-visible + span {
  outline-color: var(--nav-color-accent-deep);
}