.official-board { scroll-margin-top:0; margin:32px 0; padding:26px; border:1px solid var(--border,#ddd1bd); border-radius:16px; background:#fffbf3; color:#30261f; }
.official-board [hidden] { display:none !important; }
.official-board-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.official-board-head h2 { margin:5px 0 0; font-size:24px; letter-spacing:-.025em; text-wrap:balance; }
.official-intro { margin:9px 0 0; color:#716455; font-size:13px; }
.official-overview { display:flex; align-items:center; gap:20px; flex-wrap:wrap; color:#716455; font-size:12px; }
.official-overview > span:first-child > strong { color:#30261f; font-size:22px; font-variant-numeric:tabular-nums; }
.official-status { display:inline-flex; align-items:center; gap:6px; color:#56705a; white-space:nowrap; }
.official-status svg { width:14px; height:14px; }
.official-filters { display:grid; grid-template-columns:minmax(150px,1.3fr) repeat(3,minmax(115px,1fr)) auto; align-items:end; gap:12px; padding:18px; background:#f5f0e6; border:1px solid #e5dac8; border-radius:12px; }
.official-filters label { display:flex; flex-direction:column; gap:7px; min-width:0; font-size:11px; color:#716455; }
.official-filters select { width:100%; min-width:0; height:40px; padding:0 30px 0 12px; border:1px solid #d6c7b3; border-radius:7px; background:#fffbf3; color:#30261f; font:inherit; font-size:13px; cursor:pointer; }
.official-reset,.official-pager button { min-height:40px; padding:8px 13px; border:1px solid #d6c7b3; border-radius:7px; color:#a83d22; background:#fffbf3; font:inherit; font-size:12px; cursor:pointer; }
.official-reset:hover,.official-pager button:hover:not(:disabled) { border-color:#bf4727; background:#f9ecdf; }
.official-results { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 0 12px; color:#716455; font-size:11px; }
.official-results p { margin:0; color:#30261f; font-size:13px; font-weight:600; }
.official-table-wrap { border:1px solid #ddd1bd; border-radius:10px; overflow:hidden; }
.official-table { width:100%; margin:0; border-collapse:collapse; table-layout:fixed; }
.official-table thead { background:#eee6d8; }
.official-table thead th { padding:13px 15px; text-align:left; color:#756650; font-size:11px; font-weight:500; border:0; }
.official-table thead th:first-child { width:24%; }
.official-table thead th:nth-child(2) { width:18%; }
.official-table thead th:nth-child(3) { width:17%; }
.official-table thead th:nth-child(4) { width:18%; }
.official-table th,.official-table td { box-sizing:border-box; overflow-wrap:anywhere; }
.official-table tbody tr { background:#fffbf3; border-top:1px solid #e5dac8; }
.official-table tbody tr:nth-child(even) { background:#fbf6ed; }
.official-table tbody th,.official-table tbody td { padding:18px 15px; text-align:left; vertical-align:top; border:0; }
.official-location { font-weight:400; }
.official-location > div { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.official-region-code { display:inline-flex; min-width:27px; min-height:22px; padding:2px 4px; align-items:center; justify-content:center; border:1px solid #d7c8b2; border-radius:4px; font-size:9px; font-weight:600; letter-spacing:.03em; color:#716455; background:#f5f0e6; }
.official-location strong { font-size:13px; }
.official-plan-name { display:block; color:#30261f; font-size:12px; font-weight:600; }
.official-location small,.official-reference small,.official-billing small { display:block; margin-top:5px; color:#7c6d5c; font-size:10px; font-weight:400; line-height:1.6; }
.official-amount { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; margin:0; font-variant-numeric:tabular-nums; }
.official-amount strong { color:#aa3d23; font-size:21px; line-height:1.3; letter-spacing:-.035em; font-weight:650; }
.official-currency { font-size:10px; color:#716455; font-weight:600; }
.official-note { display:block; color:#857662; font-size:11px; line-height:1.6; }
.official-price-cell .official-note { margin-top:6px; }
.official-reference > strong { display:block; font-size:12px; font-weight:500; line-height:1.8; font-variant-numeric:tabular-nums; }
.official-channel { display:inline-flex; padding:3px 7px; margin-bottom:7px; border-radius:4px; background:#eee6d8; color:#645541; font-size:10px; line-height:1.5; }
.official-channel[data-channel="app_store"] { background:#f1e5d8; color:#89543b; }
.official-billing > strong { display:block; font-size:11px; font-weight:500; }
.official-source > a { display:flex; align-items:center; gap:4px; margin:6px 0; color:#a83d22; font-size:11px; line-height:1.5; text-decoration:none; }
.official-source a:hover { text-decoration:underline; }
.official-source svg,.official-source-list svg { flex:none; width:12px; height:12px; }
.official-source time { display:block; color:#857662; font-size:10px; line-height:1.5; }
.official-state { color:#526b50; font-size:10px; }
.is-stale .official-state,.is-conflict .official-state { color:#985324; }
.official-corroboration { margin-top:8px; color:#716455; font-size:10px; }
.official-corroboration summary { cursor:pointer; }
.official-corroboration p { margin:6px 0; line-height:1.6; }
.official-empty { display:flex; align-items:center; gap:14px; padding:24px 0; }
.official-empty > svg,.official-filter-empty > svg { width:28px; height:28px; color:#a83d22; }
.official-empty h3,.official-filter-empty h3 { font-size:15px; margin:0 0 6px; }
.official-empty p,.official-filter-empty p { margin:0; color:#716455; font-size:12px; }
.official-filter-empty { padding:32px 16px; text-align:center; background:#f5f0e6; border-radius:10px; }
.official-filter-empty > svg { margin-bottom:12px; }
.official-filter-empty button { margin-top:16px; }
.official-pager { display:flex; justify-content:flex-end; align-items:center; gap:14px; margin-top:14px; color:#716455; font-size:11px; }
.official-pager button:disabled { cursor:default; opacity:.45; }
.official-comparison-note { margin:16px 0 0; color:#7c6d5c; font-size:11px; line-height:1.75; }
.official-evidence { margin-top:18px; padding-top:12px; border-top:1px solid #e5dac8; color:#716455; font-size:12px; }
.official-evidence summary { cursor:pointer; padding:8px 0; min-height:30px; }
.official-evidence summary span { margin-left:12px; font-size:11px; }
.official-source-list { display:grid; gap:8px; max-height:320px; overflow:auto; padding:12px 2px; }
.official-source-list > div { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:9px 0; border-bottom:1px solid #ddd1bd; font-size:11px; }
.official-source-list a { flex:1; min-width:120px; color:#a83d22; }
.official-evidence > p { max-width:760px; line-height:1.75; font-size:11px; }
.official-board :focus-visible { outline:2px solid #a83d22; outline-offset:4px; }
@media(max-width:900px) {
 .official-board { padding:20px; }
 .official-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .official-filters > button { justify-self:start; }
 .official-table tbody th,.official-table tbody td { padding:16px 10px; }
 .official-table thead th { padding:12px 10px; }
 .official-amount strong { font-size:19px; }
}
@media(max-width:700px) {
 .official-board { padding:18px; margin:22px 0; }
 .official-board-head { align-items:flex-start; flex-direction:column; gap:14px; margin-bottom:18px; }
 .official-board-head h2 { font-size:21px; }
 .official-overview { gap:16px; }
 .official-overview > span:first-child > strong { font-size:17px; }
 .official-filters { padding:12px; gap:10px; }
 .official-results { align-items:flex-start; flex-direction:column; gap:6px; }
 .official-table-wrap { border:0; overflow:visible; }
 .official-table,.official-table tbody { display:block; }
 .official-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
 .official-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:15px 12px; padding:16px; margin-bottom:12px; border:1px solid #ddd1bd; border-radius:10px; }
 .official-table tbody th,.official-table tbody td { display:block; padding:0; min-width:0; }
 .official-location { grid-column:1/-1; padding-bottom:12px !important; border-bottom:1px solid #e5dac8 !important; }
 .official-location > div { margin-bottom:6px; }
 .official-table td::before { content:attr(data-label); display:block; margin-bottom:7px; color:#857662; font-size:10px; }
 .official-amount strong { font-size:23px; }
 .official-reference > strong { font-size:12px; }
 .official-source > a { margin:5px 0; }
 .official-pager { justify-content:center; }
}
[data-plan-filter]{gap:6px;flex-wrap:wrap}[data-tier-count]{font-size:10px;opacity:.72;font-weight:400;white-space:nowrap}.tier-context{font-size:12px;color:var(--muted-foreground);margin:0 0 18px;line-height:1.7}.corroboration{font-size:11px;margin-top:10px;color:var(--muted-foreground)}.corroboration p{margin:6px 0;overflow-wrap:anywhere}