:root {
  --sc-launch-background: url("https://www.samhanchronicles.com/wp-content/uploads/2026/08/website-background-launch.jpg");
  --sc-ink: #f5f0df;
  --sc-muted: #cec6b0;
  --sc-night: #090b0a;
  --sc-panel: rgba(12, 16, 13, .91);
  --sc-line: rgba(214, 177, 95, .28);
  --sc-gold: #d6b15f;
  --sc-gold-bright: #f0ce7b;
  --sc-green: #7f9a76;
  --sc-radius: 16px;
  --sc-shadow: 0 18px 55px rgba(0, 0, 0, .34);
}

html { scroll-behavior: smooth; }
body { background: var(--sc-night); color: var(--sc-ink); }
body:has(.sc-page) { overflow-x: hidden; overflow-x: clip; }

.nk-page-background,
.page .nk-header-title,
body:has(.sc-page) .nk-title.entry-title,
#nk-nav-mobile .nk-nav-logo,
.nk-footer-logos { display: none !important; }

.nk-main {
  background-color: var(--sc-night);
  background-image: linear-gradient(rgba(4, 7, 5, .76), rgba(4, 7, 5, .95)), var(--sc-launch-background);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: min(1920px, 100vw) auto;
}

.sc-page {
  --sc-accent: var(--sc-gold);
  --sc-accent-bright: var(--sc-gold-bright);
  --sc-accent-soft: rgba(214, 177, 95, .10);
  width: min(1120px, calc(100% - 32px));
  max-width: 1120px;
  min-width: 0;
  margin: 0 auto;
  padding: 44px 0 88px;
  position: relative;
}

.sc-page,
.sc-page *,
.sc-page *::before,
.sc-page *::after { box-sizing: border-box; }

.sc-page img,
.sc-page video,
.sc-page svg { max-width: 100%; }

.sc-page h1,
.sc-page h2,
.sc-page h3 { color: var(--sc-ink); text-wrap: balance; }
.sc-page h1,
.sc-page h2,
.sc-page h3,
.sc-page p,
.sc-page li,
.sc-page td,
.sc-page th,
.sc-page code,
.sc-page a { overflow-wrap: break-word; }
.sc-page h1 { font-size: clamp(2.55rem, 7vw, 5.7rem); line-height: .98; margin: .22em 0 .28em; }
.sc-page h2 { font-size: clamp(1.7rem, 4vw, 2.75rem); line-height: 1.08; margin: 0 0 .55em; }
.sc-page h3 { font-size: clamp(1.2rem, 2.1vw, 1.6rem); line-height: 1.2; margin: 0 0 .45em; }
.sc-page p,
.sc-page li,
.sc-page td,
.sc-page th { color: var(--sc-muted); font-size: clamp(1rem, 1.5vw, 1.14rem); line-height: 1.72; }
.sc-page strong { color: var(--sc-ink); }
.sc-page a { color: var(--sc-accent-bright); text-underline-offset: .2em; }

.sc-hero {
  min-height: min(760px, 82vh);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  padding: clamp(72px, 11vw, 150px) 0;
  position: relative;
  isolation: isolate;
}

.sc-hero__copy { width: 100%; max-width: 900px; min-width: 0; position: relative; z-index: 2; }
.sc-hero--motion { min-height: min(790px, 84vh); }
.sc-hero--motion::after {
  content: "";
  position: absolute;
  inset: -44px calc(50% - 50vw);
  z-index: -1;
  background: linear-gradient(90deg, rgba(5, 7, 5, .94) 4%, rgba(5, 7, 5, .60) 58%, rgba(5, 7, 5, .80));
  pointer-events: none;
}

.sc-hero__media {
  position: absolute;
  inset: -44px calc(50% - 50vw);
  z-index: -2;
  overflow: hidden;
}

.sc-hero__media video,
.sc-hero__media img { width: 100%; height: 100%; object-fit: cover; }

.sc-eyebrow {
  color: var(--sc-accent-bright) !important;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sc-lede { max-width: 780px; font-size: clamp(1.18rem, 2.3vw, 1.55rem) !important; }
.sc-kicker { max-width: 820px; font-size: clamp(1.05rem, 1.8vw, 1.28rem) !important; }
.sc-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }

.sc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 21px;
  border: 1px solid var(--sc-accent);
  border-radius: 999px;
  color: #0a0c0a !important;
  background: var(--sc-accent);
  font-weight: 800;
  text-decoration: none !important;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.sc-button:hover,
.sc-button:focus-visible { background: var(--sc-accent-bright); border-color: var(--sc-accent-bright); transform: translateY(-1px); }
.sc-button--quiet { color: var(--sc-ink) !important; background: rgba(8, 11, 9, .58); }

.sc-section { padding: clamp(54px, 8vw, 100px) 0; border-top: 1px solid var(--sc-line); }
.sc-section > p { max-width: 800px; }
.sc-section--plain { border-top: 0; }
.sc-section--tight { padding-block: clamp(34px, 5vw, 62px); }
.sc-section--tint {
  margin-inline: calc(50% - 50vw);
  padding-inline: max(16px, calc(50vw - 560px));
  background: linear-gradient(90deg, transparent, var(--sc-accent-soft) 18%, var(--sc-accent-soft) 82%, transparent);
}

.sc-spine {
  width: min(1920px, calc(100vw - 20px));
  margin: clamp(24px, 5vw, 62px) calc(50% - 50vw + 10px);
  overflow: hidden;
}

.sc-spine img { display: block; width: 100%; height: auto; max-height: 260px; object-fit: cover; }

.sc-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 18px; margin-top: 28px; }
.sc-grid > *,
.sc-video-grid > *,
.sc-path-grid > *,
.sc-archive-motion > *,
.sc-scrapbook > *,
.sc-community-route > *,
.sc-triage > *,
.sc-feed-choice > * { min-width: 0; }
.sc-card { grid-column: span 6; padding: clamp(22px, 4vw, 36px); border: 1px solid var(--sc-line); border-radius: var(--sc-radius); background: var(--sc-panel); box-shadow: var(--sc-shadow); }
.sc-card[href] { text-decoration: none; transition: transform .18s ease, border-color .18s ease; }
.sc-card[href]:hover,
.sc-card[href]:focus-visible { border-color: var(--sc-accent); transform: translateY(-2px); }
.sc-card--third { grid-column: span 4; }
.sc-card--wide { grid-column: span 8; }
.sc-card--narrow { grid-column: span 4; }

.sc-note { padding: 20px 24px; border-left: 4px solid var(--sc-accent); background: var(--sc-accent-soft); }
.sc-warning { padding: 24px; border: 2px solid #df9f58; border-radius: var(--sc-radius); background: rgba(115, 52, 18, .28); }
.sc-route { display: grid; gap: 8px; padding: 20px 0; border-bottom: 1px solid var(--sc-line); }
.sc-route:last-child { border-bottom: 0; }
.sc-route span { color: var(--sc-muted); font-size: clamp(1rem, 1.5vw, 1.14rem); line-height: 1.72; }

.sc-table-wrap { overflow-x: auto; border: 1px solid var(--sc-line); border-radius: 14px; background: rgba(7, 10, 8, .72); }
.sc-table { width: 100%; border-collapse: collapse; min-width: 520px; }
.sc-table th,
.sc-table td { padding: 14px 18px; border-bottom: 1px solid var(--sc-line); text-align: left; }
.sc-table th { color: var(--sc-ink); background: var(--sc-accent-soft); }
.sc-table tr:last-child td { border-bottom: 0; }

.sc-motion {
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--sc-line);
  border-radius: 14px;
  background: rgba(5, 7, 6, .84);
  box-shadow: var(--sc-shadow);
}

.sc-motion video { display: block; width: 100%; height: auto; aspect-ratio: var(--sc-motion-ratio, 4 / 3); object-fit: contain; image-rendering: pixelated; background: #11100c; }
.sc-motion figcaption { padding: 13px 16px; color: var(--sc-muted); font-size: .92rem; line-height: 1.5; }

.sc-video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.sc-video-card { overflow: hidden; display: grid; border: 1px solid var(--sc-line); border-radius: 12px; color: var(--sc-ink) !important; background: var(--sc-panel); text-decoration: none !important; }
.sc-video-card img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; background: #111; }
.sc-video-card__copy { display: grid; gap: 3px; padding: 15px 17px; }
.sc-video-card__copy span { color: var(--sc-muted); font-size: .92rem; }
.sc-video-grid + h3 { margin-top: 42px; }

/* Home */
body.page-id-7 .nk-main { background-color: #0e1007; background-image: radial-gradient(circle at 72% 9%, rgba(121, 113, 35, .22), transparent 34%), linear-gradient(#0e1007, #070805); }
.sc-home { --sc-accent: #d6b15f; --sc-accent-bright: #f0ce7b; --sc-accent-soft: rgba(73, 83, 6, .22); }
.sc-home .sc-story { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: clamp(26px, 6vw, 80px); align-items: start; }
.sc-home .sc-story__aside { padding: 24px; border-top: 4px solid #495306; background: rgba(33, 19, 2, .58); }

/* Play */
body.page-id-3603 .nk-main { background-color: #0b191b; background-image: radial-gradient(circle at 78% 10%, rgba(92, 144, 142, .22), transparent 35%), linear-gradient(#0b191b, #060b0c); }
.sc-play-page { --sc-accent: #79aaa8; --sc-accent-bright: #b7dbd4; --sc-accent-soft: rgba(36, 78, 79, .38); }
.sc-play-page code,
.sc-now-page code,
.sc-known-page code { padding: .12em .38em; color: #f6e2bd; border: 1px solid rgba(121, 170, 168, .35); border-radius: 5px; background: rgba(4, 13, 14, .72); }

/* World */
body.page-id-2390 .nk-main { background-color: #101f22; background-image: radial-gradient(circle at 78% 12%, rgba(87, 137, 139, .20), transparent 32%), linear-gradient(#101f22, #091112); }
.sc-world { --sc-accent: #78a7a7; --sc-accent-bright: #a9d4d0; --sc-accent-soft: rgba(36, 59, 66, .48); }
.sc-atlas { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(24px, 5vw, 64px); align-items: start; }
.sc-atlas__note { padding: 26px; border: 1px solid rgba(218, 199, 143, .34); background: linear-gradient(145deg, rgba(36, 59, 66, .80), rgba(13, 25, 27, .82)); box-shadow: 12px 12px 0 rgba(0, 0, 0, .18); }
.sc-phase-ribbon { display: grid; grid-template-columns: repeat(6, 1fr); margin: 26px 0; border: 1px solid var(--sc-line); }
.sc-phase-ribbon span { padding: 12px 8px; color: var(--sc-ink); text-align: center; font-size: .82rem; text-transform: uppercase; letter-spacing: .06em; background: rgba(36, 59, 66, calc(.26 + var(--phase, 0))); }

/* Paths */
body.page-id-2386 .nk-main { background-color: #130f12; background-image: radial-gradient(circle at 50% 10%, rgba(175, 102, 0, .16), transparent 34%), linear-gradient(#130f12, #080809); }
.sc-paths-page { --sc-accent: #c6943f; --sc-accent-bright: #efcb76; --sc-accent-soft: rgba(175, 102, 0, .14); }
.sc-path-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.sc-path { padding: 24px 20px; border-top: 5px solid var(--path-color); background: rgba(12, 11, 12, .90); background: linear-gradient(180deg, color-mix(in srgb, var(--path-color) 15%, #0c0b0c), rgba(8, 8, 8, .86)); }
.sc-path--warrior { --path-color: #b85832; }
.sc-path--rogue { --path-color: #865a85; }
.sc-path--mystic { --path-color: #4e84a1; }
.sc-path--sage { --path-color: #879145; }
.sc-path__name { color: var(--path-color) !important; text-transform: uppercase; letter-spacing: .08em; }
.sc-equipment-sequence { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin-top: 28px; }
.sc-equipment-sequence span { min-height: 82px; padding: 10px 6px; display: grid; align-content: end; color: #f8f1dc; text-align: center; font-size: .75rem; line-height: 1.2; border: 1px solid rgba(255,255,255,.18); background: var(--stage); }

/* Work */
body.page-id-2377 .nk-main { background-color: #12190e; background-image: radial-gradient(circle at 18% 16%, rgba(135, 145, 69, .20), transparent 35%), linear-gradient(#12190e, #080b07); }
.sc-work-page { --sc-accent: #a6a95b; --sc-accent-bright: #d8d47e; --sc-accent-soft: rgba(39, 61, 31, .48); }
.sc-chain { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 8px; align-items: stretch; margin: 30px 0; }
.sc-chain__step { padding: 18px 10px; display: grid; place-items: center; min-height: 100px; text-align: center; border: 1px solid var(--sc-line); background: rgba(39, 61, 31, .58); }
.sc-chain__arrow { display: grid; place-items: center; color: var(--sc-accent-bright); font-size: 1.7rem; }
.sc-ledger { counter-reset: sc-ledger; display: grid; gap: 0; border-top: 1px solid var(--sc-line); }
.sc-ledger__row { counter-increment: sc-ledger; display: grid; grid-template-columns: 44px 1fr; gap: 16px; padding: 19px 0; border-bottom: 1px solid var(--sc-line); }
.sc-ledger__row::before { content: counter(sc-ledger, decimal-leading-zero); color: var(--sc-accent-bright); font-weight: 800; }

/* Library */
body.page-id-2374 .nk-main { background-color: #1b0e08; background-image: radial-gradient(circle at 72% 10%, rgba(175, 102, 0, .18), transparent 34%), linear-gradient(#1b0e08, #0c0806); }
.sc-library-page { --sc-accent: #c28346; --sc-accent-bright: #efbc78; --sc-accent-soft: rgba(86, 37, 4, .46); }
.sc-page-sheet { max-width: 860px; margin-inline: auto; padding: clamp(28px, 6vw, 68px); color: #2a1a0f; background: #e7d3aa; box-shadow: 0 25px 75px rgba(0,0,0,.42), inset 0 0 45px rgba(86,37,4,.12); }
.sc-page-sheet h2,
.sc-page-sheet h3,
.sc-page-sheet strong { color: #321a0c; }
.sc-page-sheet .sc-eyebrow { color: #6a2f08 !important; }
.sc-page-sheet p,
.sc-page-sheet li { color: #4b3422; }
.sc-shelf-index { display: grid; gap: 8px; margin-top: 24px; }
.sc-shelf-index a,
.sc-shelf-index span { display: flex; justify-content: space-between; gap: 18px; padding: 14px 18px; color: #f7e6c4 !important; text-decoration: none; background: linear-gradient(90deg, #562504, #7b3a11); border-left: 7px solid #af6600; }

/* Board */
body.page-id-2276 .nk-main { background-color: #171109; background-image: linear-gradient(rgba(28, 18, 9, .82), rgba(10, 8, 5, .95)), repeating-linear-gradient(90deg, rgba(130, 79, 30, .08) 0 2px, transparent 2px 8px); }
.sc-board-page { --sc-accent: #c59b41; --sc-accent-bright: #edd17b; --sc-accent-soft: rgba(102, 61, 22, .30); }
.sc-board-wall { display: grid; grid-template-columns: repeat(12, 1fr); gap: 22px; padding: clamp(24px, 5vw, 58px); background: #5c3619; box-shadow: inset 0 0 0 8px #2d1b0d, inset 0 0 35px rgba(0,0,0,.56); }
.sc-board-note { grid-column: span 6; padding: clamp(24px, 4vw, 38px); color: #2d2212; background: #ead8a8; box-shadow: 8px 10px 18px rgba(0,0,0,.28); }
.sc-board-note:nth-child(2n) { background: #d9e0b2; transform: rotate(.45deg); }
.sc-board-note h2,
.sc-board-note h3,
.sc-board-note strong { color: #2b1d0e; }
.sc-board-note .sc-eyebrow { color: #743a12 !important; }
.sc-board-note p,
.sc-board-note li { color: #4b3b25; }

/* Guides */
body.page-id-2380 .nk-main { background-color: #111813; background-image: radial-gradient(circle at 16% 8%, rgba(145, 166, 92, .18), transparent 30%), linear-gradient(#111813, #080c09); }
.sc-guides-page { --sc-accent: #91a65c; --sc-accent-bright: #c8d68c; --sc-accent-soft: rgba(78, 109, 99, .34); }
.sc-trail { position: relative; display: grid; gap: 0; margin-top: 30px; }
.sc-trail::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: 17px; width: 2px; background: linear-gradient(var(--sc-accent), transparent); }
.sc-trail-stop { position: relative; display: grid; grid-template-columns: 36px 1fr; gap: 20px; padding: 0 0 30px; }
.sc-trail-stop::before { content: ""; width: 14px; height: 14px; margin: 7px 0 0 11px; border: 3px solid var(--sc-accent-bright); border-radius: 50%; background: #101813; z-index: 1; }
.sc-trail-stop__body { padding-bottom: 24px; border-bottom: 1px solid var(--sc-line); }
.sc-search-terms { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px; }
.sc-search-terms span { padding: 8px 12px; border: 1px solid rgba(145,166,92,.48); border-radius: 999px; color: #dce6b8; background: rgba(38, 53, 36, .62); }

/* Community */
body.page-id-2201 .nk-main { background-color: #1d100a; background-image: radial-gradient(circle at 82% 12%, rgba(224, 136, 33, .20), transparent 34%), linear-gradient(#1d100a, #0d0907); }
.sc-community-page { --sc-accent: #e08821; --sc-accent-bright: #ffc36f; --sc-accent-soft: rgba(142, 64, 33, .34); }
.sc-scrapbook { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; align-items: start; }
.sc-scrapbook > * { grid-column: span 4; }
.sc-polaroid { padding: 12px 12px 18px; color: #332313; background: #ffe8c1; box-shadow: 10px 15px 28px rgba(0,0,0,.32); }
.sc-polaroid:nth-child(2n) { transform: rotate(-.6deg); }
.sc-polaroid figcaption { color: #5b4127; }
.sc-polaroid video { display: block; width: 100%; height: auto; aspect-ratio: var(--sc-motion-ratio, 16 / 9); object-fit: contain; image-rendering: pixelated; background: #24160c; }
.sc-community-route { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.sc-community-route article { padding: 24px; border-bottom: 4px solid var(--sc-accent); background: rgba(60, 30, 13, .70); }

/* Support */
body.page-id-2358 .nk-main { background-color: #0e1a1d; background-image: linear-gradient(160deg, rgba(36, 59, 66, .85), rgba(6, 11, 13, .96)); }
.sc-support-page { --sc-accent: #87afb5; --sc-accent-bright: #bfe0df; --sc-accent-soft: rgba(36, 59, 66, .54); }
.sc-triage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--sc-line); }
.sc-triage__door { padding: 28px 26px; border-right: 1px solid var(--sc-line); border-bottom: 1px solid var(--sc-line); }
.sc-triage__door:nth-child(2n) { border-right: 0; }
.sc-triage__label { color: var(--sc-accent-bright) !important; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

/* Now */
body.page-id-2383 .nk-main { background-color: #1e0d08; background-image: radial-gradient(circle at 78% 12%, rgba(211, 93, 54, .24), transparent 34%), linear-gradient(#1e0d08, #0a0706); }
.sc-now-page { --sc-accent: #df7a42; --sc-accent-bright: #f0bd54; --sc-accent-soft: rgba(115, 52, 18, .34); }
.sc-dispatch { padding: clamp(28px, 6vw, 68px); border: 1px solid rgba(240, 189, 84, .42); background: linear-gradient(145deg, rgba(86, 37, 4, .80), rgba(25, 12, 7, .93)); box-shadow: var(--sc-shadow); }
.sc-dispatch__stamp { display: inline-block; padding: 7px 10px; border: 2px solid #f0bd54; color: #f0bd54; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; transform: rotate(-1.2deg); }
.sc-feed-choice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.sc-feed-choice article { padding: 28px; border: 1px solid var(--sc-line); background: rgba(31, 14, 8, .78); }

/* Status and Known Issues */
body.page-id-2125 .nk-main,
body.page-id-3698 .nk-main { background-color: #07100c; background-image: linear-gradient(#07100c, #030705); }
.sc-status-page { --sc-accent: #72bd82; --sc-accent-bright: #a7e3b2; --sc-accent-soft: rgba(52, 105, 66, .30); }
.sc-known-page { --sc-accent: #d3a348; --sc-accent-bright: #f1ce7e; --sc-accent-soft: rgba(114, 72, 20, .28); }
.sc-status-panel { padding: clamp(24px, 5vw, 48px); border: 1px solid var(--sc-accent); background: rgba(3, 9, 5, .84); box-shadow: 0 0 42px var(--sc-accent-soft); }
.sc-status-source { color: var(--sc-accent-bright) !important; font-weight: 800; }

/* Chronicles */
body.page-id-3046 .nk-main { background-color: #160f18; background-image: radial-gradient(circle at 78% 8%, rgba(111, 75, 115, .26), transparent 36%), linear-gradient(#160f18, #09070a); }
.sc-chronicles-page { --sc-accent: #b98fb8; --sc-accent-bright: #e1bede; --sc-accent-soft: rgba(111, 75, 115, .28); }
.sc-archive-motion { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.sc-archive-banner { width: min(1920px, calc(100vw - 20px)); margin-inline: calc(50% - 50vw + 10px); }
.sc-archive-banner img { display: block; width: 100%; height: auto; }
.sc-archive-motion .sc-motion { display: grid; grid-template-rows: auto 1fr; }
.sc-archive-motion .sc-motion video { align-self: start; }
.sc-archive-warning { padding: 18px 22px; border: 1px solid rgba(225, 190, 222, .35); background: rgba(69, 38, 72, .42); }

/* Wisdom and Development */
body.page-id-1380 .nk-main { background-color: #1b1208; background-image: linear-gradient(#1b1208, #090705); }
.sc-wisdom-page { --sc-accent: #efc458; --sc-accent-bright: #ffe59a; --sc-accent-soft: rgba(101, 64, 24, .36); }
body.page-id-3614 .nk-main { background-color: #0c160e; background-image: linear-gradient(#0c160e, #060a07); }
.sc-development-page { --sc-accent: #80b46f; --sc-accent-bright: #b9dda8; --sc-accent-soft: rgba(37, 73, 43, .34); }
.sc-feed-intro { padding-bottom: 38px; margin-bottom: 38px; border-bottom: 1px solid var(--sc-line); }
.sc-feed-note { max-width: 62ch; margin: -12px 0 34px; color: var(--sc-muted); }
.sc-development-mark { width: 100%; height: auto; margin: 22px 0 38px; }
.sc-hook-feed { min-height: 120px; }
.sc-hook-feed .nk-post { border-color: var(--sc-line); }

/* Functional pages retain their plugin markup. */
.woocommerce,
.woocommerce-page .nk-main,
.buddypress,
.samhan-account-manager,
body.page-id-3639 .nk-main,
body.page-id-3644 .nk-main,
body.page-id-3646 .nk-main,
body.page-id-3648 .nk-main,
body.page-id-3652 .nk-main,
body.page-id-3654 .nk-main,
body.page-id-3656 .nk-main,
body.page-id-3678 .nk-main { color: var(--sc-ink); }

input,
select,
textarea { max-width: 100%; }
:focus-visible { outline: 3px solid var(--sc-accent-bright, var(--sc-gold-bright)); outline-offset: 3px; }

@media (max-width: 900px) {
  .sc-path-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sc-equipment-sequence { grid-template-columns: repeat(4, 1fr); }
  .sc-archive-motion { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sc-scrapbook > * { grid-column: span 6; }
  .sc-community-route { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .sc-page { width: calc(100% - 24px); }
  .sc-card,
  .sc-card--third,
  .sc-card--wide,
  .sc-card--narrow { grid-column: 1 / -1; }
  .sc-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sc-hero { min-height: auto; padding-block: clamp(48px, 10vw, 72px); }
  .sc-home .sc-story,
  .sc-atlas { grid-template-columns: 1fr; }
  .sc-phase-ribbon { grid-template-columns: repeat(3, 1fr); }
  .sc-board-note { grid-column: 1 / -1; transform: none !important; }
  .sc-chain { grid-template-columns: 1fr; }
  .sc-chain__arrow { min-height: 28px; transform: rotate(90deg); }
  .sc-feed-choice { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .sc-page { width: calc(100% - 24px); padding: 24px 0 64px; }
  .sc-page h1,
  .sc-page h2,
  .sc-page h3 { max-width: 100%; white-space: normal !important; text-wrap: wrap; }
  .sc-page h1 { font-size: clamp(2.2rem, 11vw, 3.05rem); line-height: 1.02; }
  .sc-page h2 { font-size: clamp(1.6rem, 7.5vw, 2.15rem); }
  .sc-page h3 { font-size: clamp(1.16rem, 5.5vw, 1.45rem); }
  .sc-page p,
  .sc-page li,
  .sc-page td,
  .sc-page th { font-size: 1rem; line-height: 1.62; }
  .sc-eyebrow { font-size: .82rem !important; line-height: 1.45 !important; letter-spacing: .12em; }
  .sc-lede { max-width: 100%; font-size: 1.16rem !important; line-height: 1.55 !important; }
  .sc-kicker { max-width: 100%; font-size: 1rem !important; line-height: 1.62 !important; }
  .sc-hero { width: 100%; min-width: 0; padding: 46px 0 54px; }
  .sc-hero__copy { width: 100%; max-width: 100%; min-width: 0; }
  .sc-hero--motion { display: block; min-height: 0; padding: 0 0 54px; }
  .sc-hero--motion::after { display: none; }
  .sc-hero--motion .sc-hero__media {
    position: relative;
    inset: auto;
    z-index: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: 1px solid var(--sc-line);
    border-radius: 10px;
  }
  .sc-hero--motion .sc-hero__media video,
  .sc-hero--motion .sc-hero__media img { position: absolute; inset: 0; }
  .sc-hero--motion .sc-hero__copy { padding-top: 30px; }
  .sc-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 24px; }
  .sc-button { width: 100%; max-width: 100%; min-width: 0; min-height: 52px; padding: 13px 18px; text-align: center; white-space: normal; }
  .sc-section { padding-block: 48px; }
  .sc-section--tight { padding-block: 34px; }
  .sc-section--tint { padding-inline: 12px; }
  .sc-card,
  .sc-path,
  .sc-triage__door,
  .sc-community-route article,
  .sc-feed-choice article { padding: 20px; }
  .sc-page-sheet { padding: 26px 18px; }
  .sc-board-wall { padding: 18px; box-shadow: inset 0 0 0 4px #2d1b0d, inset 0 0 28px rgba(0,0,0,.56); }
  .sc-board-note { padding: 22px 18px; }
  .sc-note,
  .sc-warning,
  .sc-status-panel,
  .sc-dispatch { padding: 20px; }
  .sc-shelf-index a,
  .sc-shelf-index span { display: grid; gap: 4px; padding: 13px 14px; }
  .sc-table { min-width: 480px; }
  .sc-phase-ribbon span { padding: 10px 5px; font-size: .72rem; overflow-wrap: anywhere; }
  .sc-hook-feed .row { margin-inline: 0; }
  .sc-hook-feed [class*="col-"] { width: 100%; max-width: 100%; min-width: 0; padding-inline: 0; }
  .sc-hook-feed img { width: 100%; height: auto; }
  .sc-video-grid,
  .sc-archive-motion,
  .sc-path-grid,
  .sc-triage { grid-template-columns: 1fr; }
  .sc-triage__door { border-right: 0; }
  .sc-actions,
  .sc-button { width: 100%; }
  .sc-scrapbook > * { grid-column: 1 / -1; transform: none !important; }
  .sc-equipment-sequence { grid-template-columns: repeat(2, 1fr); }
  .sc-spine { width: calc(100vw - 12px); margin-inline: calc(50% - 50vw + 6px); }
  .sc-spine img { min-height: 80px; object-fit: cover; }
  .sc-archive-banner { width: calc(100vw - 12px); margin-inline: calc(50% - 50vw + 6px); }
  .sc-video-card__copy { padding: 13px 14px; }
  .sc-motion figcaption { padding: 12px 13px; }
  .sc-page code { white-space: normal; overflow-wrap: anywhere; }
}

@media (max-width: 420px) {
  .sc-page { width: calc(100% - 20px); }
  .sc-page h1 { font-size: clamp(2.08rem, 10.6vw, 2.75rem); }
  .sc-hero--motion .sc-hero__copy { padding-top: 26px; }
  .sc-section--tint { padding-inline: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
  .sc-board-note,
  .sc-polaroid,
  .sc-dispatch__stamp { transform: none !important; }
}

/* -------------------------------------------------------------------------
   Visual completion: the book is the layout, not an ornament inside it.
   Every spine is full-bleed. Its lower rule and the following surface share
   one sampled source color, so the join remains seamless at every width.
   ------------------------------------------------------------------------- */

:root {
  --sc-surface-call: #485206;
  --sc-surface-paths: #211302;
  --sc-surface-quest: #243b42;
  --sc-surface-heirlooms: #562504;
  --sc-surface-time: #af6600;
  --sc-surface-excellence: #273d1f;
  --sc-surface-legacy: #211302;
  --sc-content-max: 1120px;
  --sc-gutter: clamp(18px, 4vw, 56px);
  --sc-cream: #fff3d7;
  --sc-cream-muted: #e7d9bd;
}

body:has(.sc-page) {
  overflow-x: hidden;
  overflow-x: clip;
  background: var(--sc-surface-paths);
}

body:has(.sc-page) .nk-main {
  background-color: var(--sc-surface-paths) !important;
  background-image: none !important;
}

body:has(.sc-page) .nk-main > .container,
body:has(.sc-page) .nk-main > .container > .row,
body:has(.sc-page) .nk-main > .container > .row > [class*="col-"] {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

body:has(.sc-page) article[id^="post-"],
body:has(.sc-page) .entry-content {
  margin: 0;
  padding: 0;
}

body:has(.sc-page) .entry-content > p:empty {
  display: none !important;
  margin: 0 !important;
}

.sc-page {
  width: 100vw;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--sc-cream);
  background: var(--sc-surface-paths);
}

.sc-page > * { min-width: 0; }

.sc-page h1,
.sc-page h2,
.sc-page h3,
.sc-page strong { color: var(--sc-cream); }

.sc-page p,
.sc-page li,
.sc-page td,
.sc-page th { color: var(--sc-cream-muted); }

.sc-surface,
.sc-hero,
.sc-section {
  --sc-surface: var(--sc-surface-paths);
  display: grid;
  grid-template-columns:
    [full-start] minmax(var(--sc-gutter), 1fr)
    [content-start] minmax(0, var(--sc-content-max))
    [content-end] minmax(var(--sc-gutter), 1fr)
    [full-end];
  width: 100%;
  margin: 0;
  border: 0;
  background: var(--sc-surface);
}

.sc-surface > *,
.sc-hero > :not(.sc-hero__media),
.sc-section > * { grid-column: content; }

.sc-surface--call { --sc-surface: var(--sc-surface-call); }
.sc-surface--paths { --sc-surface: var(--sc-surface-paths); }
.sc-surface--quest { --sc-surface: var(--sc-surface-quest); }
.sc-surface--heirlooms { --sc-surface: var(--sc-surface-heirlooms); }
.sc-surface--time { --sc-surface: var(--sc-surface-time); }
.sc-surface--excellence { --sc-surface: var(--sc-surface-excellence); }
.sc-surface--legacy { --sc-surface: var(--sc-surface-legacy); }

/* The orange volume is intentionally bright. Ink, rather than cream type,
   keeps its copy readable without muting the sampled spine color. */
.sc-surface--time h1,
.sc-surface--time h2,
.sc-surface--time h3,
.sc-surface--time strong { color: #070300; }

.sc-surface--time p,
.sc-surface--time li,
.sc-surface--time td,
.sc-surface--time th,
.sc-surface--time .sc-route span { color: #070300; }

.sc-surface--time .sc-eyebrow,
.sc-surface--time .sc-triage__label { color: #070300 !important; text-shadow: none; }
.sc-surface--time a:not(.sc-button) { color: #070300; }
.sc-surface--time .sc-card,
.sc-surface--time .sc-note,
.sc-surface--time .sc-warning,
.sc-surface--time .sc-route,
.sc-surface--time .sc-triage__door,
.sc-surface--time .sc-dispatch,
.sc-surface--time .sc-story__aside {
  border-color: rgba(45, 21, 5, .34);
  color: #070300;
  background: rgba(255, 243, 215, .18);
  box-shadow: 7px 9px 0 rgba(45, 21, 5, .18);
}

.sc-surface--time .sc-button {
  color: var(--sc-cream) !important;
  border-color: #241205;
  background: #241205;
}

.sc-surface--time .sc-button--quiet {
  color: #070300 !important;
  border-color: rgba(45, 21, 5, .58);
  background: rgba(255, 243, 215, .16);
}

.sc-surface--time .sc-dispatch__stamp {
  color: #070300;
  border-color: #070300;
}

.sc-hero {
  min-height: 0;
  align-content: start;
  padding-block: clamp(54px, 8vw, 112px);
  isolation: isolate;
}

.sc-hero__copy {
  width: min(900px, 100%);
  max-width: 900px;
}

.sc-hero .sc-title-art {
  display: block;
  width: min(var(--sc-title-width, 720px), 100%);
  max-height: 210px;
  margin: 0 0 clamp(18px, 3vw, 32px);
  object-fit: contain;
  object-position: left center;
  image-rendering: auto;
}

.sc-title-art--compact { --sc-title-width: 520px; }
.sc-title-art--wide { --sc-title-width: 900px; }

.sc-opening {
  position: relative;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  background: #11150f;
  isolation: isolate;
}

.sc-opening video,
.sc-opening > picture,
.sc-opening > picture > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1440 / 678;
  object-fit: cover;
  object-position: center;
}

.sc-opening__overlay {
  position: absolute;
  left: 50%;
  bottom: clamp(14px, 4vw, 64px);
  z-index: 2;
  width: min(86vw, 1223px);
  max-height: 34%;
  object-fit: contain;
  transform: translateX(-50%);
  filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .72));
  pointer-events: none;
}

.sc-hero--motion {
  min-height: 0;
  padding: 0;
}

.sc-hero--motion::after { content: none; }
.sc-hero--motion .sc-hero__media { position: static; inset: auto; z-index: auto; }

.sc-spine,
.sc-archive-banner {
  position: relative;
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: visible;
  line-height: 0;
  background: var(--sc-spine-above, transparent);
}

/* WordPress wpautop wraps root-level spine links in paragraphs. Neutralize
   those generated boxes so the image's sampled lower strip meets the next
   volume directly instead of exposing the page base color as a false bar. */
.sc-page > p:empty,
.sc-page > p:has(> a.sc-spine) {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.sc-page > p:empty { display: none !important; }
.sc-page > p:has(> a.sc-spine) > a.sc-spine { display: block; }

.sc-spine--on-opening { --sc-spine-above: #11150f; }
.sc-spine--on-call { --sc-spine-above: var(--sc-surface-call); }
.sc-spine--on-paths { --sc-spine-above: var(--sc-surface-paths); }
.sc-spine--on-quest { --sc-spine-above: var(--sc-surface-quest); }
.sc-spine--on-heirlooms { --sc-spine-above: var(--sc-surface-heirlooms); }
.sc-spine--on-time { --sc-spine-above: var(--sc-surface-time); }
.sc-spine--on-excellence { --sc-spine-above: var(--sc-surface-excellence); }
.sc-spine--on-legacy { --sc-spine-above: var(--sc-surface-legacy); }

.sc-spine img,
.sc-archive-banner img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  margin: 0;
  object-fit: fill;
  image-rendering: auto;
}

a.sc-spine { text-decoration: none; }
a.sc-spine::after {
  content: "Continue";
  position: absolute;
  right: var(--sc-gutter);
  bottom: 11%;
  z-index: 2;
  padding: 7px 10px;
  color: var(--sc-cream);
  border: 1px solid rgba(255, 243, 215, .54);
  background: rgba(20, 10, 4, .72);
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity .18s ease, transform .18s ease;
}

a.sc-spine:hover::after,
a.sc-spine:focus-visible::after { opacity: 1; transform: none; }
a.sc-spine:focus-visible { outline-offset: -4px; }

.sc-section {
  padding-block: clamp(56px, 8vw, 108px);
  box-shadow:
    inset 0 1px rgba(255, 243, 215, .10),
    inset 0 -1px rgba(20, 10, 4, .30);
}

.sc-section--plain { border: 0; }
.sc-section--tight { padding-block: clamp(36px, 5vw, 68px); }
.sc-section--tint {
  margin: 0;
  padding-inline: 0;
  background: var(--sc-surface);
}

.sc-section > p,
.sc-section > ul,
.sc-section > ol { max-width: 800px; }

.sc-divider {
  grid-column: content;
  width: 100%;
  margin: clamp(34px, 5vw, 66px) 0;
  line-height: 0;
  opacity: .92;
}

.sc-divider img {
  display: block;
  width: 100%;
  height: auto;
}

.sc-eyebrow {
  color: #ffe6a0 !important;
  text-shadow: 0 2px rgba(32, 15, 3, .48);
}

.sc-button {
  min-height: 50px;
  padding: 13px 22px;
  border: 1px solid #f1c768;
  border-radius: 0;
  clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));
  color: #241205 !important;
  background: #f1c768;
  box-shadow: inset 0 0 0 2px rgba(77, 41, 9, .28), 4px 5px 0 rgba(20, 10, 4, .28);
}

.sc-button--quiet {
  color: var(--sc-cream) !important;
  border-color: rgba(255, 243, 215, .58);
  background: rgba(33, 19, 2, .34);
}

.sc-card,
.sc-note,
.sc-warning,
.sc-route,
.sc-motion,
.sc-video-card,
.sc-community-route article,
.sc-feed-choice article,
.sc-triage__door,
.sc-dispatch,
.sc-status-panel {
  border-color: rgba(255, 243, 215, .24);
  border-radius: 0;
  color: var(--sc-cream);
  background: rgba(255, 243, 215, .065);
  box-shadow: 7px 9px 0 rgba(20, 10, 4, .20);
}

.sc-card[href]:hover,
.sc-card[href]:focus-visible {
  border-color: #f1c768;
  background: rgba(255, 243, 215, .11);
}

.sc-story__aside,
.sc-atlas__note,
.sc-path,
.sc-chain__step,
.sc-page-sheet,
.sc-board-wall,
.sc-board-note,
.sc-polaroid,
.sc-table-wrap {
  border-radius: 0;
}

.sc-home .sc-story__aside {
  border-color: rgba(255, 243, 215, .50);
  background: rgba(20, 10, 4, .25);
}

.sc-home .sc-surface--time .sc-story__aside {
  border-color: rgba(45, 21, 5, .34);
  background: rgba(255, 243, 215, .18);
}

.sc-next-volume {
  display: block;
  padding-top: clamp(28px, 5vw, 68px);
  background: var(--sc-spine-above, var(--sc-surface-paths));
}

.sc-next-volume__label {
  display: block;
  width: min(var(--sc-content-max), calc(100% - (2 * var(--sc-gutter))));
  margin: 0 auto 16px;
  color: var(--sc-cream-muted);
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.sc-feed-intro { margin: 0; border: 0; }

.sc-feed-note.sc-surface {
  max-width: none;
  padding-block: 24px 38px;
}

.sc-feed-note.sc-surface p { margin: 0; }

/* Keep the original fire-and-crest entrance, now that the page no longer asks
   it to hide an overloaded critical path. The current preloader markup carries
   the Samhan crest and contains no Godlike wordmark. */
.nk-preloader,
.nk-preloader-bg { background-color: #000 !important; }

.nk-preloader .nk-img {
  image-rendering: pixelated;
  filter: contrast(1.35) brightness(1.05) drop-shadow(0 0 18px rgba(240, 170, 66, .54));
}

.nk-preloader-skip {
  color: #f5d78a;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* Page-specific legacy backgrounds must not reintroduce black gutters. */
body.page-id-7 .nk-main,
body.page-id-3603 .nk-main,
body.page-id-2390 .nk-main,
body.page-id-2386 .nk-main,
body.page-id-2377 .nk-main,
body.page-id-2374 .nk-main,
body.page-id-2276 .nk-main,
body.page-id-2380 .nk-main,
body.page-id-2201 .nk-main,
body.page-id-2358 .nk-main,
body.page-id-2383 .nk-main,
body.page-id-2125 .nk-main,
body.page-id-3698 .nk-main,
body.page-id-3046 .nk-main,
body.page-id-1380 .nk-main,
body.page-id-3614 .nk-main {
  background-color: var(--sc-surface-paths) !important;
  background-image: none !important;
}

@media (max-width: 820px) {
  :root { --sc-gutter: clamp(16px, 5vw, 28px); }
  .sc-page { width: 100vw; }
  .sc-hero { padding-block: clamp(46px, 10vw, 72px); }
  .sc-section { padding-block: clamp(48px, 11vw, 76px); }
}

@media (max-width: 600px) {
  :root { --sc-gutter: 16px; }
  .sc-page { width: 100vw; padding: 0; }
  .sc-opening video,
  .sc-opening > picture,
  .sc-opening > picture > img { aspect-ratio: 1440 / 678; object-fit: cover; }
  .sc-opening__overlay { bottom: 10px; width: 92vw; max-height: 43%; }
  .sc-spine,
  .sc-archive-banner { width: 100%; margin: 0; }
  .sc-spine img,
  .sc-archive-banner img { min-height: 0; object-fit: fill; }
  .sc-hero .sc-title-art { max-height: 132px; margin-bottom: 18px; }
  .sc-next-volume { padding-top: 34px; }
  a.sc-spine::after { display: none; }
  .sc-button { min-height: 54px; }
}

@media (prefers-reduced-motion: reduce) {
  .sc-opening video { animation: none !important; }
  a.sc-spine::after { transition: none; }
}