/* Clarity presentation. Sections: foundation, controls, summaries, prospectus.
   Keep business content and default disclosure states in the source templates. */
#variantToggle[hidden]{display:none!important}
body.clarity.light{--c-bg:#fff;--c-bg2:#fff;--c-bg-rgb:255,255,255;--c-text:#070a13;--c-text-rgb:7,10,19;--c-sub:#696e77;--c-border:#dbdde1;--c-accent:#7560d6;--c-blue:#624dbb;--c-purple:#7560d6;--c-green:#00ada2;--c-red:#ff3874;background:#fff;color:#070a13;font-family:var(--font-cn);}
body.clarity .hdr{background:#fff;border-bottom:0;padding-bottom:16px}
body.clarity .hdr::before,body.clarity .hdr::after{content:none}
body.clarity .hdr h1{font-family:var(--font-cn);letter-spacing:0;color:#070a13;font-size:22px;font-weight:600;line-height:1.4;margin-top:14px}
body.clarity .hdr h1 span{color:inherit;font-size:inherit;font-weight:inherit}
body.clarity.light .hdr h1 .cn{letter-spacing:0;margin-right:12px}
body.clarity.light .hdr h1 .desc{font-size:inherit;font-weight:inherit}
body.clarity.light .hdr-inner .stock-logo-wrap{display:block;position:absolute;right:40px;bottom:0;float:none;margin:0;pointer-events:none;z-index:-1}
body.clarity.light .hdr-inner .stock-logo{width:100px;height:80px;object-fit:contain;background:none;opacity:.16;filter:grayscale(1);padding:0}
body.clarity.light .hdr h1,body.clarity.light .hdr .sub{position:relative;z-index:1}
body.clarity .hdr .sub{color:#696e77;font-size:12px;letter-spacing:0}
body.clarity .hdr-actions button{border:1px solid #dbdde1;background:#fff;color:#070a13;border-radius:6px;box-shadow:none;min-height:28px;padding:4px 10px;line-height:18px}
body.clarity :is(button,a,input,select):focus-visible{outline:2px solid #696e77;outline-offset:3px}
body.clarity :is(.nav,.page-nav){background:#fff;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:20px;border-bottom:0}
body.clarity :is(.nav,.page-nav) a{flex-shrink:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#696e77;padding:12px 2px}
body.clarity :is(.nav,.page-nav) a.active{position:relative;color:#070a13;font-weight:600;border-bottom:0}
body.clarity :is(.recent-card,.card,.chart-box,.chart-card,.margin-box,.derivation-box){background:#fff;border:1px solid #dbdde1;border-radius:8px;box-shadow:none}
body.clarity :is(.recent-card,.card):hover{border-color:#7560d6;background:#fff;box-shadow:0 3px 12px #070a1308}
body.clarity .recent-header{font-size:18px;letter-spacing:0;margin-bottom:14px}
body.clarity .recent-grid{gap:12px}
body.clarity .recent-card{padding:16px}
body.clarity .btn{background:#fff;border:1px solid #dbdde1;color:#070a13;border-radius:5px;box-shadow:none;letter-spacing:0}
body.clarity .btn:hover{color:#624dbb;border-color:#7560d6;background:#f2eefc;box-shadow:none}
/* Disclosure-pipeline filter tabs (dc-tab/lh-tab/rank-tab): rounded, black active */
body.clarity :is(.dc-tab,.lh-tab,.rank-tab){background:#fff;border:1px solid #dbdde1;color:#070a13;border-radius:6px;box-shadow:none;text-decoration:none}
body.clarity :is(.dc-tab,.lh-tab,.rank-tab):hover{background:#f2eefc;border-color:#7560d6;color:#624dbb}
body.clarity :is(.dc-tab,.lh-tab,.rank-tab).is-active{background:#000;border-color:#000;color:#fff;font-weight:600}
body.clarity table{font-variant-numeric:tabular-nums;border-collapse:collapse}
body.clarity th{background:#f0f2f4;color:#696e77;font-weight:500;border-bottom:1px solid #dbdde1}
body.clarity td{border-color:#e9ebee}
body.clarity tbody tr:hover{background:#f2eefc}
body.clarity #summaryCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border-block:1px solid #dbdde1;margin:12px 0}
body.clarity #summaryCards .pred-card{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:10px 12px;border:0;border-right:1px solid #e9ebee;background:none;text-align:left}
body.clarity #summaryCards .l{order:-1;margin:0;font-size:12px;line-height:1.45;color:#696e77}
body.clarity #summaryCards .n{font-size:17px;line-height:1.4;white-space:nowrap;color:#070a13;font-variant-numeric:tabular-nums}
body.clarity .pred-group-label{position:sticky;left:8px;display:inline-block}
body.clarity #avpSummaryRow td{position:relative}
body.clarity #avpSummaryRow td span{position:sticky;left:8px;display:block;max-width:calc(100vw - 48px);white-space:nowrap}
@media(max-width:600px){
body.clarity .hdr-inner{padding-inline:16px}
body.clarity .hdr h1{font-size:18px;margin-top:10px}
body.clarity.light .hdr h1 .desc{font-size:inherit}
body.clarity.light .hdr-inner .stock-logo-wrap{right:16px}
body.clarity.light .hdr-inner .stock-logo{width:72px;height:64px}
body.clarity .hdr-actions{right:16px;top:12px;gap:4px}
body.clarity .hdr-actions button{font-size:10px;padding:2px 7px;min-height:24px;line-height:18px}
body.clarity #summaryCards{grid-template-columns:repeat(2,minmax(0,1fr))}
body.clarity #summaryCards .pred-card{padding:8px;gap:5px}
body.clarity #summaryCards .pred-card:nth-child(n+3){border-top:1px solid #e9ebee}
body.clarity #summaryCards .n{font-size:15px}
body.clarity #summaryCards .l{font-size:11px}
}
body.clarity .page-nav .btn{flex-shrink:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#696e77;padding:12px 2px}
body.clarity .page-nav .btn.active{position:relative;color:#070a13;font-weight:600;border-bottom:0}
body.clarity #avpSummaryRow{display:none}
body.clarity #avpFixedSummary{display:block!important;color:#696e77;background:#fff;border-bottom:1px solid #dbdde1;padding:10px 8px;font-size:12px;line-height:1.6}
body.clarity input[type=range]{accent-color:#624dbb}
/* Segmented controls use a neutral selected surface, not the accent fill. */
body.clarity :is(.ai-toggle,.length-toggle){background:#f0f2f4;border:1px solid #dbdde1;border-radius:6px;padding:2px;gap:2px}
body.clarity .ai-toggle :is(.ai-toggle-auto,.ai-toggle-manual),
body.clarity .length-toggle button{background:transparent;color:#696e77;border:0;border-radius:4px;box-shadow:none}
body.clarity .ai-toggle.auto .ai-toggle-auto,
body.clarity .ai-toggle.manual .ai-toggle-manual,
body.clarity .length-toggle button.active{background:#fff;color:#070a13;box-shadow:0 0 0 1px #dbdde1;font-weight:600}
body.clarity .length-toggle button:not(:last-child){border-right:0}
body.clarity .length-toggle button:hover{background:#fff;color:#070a13}
body.clarity .ai-toggle .ai-val{padding:0;color:inherit}
body.clarity .rc-name{font-size:16px}
body.clarity .rc-meta,body.clarity .rc-code{color:#696e77}
body.clarity .rc-badge{color:#696e77;background:#f0f2f4;border-color:#dbdde1}
body.clarity .status-subscribing{color:#624dbb}
/* Overview metrics are an open typographic summary, never a boxed matrix. */
body.clarity.light .sb{display:flex;flex-wrap:wrap;gap:20px 32px;background:transparent;border:0;padding:20px 40px 24px}
body.clarity.light .sb .sc{flex:1 1 120px;min-width:0;text-align:left;background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;display:flex;flex-direction:column;gap:6px}
body.clarity.light .sb .sc::before,body.clarity.light .sb .sc::after{content:none}
body.clarity.light .sb .sc .n{font:600 26px/1.25 var(--font-cn);font-variant-numeric:tabular-nums;color:#070a13;letter-spacing:0}
body.clarity.light .sb .sc .l{order:-1;font:400 12px/1.5 var(--font-cn);color:#696e77;letter-spacing:0;margin:0}
body.clarity.light .sb .sc .l::before,body.clarity.light .sb .sc .l::after{content:none}
body.clarity.light .ov-hdr{background:transparent;color:#696e77;letter-spacing:0;font-family:var(--font-cn)}
@media(max-width:600px){body.clarity.light .sb{padding:16px;gap:18px 24px}body.clarity.light .sb .sc{flex-basis:calc(50% - 24px)}body.clarity.light .sb .sc .n{font-size:23px}}

/* Allocation summary — all six metrics have the same visual weight. */
body.clarity.light .allotment-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 40px;padding:20px 40px}
body.clarity.light .allotment-overview .sc{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}
body.clarity.light .allotment-overview .sc :is(.n,.l){font:400 14px/1.5 var(--font-cn);letter-spacing:0;margin:0}
body.clarity.light .allotment-overview .sc .n{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:700px){body.clarity.light .allotment-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;padding:16px}}

/* Data-layer classification remains in the DOM for machine readers. */
body.clarity :is(.layer-legend,.section-title .layer-badge,.ov-hdr .layer-badge,.sec-label .layer-badge){display:none}

/* Independent partial disclosures, without changing the native table layout. */
body:not(.clarity) .facts-toggle{display:none}
body.clarity .compact-table:not(.is-expanded) tr[data-compact-hide="true"]{display:none}
body.clarity.light .facts-toggle{margin-left:auto;padding:4px 8px;border:1px solid #dbdde1;border-radius:4px;background:#fff;color:#696e77;font:400 12px/20px var(--font-cn);cursor:pointer}
body.clarity.light .facts-toggle:hover{background:#f0f2f4;color:#070a13}

/* Prospectus: a single reading column, quiet surfaces and full-length prose. */
body.clarity.light{--cl-surface:#fff;--cl-rule:#e9ebee;--cl-muted:#696e77;--cl-ink:#070a13;--cl-data-size:13px;--cl-data-line:22px;--cl-cell-y:9px}
body.clarity.light .content{min-width:0}
body.clarity.light .section-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:18px;line-height:1.5;font-weight:600;letter-spacing:0;color:var(--cl-ink);border:0;margin:24px 0 10px;padding:0;background:transparent}
body.clarity.light :is(.info-table,.svc-table,.ia-summary-table){background:var(--cl-surface);border:0;border-collapse:collapse;font-size:var(--cl-data-size)}
body.clarity.light :is(.info-table,.svc-table,.ia-summary-table) th{background:transparent;color:var(--cl-muted);font-weight:400;padding:var(--cl-cell-y) 16px;width:160px;border:0;vertical-align:top;line-height:var(--cl-data-line);white-space:nowrap}
body.clarity.light :is(.info-table,.svc-table,.ia-summary-table) td{padding:var(--cl-cell-y) 16px;font-size:var(--cl-data-size);color:var(--cl-ink);line-height:var(--cl-data-line);border:0;vertical-align:top;overflow-wrap:normal}
body.clarity.light :is(.info-table,.svc-table,.ia-summary-table) tr{border-bottom:1px solid var(--cl-rule)}
body.clarity.light :is(.info-table,.svc-table,.ia-summary-table) tr:last-child{border-bottom:0}
body.clarity.light :is(.info-table,.svc-table) tr:hover{background:#f9fafb}
body.clarity.light :is(.info-table:not(.financial-table),.svc-table){table-layout:auto}
body.clarity.light .svc-table th:not(:first-child){width:auto}
body.clarity.light .detail-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
body.clarity.light .content table :is(th,td){white-space:nowrap;overflow-wrap:normal;word-break:normal}
body.clarity.light .content table .info-prose-row td{white-space:normal;overflow-wrap:break-word;word-break:normal}
body.clarity.light .detail-table-scroll>table{margin:0}
body.clarity.light .detail-table-scroll:has(.ia-period){margin-top:12px}
body.clarity.light .detail-table-scroll:has(.offering-followup-table){margin-top:16px}
body.clarity.light .content table a{word-break:normal;overflow-wrap:normal}
body.clarity.light .content table :is(.ce-no,.mechanism-badge,.ia-summary-badge){font-size:11px;line-height:16px;padding:1px 6px;vertical-align:baseline}
body.clarity.light :is(.tier-description,.tier-group-label){font-size:var(--cl-data-size);line-height:var(--cl-data-line)}
body.clarity.light .info-table a{color:var(--cl-ink);text-decoration:underline;text-decoration-color:#a8aaad;text-underline-offset:3px;word-break:normal;overflow-wrap:normal}
body.clarity.light .info-table a:hover{color:#624dbb;text-decoration-color:currentColor}
body.clarity.light :is(.financial-table,.cs-table,.dir-table,.tier-table){background:var(--cl-surface);border:0}
body.clarity.light :is(.financial-table,.cs-table,.dir-table,.tier-table) th{background:#f0f2f4;color:var(--cl-muted);font-size:12px;font-weight:500;height:40px;padding:8px 16px;border:0;white-space:nowrap;width:auto}
body.clarity.light :is(.financial-table,.cs-table,.dir-table,.tier-table) td{font-size:var(--cl-data-size);padding:var(--cl-cell-y) 16px;border:0;border-bottom:1px solid var(--cl-rule);line-height:var(--cl-data-line)}
body.clarity.light .financial-table .fin-item-col{width:260px;white-space:nowrap}
body.clarity.light .financial-table tbody th{background:#fff;border-bottom:1px solid var(--cl-rule);font-size:var(--cl-data-size);font-weight:400;white-space:nowrap;height:auto;padding:var(--cl-cell-y) 16px;line-height:var(--cl-data-line)}
body.clarity.light :is(.financial-table,.cs-table,.dir-table,.tier-table) .num{text-align:right}
body.clarity.light :is(.fin-statement-title,.ia-summary-subtitle,.chart-title,.role-label,.dir-subhead){color:var(--cl-ink);font-size:13px;font-weight:600}
body.clarity.light :is(.fin-unit-note,.fin-source-note,.ia-summary-note,.ia-summary-footnote,.ia-summary-note-cell,.tl-note,.tier-description){color:var(--cl-muted);line-height:1.7}
body.clarity.light .ia-summary-table.ia-period{border:1px solid var(--cl-rule)}
body.clarity.light .ia-summary-gap{font-size:var(--cl-data-size)}
body.clarity.light .ia-summary-period-head td{background:#f0f2f4;color:var(--cl-ink);font-size:var(--cl-data-size)}
body.clarity.light .role-group{background:var(--cl-surface);margin:0;padding:12px 16px;border-bottom:1px solid var(--cl-rule)}
body.clarity.light .role-label{margin:0 0 8px}
body.clarity.light .firm-list{padding:0;gap:6px 24px;line-height:var(--cl-data-line)}
body.clarity.light .firm-item{font-size:var(--cl-data-size)}
body.clarity.light .dir-subhead{background:transparent;padding:4px 0}
body.clarity.light :is(.ce-no,.dir-type-tag,.mechanism-badge){box-shadow:none}
body.clarity.light .change-pct.up{color:#d9235e}
body.clarity.light .change-pct.down{color:#008f86}

/* Roster column widths stay identical across every role. */
body.clarity.light .management-table{table-layout:auto;width:100%}
body.clarity.light .management-role{width:34%}
body.clarity.light .management-name{width:22%}
body.clarity.light .management-english{width:44%}
body.clarity.light .management-table td{vertical-align:top;overflow-wrap:normal}
body.clarity.light .management-table td:first-child{color:var(--cl-muted)}
/* Footer content uses normal flow and a real gap; no overhanging label. */
body.clarity.light .page-intro{margin:24px auto 0;padding:0 40px;display:flow-root}
body.clarity.light .page-intro-heading{font:500 12px/20px var(--font-cn);letter-spacing:0;margin:0 0 8px}
body.clarity.light .page-intro-text{font:400 12px/20px var(--font-cn);margin:0;color:var(--cl-muted)}
body.clarity.light .dc{margin:24px auto 20px;max-width:1320px;width:calc(100% - 80px);padding:14px 16px;border:1px solid var(--cl-rule);border-radius:6px;background:#fff}
body.clarity.light .dc::before{content:none}
body.clarity.light .dc details{margin:0}
body.clarity.light .dc summary{font:500 12px/20px var(--font-cn);color:var(--cl-ink);letter-spacing:0}
body.clarity.light .dc details[open] summary{margin-bottom:12px}
body.clarity.light .dc p{font:400 12px/20px var(--font-cn);margin:0 0 8px;color:var(--cl-muted)}

/* Timeline disclosure is confined to Clarity; other themes stay expanded. */
body:not(.clarity) .timeline-summary{display:none}
body.clarity.light .timeline-disclosure{margin:24px 0;background:transparent;border:0;border-radius:0}
body.clarity.light .timeline-summary{display:flex;align-items:center;gap:12px;min-height:30px;padding:0;cursor:pointer;list-style:none;font:400 12px/20px var(--font-cn);color:var(--cl-ink)}
body.clarity.light .timeline-summary::-webkit-details-marker{display:none}
body.clarity.light .timeline-summary:focus-visible{outline:2px solid #696e77;outline-offset:3px}
body.clarity.light .timeline-summary:hover .timeline-action{background:#f0f2f4;color:#070a13}
body.clarity.light .timeline-summary-title{flex:none;font-size:18px;line-height:1.5;font-weight:600}
body.clarity.light .timeline-current{color:var(--cl-muted);min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:none;flex:1}
body.clarity.light .timeline-action{flex:none;padding:4px 8px;border:1px solid #dbdde1;border-radius:4px;background:#fff;color:#696e77;font:400 12px/20px var(--font-cn);white-space:nowrap}
body.clarity.light .timeline-disclosure[open] .timeline-summary{margin-bottom:10px}
body.clarity.light .timeline-disclosure>.section-title{display:none}
body.clarity.light .timeline-disclosure>.ipo-timeline{margin:0;border-radius:6px}
@media(max-width:700px){
 body.clarity.light .timeline-summary{gap:10px;padding:0}
 body.clarity.light .timeline-summary-title{font-size:16px}
 body.clarity.light .timeline-disclosure{margin-top:26px}
}

/* Timeline: equal desktop stages, connected mobile rows. */
body.clarity.light .ipo-timeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--cl-surface);border-radius:8px;padding:24px 16px 20px;margin:12px 0 24px}
body.clarity.light .ipo-timeline::before{top:29px;left:7%;right:7%;background:#dbdde1;height:1px}
body.clarity.light .tl-node{min-width:0;padding:0 6px}
body.clarity.light .tl-dot{box-sizing:border-box;width:10px;height:10px;background:#fff;border:2px solid #624dbb;margin:0 auto 14px}
body.clarity.light .tl-label{color:var(--cl-muted);font-size:12px;font-weight:400;line-height:1.5}
body.clarity.light .tl-date{font-size:14px;line-height:1.6;font-weight:600;color:var(--cl-ink)}
body.clarity.light .tl-note{font-size:11px}

/* Action buttons keep their own border; navigation and selectors are separate. */
body.clarity.light :is(.toggle-btn,.tiers-toggle,.freeze-module-toggle,.freeze-notes-toggle){background:#fff;color:var(--cl-ink);border:1px solid #dbdde1;border-radius:6px;box-shadow:none;letter-spacing:0;min-height:32px}
body.clarity.light :is(.toggle-btn,.tiers-toggle,.freeze-module-toggle,.freeze-notes-toggle):hover{background:#f0f2f4;border-color:#a8aaad;color:var(--cl-ink);box-shadow:none}
body.clarity.light button:disabled{opacity:.5;cursor:not-allowed}
body.clarity.light :is(.chart-card,.cc){background:#fff;border:1px solid var(--cl-rule);border-radius:8px;padding:20px;box-shadow:none}
body.clarity.light .cc::before,body.clarity.light .cc::after,body.clarity.light .cc h3::before,body.clarity.light .cc h3::after{content:none}
body.clarity.light .cc h3{font:600 15px/1.5 var(--font-cn);color:var(--cl-ink);letter-spacing:0;text-transform:none}
body.clarity.light :is(.g,.stock-charts){gap:16px;background:transparent;grid-template-columns:repeat(2,minmax(0,1fr))}
body.clarity.light :is(.chart-card,.cc,.chart-wrap-financial){min-width:0}
/* ASCII dividers are decorative, not section content. */
body.clarity.light .sep{font-size:0;line-height:0;height:24px;color:transparent}

@media(max-width:1000px){
 body.clarity.light .ipo-timeline{display:block;padding:8px 20px}
 body.clarity.light .ipo-timeline::before{content:none}
 body.clarity.light .tl-node{display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px;text-align:left;padding:9px 0}
 body.clarity.light .tl-node:not(:last-child)::after{content:'';position:absolute;left:4px;top:20px;bottom:-10px;width:1px;background:#dbdde1}
 body.clarity.light .tl-dot{margin:5px 0 0}
 body.clarity.light .tl-content{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;position:relative;padding-right:0;min-height:20px;line-height:1.7}
 body.clarity.light .tl-label{display:block;grid-column:1;grid-row:1;margin:0}
 body.clarity.light .tl-date{position:static;grid-column:2;grid-row:1;margin:0;font-size:12px;white-space:nowrap}
 body.clarity.light .tl-note{display:block;grid-column:1 / -1;margin:2px 0 0;font-size:11px;line-height:1.5}
}
@media(max-width:768px){body.clarity.light .stock-charts{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
 body.clarity.light{--cl-data-size:12px;--cl-data-line:20px;--cl-cell-y:8px}
 body.clarity.light .section-title{font-size:16px;margin-top:26px}
 body.clarity.light :is(.info-table,.svc-table,.ia-summary-table) th{width:105px;padding:var(--cl-cell-y) 12px;font-size:var(--cl-data-size)}
 body.clarity.light :is(.info-table,.svc-table,.ia-summary-table) td{padding:var(--cl-cell-y) 12px;font-size:var(--cl-data-size)}
 body.clarity.light .detail-table-scroll .cs-table{min-width:600px}
 body.clarity.light .detail-table-scroll .dir-table{min-width:100%}
 body.clarity.light .fin-statement{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 body.clarity.light .financial-table{min-width:600px}
 body.clarity.light .financial-table .fin-item-col{width:160px}
 body.clarity.light :is(.financial-table,.cs-table,.dir-table,.tier-table) :is(th,td){padding:var(--cl-cell-y) 12px}
 body.clarity.light .role-group{padding:12px}
 body.clarity.light .firm-item{overflow-wrap:normal;min-width:0}
 body.clarity.light :is(.chart-card,.cc){padding:14px}
 body.clarity.light .ipo-timeline{padding:6px 14px}
}

/* Keep the tiers disclosure beside its title, matching the facts controls. */
.tiers-heading{display:contents}
.tiers-short-label{display:none}
body.clarity .tiers-full-label{display:none}
body.clarity .tiers-short-label{display:inline}
body.clarity.light .tiers-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 10px}
body.clarity.light .tiers-heading>.section-title{margin:0;min-width:0}
body.clarity.light .tiers-heading>.tiers-toggle{flex:none;margin:0;padding:4px 8px;min-height:0;border-radius:4px;color:#696e77;font:400 12px/20px var(--font-cn)}
@media(max-width:700px){body.clarity.light .tiers-heading{margin-top:26px}}

/* One outer disclosure for offering, listing, timeline and subscription tiers. */
body.clarity .offering-group:not(.is-expanded) .offering-extra{display:none}
body.clarity .grouped-timeline>.timeline-summary{display:none}
body.clarity.light .grouped-timeline>.section-title{display:flex;font-size:14px;margin:18px 0 10px}
body.clarity.light .offering-status{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font:400 12px/20px var(--font-cn);color:var(--cl-muted)}
body.clarity.light .offering-group>.section-title{flex-wrap:nowrap}
body.clarity.light .offering-extra .tiers-heading>.section-title{font-size:14px}

body.clarity .financial-details:not(.is-expanded){display:none}
body.clarity.light .financial-details{margin-top:18px}

.firm-name-short{display:none}
body.clarity .firm-name-short{display:inline}
body.clarity .firm-name-full{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Legible secondary identifiers, consistent across firms and service tables. */
body.clarity.light .content .ce-no{display:inline-block;font-size:11px;font-weight:400;line-height:16px;padding:1px 6px;border:1px solid #cdd1d6;border-radius:3px;background:#f0f2f4;color:#4b515b;vertical-align:baseline;white-space:nowrap}
body.clarity.light .content a.ce-no-link{cursor:pointer;text-decoration:none}
body.clarity.light .content a.ce-no-link:hover{background:#e6e9ed;border-color:#a8adb5;color:#070a13;text-decoration:none}
body.clarity.light .content a.ce-no-link:focus-visible{outline:2px solid #696e77;outline-offset:2px;text-decoration:none}


/* Offering attributes are facts, without positive/negative color semantics. */
body.clarity.light .content [data-compact-section] :is(.bool-yes,.bool-no){color:var(--cl-ink);background:transparent;font:inherit}
body.clarity.light .content [data-compact-section] .mechanism-badge{display:inline;padding:0;border:0;border-radius:0;background:transparent;color:var(--cl-ink);font:inherit;box-shadow:none}
body.clarity.light .content [data-compact-section] .mechanism-badge:hover{background:transparent;color:var(--cl-ink)}

body.clarity tr.first-close-pending{display:none}

body.clarity.light .cornerstone-original-heading,body.clarity .cornerstone-detail-row:not(.is-expanded){display:none}
body.clarity.light .cornerstone-toggle{margin-left:16px;padding:0 6px;font-size:12px;line-height:20px;vertical-align:baseline}
body.clarity.light .info-table>.cornerstone-detail-row>td,body.clarity.light .info-table>tbody>.cornerstone-detail-row>td{padding:0;border:0}
body.clarity.light .cornerstone-detail-row .detail-table-scroll{width:100cqw;min-width:0;max-width:100%;margin:0}

body.clarity.light .company-original-heading,body.clarity .company-list-detail:not(.is-expanded){display:none}
body.clarity.light .company-list-toggle{margin-left:16px;padding:0 6px;font-size:12px;line-height:20px;vertical-align:baseline}
body.clarity.light .info-table>tbody>.company-list-detail>td{padding:0;border:0}
body.clarity.light .company-list-detail .detail-table-scroll{width:100cqw;min-width:0;max-width:100%;margin:0}

body.clarity.light .company-overview-scroll{container-type:inline-size}

body.clarity .intermediary-detail:not(.is-expanded){display:none}
body.clarity.light .offering-scroll{container-type:inline-size}
body.clarity.light table.info-table[data-compact-section="offering"]{table-layout:fixed}
body.clarity.light .cell-scroll{overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
body.clarity.light .intermediary-summary-body{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;max-width:calc(100cqw - 140px);min-width:190px;white-space:normal}
body.clarity.light .intermediary-summary-body .role-group{display:contents}
body.clarity.light .intermediary-summary-body .role-label{display:none}
body.clarity.light .intermediary-summary-body .firm-list{display:contents}
body.clarity.light .intermediary-summary-body .firm-item{white-space:nowrap}
body.clarity.light .intermediary-summary-body .firm-item.is-dup{display:none}
body.clarity.light .intermediary-toggle{margin:0;padding:0 6px;line-height:20px}
body.clarity.light .info-table>tbody>.intermediary-detail>td{padding:0;border:0}
body.clarity.light .intermediary-panel{width:100cqw;white-space:normal}
body.clarity.light .intermediary-panel>.section-title{font-size:14px;margin:16px 16px 8px}

@media(max-width:768px){
 body.clarity.light .page-intro{padding:0 16px}
 body.clarity.light .dc{width:calc(100% - 32px)}
}

/* About-page copy uses the financial-source text scale throughout. */
body.clarity.light .page-intro :is(.page-intro-heading,.page-intro-text,.fin-source-note){font:400 11px/1.7 var(--font-cn);color:var(--cl-muted)}
body.clarity.light .page-intro .page-intro-heading{font-weight:500}

body.clarity :is(.nav,.page-nav) :is(a,.btn).active::after{content:"";position:absolute;left:50%;right:auto;bottom:0;width:32px;height:4px;transform:translateX(-50%);background:#7560d6;border-radius:9999px}

/* Compact navigation retains full-height click targets without stacked padding. */
body.clarity.light :is(.nav,.page-nav){height:48px;min-height:48px;padding-block:0;border-top:0;align-items:center;box-sizing:border-box}
body.clarity.light :is(.nav,.page-nav)>:is(a,.btn){display:inline-flex;align-items:center;justify-content:center;height:48px;min-height:48px;padding:0 2px;box-sizing:border-box}

body.clarity.light :is(.nav,.page-nav)>:is(a,.btn):hover{color:#070a13;background:transparent;border:0;box-shadow:none;text-decoration:none}

body:not(.clarity) .row-disclosure-controls,body:not(.clarity) .row-disclosure-value{display:contents}
body.clarity.light .row-disclosure-controls{display:flex;align-items:flex-start;gap:12px;width:var(--row-control-width);position:sticky;left:var(--row-control-left);white-space:normal}
body.clarity.light .row-disclosure-value{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}
body.clarity.light .row-disclosure-controls>.facts-toggle{flex:none;margin:0;white-space:nowrap}

@media(max-width:768px){
 body.clarity.light .intermediary-summary-body{display:block;max-width:none;min-width:0}
 body.clarity.light .intermediary-summary-body .firm-item{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;white-space:normal}
 body.clarity.light .intermediary-summary-body .firm-item>.ce-no{margin-left:0}
}

/* Audit: stable facts columns and compact, readable financial overview. */
body.clarity.light [data-compact-section]>tbody>tr>th{box-sizing:border-box;width:180px;min-width:180px;max-width:180px}
body.clarity.light .stock-charts:has(.chart-wrap-financial){grid-template-columns:repeat(3,minmax(0,1fr))}
body.clarity.light .stock-charts:has(.chart-wrap-financial)>.chart-card-full{grid-column:auto}
body.clarity.light .chart-wrap-financial{height:300px}
body.clarity.light .chart-currency{font:400 11px/1.7 var(--font-cn);color:var(--cl-muted);margin:0 0 8px}
body:not(.clarity) .chart-currency{display:none}
body.clarity.light :is(.nav,.page-nav){gap:28px}
body.clarity.light :is(.nav,.page-nav)>:is(a,.btn){font-size:16px}
body.clarity.light :is(.facts-toggle,.tiers-heading>.tiers-toggle){display:inline-flex;align-items:center;justify-content:center;min-height:30px;box-sizing:border-box;padding:4px 8px;line-height:20px}
body.clarity.light .row-disclosure-controls{align-items:center}
body.clarity.light .row-disclosure-controls>.facts-toggle{position:relative;min-height:26px;padding:2px 6px}
body.clarity.light .row-disclosure-controls>.facts-toggle::before{content:"";position:absolute;inset:-7px 0}
@media(max-width:1100px){body.clarity.light .stock-charts:has(.chart-wrap-financial){grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){body.clarity.light [data-compact-section]>tbody>tr>th{width:156px;min-width:156px;max-width:156px}}

body.clarity.light .hdr .sub::before{content:none}

/* IPO events follow the date / dotted rail / event layout of Daily Events. */
body.clarity.light .ipo-timeline{display:block;padding:20px;border:1px solid var(--cl-rule);border-radius:8px;background:#fff}
body.clarity.light .ipo-timeline::before{content:none}
body.clarity.light .ipo-timeline .tl-node{display:grid;grid-template-columns:72px 12px minmax(0,1fr);grid-template-rows:auto auto;row-gap:0;column-gap:16px;position:relative;text-align:left;padding:0 0 20px;min-width:0}
body.clarity.light .ipo-timeline .tl-node:last-child{padding-bottom:0}
body.clarity.light .ipo-timeline .tl-content{display:contents}
body.clarity.light .ipo-timeline .tl-date{grid-column:1;grid-row:1;margin:0;position:static;text-align:right;white-space:nowrap;font:600 14px/22px var(--font-cn);color:var(--cl-ink)}
body.clarity.light .ipo-timeline .tl-dot{grid-column:2;grid-row:1;position:relative;z-index:1;width:10px;height:10px;margin:6px 1px 0;border:1px solid #a8aaad;background:#fff;box-shadow:none}
body.clarity.light .ipo-timeline .tl-node:not(:last-child)::after{content:"";position:absolute;left:93px;top:22px;bottom:0;width:1px;background:repeating-linear-gradient(to bottom,#dbdde1 0 4px,transparent 4px 8px)}
body.clarity.light .ipo-timeline .tl-node.is-current .tl-dot{background:#7560d6;border-color:#7560d6;box-shadow:0 0 0 4px rgba(117,96,214,.12)}
body.clarity.light .ipo-timeline .tl-label{grid-column:3;grid-row:1;display:block;margin:0;font:500 13px/22px var(--font-cn);color:var(--cl-ink)}
body.clarity.light .ipo-timeline .tl-note{grid-column:3;grid-row:2;display:block;margin:2px 0 0;font:400 12px/20px var(--font-cn);color:var(--cl-muted)}
@media(max-width:700px){
 body.clarity.light .ipo-timeline{padding:16px 12px}
 body.clarity.light .ipo-timeline .tl-node{grid-template-columns:60px 12px minmax(0,1fr);column-gap:12px;padding-bottom:16px}
 body.clarity.light .ipo-timeline .tl-node:not(:last-child)::after{left:77px}
 body.clarity.light .ipo-timeline .tl-date{font-size:13px}
}

/* Financial statements: quiet rows and an inline trend beside the metric. */
.fin-sparkline{display:none}
body.clarity.light .financial-table{border-collapse:separate;border-spacing:0}
body.clarity.light .financial-table :is(th,td){box-sizing:border-box;border:0!important;font:400 14px/20px var(--font-cn);height:44px;padding:12px 16px;text-align:left;background:#fff}
body.clarity.light .financial-table thead th{height:40px;padding:10px 16px;font-size:12px;color:var(--cl-muted);background:#f9fafb}
body.clarity.light .financial-table tbody th{width:240px;min-width:240px;color:var(--cl-muted);font-size:14px;position:sticky;left:0;z-index:1}
body.clarity.light .financial-table td{min-width:110px;color:var(--cl-ink);font-variant-numeric:tabular-nums}
body.clarity.light .financial-table tbody tr:hover>:is(th,td){background:#f0f2f4}
body.clarity.light .financial-table .fin-label-content{display:flex;align-items:center;justify-content:space-between;gap:8px}
body.clarity.light .financial-table .fin-label-name{white-space:nowrap}
body.clarity.light .financial-table .fin-sparkline{display:block;flex:none;width:56px;height:24px;fill:#5c74ff}
body.clarity.light .fin-statement-title{font:600 16px/24px var(--font-cn);margin:20px 0 12px}
body.clarity.light .stock-charts:has(.chart-wrap-financial)>.chart-card{border:0;box-shadow:none}
body.clarity.light .stock-charts:has(.chart-wrap-financial) .chart-title{font:600 14px/20px var(--font-cn)}
@media(max-width:700px){body.clarity.light .financial-table tbody th{position:static}}
body.clarity.light .financial-table .num{text-align:left}

.fin-yoy,.fin-yoy-heading{display:none}
body.clarity.light .financial-table .fin-value{display:block}
body.clarity.light .financial-table .fin-yoy{display:block;font:400 12px/18px var(--font-cn);color:var(--cl-muted);margin-top:2px;white-space:nowrap}
body.clarity.light .financial-table .fin-yoy.is-up{color:#ff3874}
body.clarity.light .financial-table .fin-yoy.is-down{color:#00ada2}
body.clarity.light .financial-table tbody :is(th,td){height:56px;padding-top:8px;padding-bottom:8px}
body.clarity.light .fin-yoy-heading{display:inline;font:400 12px/20px var(--font-cn);color:var(--cl-muted)}

.fin-yoy-note{display:none}
body.clarity.light .fin-yoy-note{display:block;font:400 11px/1.7 var(--font-cn);color:var(--cl-muted);margin-top:4px}

/* Stock identity: Longbridge name/code hierarchy, separate from page type. */
body.clarity.light .hdr h1{font-family:-apple-system,system-ui,"Segoe UI",Roboto,sans-serif;font-size:24px;font-weight:700;line-height:32px}
body.clarity.light .hdr h1 .cn{display:inline-flex;align-items:center;column-gap:16px;margin-right:16px;font-size:inherit;font-weight:700;line-height:inherit}
body.clarity.light .hdr h1 .stock-title-code{font-size:16px;font-weight:400;line-height:21px;color:#696e77;letter-spacing:0}
body.clarity.light .hdr h1 .desc{font-size:16px;font-weight:400;line-height:21px;color:#696e77}
@media(max-width:600px){
 body.clarity.light .hdr h1{font-size:16px;line-height:36px}
 body.clarity.light .hdr h1 .cn{column-gap:6px;margin-right:12px}
}

.clarity-toolbar{display:none}
body.clarity.light .hdr{padding:0 0 16px;background:#fff}
body.clarity.light .clarity-toolbar{display:block;background:#f9fafb}
body.clarity.light .clarity-toolbar-inner{max-width:1400px;box-sizing:border-box;margin:auto;padding:8px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px}
body.clarity.light .clarity-toolbar-inner .logo{margin:0;max-width:130px;max-height:32px;object-fit:contain}
body.clarity.light .clarity-toolbar .hdr-actions{position:relative;top:auto;right:auto;gap:8px}
body.clarity.light .hdr-actions .clarity-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;font-size:0;line-height:0;border:0;border-radius:50%;background:transparent;color:#696e77;letter-spacing:0}
body.clarity.light .hdr-actions .clarity-icon-button::before{content:"";width:20px;height:20px;background:currentColor;mask:var(--tool-icon) center/contain no-repeat;-webkit-mask:var(--tool-icon) center/contain no-repeat}
body.clarity.light .hdr-actions .clarity-icon-button:hover{background:#e9ebee;color:#070a13;box-shadow:none}
body.clarity.light .hdr-inner{padding-top:18px}
body.clarity.light .hdr h1{display:flex;align-items:center;flex-wrap:wrap;gap:8px 0;margin-top:0}
body.clarity.light .hdr-inner .stock-logo-wrap{display:inline-flex;position:static;z-index:auto;pointer-events:auto;flex:none;margin:0 12px 0 0}
body.clarity.light .hdr-inner .stock-logo{width:32px;height:32px;opacity:1;filter:none;background:transparent;object-fit:contain}
.clarity-appearance-menu{position:fixed;z-index:10000;min-width:150px;padding:6px;background:white;border:1px solid #dbdde1;border-radius:8px;box-shadow:0 6px 20px #070a1314}
.clarity-appearance-menu[hidden]{display:none}
.clarity-appearance-menu button{display:block;width:100%;padding:9px 12px;border:0;border-radius:4px;background:transparent;color:#696e77;text-align:left;font:400 13px/20px system-ui;cursor:pointer}
.clarity-appearance-menu button:hover,.clarity-appearance-menu button:focus-visible{background:#f0f2f4;color:#070a13}
.clarity-appearance-menu button[aria-pressed="true"]{color:#070a13;font-weight:600;background:#f0f2f4}
.clarity-appearance-menu button[aria-pressed="true"]::after{content:"✓";float:right}
@media(max-width:600px){
 body.clarity.light .clarity-toolbar-inner{padding:6px 16px;gap:8px;min-height:52px}
 body.clarity.light .clarity-toolbar .hdr-actions{gap:4px}
 body.clarity.light .hdr-inner{padding-top:14px}
 body.clarity.light .hdr-inner .stock-logo{width:28px;height:28px}
 body.clarity.light .hdr-inner .stock-logo-wrap{margin-right:8px}
}
body.clarity.light .hdr-actions .clarity-icon-button::after{content:none}
/* Longbridge stock identity logo: 28px circular image on a neutral surface. */
body.clarity.light .hdr-inner .stock-logo-wrap{width:28px;height:28px;border-radius:50%;flex:none;overflow:hidden;background:#f0f2f4}
body.clarity.light .hdr-inner .stock-logo{display:block;width:28px;height:28px;border-radius:50%;object-fit:cover;background:#f0f2f4;padding:0}

/* Clarity identity palette; financial direction colors remain independent. */
body.clarity.light{--cl-brand:#7560d6;--cl-brand-hover:#624dbb;--cl-brand-soft:#f2eefc;--cl-brand-border:#ddd4f4}
body.clarity.light .hdr .logo-light{content:url("assets/cibo-wordmark-clarity.svg?v=3")}
body.clarity.light .ft-logo .logo-light{content:url("assets/cibo-symbol-clarity.svg?v=1")}
body.clarity.light .clarity-appearance-menu button[aria-pressed="true"]{background:var(--cl-brand-soft);color:var(--cl-brand-hover)}
body.clarity.light .hdr-lang-dropdown .lang-option.active{color:var(--cl-brand-hover);background:var(--cl-brand-soft)}
/* Header tools: measured Longbridge desktop geometry and surface. */
body.clarity.light .clarity-toolbar-inner{max-width:none;min-height:80px;padding:20px 24px}
body.clarity.light .clarity-toolbar .hdr-actions{gap:12px;margin-left:auto;flex:none}
body.clarity.light .hdr-actions .clarity-icon-button{box-sizing:border-box;width:40px;height:40px;min-width:40px;min-height:40px;border:.5px solid rgba(0,0,0,.1);border-radius:30px;background:rgba(210,210,210,.6);color:#000;box-shadow:0 4px 16px rgba(0,0,0,.07);transition:background-color .2s,transform .15s}
body.clarity.light .hdr-actions .clarity-icon-button::before{width:24px;height:24px}
body.clarity.light .hdr-actions .clarity-icon-button:hover{background:rgba(180,180,180,.75);color:#000;box-shadow:0 4px 16px rgba(0,0,0,.07)}
body.clarity.light .hdr-actions .clarity-icon-button:active{transform:scale(.95)}
@media(max-width:767px){
 body.clarity.light .clarity-toolbar-inner{min-height:64px;padding:12px 16px}
 body.clarity.light .hdr-actions .clarity-icon-button{background:rgba(230,230,230,.8)}
 body.clarity.light .hdr-actions .clarity-icon-button:hover{background:rgba(210,210,210,.8)}
}

/* Company facts: Longbridge /quote/00700.HK/profile, measured 2026-10-05.
   Keep Cibo's long values in one column and retain local horizontal scrolling. */
body.clarity.light :is(.company-overview-scroll,.offering-scroll){border:.5px solid #dbdde1;border-radius:10px;background:#fff;padding-block:12px;box-sizing:border-box}
body.clarity.light [data-compact-section]>tbody>tr{border:0;background:transparent}
body.clarity.light [data-compact-section]>tbody>tr:hover{background:transparent}
body.clarity.light [data-compact-section]>tbody>tr>:is(th,td){padding:8px 20px;font-size:var(--cl-data-size);line-height:var(--cl-data-line);border:0;background:transparent}
body.clarity.light [data-compact-section]>tbody>tr>th{color:#696e77;font-weight:400}
body.clarity.light [data-compact-section]>tbody>tr>td{color:#070a13;font-weight:400}
body.clarity.light [data-compact-section]>tbody>tr>td a:not(.ce-no){color:#7560d6;text-decoration:none}
body.clarity.light [data-compact-section]>tbody>tr>td a:not(.ce-no):hover{text-decoration:underline}
body.clarity.light [data-compact-section]>tbody>:is(.company-list-detail,.intermediary-detail,.cornerstone-detail-row)>td{padding:0;font-weight:400}
body.clarity.light [data-compact-section] .facts-inline-toggle{font-weight:400}
@media(max-width:700px){body.clarity.light [data-compact-section]>tbody>tr>:is(th,td){padding-inline:12px}body.clarity.light [data-compact-section]>tbody>:is(.company-list-detail,.intermediary-detail,.cornerstone-detail-row)>td{padding:0}}

/* A fitted nested roster must not delegate sideways gestures to its parent. */
body.clarity.light .isolated-detail-scroll{overscroll-behavior-x:contain;touch-action:pan-y pinch-zoom}
body.clarity.light .isolated-detail-scroll.has-horizontal-overflow{touch-action:pan-x pan-y pinch-zoom}
/* Shareholder-page reference: a hairline divider, no header shadow wash. */
body.clarity.light .hdr{box-shadow:none;filter:none}
body.clarity.light :is(.nav,.page-nav){border-bottom:.5px solid #dbdde1;box-shadow:none;background:#fff;background-image:none}
body.clarity.light :is(.nav,.page-nav) :is(a,.btn).active::after{background:#070a13;left:2px;right:2px;width:auto;height:4px;transform:none;border-radius:0}

/* Uniform breathing room between the nav rail and page content. */
body.clarity.light :is(.content,.dc-main,.lh-main,.hy-main){padding-top:20px}
body.clarity.light :is(.content,.dc-main,.lh-main,.hy-main)>:first-child{margin-top:0}

/* Size the visible brand artwork, not its former transparent canvas. */
body.clarity.light .clarity-toolbar-inner .logo{height:32px;width:236.32px;max-width:none;max-height:none;opacity:1;flex:none}

/* ── Remaining pages: prediction / allotment / ranking / inclusion ── */

/* Prediction matrix: highlight the current-multiple column header in inverted ink. */
body.clarity .pred-table th.center-col{background:#070a13;color:#fff}

/* A/B group divider rows: bold brand-purple boundary between group A and group B. */
body.clarity.light .pred-table tr.group-divider td{background:#f2eefc;color:#624dbb;font-weight:700;font-size:12px;letter-spacing:.12em;text-align:left;padding:8px 16px;border-top:2px solid #7560d6;border-bottom:1px solid #e2dbf7}

/* Data tables (cornerstone / concentration): wrap the name column, numbers stay single-line. */
body.clarity.light .intl-table-wrap{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
body.clarity.light .intl-table{margin:0;min-width:0}
body.clarity.light .intl-table :is(th,td){white-space:nowrap}
body.clarity.light .intl-table :is(th,td):first-child{white-space:normal;overflow-wrap:break-word;word-break:normal}
body.clarity.light .intl-table .num{text-align:right}

/* International offering metrics: inline label/value like the allotment overview. */
body.clarity.light #intlMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 32px;padding:16px 40px}
body.clarity.light #intlMetrics .sc{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex:none}
body.clarity.light #intlMetrics .sc .l{order:0;font:400 13px/1.5 var(--font-cn);color:#696e77;margin:0;white-space:normal}
body.clarity.light #intlMetrics .sc .n{font:600 14px/1.5 var(--font-cn);color:#070a13;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:700px){body.clarity.light #intlMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;padding:12px 16px}}
@media(max-width:767px){
 body.clarity.light .clarity-toolbar-inner .logo{height:20px;width:147.7px}
 body.clarity.light .clarity-toolbar .hdr-actions{gap:10px}
 body.clarity.light .hdr-actions .clarity-icon-button{width:36px;height:36px;min-width:36px;min-height:36px}
 body.clarity.light .hdr-actions .clarity-icon-button::before{width:20px;height:20px}
}

/* ── Disclosure / hearings / ranking / inclusion / backtest pages ── */

/* Redundant summary stat cards: the filter tabs already carry these counts. */
body.clarity .dc-stats,
body.clarity .lh-stats{display:none}

/* Single-line table cells: scroll stays inside the wrapper. */
body.clarity .dc-table :is(th,td),
body.clarity .lh-table :is(th,td),
body.clarity .ia-table tbody td,
body.clarity .bt-table :is(th,td){white-space:nowrap}
body.clarity.light .ranking-table td{white-space:nowrap}

/* Ranking stat cards → inline label/value (like the allotment overview). */
body.clarity.light .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 32px}
body.clarity.light .stat-card{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;flex:none;padding:0;border:0;background:transparent;box-shadow:none;text-align:left}
body.clarity.light .stat-card .val{order:2;font-size:14px;line-height:1.5;font-weight:600;color:#070a13;white-space:nowrap}
body.clarity.light .stat-card .lbl{order:1;font-size:13px;line-height:1.5;font-weight:400;color:#696e77;margin:0;white-space:normal}

/* A/B comparison summary → inline label/value. */
body.clarity.light .summary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 32px;max-width:none;margin:0 0 16px}
body.clarity.light .ss-card{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:baseline;gap:4px 10px;min-width:0;flex:none;padding:0;border:0;background:transparent;text-align:left}
body.clarity.light .ss-card .ss-label{order:0;font-size:13px;line-height:1.5;color:#696e77;margin:0;white-space:normal}
body.clarity.light .ss-card .ss-num{order:1;font-size:14px;line-height:1.5;font-weight:600;color:#070a13;font-variant-numeric:tabular-nums;white-space:nowrap}
body.clarity.light .ss-card .ss-num .ss-pct{color:#696e77;font-weight:400}
body.clarity.light .ss-card .ss-sub{order:2;font-size:12px;line-height:1.5;color:#a5a7ac;white-space:nowrap}

/* Backtest metrics → inline label/value. */
body.clarity .bt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 32px;margin:12px 0}
body.clarity .bt-card{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;flex:none;padding:0;border:0;background:transparent;text-align:left}
body.clarity .bt-card .n{order:2;font-size:14px;line-height:1.5;font-weight:600;color:#070a13;white-space:nowrap}
body.clarity .bt-card .l{order:1;font-size:13px;line-height:1.5;color:#696e77;margin:0;white-space:normal}

/* Inclusion: soften review-card corners, drop the lookup-title underline,
   and give the review calendar breathing room from the note above it. */
body.clarity.light .ia-review-card{border-radius:10px;border:.5px solid #dbdde1;background:#fff}
body.clarity.light .ia-lookup .ia-section-title{border-bottom:0;padding-bottom:0}
body.clarity.light details.ia-rules-wrapper[open]{margin-top:20px}

/* Hynix currency bar: flat surface, rounded buttons with a black active state. */
body.clarity.light .hy-ccy-bar{background:transparent;border:0;box-shadow:none}
body.clarity.light .hy-ccy-btn{border-radius:6px;border-color:#dbdde1;color:#070a13}
body.clarity.light .hy-ccy-btn:hover{background:#f2eefc;border-color:#7560d6;color:#624dbb}
body.clarity.light .hy-ccy-btn.active{background:#070a13;border-color:#070a13;color:#fff;font-weight:600}

/* KR metric cards: flat white surface, no gray box. */
body.clarity.light .kr-kpi{background:transparent;border:0;box-shadow:none}
body.clarity.light .kr-kpi.kr-hot{background:transparent;border:0}

/* API docs: flat white surfaces, no gray boxes or section rules. */
body.clarity.light .overview-box{background:#fff;border:0;box-shadow:none}
body.clarity.light .overview-box p{color:#070a13}
body.clarity.light .endpoint-card{background:#fff;border:0;box-shadow:none}
body.clarity.light .endpoint-header{border-bottom:0}
body.clarity.light .api-docs-content h2{border-bottom:0;padding-bottom:0}
body.clarity.light .params-table th{background:#fff}
body.clarity.light .params-table td{color:#070a13}
body.clarity.light .api-docs-content h1+p{color:#696e77}

/* Blog tags: black active pill on the scrollable rail. */
body.clarity.light .blog-tags .tag-btn{border-color:#dbdde1;color:#070a13}
body.clarity.light .blog-tags .tag-btn:hover{background:#f2eefc;border-color:#7560d6;color:#624dbb}
body.clarity.light .blog-tags .tag-btn.active{background:#070a13;border-color:#070a13;color:#fff;font-weight:600}

/* Overview: KPI summary + fee-ratio card side by side on desktop. */
body.clarity.light .ov-grid{display:flex;gap:16px;align-items:stretch}
body.clarity.light .ov-grid > *{flex:1 1 0;min-width:0}
body.clarity.light .ov-grid .allotment-overview{max-width:none;margin:0;background:#fff;border:1px solid var(--cl-rule);border-radius:8px;padding:20px 24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px}

/* Predict page: compress the offering-mechanism info line. */
body.clarity.light .pred-stock-info{font-size:.72rem;line-height:1.55;margin-bottom:12px;color:#696e77}

/* Predict page: control panel + chart side-by-side, compact summary cards inside the panel. */
body.clarity.light .pred-panel{background:#fff;border:1px solid var(--cl-rule);border-radius:8px;padding:16px;box-shadow:none}
body.clarity.light .pred-main .pred-chart-box{border:1px solid var(--cl-rule);border-radius:8px}
body.clarity.light .pred-panel #summaryCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:transparent;border:0;margin:0}
body.clarity.light .pred-panel #summaryCards .pred-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;min-width:0;padding:10px 12px;border:1px solid var(--cl-rule);border-right:1px solid var(--cl-rule);border-radius:6px;background:#fff;text-align:left}
body.clarity.light .pred-panel #summaryCards .l{order:0;margin:0;font-size:11px;line-height:1.45;color:#696e77}
body.clarity.light .pred-panel #summaryCards .n{font-size:16px;line-height:1.4;white-space:nowrap;color:#070a13;font-variant-numeric:tabular-nums}

@media(max-width:768px){
 body.clarity.light .stats-row,
 body.clarity.light .summary-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
 body.clarity .bt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
 body.clarity.light .ov-grid{flex-direction:column}
 body.clarity.light .ov-grid .allotment-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;padding:16px}
}
