/* Adapted from exported Browse-A.css; selectors scoped, mock data excluded. */

    .discovery.browse-mode { --paper:#FBF8F1; --panel:#F2ECDE; --ink:#201B14; --text:#37312A; --muted:#645D4F; --line:#E7DFCE;
          --navy:#182B45; --navy2:#22374f; --navline:#33496a; --navmut:#AEB7C4; --cream:#F1EADB;
          --accent:#22415C; --accentH:#16324A; --gold:#A8781A; --goldB:#E0AC43; --hi:#FAF6EC;
          --catgold:#8A6A1E; --topmatch:#EBDCB8; }
    .discovery.browse-mode, .discovery.browse-mode * { box-sizing:border-box; }
    .discovery.browse-mode { font-family:'Public Sans',system-ui,sans-serif; color:var(--text); background:var(--paper); }
    .discovery.browse-mode a { color:var(--accent); text-decoration:none; }
    .discovery.browse-mode a:hover { color:var(--accentH); }
    .discovery.browse-mode .brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
    .discovery.browse-mode .wm { font-family:'Source Serif 4',Georgia,serif; font-weight:600; font-size:27px; color:var(--ink); line-height:1; }
    .discovery.browse-mode .nav a { color:var(--muted); font-size:15px; font-weight:500; }
    .discovery.browse-mode .nav a.on { color:var(--ink); font-weight:600; }
    .discovery.browse-mode .nav .go { color:var(--accent); font-weight:600; }
    .discovery.browse-mode .hsearch { width:340px; display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #d9cfb8; border-radius:12px; padding:7px 8px 7px 14px; }
    .discovery.browse-mode .hsearch .q { flex:1; font-size:15px; color:#a99a78; font-weight:500; }
    .discovery.browse-mode .hmic { width:34px; height:34px; border-radius:50%; border:0; background:transparent; padding:0; cursor:pointer; display:flex; align-items:center; justify-content:center; }
    .discovery.browse-mode .hmic:hover { transform:translateY(-1px); }

    /* full-height navy rail — browse mode */
    .discovery.browse-mode .rail { background:var(--navy); padding:30px 26px; color:var(--cream); }
    .discovery.browse-mode .rail .rt { font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:#fff; }
    .discovery.browse-mode .rail .rsub { font-size:13px; color:var(--navmut); line-height:1.55; margin-top:8px; }
    .discovery.browse-mode .seg { display:flex; background:var(--navy2); border:1px solid var(--navline); border-radius:9px; padding:3px; margin-top:18px; }
    .discovery.browse-mode .seg button { flex:1; font:inherit; font-size:12px; font-weight:600; border:0; background:transparent; color:var(--navmut); border-radius:6px; padding:6px 4px; cursor:pointer; }
    .discovery.browse-mode .seg button.on { background:var(--cream); color:var(--navy); }
    .discovery.browse-mode .rsec { border-top:1px solid var(--navline); margin-top:18px; padding-top:16px; }
    .discovery.browse-mode .rsec h4 { font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--navmut); font-weight:700; margin:0 0 10px; }
    .discovery.browse-mode .rail label { display:flex; align-items:center; gap:10px; font-size:14px; color:var(--cream); padding:5px 0; cursor:pointer; }
    .discovery.browse-mode .rail input[type=checkbox] { width:15px; height:15px; accent-color:var(--goldB); flex:none; }
    .discovery.browse-mode .rail .opt { display:flex; align-items:center; justify-content:space-between; }
    .discovery.browse-mode .toggle { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13.5px; color:var(--cream); padding:2px 0; }
    .discovery.browse-mode .toggle .tsub { font-size:11.5px; color:var(--navmut); margin-top:3px; }
    .discovery.browse-mode .sw { width:36px; height:21px; border-radius:11px; background:var(--navline); position:relative; flex:none; cursor:pointer; }
    .discovery.browse-mode .sw.on { background:var(--goldB); }
    .discovery.browse-mode .sw i { position:absolute; top:2px; left:2px; width:17px; height:17px; border-radius:50%; background:#fff; transition:left .15s; }
    .discovery.browse-mode .sw.on i { left:17px; }
    .discovery.browse-mode .sw:hover { box-shadow:0 0 0 3px rgba(255,255,255,.09); }
    .discovery.browse-mode .sw.on:hover { background:#ecbb54; }
    .discovery.browse-mode .seg button:not(.on):hover { color:#fff; }
    .discovery.browse-mode .rail label:hover { background:rgba(255,255,255,.06); border-radius:8px; margin:0 -10px; padding:5px 10px; }
    .discovery.browse-mode .rankbox { margin-top:20px; border-top:1px solid var(--navline); padding-top:18px; }
    .discovery.browse-mode .rankbox .rn { display:flex; align-items:center; justify-content:space-between; padding:7px 0; font-size:14px; }
    .discovery.browse-mode .rankbox .rn a { color:var(--cream); font-weight:600; }
    .discovery.browse-mode .rankbox .rn a:hover { color:var(--goldB); }
    .discovery.browse-mode .rankbox .rn .rc { font-size:12.5px; color:var(--navmut); font-weight:600; }
    .discovery.browse-mode .backtosearch { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--goldB); margin-top:20px; border-top:1px solid var(--navline); padding-top:16px; }
    .discovery.browse-mode .backtosearch:hover { color:#f0c669; }

    /* main column */
    .discovery.browse-mode .results { padding:32px 56px 40px 44px; }
    .discovery.browse-mode .eyebrow { font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); font-weight:700; }
    .discovery.browse-mode .h1 { font-family:'Source Serif 4',Georgia,serif; font-weight:600; font-size:38px; color:var(--ink); margin:6px 0 0; letter-spacing:-.01em; max-width:640px; line-height:1.14; }
    .discovery.browse-mode .lede { font-size:15.5px; color:var(--muted); line-height:1.6; margin:14px 0 0; max-width:620px; }
    .discovery.browse-mode .lede b { color:var(--text); }

    .discovery.browse-mode .dirgrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:30px; }
    .discovery.browse-mode .dircard { display:block; background:var(--panel); border-radius:14px; padding:18px 20px; }
    .discovery.browse-mode .dircard:hover { background:#eadfc6; }
    .discovery.browse-mode .dircard .dtop { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
    .discovery.browse-mode .dircard .dn { font-family:'Source Serif 4',Georgia,serif; font-size:17.5px; font-weight:600; color:var(--ink); }
    .discovery.browse-mode .dircard .dc2 { font-size:12px; color:var(--muted); font-weight:600; flex:none; }
    .discovery.browse-mode .dircard .dt { font-size:12.5px; color:#8a8272; margin-top:9px; line-height:1.5; }

    .discovery.browse-mode .coltease { margin-top:34px; border-radius:18px; overflow:hidden; display:grid; grid-template-columns:220px 1fr; background:var(--panel); }
    .discovery.browse-mode .coltease .ctimg { width:220px; height:100%; object-fit:cover; display:block; }
    .discovery.browse-mode .coltease .ctbody { padding:24px 28px; display:flex; flex-direction:column; justify-content:center; gap:5px; }
    .discovery.browse-mode .coltease .ctl { font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); }
    .discovery.browse-mode .coltease .ctt { font-family:'Source Serif 4',Georgia,serif; font-size:21px; font-weight:600; color:var(--ink); }
    .discovery.browse-mode .coltease .ctd { font-size:13.5px; color:var(--muted); line-height:1.55; max-width:520px; margin-top:2px; }
    .discovery.browse-mode .coltease .ctbtn { display:inline-flex; align-items:center; gap:7px; font-size:13.5px; font-weight:600; color:var(--navy); background:var(--goldB); border-radius:10px; padding:9px 16px; margin-top:10px; align-self:flex-start; transition:background .15s, transform .15s, box-shadow .15s; }
    .discovery.browse-mode .coltease .ctbtn:hover { background:#eabf5e; box-shadow:0 8px 20px rgba(24,43,69,.16); transform:translateY(-1px); }

    .discovery.browse-mode .foot { font-size:11.5px; color:#9a948a; line-height:1.6; margin:30px 0 0; border-top:1px solid var(--line); padding-top:14px; }