/* Daylight skin (2026-10-02). Drawn from Heart Aerospace (heartaerospace.com, picked from recent.design — godly's
   gallery): a white page, black type set bold and tight, pale grey bands and hairlines, square edges, and no accent but
   one deep blue for the small labels above a title. The values below were measured on that site; where they were moved
   for contrast it says so. Daylight sits on top of the default skin and changes only colour, corners, shadows and the
   display type — reading sizes, layout, copy and motion stay the default skin's. Everything is scoped to
   html[data-skin="daylight"]; the default and Ember skins are not touched. The generated block below is written by
   work/build-daylight-skin.mjs from the site's stylesheets; the hand-written layer after it wins where they meet. */

/* Tokens: the default skin's own custom properties, moved onto the reference palette. Measured: page #ffffff, text
   #141414, bands #f7f8fa / #eeeff2, hairlines #e2e2e2 / #d6d6d6, footer and image bands #141414. Muted text is #6b6b6b
   (the reference's #767676 falls to 4.27:1 on the #eeeff2 band; #6b6b6b holds 4.63:1). */
html[data-skin="daylight"] {
  --navy-950: #0a0a0a; --navy-900: #141414; --navy-850: #1a1a1a; --navy-800: #1f1f1f; --navy-700: #2e2e2e;
  --ink: #141414; --muted: #6b6b6b; --line: #e2e2e2; --paper: #ffffff; --card: #ffffff;
  --blue: #141414; --blue-soft: #eeeff2; --teal: #141414; --shadow: none;
  --dl-band: #f7f8fa; --dl-band2: #eeeff2; --dl-line: #d6d6d6; --dl-label: #001489;
  --dl-display: "Inter Tight", "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;
  /* The five branches keep their hues; on white they are darkened until each holds 4.6:1 on the #eeeff2 band. */
  --argus: #2c756d; --ariadne: #2e7290; --hermes: #4461d2; --mentor: #924db1; --talos: #906226;
  background: #ffffff;
}
html[data-skin="daylight"] body { background: #ffffff; }
/* Daylight is a light skin, as Ember is a dark one: the theme switch belongs to the default skin and steps aside. */
html[data-skin="daylight"] #theme-toggle { display: none; }
/* The bar and the menus hanging from it are white too, so they take the dark-ground branch colours back off. */
html[data-skin="daylight"] :is(.topbar, .nav-panel) { --argus: #2c756d; --ariadne: #2e7290; --hermes: #4461d2; --mentor: #924db1; --talos: #906226; }

/* ---- generated by work/build-daylight-skin.mjs: do not edit by hand ---- */
/* from styles.css, maps.css, scenario.css, platform.css, case-order.css */
/* styles.css */
html[data-skin="daylight"] .brand em{color:#6b6b6b}
html[data-skin="daylight"] .brand-mark span{background:#d6d6d6;border-radius:0}
html[data-skin="daylight"] .brand-mark span:nth-child(2){background:#d6d6d6}
html[data-skin="daylight"] .topnav a{color:#6b6b6b}
html[data-skin="daylight"] .topnav a.active::after{background:#d6d6d6}
html[data-skin="daylight"] .nav-count{border-radius:0;background:rgba(214,214,214,0.14);color:#6b6b6b}
html[data-skin="daylight"] .icon-button,html[data-skin="daylight"] .avatar-button{color:#ffffff;border-radius:0}
html[data-skin="daylight"] .avatar-button{background:#d6d6d6}
html[data-skin="daylight"] .button{border-radius:0}
html[data-skin="daylight"] .button:hover{border-color:#d6d6d6;background:#f7f8fa}
html[data-skin="daylight"] .button.primary:hover{background:#141414}
html[data-skin="daylight"] .button.subtle{background:#f7f8fa;color:#141414;border-color:#e2e2e2}
html[data-skin="daylight"] .pill{background:#f7f8fa;color:#141414}
html[data-skin="daylight"] .pill.public{background:#eeeff2;color:#141414}
html[data-skin="daylight"] .pill.review{background:#eeeff2;color:#141414}
html[data-skin="daylight"] .pill.open{background:#f7f8fa;color:#141414}
html[data-skin="daylight"] .pill.saved{background:#eeeff2;color:#141414}
html[data-skin="daylight"] .map-toolbar{color:#6b6b6b}
html[data-skin="daylight"] .map-toolbar .map-status{color:#6b6b6b}
html[data-skin="daylight"] .map-button{color:#ffffff;border-radius:0}
html[data-skin="daylight"] .map-button:hover,html[data-skin="daylight"] .map-button.active{background:rgba(214,214,214,0.18);border-color:rgba(214,214,214,0.38);color:#ffffff}
html[data-skin="daylight"] .map-area{background:radial-gradient(circle at 46% 48%, rgba(20,20,20,0.24), transparent 33%), radial-gradient(circle at 70% 20%, rgba(20,20,20,0.12), transparent 28%), #141414}
html[data-skin="daylight"] .map-area::before{background-image:linear-gradient(rgba(214,214,214,0.13) 1px, transparent 1px), linear-gradient(90deg, rgba(214,214,214,0.13) 1px, transparent 1px)}
html[data-skin="daylight"] .map-grid-line{stroke:rgba(214,214,214,0.18)}
html[data-skin="daylight"] .map-connection{stroke:#767676}
html[data-skin="daylight"] .map-connection.policy{stroke:#d6d6d6}
html[data-skin="daylight"] .map-node circle.halo{fill:#d6d6d6}
html[data-skin="daylight"] .map-node circle.core{fill:#d6d6d6;stroke:#e2e2e2}
html[data-skin="daylight"] .map-node.selected circle.core{stroke:#d6d6d6}
html[data-skin="daylight"] .map-legend{color:#6b6b6b}
html[data-skin="daylight"] .legend-dot{background:#d6d6d6}
html[data-skin="daylight"] .legend-line{background:#141414}
html[data-skin="daylight"] .map-label{color:rgba(255,255,255,0.88);text-shadow:none}
html[data-skin="daylight"] .map-preview{background:rgba(20,20,20,0.94);border:1px solid rgba(214,214,214,0.28);border-radius:0;box-shadow:none}
html[data-skin="daylight"] .map-preview p{color:#6b6b6b}
html[data-skin="daylight"] .map-preview .preview-footer{color:#6b6b6b}
html[data-skin="daylight"] .map-preview .preview-footer strong{color:#ffffff}
html[data-skin="daylight"] .map-side-action .button{background:#eeeff2}
html[data-skin="daylight"] .stat-card{border-radius:0}
html[data-skin="daylight"] .stat-card small{color:#6b6b6b}
html[data-skin="daylight"] .panel{border-radius:0}
html[data-skin="daylight"] .activity{border-bottom:1px solid #e2e2e2}
html[data-skin="daylight"] .activity time{color:#6b6b6b}
html[data-skin="daylight"] .domain-bar-head{color:#141414}
html[data-skin="daylight"] .bar-track{background:#f7f8fa;border-radius:0}
html[data-skin="daylight"] .bar-fill{background:linear-gradient(90deg, #d6d6d6, #d6d6d6)}
html[data-skin="daylight"] .library-toolbar{border-radius:0}
html[data-skin="daylight"] .search-input,html[data-skin="daylight"] .select-input{border-radius:0;background:#ffffff}
html[data-skin="daylight"] .search-input:focus,html[data-skin="daylight"] .select-input:focus,html[data-skin="daylight"] textarea:focus{border-color:#d6d6d6;box-shadow:0 0 0 3px rgba(20,20,20,.35)}
html[data-skin="daylight"] .issue-card{border-radius:0}
html[data-skin="daylight"] .issue-card:hover{border-color:#d6d6d6;box-shadow:none}
html[data-skin="daylight"] .issue-card .card-id{color:#6b6b6b}
html[data-skin="daylight"] .issue-card .card-date{color:#6b6b6b}
html[data-skin="daylight"] .issue-card .card-cohort{border:1px solid #e2e2e2;color:#141414}
html[data-skin="daylight"] .cohort-note{color:#141414}
html[data-skin="daylight"] .save-toggle{color:#6b6b6b}
html[data-skin="daylight"] .save-toggle.saved{color:#141414}
html[data-skin="daylight"] .ledger-row{border-bottom:1px solid #e2e2e2}
html[data-skin="daylight"] .ledger-row .ledger-id{color:#6b6b6b}
html[data-skin="daylight"] .review-mark{color:#141414}
html[data-skin="daylight"] .connector-card{border-radius:0}
html[data-skin="daylight"] .connector-card.active{border-color:#d6d6d6;box-shadow:none}
html[data-skin="daylight"] .connector-card .connector-meta{color:#6b6b6b}
html[data-skin="daylight"] .connector-dot{background:#141414}
html[data-skin="daylight"] .connector-record div{border-radius:0;background:#f7f8fa}
html[data-skin="daylight"] .connector-record dt{color:#6b6b6b}
html[data-skin="daylight"] .ask-card{border-radius:0}
html[data-skin="daylight"] .ask-card textarea{border-radius:0}
html[data-skin="daylight"] .suggestion{background:#f7f8fa;border:1px solid #e2e2e2;color:#141414}
html[data-skin="daylight"] .world-map-wrap{border-radius:0;background:radial-gradient(circle at 52% 45%, #eeeff2 0, #f7f8fa 58%, #fff 100%);border:1px solid #e2e2e2}
html[data-skin="daylight"] .google-world-map{background:#eeeff2}
html[data-skin="daylight"] .map-loading,html[data-skin="daylight"] .map-error{color:#141414}
html[data-skin="daylight"] .map-loading::before{border:2px solid #d6d6d6;border-top-color:#767676}
html[data-skin="daylight"] .map-error span{color:#6b6b6b}
html[data-skin="daylight"] .world-focus-card{border-radius:0;box-shadow:none}
html[data-skin="daylight"] .world-focus-card strong{color:#141414}
html[data-skin="daylight"] .world-focus-card p{color:#6b6b6b}
html[data-skin="daylight"] .continent{fill:#eeeff2;stroke:#d6d6d6}
html[data-skin="daylight"] .equator{stroke:#d6d6d6}
html[data-skin="daylight"] .world-marker.teal circle:first-child{fill:#141414}
html[data-skin="daylight"] .world-label strong{color:#141414}
html[data-skin="daylight"] .world-label span{color:#6b6b6b}
html[data-skin="daylight"] .region-row{border-bottom:1px solid #e2e2e2}
html[data-skin="daylight"] .posture-head{color:#6b6b6b}
html[data-skin="daylight"] .posture-row{border-top:1px solid #e2e2e2}
html[data-skin="daylight"] .posture-row > span{color:#141414}
html[data-skin="daylight"] .posture-row i{border-radius:0;background:#d6d6d6}
html[data-skin="daylight"] .posture-row:nth-child(3) i{background:#d6d6d6}
html[data-skin="daylight"] .posture-row:nth-child(5) i{background:#d6d6d6}
html[data-skin="daylight"] .overlay{background:rgba(20,20,20,0.54)}
html[data-skin="daylight"] .detail-drawer{background:#ffffff;box-shadow:none}
html[data-skin="daylight"] .close-button{border-radius:0}
html[data-skin="daylight"] .detail-lede{color:#141414}
html[data-skin="daylight"] .detail-lede.lede-aside{color:#141414}
html[data-skin="daylight"] .detail-lede .lede-label{color:#6b6b6b}
html[data-skin="daylight"] .detail-field{border-radius:0}
html[data-skin="daylight"] .detail-field dt{color:#6b6b6b}
html[data-skin="daylight"] .detail-section p,html[data-skin="daylight"] .detail-section li{color:#141414}
html[data-skin="daylight"] .option-list div{border:1px solid #e2e2e2;border-radius:0;background:#f7f8fa;color:#141414}
html[data-skin="daylight"] .relation-link{border:1px solid #e2e2e2;border-radius:0;color:#141414}
html[data-skin="daylight"] .relation-link span:last-child{color:#6b6b6b}
html[data-skin="daylight"] .toast{border:1px solid rgba(214,214,214,0.3);border-radius:0;box-shadow:none}
@media (max-width: 720px) {
  html[data-skin="daylight"] .map-shell{border-radius:0}
}
/* maps.css */
html[data-skin="daylight"] .map-renderer-status{color:#6b6b6b}
html[data-skin="daylight"] .map-explorer{color:#ffffff}
html[data-skin="daylight"] .map-explorer input,html[data-skin="daylight"] .map-explorer select{color:#ffffff;background:#141414;border:1px solid #767676;border-radius:0}
html[data-skin="daylight"] .map-find-results{background:#141414;border:1px solid #767676;border-radius:0;box-shadow:none}
html[data-skin="daylight"] .map-find-results button{color:#ffffff}
html[data-skin="daylight"] .map-find-results button:hover,html[data-skin="daylight"] .map-find-results button:focus-visible{background:#141414}
html[data-skin="daylight"] .map-preview .preview-block{border-top:1px solid rgba(46,46,46,0.1)}
html[data-skin="daylight"] .map-preview .preview-block h4{color:#6b6b6b}
html[data-skin="daylight"] .map-shell:fullscreen,html[data-skin="daylight"] .map-shell.expanded-map{background:#141414}
html[data-skin="daylight"] .world-date{border-radius:0}
html[data-skin="daylight"] .world-toolbar{border-radius:0}
html[data-skin="daylight"] .world-toolbar input,html[data-skin="daylight"] .world-toolbar select{border-radius:0}
html[data-skin="daylight"] .world-page button:focus-visible,html[data-skin="daylight"] .world-page a:focus-visible,html[data-skin="daylight"] .world-page input:focus-visible,html[data-skin="daylight"] .world-page select:focus-visible{outline:3px solid #767676}
html[data-skin="daylight"] .world-map-wrap{background:#eeeff2;border-radius:0}
html[data-skin="daylight"] .world-location-card{border-radius:0}
html[data-skin="daylight"] .world-location-card:hover{border-color:#d6d6d6}
html[data-skin="daylight"] .world-location-card[aria-pressed=true]{background:#eeeff2;border-color:#767676;box-shadow:none}
html[data-skin="daylight"] .monitor-tabs button{border-radius:0}
html[data-skin="daylight"] .monitor-tabs button[aria-pressed=true]{background:#141414;border-color:#2e2e2e}
html[data-skin="daylight"] .monitor-notice{border:1px solid #d6d6d6;border-left:4px solid #767676;border-radius:0;background:#eeeff2}
html[data-skin="daylight"] .feed-health{border-radius:0}
html[data-skin="daylight"] .evidence-tag{border-radius:0}
html[data-skin="daylight"] .aegis-infowin{color:#141414}
html[data-skin="daylight"] .aegis-infowin-head i.gap-swatch{border-radius:0}
html[data-skin="daylight"] .aegis-infowin .evidence-precision{color:#141414}
html[data-skin="daylight"] .aegis-infowin-head strong small{color:#6b6b6b}
html[data-skin="daylight"] .aegis-infowin-head span{color:#6b6b6b}
html[data-skin="daylight"] .aegis-infowin li{border-top:1px solid #e2e2e2}
html[data-skin="daylight"] .aegis-infowin small{color:#6b6b6b}
html[data-skin="daylight"] .aegis-infowin p{color:#6b6b6b}
html[data-skin="daylight"] .aegis-infowin a{color:#141414}
html[data-skin="daylight"] .aegis-infowin-note{border-top:1px dashed #e2e2e2}
html[data-skin="daylight"] .aegis-infowin details[open] summary b{color:#141414}
html[data-skin="daylight"] .aegis-infowin-detail{background:#f7f8fa;border-radius:0}
html[data-skin="daylight"] .aegis-infowin-detail p{color:#141414}
html[data-skin="daylight"] .aegis-infowin-detail dt{color:#6b6b6b}
html[data-skin="daylight"] .cop-map-control{border-radius:0;box-shadow:none;color:#141414}
html[data-skin="daylight"] .cop-map-control-head{color:#6b6b6b}
html[data-skin="daylight"] .cop-map-control-head strong{color:#141414}
html[data-skin="daylight"] .cop-map-control span{color:#6b6b6b}
/* scenario.css */
html[data-skin="daylight"] .scenario-section pre,html[data-skin="daylight"] .scenario-run pre{background:rgba(20,20,20,0.08);border-radius:0}
html[data-skin="daylight"] .scenario-summary span{border-radius:0}
html[data-skin="daylight"] .scenario-picker select{border-radius:0}
/* platform.css */
html[data-skin="daylight"] .nav-link{color:#6b6b6b}
html[data-skin="daylight"] .nav-branch-button{color:#6b6b6b;border-radius:0}
html[data-skin="daylight"] .nav-branch-button::after{color:#6b6b6b}
html[data-skin="daylight"] .nav-branch-button:focus-visible,html[data-skin="daylight"] .nav-link:focus-visible,html[data-skin="daylight"] .nav-page:focus-visible,html[data-skin="daylight"] .pm-node:focus-visible{outline:2px solid #d6d6d6}
html[data-skin="daylight"] .nav-dot{background:#d6d6d6}
html[data-skin="daylight"] .nav-branch.active::after{background:#d6d6d6}
html[data-skin="daylight"] .nav-panel{border-bottom:1px solid rgba(214,214,214,0.22);box-shadow:none}
html[data-skin="daylight"] .branch-code{color:#6b6b6b}
html[data-skin="daylight"] .nav-menu-summary{color:#6b6b6b}
html[data-skin="daylight"] .nav-motif{color:#6b6b6b}
html[data-skin="daylight"] .nav-page{border-radius:0}
html[data-skin="daylight"] .nav-page:hover,html[data-skin="daylight"] .nav-page.active{border-color:rgba(214,214,214,0.5);background:rgba(214,214,214,0.1)}
html[data-skin="daylight"] .nav-page span{color:#6b6b6b}
html[data-skin="daylight"] .nav-page em{color:#6b6b6b}
html[data-skin="daylight"] .nav-page.planned em{color:#ffffff}
html[data-skin="daylight"] .platform-shell{background:radial-gradient(circle at 46% 48%, rgba(20,20,20,0.24), transparent 33%), radial-gradient(circle at 70% 20%, rgba(20,20,20,0.12), transparent 28%), var(--navy-900)}
html[data-skin="daylight"] .pm-box{fill:rgba(20,20,20,0.9)}
html[data-skin="daylight"] .pm-box.gov{fill:rgba(20,20,20,0.85)}
html[data-skin="daylight"] .pm-node:hover .pm-box,html[data-skin="daylight"] .pm-node:focus .pm-box{fill:rgba(214,214,214,0.16)}
html[data-skin="daylight"] .pm-line{fill:#d6d6d6}
html[data-skin="daylight"] .pm-label{fill:#eeeff2}
html[data-skin="daylight"] .pm-label.faint{fill:#d6d6d6}
html[data-skin="daylight"] .pm-flow{stroke:#e2e2e2}
html[data-skin="daylight"] .pm-arrowhead{fill:#eeeff2}
html[data-skin="daylight"] .status-tile{border-radius:0}
html[data-skin="daylight"] .status-tile small{color:#6b6b6b}
html[data-skin="daylight"] .entry-card{border-radius:0}
html[data-skin="daylight"] .entry-card:hover{border-color:#d6d6d6}
html[data-skin="daylight"] .principles-strip{color:#141414}
html[data-skin="daylight"] .hero-panel{background:radial-gradient(circle at 18% 12%, rgba(214,214,214,0.16), transparent 34%), radial-gradient(circle at 88% 88%, rgba(20,20,20,0.2), transparent 36%), var(--navy-900)}
html[data-skin="daylight"] .eyebrow.light{color:#6b6b6b}
html[data-skin="daylight"] .hero-main > p{color:#6b6b6b}
html[data-skin="daylight"] .hero-fresh{color:#6b6b6b}
html[data-skin="daylight"] .hero-stats{border-radius:0}
html[data-skin="daylight"] .hero-stats > div{background:rgba(20,20,20,0.72)}
html[data-skin="daylight"] .hero-stats dt{color:#6b6b6b}
html[data-skin="daylight"] .attention-card{border-radius:0}
html[data-skin="daylight"] .attention-card:hover{border-color:#d6d6d6}
html[data-skin="daylight"] .branch-card{border-radius:0}
html[data-skin="daylight"] a.status-tile:hover{border-color:#d6d6d6}
html[data-skin="daylight"] .chip{background:#f7f8fa;color:#141414}
html[data-skin="daylight"] .chip.have{background:#eeeff2;color:#141414}
html[data-skin="daylight"] .chip.built{background:#eeeff2;color:#141414}
html[data-skin="daylight"] .chip.planned{background:#f7f8fa;color:#6b6b6b}
html[data-skin="daylight"] .sitemap-tree > li{border-radius:0}
html[data-skin="daylight"] .principle p,html[data-skin="daylight"] .boundary p,html[data-skin="daylight"] .boundary li{color:#141414}
html[data-skin="daylight"] .source-card{border-radius:0}
html[data-skin="daylight"] .source-card:hover{border-color:#d6d6d6}
html[data-skin="daylight"] .source-card.active{border-color:#d6d6d6;box-shadow:none}
html[data-skin="daylight"] .source-card .mono{color:#6b6b6b}
html[data-skin="daylight"] .source-head p{color:#141414}
html[data-skin="daylight"] .schema-chips code{background:#f7f8fa;border-radius:0}
html[data-skin="daylight"] .run-form input,html[data-skin="daylight"] .run-form select{border-radius:0;background:#ffffff}
html[data-skin="daylight"] .run-form input:focus,html[data-skin="daylight"] .run-form select:focus{border-color:#d6d6d6;box-shadow:0 0 0 3px rgba(20,20,20,.35)}
html[data-skin="daylight"] .eval-table th,html[data-skin="daylight"] .eval-table td{border-bottom:1px solid #e2e2e2}
html[data-skin="daylight"] .eval-table th{color:#6b6b6b}
html[data-skin="daylight"] .fault-chip{border-radius:0}
html[data-skin="daylight"] .fault-chip.clean{background:#eeeff2;color:#141414}
html[data-skin="daylight"] .record-detail{border-radius:0}
html[data-skin="daylight"] .record-detail pre{background:#f7f8fa;border-radius:0}
@media (max-width: 720px) {
  html[data-skin="daylight"] .platform-shell{border-radius:0}
}
html[data-skin="daylight"] .layer-row.synthetic.on{border-radius:0}
html[data-skin="daylight"] .feed-card{border-top:4px solid #767676}
html[data-skin="daylight"] .feed-card.offline{border-top-color:#d6d6d6}
html[data-skin="daylight"] .gap-banner{border-left:4px solid #d6d6d6}
html[data-skin="daylight"] .gap-chip.info{color:#141414;background:#eeeff2;border-color:#d6d6d6}
html[data-skin="daylight"] .gap-chip.struct{color:#141414;background:#f7f8fa;border-color:#d6d6d6}
html[data-skin="daylight"] .gap-swatch{border-radius:0;border:1px solid #d6d6d6;background:repeating-linear-gradient(45deg, #eeeff2 0 2px, #f7f8fa 2px 4px)}
html[data-skin="daylight"] .object-type{border-radius:0}
html[data-skin="daylight"] .object-type.active{border-color:#767676;box-shadow:none;background:#eeeff2}
html[data-skin="daylight"] .object-row{border-radius:0}
html[data-skin="daylight"] .object-row[aria-pressed=true]{border-color:#767676;box-shadow:none;background:#eeeff2}
html[data-skin="daylight"] .pivot-chip:hover{border-color:#d6d6d6}
html[data-skin="daylight"] .case-start{border-radius:0}
html[data-skin="daylight"] .tl-row{border-radius:0}
html[data-skin="daylight"] .hermes-page pre{background:#f7f8fa;border-radius:0}
html[data-skin="daylight"] .changelog-row p{color:#141414}
html[data-skin="daylight"] .env-card{border-top:4px solid #d6d6d6}
html[data-skin="daylight"] .paste-holder textarea{border-radius:0}
html[data-skin="daylight"] .mentor-ok{color:#141414}
html[data-skin="daylight"] .mentor-flag{border-radius:0}
html[data-skin="daylight"] .mentor-entry pre{background:#f7f8fa;border-radius:0}
html[data-skin="daylight"] .state-page pre{background:#f7f8fa;border-radius:0}
html[data-skin="daylight"] .state-page textarea{border-radius:0}
/* case-order.css */
html[data-skin="daylight"] .case-sort-trigger{border-radius:0}
html[data-skin="daylight"] .case-sort-shuffle{border-radius:0}
html[data-skin="daylight"] .case-sort-popover{border-radius:0;box-shadow:none}
html[data-skin="daylight"] .case-sort-head button{border-radius:0}
/* ---- end of generated layer ---- */

/* ======================================================================== component layer (hand-written) */

/* Type: the reference sets its display face bold (700) and tight (-0.02em at 129.6px; 56px page titles). Inter Tight is
   the open-licence stand-in for its Neue Haas Grotesk; Hangul stays in Pretendard. Body sizes are the default skin's. */
html[data-skin="daylight"] :is(h1, h2, h3) { font-family: var(--dl-display); font-weight: 700; }
html[data-skin="daylight"] h1 { letter-spacing: -.02em; }
html[data-skin="daylight"]:lang(ko) h1 { letter-spacing: -.03em; }
html[data-skin="daylight"] .page-heading h1 { font-size: clamp(32px, 3.9vw, 56px); line-height: 1.05; }
html[data-skin="daylight"] .hero-main h1 { font-size: clamp(36px, 4.6vw, 66px); line-height: 1.02; }
html[data-skin="daylight"]:lang(ko) :is(.page-heading, .hero-main) h1 { line-height: 1.18; }
/* Small labels above a title: 11px, 500, .08em, uppercase, in the reference's one deep blue (14.4:1 on white). */
html[data-skin="daylight"] .eyebrow { color: var(--dl-label); font-weight: 500; letter-spacing: .08em; }
html[data-skin="daylight"] :is(.platform-shell, .map-shell) .eyebrow { color: rgba(255, 255, 255, .9); }
html[data-skin="daylight"] .hero-panel .eyebrow { color: #ffffff; }

/* The bar: white, black type, one hairline under it. Links 14px regular as on the reference, the current one underlined. */
html[data-skin="daylight"] .topbar { background: #ffffff; color: #141414; border-bottom: 1px solid #e2e2e2; }
html[data-skin="daylight"] .brand strong { color: #141414; }
html[data-skin="daylight"] .brand em { color: #6b6b6b; }
html[data-skin="daylight"] .brand-mark span, html[data-skin="daylight"] .brand-mark span:nth-child(2) { background: #141414; border-radius: 0; }
html[data-skin="daylight"] :is(.nav-link, .nav-branch-button) { color: #141414; font-weight: 500; }
html[data-skin="daylight"] :is(.nav-link, .nav-branch-button):hover,
html[data-skin="daylight"] :is(.nav-link.active, .nav-branch.open .nav-branch-button, .nav-branch.active .nav-branch-button) { color: #000000; }
html[data-skin="daylight"] .nav-branch-button::after { color: #6b6b6b; }
html[data-skin="daylight"] .topnav a.active::after, html[data-skin="daylight"] .nav-branch.active .nav-branch-button::before { background: #141414; }
html[data-skin="daylight"] :is(.nav-branch-button, .nav-link, .nav-page, .pm-node):focus-visible { outline-color: #141414; }
html[data-skin="daylight"] .nav-count { background: #eeeff2; color: #141414; }
html[data-skin="daylight"] :is(.icon-button, .avatar-button) { border: 1px solid #d6d6d6; background: #ffffff; color: #141414; border-radius: 0; }
html[data-skin="daylight"] :is(.icon-button, .avatar-button):hover { background: #f7f8fa; }
html[data-skin="daylight"] .avatar-button { background: #141414; color: #ffffff; border-color: #141414; }

/* The dropdown under the bar: the same white sheet, so opening it does not drop another site over the page. */
html[data-skin="daylight"] .nav-panel { background: #ffffff; color: #141414; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #d6d6d6; box-shadow: 0 24px 40px rgba(20, 20, 20, .06); }
html[data-skin="daylight"] .nav-menu-head strong { color: #141414; font-family: var(--dl-display); font-weight: 700; }
html[data-skin="daylight"] :is(.nav-menu-summary, .nav-motif) { color: #6b6b6b; }
html[data-skin="daylight"] .nav-page { background: #ffffff; border: 1px solid #e2e2e2; border-radius: 0; color: #141414; }
html[data-skin="daylight"] .nav-page:is(:hover, .active) { background: #f7f8fa; border-color: #141414; }
html[data-skin="daylight"] .nav-page span { color: #6b6b6b; }
html[data-skin="daylight"] .nav-page em, html[data-skin="daylight"] .nav-page.planned em, html[data-skin="daylight"] .nav-page.built em { color: var(--dl-label); }

/* The full menu: a white sheet like the bar it hangs from, still glass enough to show the page softened behind it. */
html[data-skin="daylight"] .full-menu-scrim { background: rgba(20, 20, 20, .16); }
html[data-skin="daylight"] .full-menu { background: rgba(255, 255, 255, .9); color: #141414; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #d6d6d6; box-shadow: none; }
html[data-skin="daylight"] :is(.full-menu-pages span, .full-menu-choices small, .full-menu-settings h3, .full-menu-note) { color: #6b6b6b; }
html[data-skin="daylight"] .full-menu-settings { border-left-color: #e2e2e2; }
html[data-skin="daylight"] :is(.full-menu-pages a, .full-menu-choices button) { border-radius: 0; }
html[data-skin="daylight"] :is(.full-menu-pages a, .full-menu-choices button):is(:hover, :focus-visible) { background: #f7f8fa; box-shadow: inset 0 0 0 1px #141414; }
html[data-skin="daylight"] .full-menu-choices button[aria-checked="true"] { background: #141414; color: #ffffff; }
html[data-skin="daylight"] .full-menu-choices button[aria-checked="true"] small { color: rgba(255, 255, 255, .72); }
html[data-skin="daylight"] .full-menu-close { background: #ffffff; border-color: #d6d6d6; border-radius: 0; color: #141414; }
html[data-skin="daylight"] .full-menu-button[aria-expanded="true"] { background: #141414; color: #ffffff; }
@media (max-width: 900px) { html[data-skin="daylight"] .full-menu-settings { border-top-color: #e2e2e2; } }

/* Buttons as on the reference: black and square for the main action, a black hairline for the rest. */
html[data-skin="daylight"] .button { border-radius: 0; border-color: #141414; color: #141414; background: #ffffff; }
html[data-skin="daylight"] .button:hover { background: #f7f8fa; }
html[data-skin="daylight"] :is(.button.primary, .button-primary) { background: #141414; color: #ffffff; border-color: #141414; }
html[data-skin="daylight"] :is(.button.primary, .button-primary):hover { background: #000000; }

/* The home's opening panel is the reference's image band: one large photograph under the statement, a dark wash from
   the left so the white type reads, and the figures on frosted panes over the picture. The photograph is a U.S. Navy
   work in the public domain (USS Spruance, DDG 111, 9 August 2022, MC2 Jeffrey Yale; navy.mil photo 2003052918). It is
   decoration, not a record: the credit under it says so (AGENTS.md, rule 7 exception of 2026-10-02). The image is only
   requested while Daylight is on; phones get the 960px copy. */
html[data-skin="daylight"] .hero-panel {
  position: relative; color: #ffffff; border-radius: 0;
  background: linear-gradient(90deg, rgba(8, 10, 12, .82) 0%, rgba(8, 10, 12, .7) 52%, rgba(8, 10, 12, .3) 66%, rgba(8, 10, 12, .06) 82%, rgba(8, 10, 12, 0) 100%),
    url("/daylight-hero-1600.webp") center 46% / cover no-repeat, #141414;
}
/* Below 1050px the panel stacks to one column and the type runs the full width, so the wash turns vertical. */
@media (max-width: 1050px) {
  html[data-skin="daylight"] .hero-panel {
    background: linear-gradient(180deg, rgba(8, 10, 12, .48) 0%, rgba(8, 10, 12, .64) 22%, rgba(8, 10, 12, .88) 42%, rgba(8, 10, 12, .92) 100%),
      url("/daylight-hero-1600.webp") center top / 100% auto no-repeat, #141414;
  }
}
@media (max-width: 760px) {
  html[data-skin="daylight"] .hero-panel {
    background: linear-gradient(180deg, rgba(8, 10, 12, .48) 0%, rgba(8, 10, 12, .64) 22%, rgba(8, 10, 12, .88) 42%, rgba(8, 10, 12, .92) 100%),
      url("/daylight-hero-960.webp") center top / 100% auto no-repeat, #141414;
  }
}
html[data-skin="daylight"] .hero-panel::after {
  content: "Photo: U.S. Navy, MC2 Jeffrey Yale · public domain · a scene not linked to any record";
  position: absolute; right: 14px; bottom: 10px; max-width: calc(100% - 28px);
  font: 500 10.5px/1.4 var(--dl-display); letter-spacing: .02em; color: rgba(255, 255, 255, .9); text-align: right; pointer-events: none;
  padding: 2px 7px; background: rgba(8, 10, 12, .62);
}
@media (max-width: 760px) {
  html[data-skin="daylight"] .hero-panel { padding-bottom: 46px; }
  html[data-skin="daylight"] .hero-panel::after { left: 20px; right: auto; bottom: 12px; max-width: calc(100% - 40px); text-align: left; }
}
html[data-skin="daylight"]:lang(ko) .hero-panel::after { content: "사진: 미 해군 MC2 Jeffrey Yale · 퍼블릭 도메인 · 기록과 연결되지 않은 장면"; }
html[data-skin="daylight"] .hero-main > p { color: #ffffff; }
html[data-skin="daylight"] .hero-fresh { color: rgba(255, 255, 255, .74); }
html[data-skin="daylight"] .hero-stats { background: rgba(255, 255, 255, .16); border-color: rgba(255, 255, 255, .18); border-radius: 0; }
html[data-skin="daylight"] .hero-stats > div { background: rgba(8, 10, 12, .46); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
html[data-skin="daylight"] .hero-stats dt { color: rgba(255, 255, 255, .74); }
html[data-skin="daylight"] .hero-stats dd { font-family: var(--dl-display); font-size: clamp(26px, 2.4vw, 36px); letter-spacing: -.02em; }
html[data-skin="daylight"] .hero-panel .button { background: transparent; color: #ffffff; border-color: rgba(255, 255, 255, .6); }
html[data-skin="daylight"] .hero-panel .button:hover { background: rgba(255, 255, 255, .1); }
html[data-skin="daylight"] .hero-panel :is(.button.primary, .button-primary) { background: #ffffff; color: #141414; border-color: #ffffff; }

/* Branch cards keep their colour as a 4px top rule; the rest is the reference's hairline box. */
html[data-skin="daylight"] .branch-card { border-radius: 0; }
html[data-skin="daylight"] .branch-card:hover { transform: none; border-color: #141414; }

/* The decision map keeps a dark ground (the reference's image band); its status lines are read on that ground, so they
   stay light: white at 66% is 8.8:1 on #141414, where the generated muted grey would fall to 3.5:1. */
html[data-skin="daylight"] .map-shell :is(.map-toolbar, .map-status, .map-scale, .map-scale-note, .map-renderer-status, output) { color: rgba(255, 255, 255, .66); }
html[data-skin="daylight"] .map-shell .map-toolbar strong { color: #ffffff; }
html[data-skin="daylight"] .map-shell .map-preview :is(p, .preview-lede, .preview-options) { color: rgba(255, 255, 255, .8); }
html[data-skin="daylight"] .map-shell .map-preview :is(.preview-block h4, .preview-footer) { color: rgba(255, 255, 255, .66); }
html[data-skin="daylight"] .map-shell .map-preview .preview-footer strong { color: #ffffff; }
html[data-skin="daylight"] .map-shell .map-preview .preview-block { border-top-color: rgba(255, 255, 255, .14); }
html[data-skin="daylight"] .map-shell .map-legend { color: rgba(255, 255, 255, .66); }