/* 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); }

/* 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 picture, the statement set over it in the skin's
   own black type. The picture is an ink-wash illustration of a destroyer at sea, given by the owner on 2026-10-02, used as
   a background with no credit line, at the owner's word (AGENTS.md, rule 7 exception). The panel keeps the painting's own shape
   (56% of its width, so nothing is cropped). The ship stands on the right and the paper sky on the left is open, so on a wide window the type sits in that sky behind a 30% wash on the left half only, fading out
   before the mast (without it the date line falls to 3.8:1 at 1281px; with it the weakest line, measured against the
   darkest tenth of the paper under it, gives 6.3:1 or more) and the figures stand at the foot of the
   left half over the dark sea. At 1280px or narrower the painting sits whole under the type and the figures. The image is only
   requested while Daylight is on; phones get the 960px copy. */
html[data-skin="daylight"] .hero-panel {
  position: relative; color: #141414; border-radius: 0; align-items: start;
  min-height: min(calc((100vw - 68px) * .5628), 806px);
  background: linear-gradient(90deg, rgba(250, 248, 244, .3) 0, rgba(250, 248, 244, .3) 50%, rgba(250, 248, 244, 0) 60%),
    url("/daylight-sea-1600.webp") center bottom / cover no-repeat, #ece5d8;
}
/* The right half is the ship's: the statement keeps to the left half of the sky, and the figures stand at the foot of the
   left half, over the open dark sea astern of the ship. */
@media (min-width: 1281px) {
  html[data-skin="daylight"] .hero-panel { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); grid-template-rows: auto 1fr; }
  html[data-skin="daylight"] .hero-panel .hero-stats { grid-column: 1; grid-row: 2; align-self: end; max-width: 470px; }
}
/* Up to 1280px the type runs too far down the panel to leave the ship clear, so the painting sits whole under it. */
@media (max-width: 1280px) {
  html[data-skin="daylight"] .hero-panel {
    min-height: 0; padding-bottom: calc((100vw - 68px) * .5628 + 28px);
    background: url("/daylight-sea-1600.webp") center bottom / 100% auto no-repeat, #f4f1eb;
  }
}
/* On a phone the painting is cropped to a taller band around the ship's mast rather than shrunk to the width. */
@media (max-width: 760px) {
  html[data-skin="daylight"] .hero-panel {
    padding-bottom: calc(min(84vw, 360px) + 24px);
    background: url("/daylight-sea-960.webp") 64% bottom / auto min(84vw, 360px) no-repeat, #f4f1eb;
  }
}
html[data-skin="daylight"] .hero-panel .eyebrow { color: #001489; }
html[data-skin="daylight"] .hero-main > p { color: #1f1f1f; }
html[data-skin="daylight"] .hero-fresh { color: #3d3d3d; }
html[data-skin="daylight"] .hero-stats { background: rgba(20, 20, 20, .12); border-color: rgba(20, 20, 20, .14); border-radius: 0; }
html[data-skin="daylight"] .hero-stats > div { background: rgba(250, 248, 244, .78); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
html[data-skin="daylight"] .hero-stats dt { color: #3d3d3d; }
html[data-skin="daylight"] .hero-stats dd { color: #141414; font-family: var(--dl-display); font-size: clamp(26px, 2.4vw, 36px); letter-spacing: -.02em; }
html[data-skin="daylight"] .hero-panel .button { background: rgba(250, 248, 244, .6); color: #141414; border-color: #141414; }
html[data-skin="daylight"] .hero-panel .button:hover { background: #ffffff; }
html[data-skin="daylight"] .hero-panel :is(.button.primary, .button-primary) { background: #141414; color: #ffffff; border-color: #141414; }

/* 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); }