/*
 * PC Website Designer output — schema version 1
 * This file is generated from design-settings.json. Edit the JSON
 * through the local Designer rather than changing these values twice.
 */

:root {
  --font: 'IBM Plex Mono', 'Courier New', monospace;
  --nav-h: 54px;
  --page-gutter: 24px;
  --panel-padding: clamp(28px, 3.2vw, 48px);
  --content-width: 1120px;
  --pc-design-text-measure: 980px;
  --pc-design-prose-measure: 760px;
  --pc-design-section-gap: 28px;
  --pc-design-type-scale: 1;
  --pc-design-border-width: 1px;
  --pc-design-border-radius: 0px;
  --pc-design-panel-shadow: 0 0 0 9px color-mix(in srgb, var(--art-bg) 66%, transparent), 0 0 0 10px var(--border);
  --pc-design-frame-margin-left: auto;
  --pc-design-frame-margin-right: auto;
  --pc-design-mobile-page-gutter: 20px;
  --pc-design-mobile-nav-height: 56px;
  --pc-design-mobile-panel-padding: 26px;
  --bg: #e8e1d3;
  --bg-tint: #ddd5c6;
  --fg: #202625;
  --fg-muted: #716d65;
  --border: rgba(32, 38, 37, 0.2);
  --border-strong: rgba(18, 105, 111, 0.46);
  --accent: #12696f;
  --accent-strong: #08494d;
  --accent-soft: rgba(18, 105, 111, 0.12);
  --danger: #933f2f;
  --surface: rgba(235, 228, 214, 0.92);
  --surface-solid: #e7dfd0;
  --surface-quiet: rgba(220, 212, 197, 0.94);
  --primary-text: #f5eee2;
  --art-bg: #ded5c5;
  --art-field: #e9e1d3;
  --art-cyan: #187c82;
  --art-copper: #a75d3d;
  --art-pale: #343a38;
  --art-quiet: #8c8579;
}

[data-theme="night"] {
  --bg: #17171f;
  --bg-tint: #202029;
  --fg: #e8e5dc;
  --fg-muted: #8e8b85;
  --border: rgba(216, 212, 200, 0.2);
  --border-strong: rgba(98, 200, 216, 0.45);
  --accent: #63cadb;
  --accent-strong: #8fe8f0;
  --accent-soft: rgba(99, 202, 219, 0.12);
  --danger: #e39268;
  --surface: rgba(25, 25, 33, 0.92);
  --surface-solid: #1c1c24;
  --surface-quiet: rgba(31, 31, 40, 0.94);
  --primary-text: #111118;
  --art-bg: #17171f;
  --art-field: #202029;
  --art-cyan: #62c8d8;
  --art-copper: #c58b5e;
  --art-pale: #d8d4c8;
  --art-quiet: #6f7077;
}

[data-theme="nautical"],
[data-theme="signal"] {
  --bg: #061014;
  --bg-tint: #0a1a20;
  --fg: #d5f1ef;
  --fg-muted: #759598;
  --border: rgba(101, 220, 228, 0.2);
  --border-strong: rgba(101, 220, 228, 0.52);
  --accent: #f47a4a;
  --accent-strong: #ff9a6e;
  --accent-soft: rgba(244, 122, 74, 0.13);
  --danger: #ff9a6e;
  --surface: rgba(6, 16, 20, 0.92);
  --surface-solid: #08161b;
  --surface-quiet: rgba(8, 25, 30, 0.95);
  --primary-text: #061014;
  --art-bg: #061014;
  --art-field: #0a1a20;
  --art-cyan: #65dce4;
  --art-copper: #f47a4a;
  --art-pale: #c6e5e3;
  --art-quiet: #45676b;
}

body {
  font-size: 13px;
}

.nav-logo {
  font-size: 11px;
}

.nav-links li a,
.nav-toggle,
.mobile-menu a {
  font-size: 8px;
}

.nav-hamburger {
  font-size: 18px;
}

.hero-index,
.sec-index,
.single-meta,
.links-group-head h3,
.about-contact-label,
.catalog-table thead th,
.post-table thead th,
.tools-header,
.footer-box,
.level-lift-kicker,
.level-lift-subnav__inner,
.rama-release-subnav__inner {
  font-size: 9px;
}

.hero-name {
  font-size: clamp(48px, 8vw, 112px);
}

.hero-descriptor {
  font-size: 13px;
}

.hero-choices a,
.hero-cta,
.section-link,
.hero-bottom,
.section-pagination,
.single-shell .entry-content figcaption,
.single-shell .entry-content .wp-caption-text,
.level-lift-content .entry-content h2,
.rama-release-content .kicker,
.rama-release-content .section-label,
.rama-release-content h2,
.rama-release-content .product-shot figcaption,
.rama-release-content .fact strong,
.rama-release-content .step strong,
.rama-release-content .button {
  font-size: 10px;
}

.sec-head h2 {
  font-size: clamp(22px, 2.8vw, 34px);
}

.tool-row-arrow,
.link-card-arrow {
  font-size: 15px;
}

.about-contact-link,
.back-link {
  font-size: 11px;
}

.single-shell .entry-title,
.level-lift-content .entry-title,
.rama-release-content h1 {
  font-size: clamp(32px, 4vw, 56px);
}

.link-card-desc {
  font-size: 12px;
}

.level-lift-content .entry-content h3,
.rama-release-content h3 {
  font-size: 13px;
}

.rama-release-content .lede {
  font-size: 15px;
}

.content-box {
  margin-bottom: var(--pc-design-section-gap);
  box-shadow: var(--pc-design-panel-shadow);
}

.page,
.nav-inner,
.footer-box,
.single-shell,
.links-shell,
.level-lift-shell,
.rama-release-shell {
  margin-left: var(--pc-design-frame-margin-left);
  margin-right: var(--pc-design-frame-margin-right);
}

nav,
.nav-toggle,
.nav-hamburger,
.mobile-menu,
.mobile-menu a,
.content-box,
.hero-choices a,
.hero-cta,
.section-link,
.hero-bottom hr,
.sec-head,
.catalog-table thead tr,
.post-table thead tr,
.about-table tbody tr,
.tools-header,
.tool-row,
.catalog-table tbody td,
.post-table tbody td,
.about-portrait,
.about-contact,
.footer-box,
.links-group-head,
.link-card,
.level-lift-subnav,
.level-lift-content .entry-content h2,
.rama-release-subnav,
.rama-release-content h2,
.rama-release-content .product-shot,
.rama-release-content .product-shot img,
.rama-release-content .fact,
.rama-release-content .step,
.rama-release-content .purchase-panel,
.rama-release-content .button,
.rama-release-content .draft-note,
.rama-release-content--support h3 {
  border-width: var(--pc-design-border-width);
}

.nav-toggle,
.nav-hamburger,
.mobile-menu,
.content-box,
.hero-choices a,
.hero-cta,
.section-link,
.about-portrait,
.footer-box,
.level-lift-subnav,
.rama-release-subnav,
.rama-release-content .product-shot,
.rama-release-content .product-shot img,
.rama-release-content .fact,
.rama-release-content .step,
.rama-release-content .purchase-panel,
.rama-release-content .button {
  border-radius: var(--pc-design-border-radius);
}

@media (max-width: 760px) {
  :root {
    --nav-h: var(--pc-design-mobile-nav-height);
    --page-gutter: var(--pc-design-mobile-page-gutter);
    --panel-padding: var(--pc-design-mobile-panel-padding);
  }

  .hero-name {
    font-size: clamp(46px, 17vw, 78px);
  }

  .section-pagination {
    font-size: 9px;
  }
}

@media (max-width: 460px) {
  .nav-logo {
    font-size: 10px;
  }

  .nav-toggle {
    font-size: 9px;
  }
}