/* ProfitLand interface templates — ten structural grammars.
   Each template changes the page composition, not only the color palette. */

:root {
  --pl-container: var(--container, 1280px);
  --pl-font-display: var(--font-sans);
  --pl-font-body: var(--font-sans);
  --pl-font-mono: var(--font-mono);
  --pl-radius: var(--radius-md);
  --pl-radius-small: var(--radius-sm);
  --pl-pattern: none;
  --pl-columns: minmax(0, 1fr) minmax(19rem, 24rem);
}

[data-template] {
  --font-sans: var(--pl-font-body);
  --font-mono: var(--pl-font-mono);
  --container: var(--pl-container);
  --radius-sm: var(--pl-radius-small);
  --radius-md: var(--pl-radius);
  --radius-lg: var(--pl-radius);
}

html,
body {
  background-color: var(--color-canvas) !important;
  color: var(--color-text);
}
html { overflow-x: hidden; }
@supports (overflow: clip) { html { overflow-x: clip; } }

body {
  min-width: 320px;
  overflow-x: hidden;
  font-family: var(--font-sans);
  background-image: var(--pl-pattern) !important;
  background-attachment: fixed;
}

.site-shell,
.site-main,
.page,
.admin-main { width: 100%; }

.container,
.header-inner,
.admin-header__inner,
.admin-main > .container,
.admin-footer__inner {
  width: min(calc(100% - 2rem), var(--pl-container));
  max-width: var(--pl-container);
}

h1,
h2,
h3,
.brand,
.admin-brand,
.stat-card__value,
.stat-tile__value { font-family: var(--pl-font-display); }

a { color: var(--color-signal); }

/* Public shell and navigation */
.template-header {
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid var(--color-border);
  background: color-mix(in srgb, var(--color-surface) 94%, transparent) !important;
  backdrop-filter: blur(18px);
}
.template-header__bar {
  display: flex;
  min-height: 4.6rem;
  align-items: center;
  gap: 1rem;
}
.template-header__tagline,
.template-header__quick > span,
.template-header__quick > a {
  color: var(--color-text-faint);
  font-size: .72rem;
}
.template-header__quick {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-block: .55rem;
  border-top: 1px solid var(--color-border);
}
.template-header__quick a { text-decoration: none; }
.brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .55rem;
  color: var(--color-signal) !important;
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: -.04em;
  text-decoration: none;
}
.brand > span:last-child > span { color: var(--color-text); }
.brand-mark {
  display: inline-flex;
  width: 1.55rem;
  height: 1.55rem;
  align-items: end;
  justify-content: center;
  gap: .16rem;
  padding: .28rem;
  border: 1px solid var(--color-signal);
  border-radius: .42rem;
  background: var(--color-signal-soft);
}
.brand-mark span { width: .2rem; border-radius: .1rem; background: var(--color-signal); }
.brand-mark span:nth-child(1) { height: 45%; opacity: .55; }
.brand-mark span:nth-child(2) { height: 100%; }
.brand-mark span:nth-child(3) { height: 68%; opacity: .78; }
.desktop-navigation {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: .12rem;
  margin-left: auto;
}
.desktop-navigation .nav-link {
  padding: .48rem .62rem;
  border-radius: var(--pl-radius-small);
  color: var(--color-text-muted);
  font-size: .76rem;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
}
.desktop-navigation .nav-link:hover,
.desktop-navigation .nav-link.is-active,
.desktop-navigation .nav-link[aria-current="page"] {
  background: var(--color-signal-soft) !important;
  color: var(--color-signal) !important;
}
.desktop-navigation .nav-link--lab { color: var(--color-accent-violet) !important; }
.header-actions { display: flex; align-items: center; gap: .35rem; margin-left: .35rem; }
.account-link { display: inline-flex; align-items: center; gap: .4rem; color: var(--color-text) !important; font-size: .75rem; text-decoration: none; }
.account-avatar { display: inline-grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: 50%; background: var(--color-accent-violet-soft); color: var(--color-accent-violet); font-size: .65rem; font-weight: 800; }
.nav-toggle { display: none; margin-left: auto; }
.template-header__search { padding-bottom: .7rem; }
.template-header__search .global-search { max-width: 38rem; margin-left: auto; }
.template-sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 60; display: flex; width: 15rem; flex-direction: column; padding: 1.2rem 1rem; border-right: 1px solid var(--color-border); background: var(--color-surface-inset) !important; }
.template-sidebar__brand { margin-bottom: 2rem; }
.template-sidebar__label { margin-bottom: .55rem; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .62rem; text-transform: uppercase; }
.template-sidebar .desktop-navigation { display: flex; flex-direction: column; align-items: stretch; gap: .2rem; margin: 0; }
.template-sidebar .desktop-navigation .nav-link { padding: .62rem .7rem; }
.template-sidebar__bottom { display: flex; flex-direction: column; gap: .5rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--color-border); }
.template-sidebar__bottom > a { color: var(--color-text-muted); font-size: .72rem; text-decoration: none; }
.template-sidebar__bottom .header-actions { margin: .4rem 0 0; }
.template-sidebar__bottom .header-actions .account-link__text { display: none; }
.template-header--sidebar .template-header__bar { padding-left: 16rem; }
.template-header--sidebar .template-header__search { padding-left: 16rem; }
.template-header--sidebar .template-header__bar .desktop-navigation { display: none; }
.template-header--sidebar .nav-toggle { display: none; }
.editorial-masthead { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 7.2rem; border-bottom: 1px solid var(--color-border); }
.editorial-masthead__issue { display: grid; gap: .3rem; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .62rem; text-transform: uppercase; }
.editorial-masthead__actions { display: flex; justify-content: flex-end; }
.brand--center { justify-self: center; font-family: Georgia, serif; font-size: 1.6rem; font-weight: 500; letter-spacing: -.06em; }
.editorial-nav-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: .65rem; border-bottom: 1px solid var(--color-border); }
.editorial-nav-row .desktop-navigation { margin: 0; }
.editorial-nav-row__note { color: var(--color-text-faint); font-family: var(--font-mono); font-size: .65rem; }
.template-header__search--editorial { max-width: 42rem; margin-inline: auto; }
.archive-header { padding-top: .8rem; }
.archive-header__top { display: flex; align-items: center; gap: 1rem; padding-bottom: .8rem; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .62rem; }
.archive-header__top .header-actions { margin-left: auto; }
.archive-header__main { display: flex; align-items: center; gap: 1.5rem; padding-block: 1rem; border-block: 1px solid var(--color-border); }
.archive-header__main .desktop-navigation { margin-left: auto; }
.template-header--dimension .template-header__bar { min-height: 3.8rem; }
.template-header--dimension .template-header__bar .desktop-navigation { display: none; }
.template-header--dimension .nav-toggle { display: inline-flex; }
.template-header--hyperspace .brand { margin-inline: auto; }
.template-header--hyperspace .template-header__bar .desktop-navigation { order: 3; }
.template-header--hyperspace .template-header__bar .header-actions { order: 4; }
.template-header--nextly .template-header__bar { min-height: 5.2rem; }
.template-header--ledger .template-header__bar { border-top: 3px solid var(--color-signal); }
.template-header--atlas .template-header__bar { border-bottom: 2px solid var(--color-signal); }
.mobile-nav-backdrop, .mobile-navigation { display: none; }

/* Shared controls and existing surfaces */
.button,
button,
input,
select,
textarea { border-radius: var(--pl-radius-small); }
.button { min-height: 2.75rem; padding: .6rem 1rem; border: 1px solid transparent; font-size: .84rem; font-weight: 720; line-height: 1.1; text-decoration: none; }
.button--primary { background: var(--color-signal) !important; color: var(--color-surface) !important; }
.button--secondary { border-color: var(--color-border-strong) !important; background: var(--color-surface) !important; color: var(--color-text) !important; }
.button--quiet { color: var(--color-text-muted) !important; }
.button--small { min-height: 2.25rem; padding: .42rem .68rem; font-size: .75rem; }
.button--block { width: 100%; }
.button-row { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.text-link { color: var(--color-signal); font-size: .78rem; font-weight: 700; text-decoration: none; }
.text-link:hover { text-decoration: underline; }
.panel,
.stat-card,
.auth-card,
.notice,
.empty-state,
.security-note,
.secret-box { border-color: var(--color-border) !important; border-radius: var(--pl-radius) !important; background: var(--color-surface) !important; box-shadow: var(--shadow-card) !important; }
.panel__heading, .panel__header { border-color: var(--color-border) !important; }
.status-badge, .data-tag, .badge { border-radius: 999px; }
.data-table, table { border-color: var(--color-border) !important; }
.data-table th, .data-table td, th, td { border-color: var(--color-border) !important; }
.data-table thead, .data-table th, thead { background: var(--color-surface-inset) !important; color: var(--color-text-faint) !important; }
.data-table tbody tr:hover, tbody tr:hover { background: var(--color-signal-soft) !important; }
.detail-layout { grid-template-columns: var(--pl-columns); }
.detail-main, .detail-aside { gap: 1rem; }
.intelligence-card, .rich-capture, .program-card, .plan-card, .monitor-row, .activity-row, .update-row { border-radius: var(--pl-radius) !important; }
.site-footer, .admin-footer { border-color: var(--color-border) !important; background: var(--color-surface-inset) !important; }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 2rem; }
.footer-heading { color: var(--color-text-faint); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.footer-links { display: flex; flex-direction: column; gap: .45rem; padding: 0; list-style: none; }
.footer-links a { color: var(--color-text-muted); font-size: .78rem; text-decoration: none; }
.footer-links a:hover { color: var(--color-signal); }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .6rem; margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid var(--color-border); color: var(--color-text-faint); font-family: var(--font-mono); font-size: .65rem; }
.stat-tile { display: flex; min-height: 7rem; flex-direction: column; justify-content: space-between; padding: .9rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: var(--color-surface); }
.stat-tile__label, .stat-tile__context { color: var(--color-text-faint); font-size: .7rem; }
.stat-tile__value { margin: .35rem 0; color: var(--color-text); font-family: var(--font-mono); font-size: 1.7rem; }
.stat-tile--signal .stat-tile__value { color: var(--color-signal); }.stat-tile--violet .stat-tile__value { color: var(--color-accent-violet); }.stat-tile--amber .stat-tile__value { color: var(--color-status-warning); }.stat-tile--blue .stat-tile__value { color: var(--color-accent-blue); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; }
.section-heading h2 { margin-bottom: .25rem; }.section-heading p { margin-bottom: 0; color: var(--color-text-muted); font-size: .82rem; }
.empty-state { display: flex; min-height: 11rem; flex-direction: column; align-items: center; justify-content: center; padding: 1.5rem; text-align: center; }
.empty-state p { max-width: 30rem; color: var(--color-text-muted); font-size: .8rem; }
.risk-disclaimer { display: flex; width: min(calc(100% - 2rem), var(--pl-container)); gap: .7rem; margin: 0 auto 2rem; padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: var(--color-surface-inset); }
.risk-disclaimer p { margin: .2rem 0 0; color: var(--color-text-muted); font-size: .72rem; }
.risk-disclaimer__mark { display: grid; width: 1.5rem; height: 1.5rem; flex: 0 0 auto; place-items: center; border: 1px solid var(--color-status-warning); border-radius: 50%; color: var(--color-status-warning); font-weight: 800; }

/* Big front-page search */
.hero-search { position: relative; z-index: 3; width: min(100%, 42rem); margin-top: 1.2rem; }
.hero-search__bar { display: flex; align-items: center; gap: .55rem; padding: .45rem; border: 1px solid var(--color-border-strong); border-radius: calc(var(--pl-radius) + .3rem); background: var(--color-surface); box-shadow: 0 15px 38px rgba(0,0,0,.2); }
.hero-search__icon { display: grid; width: 2.3rem; height: 2.3rem; flex: 0 0 auto; place-items: center; color: var(--color-text-faint); }
.hero-search__icon svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; }
.hero-search input { min-width: 0; flex: 1; min-height: 2.8rem; padding: .5rem .35rem; border: 0; background: transparent; color: var(--color-text); font-size: .95rem; outline: 0; }
.hero-search input::placeholder { color: var(--color-text-faint); }
.hero-search__submit { min-width: 6.2rem; }
.hero-search__meta { display: flex; justify-content: space-between; gap: .75rem; padding: .45rem .25rem 0; color: var(--color-text-faint); font-size: .68rem; }
.hero-search__suggestions { top: calc(100% + .4rem); }
.global-search { position: relative; display: flex; align-items: center; gap: .5rem; }
.global-search > svg { position: absolute; left: .7rem; width: 1rem; height: 1rem; fill: none; stroke: var(--color-text-faint); stroke-linecap: round; stroke-width: 1.8; pointer-events: none; }
.global-search input { width: 100%; min-height: 2.35rem; padding: .45rem 2.7rem .45rem 2.1rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius-small); background: var(--color-surface-inset); color: var(--color-text); font-size: .8rem; }
.global-search input:focus { border-color: var(--color-signal); outline: 0; box-shadow: 0 0 0 3px var(--color-focus-ring); }
.global-search kbd { position: absolute; right: .5rem; }
.search-suggestions { position: absolute; top: calc(100% + .4rem); right: 0; left: 0; z-index: 20; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: var(--color-surface-raised); box-shadow: var(--shadow-raised); }
.search-suggestion { display: flex; align-items: center; gap: .6rem; padding: .62rem .75rem; color: var(--color-text); text-decoration: none; }
.search-suggestion:hover, .search-suggestion:focus { background: var(--color-signal-soft); }
.search-suggestion__icon { display: grid; width: 1.5rem; height: 1.5rem; flex: 0 0 auto; place-items: center; border-radius: .35rem; background: var(--color-signal-soft); color: var(--color-signal); font-size: .62rem; font-weight: 800; }
.search-suggestion__body { min-width: 0; flex: 1; }.search-suggestion__body strong, .search-suggestion__body small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.search-suggestion__body strong { font-size: .78rem; }.search-suggestion__body small, .search-suggestion__type { color: var(--color-text-faint); font-size: .64rem; }

/* Shared home building blocks */
.home-layout { overflow: hidden; overflow: clip; }
.home-layout .eyebrow { color: var(--color-text-faint); }
.home-layout h1 { letter-spacing: -.06em; }
.program-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; }
.program-card { display: flex; min-height: 16rem; flex-direction: column; padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: var(--color-surface); box-shadow: var(--shadow-card); }
.program-card__topline { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }.program-card__title { margin: 1rem 0 .25rem; font-size: 1.05rem; }.program-card__title a { color: var(--color-text); text-decoration: none; }.program-card__domain { color: var(--color-text-faint); font-family: var(--font-mono); font-size: .68rem; }.program-card__description { color: var(--color-text-muted); font-size: .77rem; }.program-card__meta, .program-card__footer { display: flex; flex-wrap: wrap; gap: .45rem; color: var(--color-text-faint); font-size: .67rem; }.program-card__footer { align-items: center; justify-content: space-between; margin-top: auto; padding-top: .75rem; border-top: 1px solid var(--color-border); }.program-card__meta strong { color: var(--color-text); font-family: var(--font-mono); }.card-ribbon { position: absolute; top: -.6rem; left: 1rem; padding: .2rem .45rem; border-radius: .3rem; background: var(--color-signal); color: var(--color-surface); font-size: .58rem; font-weight: 800; text-transform: uppercase; }
.monitor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }.monitor-row { display: grid; grid-template-columns: .6rem minmax(0, 1fr) 4rem 5rem 1rem; align-items: center; gap: .65rem; min-width: 0; padding: .75rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius-small); background: var(--color-surface); color: var(--color-text); text-decoration: none; }.monitor-row__identity, .monitor-row__metric, .monitor-row__freshness { min-width: 0; }.monitor-row strong, .monitor-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.monitor-row strong { font-size: .76rem; }.monitor-row small { color: var(--color-text-faint); font-size: .64rem; }.monitor-row__arrow { color: var(--color-signal); }
.status-ribbon { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }.status-ribbon__item { display: flex; flex-direction: column; gap: .2rem; padding: .65rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius-small); background: var(--color-surface); }.status-ribbon__item strong { color: var(--color-text); font-family: var(--font-mono); font-size: 1.15rem; }.status-ribbon__item span { color: var(--color-text-faint); font-size: .66rem; }.status-ribbon__item--healthy strong, .status-ribbon__item--success strong { color: var(--color-status-healthy); }.status-ribbon__item--warning strong { color: var(--color-status-warning); }.status-ribbon__item--danger strong { color: var(--color-status-danger); }.status-ribbon__item--waiting strong, .status-ribbon__item--new strong, .status-ribbon__item--signal strong { color: var(--color-signal); }
.status-dot-ledger { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; }.status-dot-ledger > div { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .3rem; }.status-dot-ledger strong { color: var(--color-text); font-family: var(--font-mono); }.status-dot-ledger small { grid-column: 2; color: var(--color-text-faint); font-size: .65rem; }
.status-bars { display: grid; gap: .75rem; }.status-bar__label { display: flex; justify-content: space-between; margin-bottom: .25rem; color: var(--color-text-muted); font-size: .72rem; }.status-bar__label strong { color: var(--color-text); font-family: var(--font-mono); }.status-bar__track { overflow: hidden; height: .45rem; border-radius: 99px; background: var(--color-surface-inset); }.status-bar__fill { display: block; height: 100%; border-radius: inherit; background: var(--color-signal); }.status-bar__fill--healthy { background: var(--color-status-healthy); }.status-bar__fill--warning { background: var(--color-status-warning); }.status-bar__fill--danger { background: var(--color-status-danger); }.status-bar__fill--waiting, .status-bar__fill--new { background: var(--color-signal); }
.monitor-list { display: grid; }.monitor-list__row { display: grid; grid-template-columns: .6rem minmax(0, 1.4fr) 5rem 6rem 5rem 1rem; align-items: center; gap: .6rem; padding: .72rem .3rem; border-bottom: 1px solid var(--color-border); color: var(--color-text); text-decoration: none; }.monitor-list__row:hover { background: var(--color-signal-soft); }.monitor-list__row strong, .monitor-list__row small { display: block; }.monitor-list__row strong { font-size: .76rem; }.monitor-list__row small { color: var(--color-text-faint); font-size: .63rem; }.monitor-list__status { color: var(--color-text-muted); font-size: .68rem; }
.monitor-tile-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }.monitor-tile { display: flex; min-height: 8.5rem; flex-direction: column; align-items: flex-start; gap: .35rem; padding: .8rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: var(--color-surface); color: var(--color-text); text-decoration: none; }.monitor-tile:hover { border-color: var(--color-signal); transform: translateY(-2px); }.monitor-tile strong { font-size: .8rem; }.monitor-tile small, .monitor-tile > span:last-child { color: var(--color-text-faint); font-size: .65rem; }
.program-rail { display: grid; grid-auto-columns: minmax(17rem, 22rem); grid-auto-flow: column; gap: .7rem; overflow-x: auto; padding: .5rem .2rem 1rem; scroll-snap-type: x mandatory; }.program-rail__item { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr) auto; align-items: center; gap: .55rem; min-height: 7rem; padding: .75rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: var(--color-surface); color: var(--color-text); text-decoration: none; scroll-snap-align: start; }.program-rail__item:hover { border-color: var(--color-signal); }.program-rail__index { color: var(--color-text-faint); font-family: var(--font-mono); }.program-rail__body { min-width: 0; }.program-rail__body strong, .program-rail__body small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.program-rail__body strong { font-size: .78rem; }.program-rail__body small { color: var(--color-text-faint); font-size: .63rem; }.program-rail__views { grid-column: 2; color: var(--color-text-faint); font-size: .64rem; }.program-rail__arrow { grid-column: 3; grid-row: 1 / span 2; color: var(--color-signal); }
.editorial-program-list { display: grid; }.editorial-program-row { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto 1rem; align-items: center; gap: .7rem; padding: .85rem .2rem; border-bottom: 1px solid var(--color-border); color: var(--color-text); text-decoration: none; }.editorial-program-row:hover { background: var(--color-signal-soft); }.editorial-program-row__number { color: var(--color-signal); font-family: var(--font-mono); font-size: .7rem; }.editorial-program-row__body { min-width: 0; }.editorial-program-row__body strong, .editorial-program-row__body small { display: block; }.editorial-program-row__body strong { font-size: .86rem; }.editorial-program-row__body small { color: var(--color-text-faint); font-size: .67rem; }.editorial-program-row__signal { color: var(--color-text-muted); font-size: .7rem; }.editorial-program-row__arrow { color: var(--color-signal); }
.simple-program-list { display: grid; gap: .35rem; }.simple-program-row { display: grid; grid-template-columns: .45rem minmax(0, 1fr) auto 1rem; align-items: center; gap: .55rem; padding: .6rem; border: 1px solid transparent; border-radius: var(--pl-radius-small); color: var(--color-text); text-decoration: none; }.simple-program-row:hover { border-color: var(--color-border); background: var(--color-signal-soft); }.simple-program-row__mark { width: .4rem; height: .4rem; border-radius: 50%; background: var(--color-signal); }.simple-program-row strong, .simple-program-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.simple-program-row strong { font-size: .76rem; }.simple-program-row small { color: var(--color-text-faint); font-size: .63rem; }.simple-program-row__arrow { color: var(--color-signal); }
.atlas-program-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: 8.5rem; gap: .7rem; }.atlas-program-tile { display: flex; grid-column: span 4; grid-row: span 2; flex-direction: column; justify-content: space-between; padding: .9rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: var(--color-surface); color: var(--color-text); text-decoration: none; }.atlas-program-tile--2 { grid-column: span 5; background: linear-gradient(135deg, var(--color-surface), var(--color-signal-soft)); }.atlas-program-tile--3 { grid-column: span 3; background: var(--color-surface-raised); }.atlas-program-tile--4 { grid-column: span 6; background: linear-gradient(135deg, var(--color-accent-violet-soft), var(--color-surface)); }.atlas-program-tile:hover { border-color: var(--color-signal); transform: translateY(-2px); }.atlas-program-tile__top, .atlas-program-tile__bottom { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }.atlas-program-tile__top b { color: var(--color-signal); font-family: var(--font-mono); font-size: .68rem; }.atlas-program-tile__top i, .atlas-program-tile__bottom span { color: var(--color-text-faint); font-size: .62rem; font-style: normal; }.atlas-program-tile > strong { margin-block: .5rem; font-size: 1.05rem; }.atlas-program-tile > small { color: var(--color-text-faint); font-family: var(--font-mono); font-size: .65rem; }.atlas-program-tile__bottom em { color: var(--color-signal); font-size: .68rem; font-style: normal; }
.ledger-table-wrap { overflow-x: auto; contain: inline-size; }.ledger-table { width: 100%; min-width: 46rem; border-collapse: collapse; }.ledger-table th, .ledger-table td { padding: .75rem .7rem; text-align: left; }.ledger-table__program { display: flex; flex-direction: column; color: var(--color-text); text-decoration: none; }.ledger-table__program strong { font-size: .8rem; }.ledger-table__program small { color: var(--color-text-faint); font-family: var(--font-mono); font-size: .64rem; }

/* Template dock and design lab */
.template-dock { position: fixed; right: 1rem; bottom: 1rem; z-index: 80; width: min(22rem, calc(100vw - 2rem)); color: var(--color-text); font-family: var(--font-sans); }.template-dock__summary { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .55rem; min-height: 3.2rem; padding: .55rem .7rem; border: 1px solid var(--color-border-strong); border-radius: var(--pl-radius) !important; background: color-mix(in srgb, var(--color-surface-raised) 94%, transparent) !important; box-shadow: 0 12px 35px rgba(0,0,0,.32); cursor: pointer; list-style: none; }.template-dock__summary::-webkit-details-marker { display: none; }.template-dock__mark { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: .4rem; background: var(--color-signal-soft); color: var(--color-signal); }.template-dock__summary small, .template-dock__summary strong { display: block; }.template-dock__summary small { color: var(--color-text-faint); font-size: .6rem; }.template-dock__summary strong { font-size: .74rem; }.template-dock__body { margin-top: .45rem; padding: .8rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius) !important; background: var(--color-surface) !important; box-shadow: 0 18px 48px rgba(0,0,0,.38); }.template-dock__intro strong { font-size: .8rem; }.template-dock__intro p { margin: .2rem 0 .65rem; color: var(--color-text-muted); font-size: .68rem; }.template-dock__list { display: grid; max-height: 18rem; overflow: auto; }.template-dock__item { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr) auto; align-items: center; gap: .5rem; padding: .4rem; border: 1px solid transparent; border-radius: var(--pl-radius-small); text-decoration: none; }.template-dock__item:hover, .template-dock__item.is-current { border-color: var(--color-border); background: var(--color-signal-soft); }.template-dock__item strong, .template-dock__item small { display: block; }.template-dock__item strong { color: var(--color-text); font-size: .7rem; }.template-dock__item small { color: var(--color-text-faint); font-size: .6rem; }.template-dock__item b { color: var(--color-signal); font-size: .56rem; text-transform: uppercase; }.template-dock__swatches { display: flex; gap: .15rem; }.template-dock__swatches i { width: .38rem; height: .38rem; border-radius: 50%; background: var(--swatch); }.template-dock__apply { margin-top: .65rem; padding-top: .65rem; border-top: 1px solid var(--color-border); }.template-dock__apply label { display: block; margin-bottom: .3rem; color: var(--color-text-faint); font-size: .63rem; }.template-dock__apply-row { display: flex; gap: .35rem; }.template-dock__apply select { min-width: 0; flex: 1; padding: .42rem; border: 1px solid var(--color-border); background: var(--color-surface-inset); color: var(--color-text); }.template-dock__lab-link { display: inline-flex; margin-top: .6rem; color: var(--color-signal); font-size: .66rem; text-decoration: none; }
.design-lab-page { padding-bottom: 3rem; }.design-lab-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 23rem); gap: 1.5rem; align-items: end; padding: clamp(1.4rem, 4vw, 3rem); border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: linear-gradient(135deg, var(--color-surface), var(--color-signal-soft)); }.design-lab-hero h1 { max-width: 12ch; margin: .35rem 0 .8rem; font-size: clamp(2rem, 5vw, 4.3rem); line-height: .98; }.design-lab-hero p:not(.eyebrow) { max-width: 62ch; margin: 0; color: var(--color-text-muted); }.design-lab-current { display: flex; flex-direction: column; align-items: flex-start; gap: .3rem; padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: var(--color-surface-inset); }.design-lab-current__label { color: var(--color-text-faint); font-size: .63rem; text-transform: uppercase; }.design-lab-current strong { font-size: 1.2rem; }.design-lab-current small { color: var(--color-text-muted); }.design-lab-rule { display: flex; justify-content: space-between; gap: 1rem; margin: 1rem 0; padding: .65rem 0; border-block: 1px solid var(--color-border); color: var(--color-text-faint); font-family: var(--font-mono); font-size: .66rem; }.design-lab-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }.design-template-card { min-width: 0; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: var(--color-surface); box-shadow: var(--shadow-card); }.design-template-card.is-selected { border-color: var(--color-signal); box-shadow: 0 0 0 2px var(--color-signal-soft), var(--shadow-card); }.template-preview { min-height: 14rem; margin: .65rem; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: var(--color-canvas); }.template-preview__chrome { display: flex; align-items: center; gap: .25rem; height: 1.7rem; padding: 0 .5rem; border-bottom: 1px solid var(--color-border); background: var(--color-surface); }.template-preview__dot { width: .32rem; height: .32rem; border-radius: 50%; background: var(--color-text-faint); }.template-preview__chrome b { margin-left: .3rem; font-size: .55rem; }.template-preview__chrome i { margin-left: auto; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .45rem; font-style: normal; }.template-preview__body { padding: .7rem; }.template-preview__hero { display: flex; align-items: center; gap: .4rem; padding-bottom: .5rem; border-bottom: 1px solid var(--color-border); }.template-preview__hero strong { font-size: 1.05rem; }.template-preview__hero small { margin-left: auto; color: var(--color-text-faint); font-size: .48rem; }.template-preview__status { padding: .15rem .3rem; border-radius: 99px; background: var(--color-status-danger-soft); color: var(--color-status-danger); font-size: .48rem; }.template-preview__columns { display: grid; grid-template-columns: 1fr .8fr .8fr; gap: .4rem; margin-top: .55rem; }.template-preview__columns > div, .template-preview__columns aside { display: grid; gap: .25rem; }.template-preview__columns i, .template-preview__columns em { display: block; min-height: .35rem; border-radius: .12rem; background: var(--color-border); }.template-preview__columns b { padding: .25rem; border: 1px solid var(--color-border); color: var(--color-signal); font-family: var(--font-mono); font-size: .5rem; }.template-preview__columns em { background: var(--color-accent-violet-soft); }.template-preview__footer { display: flex; justify-content: space-between; margin-top: .6rem; padding-top: .4rem; border-top: 1px dashed var(--color-border); color: var(--color-text-faint); font-family: var(--font-mono); font-size: .42rem; }.design-template-card__body { padding: .35rem 1rem 1rem; }.design-template-card__heading { display: grid; grid-template-columns: auto 1fr auto; gap: .55rem; }.design-template-card__number { color: var(--color-signal); font-family: var(--font-mono); font-size: .68rem; }.design-template-card__heading h2 { margin: 0; font-size: 1.1rem; }.design-template-card__heading p { margin: .12rem 0 0; color: var(--color-text-muted); font-size: .72rem; }.design-template-card__current { padding: .2rem .35rem; border-radius: 99px; background: var(--color-signal-soft); color: var(--color-signal); font-size: .54rem; text-transform: uppercase; }.design-template-card__description { min-height: 3.1em; margin: .7rem 0; color: var(--color-text-muted); font-size: .75rem; }.design-template-card__meta { display: grid; gap: .3rem; margin: 0; }.design-template-card__meta div { display: grid; grid-template-columns: 5rem 1fr; gap: .4rem; }.design-template-card__meta dt { color: var(--color-text-faint); font-size: .62rem; }.design-template-card__meta dd { margin: 0; color: var(--color-text-muted); font-size: .67rem; }.design-template-card__swatches { display: flex; gap: .25rem; margin: .75rem 0; }.design-template-card__swatches i { width: 1.1rem; height: .3rem; border-radius: .1rem; background: var(--template-color); }.design-template-card__actions { display: flex; gap: .35rem; }.design-template-card__actions form { margin: 0; }.design-lab-notes { display: grid; grid-template-columns: .7fr 1.3fr; gap: 1rem; margin-top: 1rem; padding: 1.1rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: var(--color-surface-inset); }.design-lab-notes__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }.design-lab-notes__grid strong { color: var(--color-signal); font-size: .72rem; }.design-lab-notes__grid p { margin: .2rem 0 0; color: var(--color-text-muted); font-size: .7rem; }

.template-preview__layout { min-height: 12rem; }.wire-masthead { display: flex; justify-content: space-between; padding-bottom: .35rem; border-bottom: 1px solid var(--color-border); color: var(--color-signal); font-family: var(--font-mono); font-size: .5rem; }.wire-story { display: grid; grid-template-columns: 1.3fr .7fr; gap: .4rem; padding: .7rem 0; }.wire-story b { grid-row: span 3; color: var(--color-text); font-size: 1rem; }.wire-story i, .wire-columns span, .wire-blocks i { display: block; min-height: .35rem; border-radius: .12rem; background: var(--color-border); }.wire-story i:nth-child(2) { width: 80%; background: var(--color-signal-soft); }.wire-story i:nth-child(3) { width: 90%; }.wire-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem; }.wire-app { display: grid; grid-template-columns: 2.2rem 1fr; gap: .5rem; height: 11rem; }.wire-app aside { display: grid; align-content: start; gap: .35rem; padding: .4rem; background: var(--color-surface-inset); }.wire-app aside i { height: .35rem; border-radius: .1rem; background: var(--color-signal); opacity: .6; }.wire-app main { padding: .45rem; background: var(--color-surface-inset); }.wire-search { padding: .4rem; border: 1px solid var(--color-border); color: var(--color-text-faint); font-size: .5rem; }.wire-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: .25rem; margin-top: .4rem; }.wire-kpis b { height: 1.5rem; border: 1px solid var(--color-border); background: var(--color-surface); }.wire-rows { display: grid; gap: .25rem; margin-top: .5rem; }.wire-rows i { height: .45rem; border-bottom: 1px solid var(--color-border); }.wire-ledger { font-family: var(--font-mono); font-size: .46rem; }.wire-ledger__head { padding: .35rem; border-block: 2px solid var(--color-border-strong); color: var(--color-text-faint); }.wire-ledger__row { display: grid; grid-template-columns: 1.5fr .7fr .5fr .5fr; gap: .3rem; align-items: center; min-height: 1.6rem; border-bottom: 1px solid var(--color-border); }.wire-ledger__row b { overflow: hidden; color: var(--color-text); font-family: var(--font-sans); font-size: .52rem; text-overflow: ellipsis; white-space: nowrap; }.wire-ledger__row i { height: .3rem; background: var(--color-border); }.wire-stage { position: relative; display: grid; min-height: 8rem; place-items: center; align-content: center; overflow: hidden; text-align: center; }.wire-stage__ring { position: absolute; width: 8rem; height: 4rem; border: 1px solid var(--color-signal); border-radius: 50%; transform: rotate(-15deg); }.wire-stage strong { position: relative; color: var(--color-signal); font-size: 1.3rem; }.wire-stage span { position: relative; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .48rem; }.wire-blocks { display: grid; grid-template-columns: repeat(3, 1fr); gap: .35rem; margin-top: .55rem; }.wire-blocks i { min-height: 1.2rem; background: linear-gradient(135deg, var(--color-surface-inset), var(--color-signal-soft)); }.wire-hero { padding: .4rem 0; }.wire-hero > strong { display: block; margin-bottom: .45rem; color: var(--color-text); font-size: .8rem; }.wire-hero .wire-search { margin-bottom: .55rem; }.wire-split { display: grid; grid-template-columns: 1.2fr .8fr; gap: .4rem; }.wire-split span { min-height: 3rem; border: 1px solid var(--color-border); background: var(--color-signal-soft); }.wire-split span:last-child { background: var(--color-accent-violet-soft); }

[data-template="monorepo"] { --pl-font-display: "Arial Narrow", "Trebuchet MS", sans-serif; --pl-font-body: "Segoe UI", sans-serif; --pl-font-mono: Consolas, monospace; --pl-container: 1320px; --pl-radius: .7rem; --pl-radius-small: .45rem; --pl-pattern: radial-gradient(circle at 78% 14%, rgba(34,211,238,.12), transparent 26rem), linear-gradient(rgba(34,211,238,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(34,211,238,.025) 1px, transparent 1px); --color-canvas: #08090d; --color-surface: #0f1117; --color-surface-raised: #151821; --color-surface-inset: #0b0d13; --color-text: #f4f4f5; --color-text-muted: rgba(255,255,255,.62); --color-text-faint: rgba(255,255,255,.38); --color-border: rgba(255,255,255,.1); --color-border-strong: rgba(255,255,255,.18); --color-signal: #22d3ee; --color-signal-hover: #67e8f9; --color-signal-soft: rgba(34,211,238,.12); --color-status-healthy: #34d399; --color-status-warning: #fbbf24; --color-status-danger: #f87171; --color-status-neutral: #94a3b8; --color-status-healthy-soft: rgba(52,211,153,.12); --color-status-warning-soft: rgba(251,191,36,.12); --color-status-danger-soft: rgba(248,113,113,.12); --color-status-neutral-soft: rgba(148,163,184,.12); --color-accent-violet: #a78bfa; --color-accent-violet-soft: rgba(167,139,250,.14); --color-accent-blue: #60a5fa; --color-focus-ring: rgba(34,211,238,.3); }
[data-template="monorepo"] .template-header { background: rgba(8,9,13,.88) !important; }.monorepo-hero { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(24rem, .98fr); gap: clamp(2rem, 7vw, 7rem); align-items: center; width: min(calc(100% - 2rem), var(--pl-container)); min-height: 41rem; margin-inline: auto; padding-block: 5rem; }.monorepo-hero h1 { max-width: 9ch; margin: .5rem 0 1rem; font-size: clamp(3rem, 7vw, 6.6rem); line-height: .9; }.monorepo-hero h1 span { color: var(--color-signal); }.monorepo-hero__copy > p:not(.eyebrow) { max-width: 38rem; margin: 0; color: var(--color-text-muted); font-size: 1.05rem; line-height: 1.55; }.monorepo-hero__actions { display: flex; align-items: center; gap: 1rem; margin-top: 1.2rem; }.monorepo-map { overflow: hidden; border: 1px solid var(--color-border); border-radius: 1rem; background: rgba(15,17,23,.78); box-shadow: 0 25px 70px rgba(0,0,0,.35); }.monorepo-map__top, .monorepo-map__bottom { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .8rem 1rem; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .62rem; }.monorepo-map__top { border-bottom: 1px solid var(--color-border); }.monorepo-map__top b { color: var(--color-signal); font-weight: 500; }.monorepo-map__bottom { border-top: 1px solid var(--color-border); }.monorepo-map__bottom span { display: inline-flex; align-items: center; gap: .35rem; }.monorepo-map__bottom a { color: var(--color-signal); text-decoration: none; }.monorepo-map__canvas { position: relative; min-height: 27rem; background: radial-gradient(circle, rgba(34,211,238,.08), transparent 38%); }.map-node { position: absolute; display: flex; min-width: 8rem; flex-direction: column; gap: .18rem; padding: .6rem; border: 1px solid var(--color-border); border-radius: .55rem; background: rgba(21,24,33,.9); box-shadow: 0 0 0 4px rgba(34,211,238,.03); }.map-node i { width: .45rem; height: .45rem; margin-bottom: .2rem; border-radius: 50%; background: var(--color-signal); box-shadow: 0 0 0 .25rem var(--color-signal-soft); }.map-node strong { font-size: .68rem; }.map-node small { color: var(--color-text-faint); font-size: .6rem; }.map-node--program { top: 12%; left: 8%; }.map-node--monitor { top: 16%; right: 7%; }.map-node--status { bottom: 12%; left: 10%; }.map-node--people { right: 9%; bottom: 14%; }.map-node--status i { background: var(--color-accent-violet); box-shadow: 0 0 0 .25rem var(--color-accent-violet-soft); }.map-node--people i { background: var(--color-status-healthy); box-shadow: 0 0 0 .25rem var(--color-status-healthy-soft); }.map-center { position: absolute; top: 50%; left: 50%; display: grid; width: 8rem; height: 8rem; place-items: center; align-content: center; border: 1px solid var(--color-signal); border-radius: 50%; background: rgba(34,211,238,.1); box-shadow: 0 0 0 1rem rgba(34,211,238,.04), 0 0 60px rgba(34,211,238,.18); transform: translate(-50%, -50%); }.map-center strong { color: var(--color-signal); font-family: var(--font-mono); font-size: 1.8rem; }.map-center small { color: var(--color-text-muted); font-size: .6rem; }.map-connector { position: absolute; top: 50%; left: 50%; width: 60%; border-top: 1px dashed rgba(34,211,238,.28); transform-origin: left; }.map-connector--one { transform: rotate(25deg); }.map-connector--two { transform: rotate(145deg); }.map-connector--three { transform: rotate(215deg); }.monorepo-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; width: min(calc(100% - 2rem), var(--pl-container)); margin-inline: auto; padding-bottom: 3.5rem; }.monorepo-workspace { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(17rem, .55fr); gap: 1.2rem; padding-bottom: 4rem; }.monorepo-workspace__rail { padding: 1rem; border: 1px solid var(--color-border); border-radius: 1rem; background: var(--color-surface); }.workspace-rail__heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: .6rem; }.workspace-rail__heading a { color: var(--color-signal); }.workspace-rail__note { display: flex; gap: .5rem; margin-top: 1rem; padding-top: .8rem; border-top: 1px solid var(--color-border); }.workspace-rail__note p { margin: 0; color: var(--color-text-faint); font-size: .68rem; }.monorepo-bottom { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr); gap: 1.2rem; padding-bottom: 4rem; }.monorepo-cta { align-self: start; padding: 1.2rem; border: 1px solid var(--color-border); border-radius: 1rem; background: linear-gradient(135deg, var(--color-signal-soft), var(--color-surface)); }.monorepo-cta h2 { margin: .35rem 0; font-size: 1.4rem; }.monorepo-cta p { color: var(--color-text-muted); font-size: .8rem; }
[data-template="monorepo"] .detail-layout { --pl-columns: minmax(0, 1fr) minmax(21rem, 25rem); } [data-template="monorepo"] .intelligence-card { box-shadow: 0 0 0 1px rgba(34,211,238,.28), 0 18px 50px rgba(0,0,0,.25) !important; }

/* 02 Landwind — split landing story */
[data-template="landwind"] { --pl-font-display: "Trebuchet MS", "Arial", sans-serif; --pl-font-body: "Segoe UI", sans-serif; --pl-font-mono: Consolas, monospace; --pl-container: 1180px; --pl-radius: .85rem; --pl-radius-small: .5rem; --pl-pattern: radial-gradient(circle at 80% 14%, rgba(56,189,248,.13), transparent 25rem); --color-canvas: #111827; --color-surface: #1f2937; --color-surface-raised: #273449; --color-surface-inset: #172033; --color-text: #f8fafc; --color-text-muted: #b8c4d4; --color-text-faint: #7f8da3; --color-border: #334155; --color-border-strong: #52647e; --color-signal: #38bdf8; --color-signal-hover: #7dd3fc; --color-signal-soft: rgba(56,189,248,.13); --color-status-healthy: #4ade80; --color-status-warning: #fbbf24; --color-status-danger: #fb7185; --color-status-neutral: #94a3b8; --color-status-healthy-soft: rgba(74,222,128,.12); --color-status-warning-soft: rgba(251,191,36,.12); --color-status-danger-soft: rgba(251,113,133,.12); --color-status-neutral-soft: rgba(148,163,184,.12); --color-accent-violet: #818cf8; --color-accent-violet-soft: rgba(129,140,248,.14); --color-accent-blue: #38bdf8; --color-focus-ring: rgba(56,189,248,.3); }
[data-template="landwind"] .template-header { background: rgba(17,24,39,.92) !important; }.landwind-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .8fr); gap: clamp(2rem, 7vw, 7rem); align-items: center; width: min(calc(100% - 2rem), var(--pl-container)); min-height: 40rem; margin-inline: auto; padding-block: 4rem; }.landwind-hero h1 { max-width: 10ch; margin: .45rem 0 1rem; font-size: clamp(2.8rem, 6vw, 5.5rem); line-height: .96; }.landwind-hero h1 em { color: var(--color-signal); font-style: normal; }.landwind-hero__copy > p:not(.eyebrow) { max-width: 36rem; margin: 0; color: var(--color-text-muted); font-size: 1rem; }.landwind-hero__copy .hero-search { width: min(100%, 38rem); }.landwind-hero__visual { position: relative; display: grid; place-items: center; }.landwind-signal-card { width: min(100%, 25rem); padding: 1.2rem; border: 1px solid var(--color-border); border-radius: 1.2rem; background: linear-gradient(145deg, var(--color-surface-raised), var(--color-surface-inset)); box-shadow: 0 25px 65px rgba(0,0,0,.3); }.landwind-signal-card__top, .landwind-signal-card__rows { display: flex; align-items: center; justify-content: space-between; gap: .5rem; color: var(--color-text-faint); font-size: .68rem; }.status-pill { padding: .2rem .4rem; border-radius: 99px; font-size: .62rem; }.status-pill--healthy { background: var(--color-status-healthy-soft); color: var(--color-status-healthy); }.landwind-signal-card__orb { display: grid; width: 15rem; height: 15rem; place-items: center; align-content: center; margin: 1.2rem auto; border: 1px solid var(--color-signal); border-radius: 50%; background: radial-gradient(circle, var(--color-signal-soft), transparent 65%); box-shadow: 0 0 0 1.4rem rgba(56,189,248,.04), 0 0 0 3rem rgba(56,189,248,.025); }.landwind-signal-card__orb span { color: var(--color-signal); font-family: var(--font-mono); font-size: 2.7rem; font-weight: 700; }.landwind-signal-card__orb small { color: var(--color-text-muted); }.landwind-signal-card__rows { padding-top: .8rem; border-top: 1px solid var(--color-border); }.landwind-signal-card__rows b { color: var(--color-text); font-family: var(--font-mono); }.landwind-hero__caption { position: absolute; right: 0; bottom: -1.8rem; color: var(--color-text-faint); font-size: .7rem; }.landwind-proof { display: grid; grid-template-columns: 1.3fr repeat(3, 1fr); gap: 1rem; align-items: center; padding: 1.1rem max(1rem, calc((100% - var(--pl-container)) / 2)); border-block: 1px solid var(--color-border); color: var(--color-text-faint); font-size: .72rem; }.landwind-proof strong { color: var(--color-text); font-family: var(--font-mono); font-size: .8rem; text-align: center; }.landwind-feature { display: grid; grid-template-columns: minmax(18rem, .85fr) minmax(0, 1fr); gap: clamp(2rem, 8vw, 8rem); align-items: center; width: min(calc(100% - 2rem), var(--pl-container)); margin-inline: auto; padding-block: 6rem; }.landwind-feature--monitors { grid-template-columns: minmax(0, 1fr) minmax(18rem, .85fr); }.landwind-feature--monitors .landwind-feature__copy { order: -1; }.landwind-feature__copy h2 { max-width: 12ch; margin: .4rem 0 .8rem; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1; }.landwind-feature__copy p:not(.eyebrow) { max-width: 31rem; color: var(--color-text-muted); }.landwind-feature__visual--list { padding: 1rem; border: 1px solid var(--color-border); border-radius: 1.2rem; background: var(--color-surface); }.landwind-feature__ring { display: grid; width: min(100%, 23rem); aspect-ratio: 1; place-items: center; align-content: center; border: 1px solid var(--color-signal); border-radius: 50%; background: radial-gradient(circle, var(--color-signal-soft), transparent 62%); box-shadow: 0 0 0 2rem rgba(56,189,248,.035); }.landwind-feature__ring span { color: var(--color-signal); font-family: var(--font-mono); font-size: 3.5rem; }.landwind-feature__ring small { color: var(--color-text-muted); }.landwind-status { display: grid; grid-template-columns: .6fr 1.4fr; gap: 1rem; align-items: center; padding-bottom: 4rem; }.landwind-status h2 { margin: .3rem 0; }
[data-template="landwind"] .detail-layout { --pl-columns: minmax(0, 1fr) minmax(20rem, 25rem); } [data-template="landwind"] .program-card { border-radius: 1rem; }

/* 03 Editorial — masthead and article rows */
[data-template="editorial"] { --pl-font-display: Georgia, "Times New Roman", serif; --pl-font-body: "Trebuchet MS", sans-serif; --pl-font-mono: "Courier New", monospace; --pl-container: 1240px; --pl-radius: .15rem; --pl-radius-small: .1rem; --pl-pattern: repeating-linear-gradient(0deg, transparent 0 2rem, rgba(241,231,208,.018) 2rem calc(2rem + 1px)); --color-canvas: #211d1a; --color-surface: #342d27; --color-surface-raised: #40362e; --color-surface-inset: #28231f; --color-text: #f1e7d0; --color-text-muted: #c9bca5; --color-text-faint: #9e907b; --color-border: #5b4d40; --color-border-strong: #806c58; --color-signal: #d97757; --color-signal-hover: #f09a7d; --color-signal-soft: rgba(217,119,87,.13); --color-status-healthy: #8eae7e; --color-status-warning: #d3a24d; --color-status-danger: #cc6d63; --color-status-neutral: #a79a88; --color-status-healthy-soft: rgba(142,174,126,.12); --color-status-warning-soft: rgba(211,162,77,.12); --color-status-danger-soft: rgba(204,109,99,.12); --color-status-neutral-soft: rgba(167,154,136,.12); --color-accent-violet: #b79acb; --color-accent-violet-soft: rgba(183,154,203,.14); --color-accent-blue: #8ca9c0; --color-focus-ring: rgba(217,119,87,.3); }
[data-template="editorial"] .template-header { background: rgba(33,29,26,.95) !important; }.editorial-lead { width: min(calc(100% - 2rem), var(--pl-container)); margin-inline: auto; padding-block: 1rem 3rem; }.editorial-lead__rule, .editorial-lead__byline { display: flex; justify-content: space-between; gap: 1rem; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .65rem; }.editorial-lead__rule { padding-bottom: .7rem; border-bottom: 1px solid var(--color-border); }.editorial-lead__headline { max-width: 62rem; margin: 3.2rem auto 2.2rem; text-align: center; }.editorial-lead__headline h1 { max-width: 15ch; margin: .4rem auto 1rem; font-size: clamp(2.8rem, 7vw, 6.4rem); font-weight: 500; line-height: .95; }.editorial-lead__headline > p:not(.eyebrow) { max-width: 42rem; margin-inline: auto; color: var(--color-text-muted); font-family: Georgia, serif; font-size: 1.08rem; line-height: 1.5; }.editorial-lead__headline .hero-search { margin-inline: auto; text-align: left; }.editorial-lead__byline { padding-top: .7rem; border-top: 1px solid var(--color-border); }.editorial-main { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .6fr); gap: 2rem; padding-bottom: 4rem; }.editorial-main__lead { padding-top: 1rem; border-top: 3px double var(--color-border-strong); }.editorial-sidebar { display: grid; align-content: start; gap: 1.2rem; }.editorial-sidebar__note, .editorial-sidebar__status { padding: 1rem; border: 1px solid var(--color-border); background: var(--color-surface); }.editorial-sidebar__note p { color: var(--color-text-muted); font-family: Georgia, serif; font-size: .9rem; }.editorial-lower { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr); gap: 2rem; padding-bottom: 4rem; }.editorial-lower__brief { padding: 1rem; border-left: 3px solid var(--color-signal); background: var(--color-surface-inset); }.editorial-lower__brief .editorial-program-row { grid-template-columns: 1.5rem minmax(0, 1fr) 1rem; }.editorial-lower__brief .editorial-program-row__signal { display: none; }
[data-template="editorial"] .detail-layout { --pl-columns: minmax(0, 1fr) minmax(18rem, 22rem); } [data-template="editorial"] .panel { border-radius: 0; box-shadow: none; } [data-template="editorial"] h1, [data-template="editorial"] h2, [data-template="editorial"] h3 { font-weight: 500; }

/* 04 Dimension — full-bleed feature and horizontal rail */
[data-template="dimension"] { --pl-font-display: "Arial Narrow", "Trebuchet MS", sans-serif; --pl-font-body: "Segoe UI", sans-serif; --pl-font-mono: Consolas, monospace; --pl-container: 1400px; --pl-radius: .2rem; --pl-radius-small: .12rem; --pl-pattern: radial-gradient(circle at 72% 34%, rgba(96,165,250,.14), transparent 25rem); --color-canvas: #0c1018; --color-surface: #171e2c; --color-surface-raised: #202b3d; --color-surface-inset: #111827; --color-text: #dbeafe; --color-text-muted: #a5b6ce; --color-text-faint: #71839d; --color-border: #293a55; --color-border-strong: #476487; --color-signal: #60a5fa; --color-signal-hover: #93c5fd; --color-signal-soft: rgba(96,165,250,.13); --color-status-healthy: #34d399; --color-status-warning: #fbbf24; --color-status-danger: #fb7185; --color-status-neutral: #94a3b8; --color-status-healthy-soft: rgba(52,211,153,.12); --color-status-warning-soft: rgba(251,191,36,.12); --color-status-danger-soft: rgba(251,113,133,.12); --color-status-neutral-soft: rgba(148,163,184,.12); --color-accent-violet: #a78bfa; --color-accent-violet-soft: rgba(167,139,250,.14); --color-accent-blue: #60a5fa; --color-focus-ring: rgba(96,165,250,.3); }
.dimension-hero { position: relative; display: grid; min-height: min(48rem, calc(100vh - 5rem)); place-items: center; overflow: hidden; text-align: center; }.dimension-hero__backdrop { position: absolute; inset: 10% 15%; border: 1px solid rgba(96,165,250,.25); border-radius: 50%; transform: rotate(-12deg); box-shadow: 0 0 0 5rem rgba(96,165,250,.03), 0 0 0 12rem rgba(96,165,250,.02); }.dimension-hero__backdrop span { position: absolute; width: .5rem; height: .5rem; border-radius: 50%; background: var(--color-signal); box-shadow: 0 0 1rem var(--color-signal); }.dimension-hero__backdrop span:nth-child(1) { top: 14%; left: 20%; }.dimension-hero__backdrop span:nth-child(2) { top: 40%; right: 4%; background: var(--color-status-warning); }.dimension-hero__backdrop span:nth-child(3) { bottom: 8%; left: 35%; background: var(--color-accent-violet); }.dimension-hero__content { position: relative; z-index: 1; width: min(calc(100% - 2rem), 52rem); }.dimension-hero h1 { margin: .5rem 0 1rem; font-size: clamp(3.4rem, 9vw, 8rem); line-height: .85; }.dimension-hero h1 em { color: var(--color-signal); font-style: normal; }.dimension-hero__content > p:not(.eyebrow) { max-width: 36rem; margin-inline: auto; color: var(--color-text-muted); font-size: 1.05rem; }.dimension-hero .hero-search { margin-inline: auto; text-align: left; }.dimension-hero__links { display: flex; justify-content: center; gap: 1rem; margin-top: 1.1rem; }.dimension-hero__links a { color: var(--color-text-muted); font-family: var(--font-mono); font-size: .68rem; text-decoration: none; }.dimension-hero__links a:hover { color: var(--color-signal); }.dimension-hero__marker { position: absolute; right: 1.5rem; bottom: 1.5rem; display: flex; align-items: center; gap: .5rem; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .62rem; writing-mode: vertical-rl; }.dimension-hero__marker i { width: 1px; height: 3rem; background: var(--color-signal); }.dimension-rail-section { padding-block: 3rem 4rem; background: var(--color-surface-inset); }.dimension-rail-section .container { margin-bottom: 1rem; }.dimension-layers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding-bottom: 4rem; }.dimension-layer { position: relative; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .8rem; padding: 1.2rem; border: 1px solid var(--color-border); background: var(--color-surface); }.dimension-layer--wide { grid-column: 1 / -1; grid-template-columns: 2rem minmax(0, 1fr) auto; align-items: center; }.dimension-layer__number { color: var(--color-signal); font-family: var(--font-mono); }.dimension-layer h2 { margin: .25rem 0; }.dimension-layer p:not(.eyebrow) { margin-bottom: 0; color: var(--color-text-muted); font-size: .8rem; }
[data-template="dimension"] .detail-layout { --pl-columns: minmax(0, 1fr) minmax(19rem, 24rem); } [data-template="dimension"] .program-card { border-radius: 0; }

/* 05 Hyperspace — orbit and floating field */
[data-template="hyperspace"] { --pl-font-display: "Trebuchet MS", "Arial", sans-serif; --pl-font-body: "Segoe UI", sans-serif; --pl-font-mono: Consolas, monospace; --pl-container: 1360px; --pl-radius: 1.3rem; --pl-radius-small: .7rem; --pl-pattern: radial-gradient(circle at 50% 8%, rgba(129,140,248,.2), transparent 22rem), radial-gradient(circle at 15% 60%, rgba(244,114,182,.1), transparent 20rem), #090b1c; --color-canvas: #090b1c; --color-surface: #151a3b; --color-surface-raised: #202858; --color-surface-inset: #0e1230; --color-text: #e0e7ff; --color-text-muted: #b3b9dc; --color-text-faint: #7d84b2; --color-border: #303b78; --color-border-strong: #4e5ca4; --color-signal: #a5b4fc; --color-signal-hover: #c7d2fe; --color-signal-soft: rgba(165,180,252,.14); --color-status-healthy: #6ee7b7; --color-status-warning: #fcd34d; --color-status-danger: #fb7185; --color-status-neutral: #a5b4fc; --color-status-healthy-soft: rgba(110,231,183,.12); --color-status-warning-soft: rgba(252,211,77,.12); --color-status-danger-soft: rgba(251,113,133,.12); --color-status-neutral-soft: rgba(165,180,252,.12); --color-accent-violet: #f472b6; --color-accent-violet-soft: rgba(244,114,182,.14); --color-accent-blue: #a5b4fc; --color-focus-ring: rgba(165,180,252,.3); }
.hyperspace-hero { position: relative; display: grid; min-height: 45rem; place-items: center; overflow: hidden; text-align: center; }.hyperspace-stars { position: absolute; inset: 0; opacity: .65; background-image: radial-gradient(circle, rgba(255,255,255,.8) 0 1px, transparent 1.5px), radial-gradient(circle, rgba(165,180,252,.7) 0 1px, transparent 1.5px); background-position: 12% 20%, 80% 35%; background-size: 37rem 29rem, 23rem 31rem; }.hyperspace-hero__copy { position: relative; z-index: 2; width: min(calc(100% - 2rem), 50rem); }.hyperspace-hero h1 { margin: .5rem 0 1rem; font-size: clamp(3.2rem, 8vw, 7rem); line-height: .88; }.hyperspace-hero h1 em { color: var(--color-accent-violet); font-style: normal; }.hyperspace-hero__copy > p:not(.eyebrow) { max-width: 34rem; margin-inline: auto; color: var(--color-text-muted); font-size: 1.05rem; }.hyperspace-hero .hero-search { margin-inline: auto; text-align: left; }.hyperspace-orbit { position: absolute; top: 50%; left: 50%; width: min(68vw, 42rem); aspect-ratio: 1; transform: translate(-50%, -50%); opacity: .72; }.hyperspace-orbit__ring { position: absolute; inset: 0; border: 1px solid rgba(165,180,252,.35); border-radius: 50%; transform: rotate(28deg) scaleY(.42); }.hyperspace-orbit__ring--two { inset: 12%; border-color: rgba(244,114,182,.35); transform: rotate(-28deg) scaleY(.42); }.hyperspace-orbit__core { position: absolute; top: 50%; left: 50%; display: grid; width: 8rem; height: 8rem; place-items: center; align-content: center; border: 1px solid var(--color-signal); border-radius: 50%; background: rgba(20,26,60,.86); box-shadow: 0 0 40px rgba(165,180,252,.25); transform: translate(-50%, -50%); }.hyperspace-orbit__core strong { color: var(--color-signal); font-family: var(--font-mono); font-size: 1.8rem; }.hyperspace-orbit__core small { color: var(--color-text-faint); font-size: .6rem; }.hyperspace-orbit__node { position: absolute; width: .6rem; height: .6rem; border-radius: 50%; background: var(--color-signal); box-shadow: 0 0 1rem var(--color-signal); }.hyperspace-orbit__node--one { top: 16%; left: 18%; }.hyperspace-orbit__node--two { top: 22%; right: 9%; background: var(--color-accent-violet); box-shadow: 0 0 1rem var(--color-accent-violet); }.hyperspace-orbit__node--three { right: 28%; bottom: 5%; background: var(--color-status-healthy); box-shadow: 0 0 1rem var(--color-status-healthy); }.hyperspace-hero__bottom { position: absolute; right: 1.5rem; bottom: 1.3rem; left: 1.5rem; display: flex; justify-content: space-between; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .62rem; }.hyperspace-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; padding-block: 1rem 4rem; }.hyperspace-card { min-height: 14rem; padding: 1.2rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: rgba(21,26,59,.8); box-shadow: 0 18px 45px rgba(0,0,0,.22); }.hyperspace-card--wide { grid-column: span 2; }.hyperspace-card--violet { background: linear-gradient(135deg, rgba(244,114,182,.14), rgba(21,26,59,.8)); }.hyperspace-card h2 { margin: .5rem 0; }.hyperspace-card p:not(.eyebrow) { color: var(--color-text-muted); font-size: .8rem; }.hyperspace-monitors { padding-bottom: 4rem; }
[data-template="hyperspace"] .detail-layout { --pl-columns: minmax(0, 1fr) minmax(20rem, 25rem); } [data-template="hyperspace"] .intelligence-card { box-shadow: 0 0 0 1px var(--color-signal), 0 0 50px rgba(165,180,252,.12) !important; }

/* 06 Nextly — product story */
[data-template="nextly"] { --pl-font-display: "Trebuchet MS", "Arial Rounded MT Bold", sans-serif; --pl-font-body: "Trebuchet MS", sans-serif; --pl-font-mono: Consolas, monospace; --pl-container: 1160px; --pl-radius: 1.1rem; --pl-radius-small: .6rem; --pl-pattern: radial-gradient(circle at 50% 0, rgba(124,58,237,.16), transparent 30rem); --color-canvas: #111827; --color-surface: #1f2937; --color-surface-raised: #293548; --color-surface-inset: #172033; --color-text: #f8fafc; --color-text-muted: #c1cad9; --color-text-faint: #8996aa; --color-border: #37445b; --color-border-strong: #566681; --color-signal: #a78bfa; --color-signal-hover: #c4b5fd; --color-signal-soft: rgba(167,139,250,.14); --color-status-healthy: #4ade80; --color-status-warning: #fbbf24; --color-status-danger: #fb7185; --color-status-neutral: #94a3b8; --color-status-healthy-soft: rgba(74,222,128,.12); --color-status-warning-soft: rgba(251,191,36,.12); --color-status-danger-soft: rgba(251,113,133,.12); --color-status-neutral-soft: rgba(148,163,184,.12); --color-accent-violet: #c4b5fd; --color-accent-violet-soft: rgba(196,181,253,.14); --color-accent-blue: #60a5fa; --color-focus-ring: rgba(167,139,250,.3); }
.nextly-hero { position: relative; width: min(calc(100% - 2rem), 54rem); margin-inline: auto; padding-block: 6rem 4rem; text-align: center; }.nextly-hero__glow { position: absolute; top: 1rem; left: 50%; width: 24rem; height: 12rem; border-radius: 50%; background: var(--color-signal-soft); filter: blur(40px); transform: translateX(-50%); }.nextly-hero h1 { position: relative; margin: .5rem 0 1rem; font-size: clamp(3rem, 7vw, 6.3rem); line-height: .9; }.nextly-hero h1 em { color: var(--color-signal); font-style: normal; }.nextly-hero > p:not(.eyebrow) { position: relative; max-width: 39rem; margin-inline: auto; color: var(--color-text-muted); font-size: 1.05rem; }.nextly-hero .hero-search { margin-inline: auto; text-align: left; }.nextly-hero__actions { display: flex; justify-content: center; gap: .6rem; margin-top: 1rem; }.nextly-stats { display: grid; grid-template-columns: 1.3fr repeat(3, 1fr); gap: 1rem; align-items: center; padding: 1.1rem max(1rem, calc((100% - var(--pl-container)) / 2)); border-block: 1px solid var(--color-border); color: var(--color-text-faint); font-size: .72rem; }.nextly-stats strong { color: var(--color-text); font-family: var(--font-mono); text-align: center; }.nextly-story { display: grid; grid-template-columns: minmax(18rem, .9fr) minmax(0, 1fr); gap: clamp(2rem, 8vw, 8rem); align-items: center; padding-block: 5rem; }.nextly-story--reverse { grid-template-columns: minmax(0, 1fr) minmax(18rem, .9fr); }.nextly-story--reverse .nextly-story__visual { order: 2; }.nextly-story--reverse .nextly-story__copy { order: 1; }.nextly-story__visual { display: grid; min-height: 18rem; place-items: center; align-content: center; border-radius: 1.4rem; background: linear-gradient(135deg, var(--color-signal-soft), var(--color-surface)); text-align: center; }.nextly-story__glyph { color: var(--color-signal); font-size: 5rem; line-height: .7; }.nextly-story__visual strong { margin-top: 1rem; font-size: 1.4rem; line-height: 1.05; }.nextly-story__visual small { margin-top: .5rem; color: var(--color-text-faint); }.nextly-story__copy h2 { max-width: 12ch; margin: .4rem 0 .8rem; font-size: clamp(2rem, 4vw, 3.3rem); line-height: 1; }.nextly-story__copy p:not(.eyebrow) { max-width: 31rem; color: var(--color-text-muted); }.nextly-story__visual--status { display: block; padding: 1.2rem; text-align: left; }.nextly-monitor { padding-bottom: 4rem; }
[data-template="nextly"] .detail-layout { --pl-columns: minmax(0, 1fr) minmax(20rem, 25rem); } [data-template="nextly"] .program-card { border-radius: 1.1rem; }

/* 07 Sidebar OS — persistent application shell */
[data-template="sidebar"] { --pl-font-display: "Arial Narrow", "Segoe UI", sans-serif; --pl-font-body: "Segoe UI", sans-serif; --pl-font-mono: Consolas, monospace; --pl-container: 1500px; --pl-radius: .55rem; --pl-radius-small: .35rem; --pl-pattern: none; --color-canvas: #0b1220; --color-surface: #152238; --color-surface-raised: #1c2d49; --color-surface-inset: #101b2e; --color-text: #dbeafe; --color-text-muted: #a7b9d2; --color-text-faint: #7187a5; --color-border: #2a4161; --color-border-strong: #47658a; --color-signal: #38bdf8; --color-signal-hover: #7dd3fc; --color-signal-soft: rgba(56,189,248,.12); --color-status-healthy: #4ade80; --color-status-warning: #fbbf24; --color-status-danger: #fb7185; --color-status-neutral: #94a3b8; --color-status-healthy-soft: rgba(74,222,128,.12); --color-status-warning-soft: rgba(251,191,36,.12); --color-status-danger-soft: rgba(251,113,133,.12); --color-status-neutral-soft: rgba(148,163,184,.12); --color-accent-violet: #a78bfa; --color-accent-violet-soft: rgba(167,139,250,.14); --color-accent-blue: #38bdf8; --color-focus-ring: rgba(56,189,248,.3); }
[data-template="sidebar"] .site-main { margin-left: 0; }
[data-template="sidebar"] .template-sidebar { display: none; }
[data-template="sidebar"] .template-header--sidebar .template-header__bar, [data-template="sidebar"] .template-header--sidebar .template-header__search { padding-left: 0; }
.home-app-shell { display: grid; min-height: 70vh; grid-template-columns: 14rem minmax(0, 1fr); }.home-app-rail { display: flex; flex-direction: column; gap: 1.4rem; padding: 1.2rem 1rem; border-right: 1px solid var(--color-border); background: var(--color-surface-inset); }.home-app-rail__group { display: grid; gap: .25rem; }.home-app-rail__group > span { margin-bottom: .25rem; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .62rem; text-transform: uppercase; }.home-app-rail__group a { padding: .55rem .6rem; border-radius: .35rem; color: var(--color-text-muted); font-size: .76rem; text-decoration: none; }.home-app-rail__group a:hover, .home-app-rail__group a.is-active { background: var(--color-signal-soft); color: var(--color-signal); }.home-app-rail__design { display: flex; justify-content: space-between; margin-top: auto; padding: .6rem; border: 1px solid var(--color-border); border-radius: .35rem; color: var(--color-accent-violet); font-size: .68rem; text-decoration: none; }.home-app-main { min-width: 0; padding: clamp(1.2rem, 3vw, 2.5rem); }.home-app-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding-bottom: 1.3rem; border-bottom: 1px solid var(--color-border); }.home-app-toolbar h1 { margin: .35rem 0 0; font-size: clamp(1.8rem, 4vw, 3rem); }.home-app-toolbar .hero-search { width: min(100%, 28rem); margin: 0; }.home-app-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; padding-block: 1.2rem; }.home-app-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }.home-app-panel { min-width: 0; padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--pl-radius); background: var(--color-surface); }.home-app-panel .section-heading h2 { font-size: 1rem; }.home-app-panel .section-heading p { font-size: .72rem; }
[data-template="sidebar"] .detail-layout { --pl-columns: minmax(0, 1fr) minmax(20rem, 25rem); } [data-template="sidebar"] .panel { box-shadow: none; }

/* 08 Ledger — table-first register */
[data-template="ledger"] { --pl-font-display: "Arial Narrow", "Roboto Condensed", sans-serif; --pl-font-body: "Trebuchet MS", sans-serif; --pl-font-mono: Consolas, monospace; --pl-container: 1380px; --pl-radius: .15rem; --pl-radius-small: .1rem; --pl-pattern: repeating-linear-gradient(0deg, transparent 0 1.7rem, rgba(229,231,235,.018) 1.7rem 1.75rem); --color-canvas: #111827; --color-surface: #1f2937; --color-surface-raised: #293548; --color-surface-inset: #172033; --color-text: #e5e7eb; --color-text-muted: #b4bfce; --color-text-faint: #7e8da3; --color-border: #37445b; --color-border-strong: #566681; --color-signal: #34d399; --color-signal-hover: #6ee7b7; --color-signal-soft: rgba(52,211,153,.12); --color-status-healthy: #34d399; --color-status-warning: #f59e0b; --color-status-danger: #f87171; --color-status-neutral: #94a3b8; --color-status-healthy-soft: rgba(52,211,153,.12); --color-status-warning-soft: rgba(245,158,11,.12); --color-status-danger-soft: rgba(248,113,113,.12); --color-status-neutral-soft: rgba(148,163,184,.12); --color-accent-violet: #a78bfa; --color-accent-violet-soft: rgba(167,139,250,.14); --color-accent-blue: #60a5fa; --color-focus-ring: rgba(52,211,153,.3); }
.ledger-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, .8fr); gap: 2rem; align-items: end; width: min(calc(100% - 2rem), var(--pl-container)); margin-inline: auto; padding-block: 4rem 2.5rem; border-bottom: 3px double var(--color-border-strong); }.ledger-hero h1 { margin: .4rem 0; font-size: clamp(3rem, 7vw, 6.5rem); line-height: .87; }.ledger-hero p:not(.eyebrow) { max-width: 32rem; color: var(--color-text-muted); }.ledger-hero .hero-search { width: 100%; margin: 0; }.ledger-kpis { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding-block: 1.2rem; border-bottom: 1px solid var(--color-border); }.ledger-kpis__meta { display: flex; gap: 1rem; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .64rem; }.ledger-content { padding-block: 2.5rem; }.ledger-content--monitors { padding-top: 0; }.ledger-content .section-heading h2 { font-size: 1.5rem; }.ledger-table th { font-family: var(--font-mono); font-size: .65rem; letter-spacing: .04em; text-transform: uppercase; }.ledger-table td { color: var(--color-text-muted); font-size: .75rem; }.ledger-table__program strong { color: var(--color-text); }.icon-link { color: var(--color-signal); text-decoration: none; }
[data-template="ledger"] .detail-layout { display: block; } [data-template="ledger"] .detail-aside { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1rem; } [data-template="ledger"] .panel { border-radius: 0; box-shadow: none; }

/* 09 Atlas — field-guide mosaic */
[data-template="atlas"] { --pl-font-display: "Trebuchet MS", "Arial Rounded MT Bold", sans-serif; --pl-font-body: "Trebuchet MS", sans-serif; --pl-font-mono: Consolas, monospace; --pl-container: 1360px; --pl-radius: 1rem; --pl-radius-small: .55rem; --pl-pattern: radial-gradient(circle at 10% 15%, rgba(56,189,248,.12), transparent 22rem), radial-gradient(circle at 85% 65%, rgba(245,158,11,.1), transparent 24rem); --color-canvas: #10233f; --color-surface: #1d3b66; --color-surface-raised: #28527f; --color-surface-inset: #152b4b; --color-text: #f8fafc; --color-text-muted: #c0d3e8; --color-text-faint: #8ba7c6; --color-border: #3b628c; --color-border-strong: #5d86ad; --color-signal: #38bdf8; --color-signal-hover: #7dd3fc; --color-signal-soft: rgba(56,189,248,.14); --color-status-healthy: #86efac; --color-status-warning: #fbbf24; --color-status-danger: #fb7185; --color-status-neutral: #94a3b8; --color-status-healthy-soft: rgba(134,239,172,.12); --color-status-warning-soft: rgba(251,191,36,.12); --color-status-danger-soft: rgba(251,113,133,.12); --color-status-neutral-soft: rgba(148,163,184,.12); --color-accent-violet: #c4b5fd; --color-accent-violet-soft: rgba(196,181,253,.14); --color-accent-blue: #38bdf8; --color-focus-ring: rgba(56,189,248,.3); }
.atlas-hero { display: grid; grid-template-columns: minmax(0, 1fr) 12rem; gap: 2rem; align-items: center; width: min(calc(100% - 2rem), var(--pl-container)); min-height: 34rem; margin-inline: auto; padding-block: 4rem; }.atlas-hero h1 { margin: .45rem 0 1rem; font-size: clamp(3rem, 7vw, 6rem); line-height: .9; }.atlas-hero p:not(.eyebrow) { max-width: 35rem; color: var(--color-text-muted); font-size: 1rem; }.atlas-hero .hero-search { margin-top: 1.3rem; }.atlas-compass { position: relative; display: grid; width: 10rem; height: 10rem; place-items: center; border: 1px solid var(--color-signal); border-radius: 50%; color: var(--color-signal); font-family: var(--font-mono); transform: rotate(12deg); }.atlas-compass::before { position: absolute; inset: 1.2rem; border: 1px dashed var(--color-signal); border-radius: 50%; content: ""; }.atlas-compass i { width: 1px; height: 7rem; background: var(--color-signal); }.atlas-compass b { position: absolute; bottom: 1.1rem; color: var(--color-accent-violet); font-size: .7rem; }.atlas-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; padding-block: .8rem; border-block: 1px solid var(--color-border); color: var(--color-text-faint); font-size: .72rem; }.atlas-legend a { color: var(--color-text-muted); text-decoration: none; }.atlas-legend > span:last-child { margin-left: auto; font-family: var(--font-mono); font-size: .64rem; }.atlas-field { padding-block: 2.5rem 4rem; }.atlas-bottom { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(17rem, .6fr); gap: 1.2rem; padding-bottom: 4rem; }.atlas-note { align-self: start; padding: 1.2rem; border: 2px dashed var(--color-signal); border-radius: var(--pl-radius); background: var(--color-signal-soft); }.atlas-note h2 { margin: .35rem 0; }.atlas-note p { color: var(--color-text-muted); font-size: .8rem; }
[data-template="atlas"] .detail-layout { --pl-columns: minmax(0, 1fr) minmax(20rem, 25rem); } [data-template="atlas"] .program-card { border-radius: 1rem; } [data-template="atlas"] .intelligence-card { border: 2px dashed var(--color-signal) !important; }

/* 10 Archive — finding-aid collection browser */
[data-template="archive"] { --pl-font-display: Georgia, "Times New Roman", serif; --pl-font-body: "Trebuchet MS", sans-serif; --pl-font-mono: "Courier New", monospace; --pl-container: 1320px; --pl-radius: .2rem; --pl-radius-small: .12rem; --pl-pattern: linear-gradient(90deg, rgba(197,154,82,.025), transparent 35%); --color-canvas: #17191d; --color-surface: #282b31; --color-surface-raised: #32363d; --color-surface-inset: #202328; --color-text: #f0e8d8; --color-text-muted: #c4bcae; --color-text-faint: #908b80; --color-border: #4d4c48; --color-border-strong: #777064; --color-signal: #c59a52; --color-signal-hover: #e0bd7e; --color-signal-soft: rgba(197,154,82,.13); --color-status-healthy: #7aa38b; --color-status-warning: #c49a53; --color-status-danger: #bd6c61; --color-status-neutral: #aaa69d; --color-status-healthy-soft: rgba(122,163,139,.12); --color-status-warning-soft: rgba(196,154,83,.12); --color-status-danger-soft: rgba(189,108,97,.12); --color-status-neutral-soft: rgba(170,166,157,.12); --color-accent-violet: #b7a4c1; --color-accent-violet-soft: rgba(183,164,193,.14); --color-accent-blue: #8da6b4; --color-focus-ring: rgba(197,154,82,.3); }
.archive-hero { display: grid; grid-template-columns: minmax(0, 1fr) 12rem; gap: 2rem; align-items: center; width: min(calc(100% - 2rem), var(--pl-container)); min-height: 31rem; margin-inline: auto; padding-block: 3.5rem; border-bottom: 1px solid var(--color-border); }.archive-hero h1 { margin: .4rem 0 1rem; font-size: clamp(3rem, 7vw, 6rem); font-weight: 500; line-height: .92; }.archive-hero p:not(.eyebrow) { max-width: 34rem; color: var(--color-text-muted); font-family: Georgia, serif; font-size: 1rem; }.archive-hero .hero-search { margin-top: 1.1rem; }.archive-hero__stamp { display: grid; width: 9rem; height: 9rem; place-items: center; align-content: center; border: 1px solid var(--color-signal); border-radius: 50%; color: var(--color-signal); text-align: center; transform: rotate(12deg); }.archive-hero__stamp span { font-family: var(--font-mono); font-size: 1.6rem; }.archive-hero__stamp small { color: var(--color-text-faint); font-size: .6rem; }.archive-browser { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: 2rem; padding-block: 3rem 4rem; }.archive-index { display: flex; flex-direction: column; gap: .3rem; }.archive-index > a { display: flex; justify-content: space-between; gap: .5rem; padding: .58rem .5rem; border-bottom: 1px solid var(--color-border); color: var(--color-text-muted); font-size: .76rem; text-decoration: none; }.archive-index > a:hover, .archive-index > a.is-active { background: var(--color-signal-soft); color: var(--color-signal); }.archive-index > a span { color: var(--color-text-faint); font-family: var(--font-mono); font-size: .62rem; }.archive-index__rule { height: 1px; margin: .7rem 0; background: var(--color-border-strong); }.archive-index .status-dot-ledger { grid-template-columns: 1fr 1fr; }.archive-collection { min-width: 0; }.archive-collection__heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding-bottom: .8rem; border-bottom: 3px double var(--color-border-strong); }.archive-collection__heading h2 { margin: .25rem 0 0; }.archive-collection__heading > span { color: var(--color-text-faint); font-family: var(--font-mono); font-size: .65rem; }.archive-collection__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--color-border); color: var(--color-text-faint); font-size: .68rem; }.archive-sources { padding-bottom: 4rem; }.archive-sources .monitor-list { border-top: 1px solid var(--color-border); }
[data-template="archive"] .detail-layout { --pl-columns: minmax(0, 1fr) minmax(19rem, 23rem); } [data-template="archive"] .panel { border-radius: 0; box-shadow: none; } [data-template="archive"] .intelligence-card { border: 1px double var(--color-border-strong) !important; }

/* Responsive structure */
@media (max-width: 1100px) {
  .desktop-navigation .nav-link { padding-inline: .42rem; font-size: .7rem; }
  .program-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-brand-block { grid-column: 1 / -1; }
  .monorepo-hero, .landwind-hero { gap: 2rem; }
  .home-app-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .template-header__bar { min-height: 4.2rem; }
  .desktop-navigation, .header-actions .account-link__text, .header-actions .nav-link--admin { display: none; }
  .nav-toggle { display: inline-flex; }
  .header-actions { margin-left: auto; }
  .template-header__search .global-search { max-width: none; }
  .template-header--sidebar .template-header__bar, .template-header--sidebar .template-header__search { padding-left: 0; }
  .template-header--sidebar .nav-toggle { display: inline-flex; }
  .template-sidebar { display: none; }
  .template-header--sidebar .site-main { margin-left: 0; }
  .editorial-masthead { grid-template-columns: 1fr auto; }
  .editorial-masthead__issue { display: none; }
  .editorial-nav-row__note { display: none; }
  .archive-header__main { flex-wrap: wrap; }
  .archive-header__main .desktop-navigation { display: flex; width: 100%; margin-left: 0; }
  .template-header--hyperspace .brand { margin-left: 0; }
  .template-header--hyperspace .template-header__bar .desktop-navigation { order: initial; }
  .mobile-nav-backdrop { position: fixed; inset: 0; z-index: 60; display: block; background: rgba(0,0,0,.55); opacity: 0; transition: opacity 220ms ease; }
  .mobile-nav-backdrop.is-visible { opacity: 1; }
  .mobile-navigation { position: fixed; top: 0; right: 0; bottom: 0; z-index: 61; display: flex; width: min(21rem, 88vw); flex-direction: column; padding: 1rem; border-left: 1px solid var(--color-border); background: var(--color-surface-raised); box-shadow: var(--shadow-raised); transform: translateX(102%); transition: transform 220ms ease; }
  .mobile-navigation.is-open { transform: translateX(0); }
  .mobile-navigation__top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid var(--color-border); }
  .mobile-navigation__links { display: flex; flex-direction: column; gap: .2rem; padding-block: 1rem; }
  .mobile-navigation__links a { padding: .72rem .6rem; border-radius: var(--pl-radius-small); color: var(--color-text-muted); font-size: .86rem; text-decoration: none; }
  .mobile-navigation__links a:hover, .mobile-navigation__links a[aria-current="page"] { background: var(--color-signal-soft); color: var(--color-signal); }
  .mobile-navigation__footer { display: flex; flex-direction: column; gap: .5rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--color-border); }
  .monorepo-hero, .landwind-hero, .landwind-feature, .landwind-feature--monitors { grid-template-columns: 1fr; }
  .monorepo-hero { min-height: auto; padding-block: 4rem; }
  .monorepo-map { width: min(100%, 35rem); margin-inline: auto; }
  .monorepo-workspace, .monorepo-bottom, .landwind-status, .editorial-main, .editorial-lower, .atlas-bottom { grid-template-columns: 1fr; }
  .landwind-feature--monitors .landwind-feature__copy { order: initial; }
  .landwind-hero__visual { min-height: 22rem; }
  .editorial-lead__headline { margin-top: 2.3rem; }
  .dimension-layers { grid-template-columns: 1fr; }.dimension-layer--wide { grid-column: auto; grid-template-columns: 2rem minmax(0, 1fr); }.dimension-layer--wide .button { grid-column: 2; justify-self: start; }
  .hyperspace-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }.hyperspace-card--wide { grid-column: span 2; }
  .nextly-story, .nextly-story--reverse { grid-template-columns: 1fr; }.nextly-story--reverse .nextly-story__visual, .nextly-story--reverse .nextly-story__copy { order: initial; }
  .home-app-shell { grid-template-columns: 1fr; }.home-app-rail { display: none; }.home-app-main { padding: 1rem; }.home-app-toolbar { align-items: start; flex-direction: column; }.home-app-toolbar .hero-search { width: 100%; }
  .archive-browser { grid-template-columns: 1fr; }.archive-index { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }.archive-index > .eyebrow, .archive-index__rule { grid-column: 1 / -1; }.archive-index .status-dot-ledger { grid-column: 1 / -1; }
  .design-lab-hero, .design-lab-notes { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  body { padding-bottom: 4.5rem; }
  .container { width: min(calc(100% - 1.25rem), var(--pl-container)); }
  .template-dock { right: .65rem; bottom: .65rem; width: min(20rem, calc(100vw - 1.3rem)); }
  .template-header__quick { align-items: start; flex-direction: column; gap: .25rem; }
  .hero-search__bar { align-items: stretch; flex-wrap: wrap; }.hero-search__icon { display: none; }.hero-search input { min-height: 2.5rem; }.hero-search__submit { width: 100%; }
  .hero-search__meta { flex-direction: column; gap: .25rem; }
  .monorepo-metrics, .status-ribbon, .status-dot-ledger, .monitor-tile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .monorepo-map__canvas { min-height: 22rem; }.map-node { min-width: 6.5rem; padding: .45rem; }.map-node strong { font-size: .6rem; }.map-node small { font-size: .53rem; }.map-center { width: 6rem; height: 6rem; }.map-center strong { font-size: 1.3rem; }
  .program-grid, .monitor-grid { grid-template-columns: 1fr; }
  .landwind-proof, .nextly-stats { grid-template-columns: 1fr 1fr; }.landwind-proof > span, .nextly-stats > span { grid-column: 1 / -1; }.landwind-proof strong, .nextly-stats strong { text-align: left; }
  .dimension-hero { min-height: 42rem; }.dimension-hero h1 { font-size: clamp(3rem, 15vw, 5rem); }.dimension-hero__links { flex-direction: column; gap: .35rem; }.dimension-hero__marker { display: none; }.dimension-layers { display: grid; }.dimension-layer--wide { grid-template-columns: 1.5rem minmax(0, 1fr); }.dimension-layer--wide .button { grid-column: 2; }
  .hyperspace-cards, .home-app-kpis, .home-app-grid { grid-template-columns: 1fr; }.hyperspace-card--wide { grid-column: auto; }.hyperspace-orbit { width: 90vw; opacity: .38; }.hyperspace-hero__bottom { font-size: .55rem; }
  .atlas-hero, .archive-hero { grid-template-columns: 1fr; min-height: auto; }.atlas-compass, .archive-hero__stamp { display: none; }.atlas-legend { align-items: start; flex-direction: column; gap: .45rem; }.atlas-legend > span:last-child { margin-left: 0; }.atlas-program-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 10rem; }.atlas-program-tile, .atlas-program-tile--2, .atlas-program-tile--3, .atlas-program-tile--4 { grid-column: span 1; }.atlas-program-tile--2 { grid-column: span 2; }
  .archive-index { grid-template-columns: 1fr; }.archive-collection__heading, .archive-collection__footer { align-items: start; flex-direction: column; }.archive-collection__footer .button { width: 100%; }
  [data-template="ledger"] .ledger-table-wrap { overflow: visible; contain: none; }
  [data-template="ledger"] .ledger-table { display: block; min-width: 0; }
  [data-template="ledger"] .ledger-table thead { display: none; }
  [data-template="ledger"] .ledger-table tbody { display: grid; gap: .5rem; }
  [data-template="ledger"] .ledger-table tr { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: .25rem .6rem; padding: .7rem; border: 1px solid var(--color-border); background: var(--color-surface); }
  [data-template="ledger"] .ledger-table td { display: block; padding: .15rem 0; border: 0; }
  [data-template="ledger"] .ledger-table td:first-child { grid-column: 1 / -1; }
  [data-template="ledger"] .ledger-table td:nth-child(2)::before { content: "Status · "; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .6rem; }
  [data-template="ledger"] .ledger-table td:nth-child(3)::before { content: "Category · "; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .6rem; }
  [data-template="ledger"] .ledger-table td:nth-child(4)::before { content: "Views · "; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .6rem; }
  [data-template="ledger"] .ledger-table td:nth-child(5)::before { content: "Last scan · "; color: var(--color-text-faint); font-family: var(--font-mono); font-size: .6rem; }
  [data-template="ledger"] .ledger-table td:last-child { position: absolute; right: .7rem; margin-top: -1.8rem; }
  .design-lab-grid { grid-template-columns: 1fr; }.design-lab-rule { flex-direction: column; gap: .25rem; }.design-lab-notes__grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }.footer-brand-block, .footer-risk { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; transition-duration: .001ms !important; } }
@media print { .template-header, .site-footer, .mobile-navigation, .mobile-nav-backdrop, .risk-disclaimer, .button { display: none !important; } body { background: #fff; color: #000; } }