/* Sky to Midnight visual trial. Decorative layers never intercept input. */
body{isolation:isolate;background:#6f7e9b}
body::after{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:#6f7e9b url('cosmic-nebula.png') center center / cover no-repeat}
/* Static monochrome film grain stays behind all reading surfaces. */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22180%22%20viewBox%3D%220%200%20180%20180%22%3E%3Cfilter%20id%3D%22grain%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%25%22%20height%3D%22100%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.82%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%20seed%3D%2217%22%2F%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22%2F%3E%3C%2Ffilter%3E%3Cpath%20fill%3D%22%23808080%22%20filter%3D%22url(%23grain)%22%20d%3D%22M0%200h180v180H0z%22%2F%3E%3C%2Fsvg%3E");background-repeat:repeat;background-size:180px 180px;width:auto;height:auto;margin:0;filter:none;opacity:.22;transform:none;mix-blend-mode:soft-light}
/* Keep existing ink and chart colors on solid white reading surfaces. */
.card,.story,.story.lead,.discovery-story,.library-row{background:#fff}
.intro,.toolbar,.section-heading,.discover,main>footer,.discover-toolbar,.discover-intro,.coverage-note,#explore-count,.explore-paging{background:#fff;border-radius:9px;padding:18px 20px}
.section-heading{width:fit-content;max-width:100%}
.discover{padding:24px}
main>footer{margin-bottom:20px}
#retry{background:#fff}
@media(max-width:600px){.intro,.toolbar,.section-heading,.discover,main>footer,.discover-toolbar,.discover-intro,.coverage-note,#explore-count,.explore-paging{padding:16px}.toolbar{gap:8px}}
@media print{body{background:#fff}body::before,body::after{display:none}}

/* Subtle black fade with the existing banner lettering palette. */
.preview{background:linear-gradient(180deg,#b8b8b8 0%,#505050 32%,#111 100%);color:#ffb65c;border-bottom-color:#111}.preview span{color:#d5ccc3}.preview{text-shadow:0 1px 2px #000,0 0 3px #000}

/* Quiet blue controls connect to the page palette; orange stays a brand accent. */
.toolbar .range{background:#e7f1f8}
.toolbar .range button{color:#203858;min-height:44px}
.toolbar .range button:hover{background:#cfe2f0}
.toolbar .range button[aria-pressed=true]{background:#203858;color:#fff}
.toolbar .range button[aria-pressed=true]:hover{background:#292929}
.toolbar .range button:focus-visible{outline:3px solid #203858;outline-offset:3px}

/* Softer card outlines, with the established serif titles and charts intact. */
.card,.discovery-story,.library-row{border-color:#d6cec5}
.card .symbol,.card .note,.card .legend,.card .card-foot{font-size:12px;line-height:1.5}
.card .metric small{font-size:12px;line-height:1.5}
.card .badge{font-size:10px}
.card .expand{font-size:12px}
.card .card-foot{flex-wrap:wrap}
.card .card-foot>span{min-width:0;overflow-wrap:anywhere}
.metric,.date,.card-foot,.note,.dashboard-readout,.library-row [data-label]{font-variant-numeric:tabular-nums}

/* Rounded range pills; data cards retain solid white surfaces. */
.toolbar .range{background:transparent;padding:0;gap:8px}
.toolbar .range button{min-height:44px;padding:9px 18px;box-shadow:none;font-weight:500;border-radius:999px;background:#edf2f5;color:#344c60;border:1px solid transparent}
.toolbar .range button:hover{background:#dbe7ee}
.toolbar .range button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}
.toolbar .range button[aria-pressed=true]:hover{background:#292929}
.card,.discovery-story,.library-row{background:#fff}
@media print{.card,.discovery-story,.library-row{background:#fff}}


/* The photograph supplies its own film grain. */
body::before{display:none}

/* Diffuse the sky into abstract color; keep a fine grain above the blur. */
body::after{inset:-100px;filter:blur(55px)}
body::before{display:block;opacity:.18}
@media(max-width:600px){body::after{inset:-70px;filter:blur(40px)}}

/* Cosmic trial: retain the nebula detail and the image's own grain. */
body::after{inset:0;filter:none}
body::before{display:none}

/* Daily Edition: shared cosmic setting, original editorial reading layout. */
.daily-cosmic .edition-navigation{background:#fff;border:1px solid #d6cec5;border-radius:9px;margin-top:18px;padding:10px 18px}
.daily-cosmic #refresh-status,.daily-cosmic .edition,.daily-cosmic .brief,.daily-cosmic .endnote,.daily-cosmic .macro-teaser,.daily-cosmic #market-explore-panel,.daily-cosmic #macro-explore-panel,.daily-cosmic #ask,.daily-cosmic .method,.daily-cosmic .footer,.daily-cosmic #share-notice:not([hidden]){background:#fff;border-radius:9px;padding:20px;border-color:#d6cec5}
.daily-cosmic .intro{margin:20px 0}
.daily-cosmic .edition{gap:20px;flex-wrap:wrap}
.daily-cosmic .signal-heading{background:#fff;border-radius:9px 9px 0 0;padding:18px 20px 4px;margin:0}
.daily-cosmic .signal-intro{background:#fff;border-radius:0 0 9px 9px;padding:0 20px 18px;max-width:none}
.daily-cosmic .story,.daily-cosmic .story.lead,.daily-cosmic .story-list,.daily-cosmic .empty{background:#fff;border-color:#d6cec5}
.daily-cosmic .footer{margin:24px 0}
.daily-cosmic .datecontrols button,.daily-cosmic .pagination button,.daily-cosmic .macro-switch button{border:1px solid #d6dce0;border-radius:999px;min-height:44px;background:#edf2f5;color:#344c60;padding:9px 16px}
.daily-cosmic #latest,.daily-cosmic .macro-switch button[aria-pressed=true],.daily-cosmic .macro-action{background:#111;color:white;border-color:#111;border-radius:999px}
.daily-cosmic .datecontrols button:hover:enabled,.daily-cosmic .pagination button:hover:enabled,.daily-cosmic .macro-switch button:hover{background:#dbe7ee;color:#203858}
.daily-cosmic #latest:hover:enabled,.daily-cosmic .macro-switch button[aria-pressed=true]:hover,.daily-cosmic .macro-action:hover{background:#292929;color:#fff}
.daily-cosmic .datecontrols select{background:white;border-color:#d6cec5;border-radius:8px;max-width:100%}
.daily-cosmic .datecontrols,.daily-cosmic .macro-switch{flex-wrap:wrap}
.daily-cosmic #detail .ranges{background:transparent;border:0;gap:6px;flex-wrap:wrap}
.daily-cosmic #detail .ranges button{border-radius:999px;background:#edf2f5;color:#344c60}
.daily-cosmic #detail .ranges button[aria-pressed=true]{background:#111;color:#fff;box-shadow:none}
.daily-cosmic .metrics,.daily-cosmic .score,.daily-cosmic .datecontrols,.daily-cosmic #editiondate{font-variant-numeric:tabular-nums}
.daily-cosmic .preview .disclosure-link:hover{color:#fff}
@media(max-width:650px){.daily-cosmic #refresh-status,.daily-cosmic .edition,.daily-cosmic .brief,.daily-cosmic .endnote,.daily-cosmic .macro-teaser,.daily-cosmic #market-explore-panel,.daily-cosmic #macro-explore-panel,.daily-cosmic #ask,.daily-cosmic .method,.daily-cosmic .footer{padding:16px}.daily-cosmic .datecontrols{min-width:0;width:100%}.daily-cosmic .datecontrols label{flex-basis:100%}.daily-cosmic #date{min-width:0;flex:1}.daily-cosmic #latest{flex-basis:100%}.daily-cosmic .macro-action{white-space:normal}}
.daily-cosmic #refresh-status{margin:12px 0}
.daily-cosmic .feature-heading{background:#fff;border-radius:9px;padding:12px 18px;width:fit-content;max-width:100%}
.daily-cosmic button.share-button,.daily-cosmic #asksubmit,.daily-cosmic #feedbackform button,.daily-cosmic .askbutton{background:#111;color:#fff;border-color:#111;border-radius:999px;min-height:44px}
.daily-cosmic button.share-button:hover:enabled,.daily-cosmic #asksubmit:hover:enabled,.daily-cosmic #feedbackform button:hover:enabled,.daily-cosmic .askbutton:hover:enabled{background:#292929;color:#fff;border-color:#292929}
@media(max-width:650px){.daily-cosmic .intro{display:block}.daily-cosmic .scanmeta{text-align:left;margin-top:16px}.daily-cosmic .scanmeta span{display:block}}

/* Daily section jump links match the black pill controls. */
.daily-cosmic .edition-navigation{gap:10px}
.daily-cosmic .edition-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;border:1px solid #111;border-radius:999px;background:#111;color:#fff;text-decoration:none;line-height:1.4;text-align:center}
.daily-cosmic .edition-navigation a:hover{background:#292929;border-color:#292929;text-decoration:none}
.daily-cosmic .edition-navigation a:focus-visible{outline:3px solid #a84416;outline-offset:3px;border-radius:999px}

/* Daily table-of-contents menu: quiet dividers instead of action pills. */
.daily-cosmic .edition-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:8px}
.daily-cosmic .edition-navigation a{background:transparent;color:#24201c;border:0;border-radius:0;padding:12px 16px;min-height:48px;font-weight:500}
.daily-cosmic .edition-navigation a+a{border-left:1px solid #d6cec5}
.daily-cosmic .edition-navigation a:hover{background:#e7f1f8;color:#203858;border-color:#d6cec5}
.daily-cosmic .edition-navigation a:focus-visible{outline:3px solid #203858;outline-offset:-3px;border-radius:0}
@media(max-width:650px){.daily-cosmic .edition-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-cosmic .edition-navigation a{padding:12px 8px;font-size:14px}.daily-cosmic .edition-navigation a:nth-child(3){border-left:0}.daily-cosmic .edition-navigation a:nth-child(n+3){border-top:1px solid #d6cec5}}