/* BN Global Research, ticket 1018 (step 1): the search box, the explorer's
   filters and sorting, the factsheet's key facts and tabs, and phones.
   Loaded after bn-research.css (the prototype's design), in its colours. */

/* ---------- Search with suggestions ---------- */
.bnr .hero{overflow:visible}   /* the prototype clips the hero; the suggestions hang below it */
.bnr .rx-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bnr .rx-search{margin:26px 0 30px;max-width:640px}
.bnr .rx-search-label{display:block;margin-bottom:10px;color:var(--gold);font-size:10px;letter-spacing:.24em}
.bnr .rx-search-box{position:relative;display:flex;border:1px solid #c9b48a;background:#fff;box-shadow:0 10px 30px rgba(20,18,15,.06)}
.bnr .rx-search-box:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,145,61,.2)}
.bnr .rx-search-box input{flex:1;min-width:0;height:56px;margin:0;padding:0 18px;border:0;background:transparent;color:#171511;font:400 16px Georgia,serif;-webkit-appearance:none;appearance:none}
.bnr .rx-search-box input:focus{outline:none}
.bnr .rx-search-box button{flex:none;min-width:112px;border:0;background:#171511;color:#f7f1e6;font:bold 10px Arial,sans-serif;letter-spacing:.18em;cursor:pointer}
.bnr .rx-search-box button:hover,.bnr .rx-search-box button:focus-visible{background:#8b692c}
.bnr .rx-search-hint{margin:9px 0 0;color:#8a8275;font-size:12px;line-height:1.4}
.bnr .rx-suggest{position:absolute;top:100%;left:-1px;right:-1px;z-index:60;max-height:min(440px,60vh);overflow:auto;border:1px solid #c9b48a;background:#fff;box-shadow:0 18px 40px rgba(20,18,15,.16)}
.bnr .rx-suggest a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-top:1px solid #efe6d6;color:#171511;text-decoration:none}
.bnr .rx-suggest a:first-child{border-top:0}
.bnr .rx-suggest a:hover,.bnr .rx-suggest a[aria-selected="true"]{background:#f6efe2}
.bnr .rx-suggest strong{display:block;font:400 15px/1.3 Georgia,serif}
.bnr .rx-suggest small{display:block;margin-top:3px;color:#7d756a;font:400 12px/1.3 Arial,sans-serif}
.bnr .rx-suggest mark{background:none;color:#8b692c;font-weight:bold}
.bnr .rx-suggest b{flex:none;color:#2f6b3a;font:bold 14px Arial,sans-serif;text-align:right}
.bnr .rx-suggest b.neg{color:#a23b2a}
.bnr .rx-suggest b small{margin:0;color:#8a8275;font-size:9px;letter-spacing:.12em;font-weight:normal}
.bnr .rx-suggest-none{margin:0;padding:14px 16px;color:#7d756a;font-size:13px}

/* ---------- The explorer across the page; "Before you start" below it ---------- */
.bnr .research-dashboard{grid-template-columns:minmax(0,1fr)}
.bnr .research-dashboard>.invest-ready{padding:38px 7vw;border-left:0;border-top:1px solid #d2c4af}
.bnr .research-dashboard .category-options b{font-size:8px}

/* ---------- Filters beside the results ---------- */
.bnr .rx-explorer{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start;margin-top:14px}
.bnr .rx-panel{position:sticky;top:var(--rx-top,12px);max-height:calc(100vh - var(--rx-top,12px) - 12px);overflow:auto;padding:4px 14px 14px;border:1px solid #c8bcaa;background:#f7f1e6;color:#171511;scrollbar-width:thin}
.bnr .rx-panel-head{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #d8cdbd;font-size:11px;letter-spacing:.2em}
.bnr .rx-panel-close,.bnr .rx-panel-foot,.bnr .rx-filter-btn{display:none}
.bnr .rx-group{margin:0;padding:12px 0;border:0;border-bottom:1px solid #e1d6c4;min-width:0}
.bnr .rx-group:last-of-type{border-bottom:0}
.bnr .rx-group legend{padding:0 0 8px;color:#8b692c;font:bold 10px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.bnr .rx-group legend small{display:block;margin-top:3px;color:#8a8275;font-weight:normal;letter-spacing:.06em;text-transform:none}
.bnr .rx-options{display:flex;flex-direction:column;gap:1px;max-height:300px;overflow:auto;scrollbar-width:thin}
.bnr .rx-options--long{max-height:260px}
.bnr .rx-option{display:flex;align-items:center;gap:9px;min-height:32px;padding:5px 6px;border-radius:3px;color:#171511;font:400 13px/1.25 Arial,sans-serif;cursor:pointer}
.bnr .rx-option:hover{background:#efe6d6}
.bnr .rx-option input{flex:none;width:16px;height:16px;margin:0;accent-color:#8b692c}
.bnr .rx-option span{flex:1;min-width:0}
.bnr .rx-option b{flex:none;color:#a17e39;font-size:11px;font-weight:normal}
.bnr .rx-option.on span{font-weight:bold}
.bnr .rx-option-find{width:100%;height:34px;margin:0 0 6px;padding:0 10px;border:1px solid #c8bcaa;background:#fff;color:#171511;font-size:13px}
.bnr .rx-none{margin:4px 0;color:#8a8275;font-size:12px}
.bnr .rx-main{min-width:0}
.bnr .rx-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:12px 0 10px}
.bnr .rx-count{flex:1;margin:0;color:#171511;font:400 17px Georgia,serif}
.bnr .rx-sort{display:flex;align-items:center;gap:8px;color:#746c61;font-size:10px;letter-spacing:.16em}
.bnr .rx-sort select{height:38px;padding:0 10px;border:1px solid #c8bcaa;background:#fff;color:#171511;font-size:13px;letter-spacing:0}
.bnr .rx-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.bnr .rx-tag{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 12px;border:1px solid #2b251e;border-radius:999px;background:#2b251e;color:#f7f1e6;font:400 12px Arial,sans-serif;cursor:pointer}
.bnr .rx-tag:hover,.bnr .rx-tag:focus-visible{background:#8b692c;border-color:#8b692c}
.bnr .rx-tag span{font-size:16px;line-height:1}
.bnr .rx-clear-all{padding:6px 4px;border:0;background:none;color:#8b692c;font:bold 10px Arial,sans-serif;letter-spacing:.16em;text-decoration:underline;cursor:pointer}
.bnr .no-funds button{border:0;background:none;color:#8b692c;font:inherit;text-decoration:underline;cursor:pointer}
.bnr .rx-table-note{margin:8px 0 0;color:#7d756a;font-size:11px;line-height:1.45}

/* Results: scheme, risk, four returns, NAV, actions. */
.bnr .research-dashboard .fund-scroll.rx-table{max-height:640px}
.bnr .research-dashboard .rx-table .rx-row{grid-template-columns:minmax(220px,2.3fr) 124px repeat(4,minmax(58px,.5fr)) 112px 104px}
.bnr .research-dashboard .rx-table .rx-row>span:nth-child(n){display:block}
.bnr .research-dashboard .rx-table .rx-row>.row-actions{display:flex;flex-direction:column;gap:6px;padding:8px!important}
.bnr .research-dashboard .rx-table .rx-row>.row-actions a{display:block;padding:7px 4px;text-align:center;white-space:nowrap}
.bnr .research-dashboard .rx-table .scheme-head{background:#28241d;color:#f7f1e6}
.bnr .rx-table .scheme-head span{padding:0 6px}
.bnr .rx-table .scheme-head button{width:100%;min-height:34px;padding:0 6px;border:0;background:none;color:#f7f1e6;font:inherit;letter-spacing:.1em;text-align:left;cursor:pointer}
.bnr .rx-table .scheme-head button:hover,.bnr .rx-table .scheme-head button.on{color:#e3c27a}
.bnr .rx-ret{font:400 14px Georgia,serif;color:#171511;text-align:left}
.bnr .rx-ret.neg{color:#a23b2a}
.bnr .rx-nav b{font:400 14px Georgia,serif}
.bnr .rx-risk{display:inline-block;padding:3px 7px;border-radius:2px;font:bold 9px/1.3 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.bnr .scheme-row>span.rx-risk{padding:3px 7px;margin:0 6px}
.bnr .rx-risk-1{background:#dcebd5;color:#2f5a25}
.bnr .rx-risk-2{background:#e6eccb;color:#4a5a1e}
.bnr .rx-risk-3{background:#f3e7bf;color:#6b5512}
.bnr .rx-risk-4{background:#f5d9b5;color:#7a4a12}
.bnr .rx-risk-5{background:#f2c8b3;color:#7f3416}
.bnr .rx-risk-6{background:#ecb9ae;color:#7c1f12}
.bnr .rx-risk-0{background:#ece6dc;color:#7d756a}

/* Filters as a pull-out drawer on tablets and phones. */
@media (max-width:900px){
    .bnr .rx-explorer{grid-template-columns:minmax(0,1fr)}
    .bnr .rx-panel{position:fixed;top:0;bottom:0;left:0;z-index:10001;width:min(88vw,360px);max-height:none;padding:0 16px 0;border:0;box-shadow:12px 0 40px rgba(20,18,15,.25);transform:translateX(-105%);transition:transform .22s ease;visibility:hidden}
    .bnr .rx-panel-open .rx-panel{transform:none;visibility:visible}
    .bnr .rx-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(20,18,15,.45)}
    .bnr .rx-backdrop[hidden]{display:none}
    .bnr .rx-panel-head{position:sticky;top:0;z-index:1;background:#f7f1e6;padding:8px 0}
    .bnr .rx-panel-close{display:block;width:44px;height:44px;border:0;background:none;color:#171511;font-size:28px;line-height:1;cursor:pointer}
    .bnr .rx-options,.bnr .rx-options--long{max-height:none}
    .bnr .rx-option{min-height:44px}
    .bnr .rx-option input{width:20px;height:20px}
    .bnr .rx-option-find{height:44px;font-size:16px}
    .bnr .rx-panel-foot{display:block;position:sticky;bottom:0;padding:12px 0 16px;background:#f7f1e6;border-top:1px solid #d8cdbd}
    .bnr .rx-show{width:100%;min-height:50px;border:0;background:#171511;color:#f7f1e6;font:bold 11px Arial,sans-serif;letter-spacing:.16em;cursor:pointer}
    .bnr .rx-filter-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid #171511;background:#171511;color:#f7f1e6;font:bold 10px Arial,sans-serif;letter-spacing:.16em;cursor:pointer}
    .bnr .rx-filter-btn b{min-width:20px;padding:2px 6px;border-radius:999px;background:#c6a15b;color:#171511;font-size:11px}
    .bnr .rx-filter-btn b:empty{display:none}
    .bnr .rx-count{flex-basis:100%;order:-1}
    .bnr .rx-sort select{height:44px;font-size:15px}
}

/* Results as cards on tablets and phones (the table needs more width than they have). */
@media (max-width:900px){
    .bnr .research-dashboard .fund-scroll.rx-table{max-height:none;overflow:visible;border:0;background:none}
    .bnr .research-dashboard .rx-table .scheme-head{display:none}
    .bnr .research-dashboard .rx-table .rx-row{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"name name name name" "risk risk nav nav" "r1 r3 r5 r10" "act act act act";gap:8px 6px;margin-bottom:10px;padding:12px;border:1px solid #c8bcaa;background:#f7f1e6;min-height:0}
    .bnr .research-dashboard .rx-table .rx-row>*{padding:0}
    .bnr .rx-table .rx-name{grid-area:name}
    .bnr .rx-table .rx-name .scheme-name{font-size:16px;line-height:1.3}
    .bnr .rx-table .rx-name small{font-size:12px}
    .bnr .rx-table .compare-check{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:10px}
    .bnr .rx-table .compare-check input{width:20px;height:20px}
    .bnr .research-dashboard .rx-table .rx-row>.rx-risk{grid-area:risk;justify-self:start;align-self:center;margin:0}
    .bnr .rx-table .rx-nav{grid-area:nav;text-align:right}
    .bnr .rx-table .rx-nav small{font-size:11px}
    .bnr .rx-table .rx-ret{padding:6px 0;border-top:1px solid #e1d6c4;font-size:15px;text-align:center}
    .bnr .rx-table .rx-ret::before{content:attr(data-label);display:block;margin-bottom:2px;color:#8a8275;font:bold 9px Arial,sans-serif;letter-spacing:.12em}
    .bnr .rx-table .rx-ret:nth-of-type(2){grid-area:r1}
    .bnr .rx-table .rx-ret:nth-of-type(3){grid-area:r3}
    .bnr .rx-table .rx-ret:nth-of-type(4){grid-area:r5}
    .bnr .rx-table .rx-ret:nth-of-type(5){grid-area:r10}
    .bnr .research-dashboard .rx-table .rx-row>.row-actions{grid-area:act;flex-direction:row;gap:8px;padding:0!important}
    .bnr .research-dashboard .rx-table .rx-row>.row-actions a{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:11px}
    .bnr .rx-tag{min-height:40px;font-size:13px}
    .bnr .rx-search-box input{height:52px;font-size:16px}
    .bnr .rx-search-box button{min-width:92px}
    /* The research sub-bar in one short row: the links scroll sideways (faded at the edge),
       the Client Login / Invest Online button stays in view. */
    .bnr .research-subbar{display:flex;align-items:center;gap:12px;padding:6px 16px}
    .bnr .research-subbar nav{flex:1 1 auto;min-width:0;overflow-x:auto;flex-wrap:nowrap!important;gap:18px;white-space:nowrap;font-size:11px;letter-spacing:.1em;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
    .bnr .research-subbar nav::-webkit-scrollbar{display:none}
    .bnr .research-subbar nav a{flex:none;padding:13px 0 11px}
    .bnr .research-subbar nav a:last-child{padding-right:28px}
    .bnr .research-subbar .nav-cta{flex:none;padding:10px 12px;font-size:9px}
}

/* ---------- Factsheet: key facts, fund facts, tabs ---------- */
.bnr .rx-keyfacts{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8f3e9;color:#171511}
.bnr .rx-keyfacts>div{min-width:0;padding:16px 20px;border-left:1px solid var(--line)}
.bnr .rx-keyfacts>div:first-child{padding-left:7vw;border-left:0}
.bnr .rx-keyfacts small{display:block;margin-bottom:8px;color:#8b692c;font-size:9px;letter-spacing:.2em}
.bnr .rx-keyfacts strong{display:block;font:400 clamp(19px,1.75vw,24px)/1.15 Georgia,serif;white-space:nowrap}
.bnr .rx-keyfacts strong.neg,.bnr .rx-keyfacts em.neg{color:#a23b2a}
.bnr .rx-keyfacts em.pos{color:#2f6b3a}
.bnr .rx-keyfacts em{font-style:normal;font-weight:bold}
.bnr .rx-keyfacts span{display:block;margin-top:6px;color:#7d756a;font-size:11px;line-height:1.35}
.bnr .rx-keyfacts strong .rx-risk{display:inline-block;margin:2px 0 0;padding:5px 8px;font-size:11px}
.bnr .rx-facts{display:flex;flex-wrap:wrap;padding:0 7vw;border-bottom:1px solid var(--line);background:#fff;color:#171511}
.bnr .rx-facts>div{min-width:0;margin-right:24px;padding:12px 24px 12px 0;border-right:1px solid #eadfca}
.bnr .rx-facts>div:last-child{margin-right:0;border-right:0}
.bnr .rx-facts small{display:block;margin-bottom:4px;color:#8b692c;font-size:9px;letter-spacing:.18em}
.bnr .rx-facts strong{font:400 14px/1.35 Georgia,serif}
.bnr .rx-tabs{display:flex;gap:4px;margin:0 0 24px;border-bottom:1px solid var(--line)}
.bnr .rx-tabs button{min-height:46px;margin-bottom:-1px;padding:0 20px;border:0;border-bottom:3px solid transparent;background:none;color:#5e584f;font:bold 11px Arial,sans-serif;letter-spacing:.18em;cursor:pointer}
.bnr .rx-tabs button:hover{color:#171511}
.bnr .rx-tabs button[aria-selected="true"]{border-bottom-color:var(--gold);color:#171511}
.bnr .rx-tabs button:focus-visible,.bnr .rx-tabpanel:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.bnr .rx-tabpanel[hidden]{display:none}
.bnr .rx-panel-title{margin:0 0 8px;color:#171511;font:400 26px/1.2 Georgia,serif}
.bnr .rx-sub{margin:0 0 18px;color:#5e584f;font:400 14px/1.5 Georgia,serif}
.bnr .rx-empty{margin:0 0 16px;padding:20px 22px;border:1px solid var(--line);background:#f8f3e9;color:#5e584f;font:400 15px/1.5 Georgia,serif}
.bnr .rx-portfolio{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:32px}
.bnr .rx-portfolio h4{margin:0 0 10px;color:#8b692c;font:bold 10px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.bnr .rx-holdings{width:100%;border-collapse:collapse;color:#171511;font-size:13px}
.bnr .rx-holdings th{padding:8px;border-bottom:1px solid #171511;color:#5e584f;font:bold 9px Arial,sans-serif;letter-spacing:.12em;text-align:left;text-transform:uppercase}
.bnr .rx-holdings td{padding:9px 8px;border-bottom:1px solid #eadfca;vertical-align:top}
.bnr .rx-holdings td:first-child{font:400 14px/1.3 Georgia,serif}
.bnr .rx-holdings td:last-child,.bnr .rx-holdings th:last-child{text-align:right;white-space:nowrap}
.bnr .rx-sectors{margin:0;padding:0;list-style:none}
.bnr .rx-sectors li{position:relative;display:flex;justify-content:space-between;gap:10px;padding:8px 0 14px;border-bottom:1px solid #f0e8da;color:#171511;font-size:13px}
.bnr .rx-sectors b{font-weight:normal;white-space:nowrap}
.bnr .rx-sectors i{position:absolute;left:0;bottom:5px;height:4px;border-radius:2px;background:var(--gold)}
.bnr .rx-riskometer{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:8px 0 16px}
.bnr .rx-riskometer span{display:flex;align-items:flex-end;min-height:66px;padding:8px;border-radius:2px;font:bold 10px/1.2 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;opacity:.42}
.bnr .rx-riskometer span.on{opacity:1;box-shadow:inset 0 0 0 3px #171511}
@media (max-width:1100px){
    .bnr .rx-keyfacts{grid-template-columns:repeat(3,minmax(0,1fr))}
    .bnr .rx-keyfacts>div{border-top:1px solid var(--line)}
    .bnr .rx-keyfacts>div:nth-child(-n+3){border-top:0}
    .bnr .rx-keyfacts>div:nth-child(3n+1){padding-left:7vw;border-left:0}
}
@media (max-width:760px){
    .bnr .rx-keyfacts{grid-template-columns:repeat(2,minmax(0,1fr))}
    .bnr .rx-keyfacts>div,.bnr .rx-keyfacts>div:nth-child(3n+1){padding:14px 16px;border-left:0}
    .bnr .rx-keyfacts>div:nth-child(-n+3){border-top:1px solid var(--line)}
    .bnr .rx-keyfacts>div:nth-child(-n+2){border-top:0}
    .bnr .rx-keyfacts>div:nth-child(odd){border-right:1px solid var(--line)}
    .bnr .rx-keyfacts strong{font-size:20px}
    .bnr .rx-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:6px 16px}
    .bnr .rx-facts>div{margin:0;padding:10px 0;border-right:0}
    .bnr .rx-tabs{gap:0}
    .bnr .rx-tabs button{flex:1;min-height:50px;padding:0 6px;font-size:11px;letter-spacing:.12em}
    .bnr .rx-portfolio{grid-template-columns:minmax(0,1fr);gap:24px}
    .bnr .rx-holdings th:nth-child(2),.bnr .rx-holdings td:nth-child(2){display:none}
    .bnr .rx-riskometer{grid-template-columns:repeat(3,minmax(0,1fr))}
    .bnr .rx-riskometer span{min-height:48px}
    .bnr .rx-panel-title{font-size:22px}
}

/* Print and PDF: every tab, no controls. */
@media print{
    .bnr .rx-tabs,.bnr .rx-search,.bnr .rx-panel,.bnr .rx-backdrop,.bnr .rx-toolbar,.bnr .rx-tags,.bnr .rx-filter-btn{display:none!important}
    .bnr .rx-tabpanel[hidden]{display:block!important;margin-top:22px}
    .bnr .rx-keyfacts,.bnr .rx-portfolio,.bnr .rx-riskometer{break-inside:avoid}
    .bnr .rx-risk,.bnr .rx-riskometer span,.bnr .rx-sectors i{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}