/* Focused lookup, optional research tools, and one house reference beside it. */
#panel-batches .bc-hero-simple { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 0 23px; }
#panel-batches .bc-hero-simple h1 { font-size:clamp(32px,3.8vw,48px); margin:8px 0 10px; }
#panel-batches .bc-hero-simple p { font-size:14px; }
#panel-batches .bc-all-houses { display:grid; grid-template-columns:34px auto; gap:3px 10px; align-items:center; flex-shrink:0; padding:14px 17px; border:1px solid var(--line); border-radius:15px; background:var(--bg-card); }
#panel-batches .bc-all-houses > span { grid-row:span 2; width:34px; height:34px; padding:7px; border-radius:10px; color:var(--accent-color); background:var(--tint); }
#panel-batches .bc-all-houses svg { width:20px; height:20px; }
#panel-batches .bc-all-houses strong { font-size:13px; font-weight:600; }
#panel-batches .bc-all-houses small { font-size:10px; color:var(--muted); }
#panel-batches .bc-page-nav { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:10px 0 18px; margin-bottom:7px; border-bottom:1px solid var(--line); }
#panel-batches .bc-page-nav button { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:10px 13px; border:1px solid transparent; border-radius:11px; background:transparent; color:var(--muted); font:inherit; font-size:12px; min-height:39px; }
#panel-batches .bc-page-nav button:hover { background:var(--soft); color:var(--ink); }
#panel-batches .bc-page-nav button.is-current { background:var(--tint); color:var(--ink); border-color:var(--line); }
#panel-batches .bc-page-nav svg { width:17px; height:17px; }
#panel-batches .bc-page-nav > span { margin-inline-start:auto; padding-inline:8px; font-size:10px; color:var(--muted); }
#panel-batches .bc-workspace { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(310px,.8fr); gap:24px; align-items:start; margin-top:22px; }
#panel-batches .bc-workspace-main { min-width:0; }
#panel-batches .bc-console { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; margin:0 0 18px; }
#panel-batches #batch-lookup { padding:24px; scroll-margin-top:95px; box-shadow:0 3px 20px color-mix(in srgb,var(--shadow) 40%,transparent); }
#panel-batches .bc-form-heading { margin-bottom:3px; }
#panel-batches .bc-form-heading .eyebrow { font-size:9px; letter-spacing:.12em; }
#panel-batches .bc-form-heading h2 { font:400 27px/1.2 var(--studio-serif,Georgia,serif); letter-spacing:-.02em; margin:6px 0 7px; }
#panel-batches .bc-form-heading p { font-size:12px; color:var(--muted); line-height:1.65; margin:0; }
#panel-batches .bc-step-n { background:var(--tint); color:var(--accent-color); border:1px solid var(--line); }
#panel-batches .bc-capability { padding:10px 12px; display:flex; flex-wrap:wrap; gap:5px 8px; align-items:center; background:var(--soft); border-color:var(--line); }
#panel-batches .bc-capability p { font-size:11px; margin:0; line-height:1.6; }
#panel-batches .bc-cap-chip { font-size:9px; padding:3px 7px; margin:0; white-space:nowrap; }
#panel-batches .bc-label-shortcut { display:flex; flex-wrap:wrap; align-items:center; gap:5px 7px; padding:0; min-height:30px; border:0; background:transparent; color:var(--muted); text-align:start; font:inherit; font-size:11px; }
#panel-batches .bc-label-shortcut svg { width:16px; height:16px; color:var(--accent-color); flex-shrink:0; }
#panel-batches .bc-label-shortcut span { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
#panel-batches .bc-house-option-copy { display:grid; gap:3px; }
#panel-batches .bc-house-option-copy strong { font-size:13px; font-weight:500; }
#panel-batches .bc-house-option-copy small { font-size:10px; color:var(--muted); }
#panel-batches .bc-house-option-mode { padding:4px 7px; border-radius:5px; font-size:9px; color:var(--muted); background:var(--soft); white-space:nowrap; }
#panel-batches .bc-plate { margin-top:1px; padding:10px; min-height:53px; background:var(--soft); border-style:dashed; }
#panel-batches .bc-plate-empty { font-size:11px; }
#panel-batches .bc-tile { width:30px; height:35px; font-size:18px; }
#panel-batches .bc-seg-group { width:max(62px,calc(var(--bc-characters,1)*34px - 4px)); }
#panel-batches .bc-seg-label { font-size:9px; }
#panel-batches .bc-recent-drawer { width:100%; }
#panel-batches .bc-recent-drawer > summary { font-size:11px; color:var(--muted); cursor:pointer; }
#panel-batches .bc-recent-drawer > summary > span { display:inline-block; padding:1px 5px; margin-inline-start:4px; border:1px solid var(--line); border-radius:5px; font-size:9px; }
#panel-batches .bc-recent-items { display:flex; flex-wrap:wrap; gap:7px; padding-top:11px; }
#panel-batches .bc-optional-drawer { border-top:1px solid var(--line); padding-top:3px; margin-top:3px; }
#panel-batches .bc-optional-drawer > summary { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 12px; align-items:center; padding:11px 0; list-style:none; cursor:pointer; color:var(--ink); }
#panel-batches .bc-optional-drawer > summary span { font-size:12px; font-weight:500; }
#panel-batches .bc-optional-drawer > summary small { font-size:10px; color:var(--muted); }
#panel-batches .bc-optional-drawer > summary:after { content:'+'; font-size:20px; margin-inline-start:auto; color:var(--muted); }
#panel-batches .bc-optional-drawer[open] > summary:after { content:'−'; }
#panel-batches .bc-optional-drawer > summary::-webkit-details-marker { display:none; }
#panel-batches .bc-optional-body { margin-top:6px; }
#panel-batches .bc-start-simple { min-height:0; padding:23px; text-align:start; }
#panel-batches .bc-start-simple h2,#panel-batches .bc-start-house h2 { font-size:25px; margin-top:7px; }
#panel-batches .bc-start-simple p,#panel-batches .bc-start-house p { font-size:12px; max-width:none; margin:9px 0 0; }
#panel-batches .bc-start-house { min-height:0; padding:23px; text-align:start; }
#panel-batches .bc-example-drawer { margin-top:13px; }
#panel-batches .bc-example-drawer summary { color:var(--muted); font-size:11px; cursor:pointer; }
#panel-batches .bc-example-drawer .bc-examples { justify-content:start; margin-top:10px; }
#panel-batches .bc-card { padding:23px; border-radius:20px; }
#panel-batches .bc-card h2 { font-size:27px; }
#panel-batches .bc-card-head { gap:10px; }
#panel-batches .bc-card-head > div { flex-basis:230px; }
#panel-batches .bc-chip { font-size:9px; padding:5px 8px; max-width:100%; white-space:normal; }
#panel-batches .bc-lead { font-size:12px; line-height:1.75; }
#panel-batches .bc-dates { grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr)); }
#panel-batches .bc-dates li { padding:13px; border-radius:12px; }
#panel-batches .bc-dates strong { font-size:23px; }
#panel-batches .bc-dates small { font-size:10px; line-height:1.6; }
#panel-batches .bc-date-kind { font-size:8px; line-height:1.7; }
#panel-batches .bc-label-date { display:grid; gap:7px; padding:17px; border:1px solid var(--line); border-radius:12px; background:var(--tint); }
#panel-batches .bc-label-date strong { font:400 28px/1.25 var(--studio-serif,Georgia,serif); color:var(--ink); }
#panel-batches .bc-label-date small { font-size:11px; color:var(--muted); }
#panel-batches .bc-date-feedback,#panel-batches .bc-house-visual-date-warning { padding:11px 13px; border:1px solid var(--line); border-radius:9px; font-size:11px; line-height:1.8; color:var(--muted); background:var(--soft); }
#panel-batches .bc-date-feedback[data-validation]:not([data-validation=valid]),#panel-batches .bc-date-feedback[data-comparison=conflicts],#panel-batches .bc-house-visual-date-warning[data-comparison=conflicts] { border-color:color-mix(in srgb,#b77e36 50%,var(--line)); }
#panel-batches .bc-alternatives,#panel-batches .bc-expiry-note { padding:12px 0; border-top:1px solid var(--line); margin-top:14px; }
#panel-batches .bc-alternatives > summary,#panel-batches .bc-expiry-note > summary { font-size:11px; color:var(--ink); cursor:pointer; }
#panel-batches .bc-alternatives > p,#panel-batches .bc-expiry-note > p { font-size:11px; line-height:1.8; color:var(--muted); }
#panel-batches .bc-source-links { display:grid; gap:7px; margin-top:10px; }
#panel-batches .bc-source-links a,#panel-batches .bc-confirm-house { font-size:11px; color:var(--ink); text-underline-offset:3px; overflow-wrap:anywhere; }
#panel-batches .bc-confirm-house { display:inline-block; margin-top:14px; }
#panel-batches .bc-axis { display:none; }
#panel-batches .bc-shelf-reminder { padding:11px 13px; border-radius:10px; }
#panel-batches .bc-shelf-reminder summary { font-size:11px; color:var(--ink); cursor:pointer; }
#panel-batches .bc-shelf-reminder summary small { font-size:9px; color:var(--muted); margin-inline-start:4px; }
#panel-batches .bc-shelf-reminder p { font-size:11px; }
#panel-batches .bc-reading-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:16px; padding-top:15px; border-top:1px solid var(--line); }
#panel-batches .bc-reading-actions button { font-size:11px; min-height:35px; }
#panel-batches .bc-reading-actions .secondary { padding:7px 11px; }
#panel-batches .bc-cross-fold,#panel-batches .bc-tool-drawer { border:1px solid var(--line); border-radius:15px; background:var(--bg-card); overflow:hidden; }
#panel-batches .bc-cross-fold > summary,#panel-batches .bc-tool-drawer > summary { display:flex; flex-wrap:wrap; align-items:center; gap:5px 10px; padding:16px 18px; list-style:none; cursor:pointer; }
#panel-batches .bc-cross-fold > summary::-webkit-details-marker,#panel-batches .bc-tool-drawer > summary::-webkit-details-marker { display:none; }
#panel-batches .bc-cross-fold > summary > span,#panel-batches .bc-tool-drawer > summary > span { font-size:13px; font-weight:500; color:var(--ink); }
#panel-batches .bc-cross-fold > summary > small,#panel-batches .bc-tool-drawer > summary > small { font-size:10px; color:var(--muted); }
#panel-batches .bc-cross-fold > summary:after,#panel-batches .bc-tool-drawer > summary:after { content:'+'; color:var(--muted); font-size:19px; margin-inline-start:auto; }
#panel-batches .bc-cross-fold[open] > summary:after,#panel-batches .bc-tool-drawer[open] > summary:after { content:'−'; }
#panel-batches .bc-cross-fold[open] > summary,#panel-batches .bc-tool-drawer[open] > summary { border-bottom:1px solid var(--line); }
#panel-batches .bc-cross-fold .bc-auth { border:0; border-radius:0; box-shadow:none; }
#panel-batches .bc-tool-drawer { margin-bottom:12px; scroll-margin-top:90px; }
#panel-batches .bc-tool-drawer-body { padding:19px; }
#panel-batches .bc-tool-drawer .bc-community,#panel-batches .bc-tool-drawer .bc-coverage { margin:0; padding:0; border:0; background:none; box-shadow:none; }
#panel-batches .bc-tool-drawer h2 { font-size:24px; }
#panel-batches .bc-directory .bc-section-head { display:grid; grid-template-columns:minmax(0,1fr); gap:17px; }
#panel-batches .bc-directory .bc-section-head p { font-size:12px; }
#panel-batches .bc-directory .bc-coverage-tools { display:flex; flex-wrap:wrap; width:100%; justify-content:space-between; gap:10px; }
#panel-batches .bc-directory .bc-coverage-search { width:100%; }
#panel-batches .bc-directory .bc-coverage-search input { width:100%; }
#panel-batches .bc-directory .bc-seg button { font-size:10px; padding:6px 9px; }
#panel-batches .bc-directory .bc-coverage-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:17px; }
#panel-batches .bc-directory .bc-house { padding:13px; border-radius:11px; min-width:0; }
#panel-batches .bc-directory .bc-house strong { font-size:12px; line-height:1.5; }
#panel-batches .bc-directory .bc-house span { font-size:10px; color:var(--accent-color); }
#panel-batches .bc-directory .bc-house small { font-size:9px; line-height:1.7; }
#panel-batches .bc-directory-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:15px; color:var(--muted); font-size:10px; }
#panel-batches .bc-directory-pagination > div { display:flex; gap:7px; }
#panel-batches .bc-directory-pagination button { padding:7px 10px; font-size:10px; }
#panel-batches .bc-directory-pagination[hidden] { display:none; }
#panel-batches .bc-method { margin-top:18px; background:transparent; }
#panel-batches .bc-method > summary { font-size:11px; }
#panel-batches .bc-house-side { position:sticky; top:85px; min-width:0; max-height:calc(100dvh - 105px); overflow:auto; border:1px solid var(--line); border-radius:22px; background:var(--bg-card); scrollbar-width:thin; scrollbar-color:var(--line) transparent; }
#panel-batches .bc-house-visual { padding:24px; }
#panel-batches .bc-house-visual-kicker { color:var(--muted); font-size:9px; letter-spacing:.15em; }
#panel-batches .bc-house-visual-identity h2 { font:400 32px/1.2 var(--studio-serif,Georgia,serif); letter-spacing:-.025em; margin:8px 0 10px; color:var(--ink); overflow-wrap:anywhere; }
#panel-batches .bc-house-visual-badge { display:inline-block; padding:4px 7px; border:1px solid var(--line); border-radius:5px; font-size:8px; letter-spacing:.07em; color:var(--muted); background:var(--soft); }
#panel-batches .bc-house-visual-figure { margin:20px 0 0; }
#panel-batches .bc-house-visual-photo { position:relative; display:grid; place-items:center; height:235px; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:radial-gradient(ellipse at 50% 35%,#fff,#f2f0ed); }
#panel-batches .bc-house-visual-photo img { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; padding:16px; mix-blend-mode:multiply; }
#panel-batches .bc-house-visual-empty { color:color-mix(in srgb,var(--bc-year) 50%,#9d94a7); width:95px; height:130px; }
#panel-batches .bc-house-visual-empty svg { width:100%; height:100%; }
#panel-batches .bc-house-visual-caption { display:grid; gap:5px; margin:11px 0 0; line-height:1.6; }
#panel-batches .bc-house-visual-caption > span { color:var(--muted); font-size:9px; letter-spacing:.04em; }
#panel-batches .bc-house-visual-caption > strong { font-size:12px; line-height:1.6; color:var(--ink); font-weight:500; overflow-wrap:anywhere; }
#panel-batches .bc-house-visual-caption > small { font-size:10px; color:var(--muted); }
#panel-batches .bc-house-visual-caption > a { font-size:9px; color:var(--muted); text-decoration:underline; width:fit-content; }
#panel-batches .bc-house-visual-code { display:grid; gap:8px; margin:18px 0; padding:13px 15px; border:1px solid var(--line); border-radius:11px; background:var(--soft); }
#panel-batches .bc-house-visual-code > span { font-size:8px; color:var(--muted); letter-spacing:.13em; }
#panel-batches .bc-house-visual-code > code { font:500 23px/1.4 var(--bc-mono); letter-spacing:.13em; color:var(--ink); overflow-wrap:anywhere; }
#panel-batches .bc-house-visual-summary h3 { font:400 22px/1.3 var(--studio-serif,Georgia,serif); color:var(--ink); margin:0 0 8px; }
#panel-batches .bc-house-visual-summary p { font-size:12px; color:var(--muted); line-height:1.85; margin:0; }
#panel-batches .bc-house-visual-details { border-top:1px solid var(--line); margin-top:18px; }
#panel-batches .bc-house-visual-details > summary { color:var(--ink); font-size:12px; padding:15px 0 0; cursor:pointer; }
#panel-batches .bc-house-visual-detail-body { padding-top:16px; }
#panel-batches .bc-house-visual-detail-body section { margin:0 0 19px; }
#panel-batches .bc-house-visual-detail-body h3 { font-size:11px; color:var(--ink); margin:0 0 8px; font-weight:600; }
#panel-batches .bc-house-visual-detail-body p,#panel-batches .bc-house-visual-notes { font-size:11px; color:var(--muted); line-height:1.85; overflow-wrap:anywhere; }
#panel-batches .bc-house-visual-notes { padding-inline-start:15px; margin:0; }
#panel-batches .bc-house-visual-notes li { margin-block:5px; }
#panel-batches .bc-house-visual-segments { display:flex; flex-wrap:wrap; gap:7px; margin:0; }
#panel-batches .bc-house-visual-segments > div { display:grid; gap:5px; padding:9px 11px; border:1px solid color-mix(in srgb,var(--role,var(--line)) 25%,var(--line)); border-radius:8px; background:var(--soft); }
#panel-batches .bc-house-visual-segments dt { font:500 16px/1.3 var(--bc-mono); color:var(--role,var(--ink)); }
#panel-batches .bc-house-visual-segments dd { font-size:9px; color:var(--muted); margin:0; }
#panel-batches .bc-house-visual-periods { padding:0; margin:0; list-style:none; display:grid; gap:7px; }
#panel-batches .bc-house-visual-periods li { display:grid; gap:4px; padding:9px 11px; border:1px solid var(--line); border-radius:7px; background:var(--soft); }
#panel-batches .bc-house-visual-periods strong { color:var(--ink); font-size:11px; font-weight:500; }
#panel-batches .bc-house-visual-periods span { font-size:9px; color:var(--muted); }
#panel-batches .bc-house-visual-source { color:var(--muted); font-size:10px; }
#panel-batches .bc-house-visual-limit { border-top:1px solid var(--line); padding-top:14px; }
@media(min-width:1500px) { #panel-batches .bc-house-visual-photo { height:280px; } }
@media(max-width:1050px) { #panel-batches .bc-workspace { grid-template-columns:minmax(0,1.15fr) minmax(285px,.85fr); gap:18px; } #panel-batches .bc-page-nav > span { display:none; } #panel-batches .bc-house-visual { padding:20px; } }
@media(max-width:820px) {
 #panel-batches .bc-hero-simple { align-items:start; }
 #panel-batches .bc-all-houses { grid-template-columns:auto; padding:10px 12px; }
 #panel-batches .bc-all-houses > span { display:none; }
 #panel-batches .bc-all-houses small { max-width:110px; line-height:1.5; }
 #panel-batches .bc-workspace { display:flex; flex-direction:column; gap:17px; }
 #panel-batches .bc-workspace-main,#panel-batches .bc-console { display:contents; }
 #panel-batches #batch-lookup { order:0; width:100%; }
 #panel-batches .bc-output { order:1; width:100%; }
 #panel-batches .bc-house-side { order:2; position:static; width:100%; max-height:none; overflow:visible; }
 #panel-batches .bc-tool-drawer,#panel-batches .bc-method { order:3; width:100%; margin-bottom:0; }
 #panel-batches .bc-house-visual { padding:23px; }
 #panel-batches .bc-house-visual-photo { height:260px; }
}
@media(max-width:500px) {
 #panel-batches .bc-hero-simple { flex-direction:column; gap:14px; padding:16px 0; }
 #panel-batches .bc-hero-simple h1 { font-size:34px; }
 #panel-batches .bc-hero-simple p { font-size:12px; }
 #panel-batches .bc-all-houses { display:flex; flex-wrap:wrap; gap:5px 8px; padding:8px 11px; max-width:100%; }
 #panel-batches .bc-all-houses strong { font-size:11px; }
 #panel-batches .bc-all-houses small { max-width:none; font-size:9px; }
 #panel-batches .bc-page-nav { gap:4px; }
 #panel-batches .bc-page-nav button { flex:1; gap:4px; flex-direction:column; padding:8px 5px; font-size:9px; }
 #panel-batches #batch-lookup,#panel-batches .bc-card,#panel-batches .bc-house-visual { padding:18px; }
 #panel-batches .bc-optional-drawer > summary { display:grid; grid-template-columns:minmax(0,1fr) auto; }
 #panel-batches .bc-optional-drawer > summary small { grid-column:1; }
 #panel-batches .bc-optional-drawer > summary:after { grid-column:2; grid-row:1 / 3; }
 #panel-batches .bc-cross-fold > summary,#panel-batches .bc-tool-drawer > summary { display:grid; grid-template-columns:minmax(0,1fr) auto; padding:15px; }
 #panel-batches .bc-cross-fold > summary small,#panel-batches .bc-tool-drawer > summary small { grid-column:1; line-height:1.6; }
 #panel-batches .bc-cross-fold > summary:after,#panel-batches .bc-tool-drawer > summary:after { grid-column:2; grid-row:1 / 3; }
 #panel-batches .bc-tool-drawer-body { padding:15px; }
 #panel-batches .bc-directory .bc-coverage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #panel-batches .bc-directory .bc-house { padding:10px; }
 #panel-batches .bc-directory .bc-house strong { font-size:11px; }
 #panel-batches .bc-directory-pagination { flex-wrap:wrap; }
 #panel-batches .bc-house-visual-photo { height:230px; }
 #panel-batches .bc-house-visual-identity h2 { font-size:29px; }
 #panel-batches .bc-shelf-reminder summary small { display:block; margin:5px 0 0 15px; }
}