/* A collection control in the existing 48px header. The enhancement only
   hides the native selector after its catalog and dialog are usable. */
.cw-browse-trigger,.cw-browser{font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif}
.cw-browse-trigger{display:inline-flex;flex:0 1 auto;align-items:center;gap:8px;min-width:0;max-width:min(75%,38rem);height:44px;padding:0 11px;border:1px solid #d1bf9244;border-radius:5px;background:#1b2017;color:#f2e6c9;cursor:pointer;text-align:left;line-height:1.2}
.cw-trigger-prefix{font-family:inherit;font-size:12px;line-height:1.15;font-weight:600;color:#d1bf92;padding-right:9px;border-right:1px solid #cbb98b54;flex:none}
.cw-trigger-title{font:600 16px/1.22 "Avenir Next",Avenir,"Segoe UI",sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cw-browse-trigger svg{width:16px;height:16px;flex:none;color:#e0cc98}
.cw-browse-trigger:focus-visible,.cw-browser :is(button,input,summary):focus-visible{outline:2px solid #f0bc6d;outline-offset:-3px}
@media(hover:hover){.cw-browse-trigger:hover{background:#252c20;border-color:#d1bf9290}}

.cw-browser{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(35rem,calc(100vw - 28px));max-width:none;height:min(42rem,calc(100dvh - 48px));max-height:calc(100% - 20px);padding:0;overflow:hidden;color-scheme:dark;background:#171c15;color:#f2eddf;border:1px solid #998853;border-radius:12px;box-shadow:0 24px 96px #000b}
.cw-browser:not([open]){display:none}
.cw-browser::backdrop{background:#080b09c9}
.cw-browser *{box-sizing:border-box}
.cw-browser button,.cw-browser input,.cw-browser summary{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cw-browser button,.cw-browser summary{cursor:pointer}
.cw-browser-shell{height:100%;min-height:0;display:flex;flex-direction:column}
.cw-browser-header{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px;padding:18px 16px 10px 21px}
.cw-browser-heading{min-width:0}
.cw-browser-eyebrow{color:#d2bf8f;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:650;margin:0 0 4px;line-height:1.25}
.cw-browser h2{font:500 clamp(23px,3.5vw,30px)/1.06 Georgia,"Times New Roman",serif;color:#f4ecd9;margin:0}
.cw-browser-close{background:transparent;border:1px solid #b4a47d5f;border-radius:6px;color:#e7ddc8;padding:10px;display:grid;place-items:center;width:44px;height:44px;flex:none}
.cw-browser-close svg{width:20px;height:20px}
.cw-browser-tools{flex:none;padding:0 18px 9px}
.cw-browser-search{position:relative;display:block;margin:2px 0 8px}
.cw-browser-search>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#c8b480;pointer-events:none}
.cw-browser-search input{display:block;width:100%;min-height:44px;padding:8px 12px 8px 39px;border:1px solid #b1aa915f;border-radius:6px;color:#f6f2e8;background:#10150f;font-size:16px;line-height:1.3}
.cw-browser-search input::placeholder{color:#b8bcac;opacity:1}
.cw-browser-switch{display:flex;gap:4px}
.cw-browser-mode{min-height:44px;min-width:0;flex:1;border:1px solid transparent;border-radius:5px;padding:5px 10px;background:transparent;color:#dacba7;font-size:14px;font-weight:600}
.cw-browser-mode[aria-pressed=true]{background:#eaddba;color:#27281f;border-color:#dec78a}
.cw-browser-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 12px 10px 18px;border-top:1px solid #b5aa812e;border-bottom:1px solid #b5aa812e}
.cw-story-group{border-bottom:1px solid #b5aa813a}
.cw-story-group:last-child{border-bottom:0}
.cw-story-group>summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:47px;color:#e1d4b0;font-size:15px;font-weight:600;padding:6px 5px;border-radius:4px}
.cw-story-group>summary::-webkit-details-marker{display:none}
.cw-story-group>summary svg{width:16px;height:16px;flex:none;transform:rotate(-90deg);color:#cdb781}
.cw-story-group[open]>summary svg{transform:none}
.cw-group-label{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 9px}
.cw-group-period{font-size:12px;font-weight:500;line-height:1.25;color:#c2c5b6}
@media(max-width:550px){.cw-group-period{flex-basis:100%}}
.cw-group-count{font-size:12px;font-weight:500;margin-left:auto;color:#c3c5b6;font-variant-numeric:tabular-nums}
.cw-stories{list-style:none;padding:0;margin:0}
.cw-story-group>.cw-stories{padding-left:12px;margin:0 0 6px}
.cw-story-row{display:flex;align-items:center;gap:8px;justify-content:space-between;width:100%;min-height:46px;text-align:left;padding:8px 9px;margin:1px 0;background:transparent;color:#eee9db;border:1px solid transparent;border-radius:5px}
.cw-story-row[aria-current=true]{background:#2b3023;border-color:#897b515f}
.cw-row-text{display:block;min-width:0}.cw-row-title,.cw-row-caption{display:block}
.cw-row-title{font-weight:550;font-size:15px;line-height:1.25}
.cw-row-caption{font-size:12px;color:#c1c5b6;line-height:1.35;margin-top:2px}
.cw-story-row svg{width:18px;height:18px;flex:none;color:#dec784}
.cw-browser-footer{display:flex;flex:none;gap:10px;justify-content:space-between;align-items:center;padding:9px 18px;min-height:33px;color:#c6c9bc;font-size:12px;line-height:1.3;font-variant-numeric:tabular-nums}
.cw-browser-empty{padding:12px 2px;color:#d4d7cb}
.cw-browser-clear{padding:5px 12px;min-height:44px;background:transparent;color:#eee0b9;border:1px solid #a4966d;border-radius:5px}
@media(hover:hover){.cw-browser :is(.cw-browser-close,.cw-story-row,.cw-browser-mode:not([aria-pressed=true]),summary,.cw-browser-clear):hover{background:#303629;color:#fff9e9}}
@media(max-width:550px){.cw-browse-trigger{gap:6px;padding:0 8px}.cw-trigger-prefix{font-size:11px;padding-right:6px}.cw-trigger-title{font-size:14px}.cw-browser{width:100%;inset:auto 0 0;max-height:100dvh;height:min(41rem,94dvh);border-radius:12px 12px 0 0;border-bottom:0}.cw-browser-header{padding:12px max(12px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left))}.cw-browser-tools{padding:0 12px 6px}.cw-browser-list{padding-left:10px;padding-right:8px}.cw-browser-footer{padding:8px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}}
@media(max-height:480px){.cw-browser{height:100dvh;max-height:100dvh}.cw-browser-header{padding-top:3px;padding-bottom:2px}.cw-browser-eyebrow{display:none}.cw-browser-tools{padding-bottom:2px}.cw-browser-search{margin:0 0 2px}.cw-browser-footer{padding-top:4px;padding-bottom:4px;min-height:24px}}
@media(forced-colors:active){.cw-story-row[aria-current=true],.cw-browser-mode[aria-pressed=true]{border:2px solid Highlight}.cw-browser{border-color:CanvasText}}