/* Page-only status colour; all layout, header and theme tokens inherit from core-theme.css. */
.section-app,#sectionDialog{--danger:#b4233c}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--surface)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}

/* The site header is deliberately quiet so the search console remains the visual anchor. */
.section-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.section-brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:850}.section-brand b{color:var(--teal)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--navy);color:#fff}.section-header nav{display:flex;align-items:center;gap:8px}.section-header nav a,.section-header nav button{padding:10px 13px;border:0;border-radius:8px;background:transparent;text-decoration:none;color:var(--muted);font-size:13px;font-weight:750}.section-header nav button{color:var(--teal);background:var(--teal2)}

/* The hero combines an editorial introduction with the two-mode engineering search console. */
.search-hero{min-height:390px;padding:62px clamp(22px,5vw,78px);display:grid;grid-template-columns:minmax(330px,.8fr) minmax(550px,1.2fr);gap:clamp(40px,7vw,110px);align-items:center;background:radial-gradient(circle at 9% 0,rgba(18,148,134,.2),transparent 25rem),var(--navy);color:#fff}.eyebrow{color:#83d5ca;letter-spacing:.17em;font-size:10px;font-weight:900}.hero-copy h1{margin:14px 0 18px;font-size:clamp(44px,5vw,72px);line-height:.96;letter-spacing:-.05em}.hero-copy h1 em{color:#88ded2;font-style:normal}.hero-copy p{max-width:470px;margin:0;color:#b8c3d2;font-size:17px;line-height:1.55}.hero-page-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-page-actions button{min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.08);color:#e7f3f0;font-size:.82rem;font-weight:750;display:inline-flex;align-items:center;gap:8px}.hero-page-actions button.primary{border-color:transparent;background:#087c72;color:#fff}.search-console{padding:24px;background:#fff;color:var(--ink);border-radius:18px;box-shadow:0 25px 60px rgba(0,0,0,.26)}.search-modes{display:flex;gap:5px;margin-bottom:20px;padding:4px;border-radius:10px;background:var(--surface)}.search-modes button{flex:1;padding:10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:850}.search-modes button.active{background:#fff;color:var(--teal);box-shadow:0 3px 12px rgba(30,45,70,.08)}.search-mode-panel{display:none}.search-mode-panel.active{display:block}.search-mode-panel>label,.strength-grid label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:800}.smart-search{margin-top:7px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;border:1px solid #c8d1dc;border-radius:10px}.smart-search>span{padding-left:12px;color:var(--teal);font-size:22px}.smart-search input{width:100%;padding:13px 8px;border:0;outline:0;color:var(--ink)}.smart-search kbd{margin-right:9px;padding:5px 7px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:#8b93a2;font-size:9px}.search-mode-panel p{margin:9px 0 0;color:#8992a2;font-size:10px}.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.strength-grid label{display:grid;gap:6px}.strength-grid label span{color:#9aa2b0;font-weight:650}.strength-grid input{width:100%;padding:12px 10px;border:1px solid #c8d1dc;border-radius:9px;outline:0}.search-button{width:100%;margin-top:17px;padding:13px 16px;display:flex;justify-content:space-between;border:0;border-radius:9px;background:var(--teal);color:#fff;font-weight:850}

/* The workspace keeps high-frequency filters and important properties permanently visible. */
.section-workspace{max-width:1800px;margin:auto;display:grid;grid-template-columns:260px minmax(420px,.9fr) minmax(390px,.75fr);min-height:760px;background:#fff}.filter-panel{padding:28px 22px;border-right:1px solid var(--line);background:#fafbfc}.filter-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:23px}.filter-title div{display:grid;gap:4px}.filter-title span,.results-heading span,.detail-heading span,.alternatives header span,.source-note span{color:var(--teal);letter-spacing:.12em;font-size:9px;font-weight:900}.filter-title strong{font-size:14px}.filter-title button{border:0;background:none;color:var(--muted);font-size:10px}.filter-panel>label,.filter-panel details label{display:grid;gap:6px;margin-bottom:14px;color:var(--muted);font-size:10px;font-weight:800}.filter-panel select,.filter-panel input,.results-heading select{width:100%;padding:10px;border:1px solid #ccd5df;border-radius:8px;background:#fff;color:var(--ink);outline:0}.filter-panel details{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.filter-panel summary{margin-bottom:14px;color:var(--navy);font-size:11px;font-weight:850;cursor:pointer}.filter-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.source-note{margin-top:30px;padding:17px;border-radius:12px;background:var(--navy);color:#fff}.source-note p{margin:8px 0 0;color:#b9c4d4;font-size:10px;line-height:1.5}.results-panel{padding:28px;border-right:1px solid var(--line)}.category-breadcrumbs{margin:-4px 0 18px;padding:0 0 14px;display:flex;gap:7px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:thin}.category-crumb{flex:0 0 auto;padding:8px 10px;display:flex;gap:8px;align-items:center;border:1px solid #d7dee7;border-radius:999px;background:#fff;color:var(--muted);font-size:9px;font-weight:800;white-space:nowrap}.category-crumb b{padding:2px 6px;border-radius:999px;background:var(--surface);color:var(--teal);font-size:8px}.category-crumb:hover,.category-crumb.active{border-color:#69b8af;background:#eef9f7;color:var(--navy)}.category-crumb.active b{background:var(--teal);color:#fff}.results-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.results-heading h2{margin:4px 0 0;font-size:22px}.results-heading label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.results-heading select{padding:8px}.result-list{display:grid;gap:8px}.loading-card{padding:30px;border:1px dashed #bdc8d4;border-radius:12px;color:var(--muted);text-align:center;font-size:12px}.section-row{width:100%;padding:15px;display:grid;grid-template-columns:minmax(120px,1.2fr) repeat(3,minmax(70px,.65fr)) 24px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;transition:.16s ease}.section-row:hover,.section-row.active{border-color:#77bdb6;background:#f4fbfa;box-shadow:0 8px 22px rgba(20,80,75,.07)}.section-row h3{margin:0 0 4px;font-size:14px}.section-row .row-meta{color:var(--muted);font-size:9px}.row-property{display:grid;gap:4px}.row-property span{color:#8a93a2;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.row-property strong{font-size:11px}.row-arrow{color:var(--teal);font-weight:900}.load-more{width:100%;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--teal);font-weight:850}

/* The selected section card favors the properties engineers reach for most often. */
.detail-panel{padding:28px;background:#fff;position:sticky;top:70px;align-self:start;max-height:calc(100vh - 70px);overflow:auto}.empty-detail{min-height:500px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.empty-shape{width:95px;height:95px;display:grid;place-items:center;margin-bottom:20px;border:12px solid #d5e7e4;color:var(--teal);font-size:52px;font-family:Georgia,serif}.empty-detail h2{margin:0;color:var(--navy)}.empty-detail p{max-width:250px;line-height:1.5;font-size:12px}.detail-heading{display:flex;justify-content:space-between;gap:18px}.detail-heading h2{margin:5px 0 4px;font-size:28px;letter-spacing:-.025em}.detail-heading p{margin:0;color:var(--muted);font-size:10px}.detail-actions{display:flex;gap:7px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}.detail-heading button{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--teal);font-size:10px;font-weight:850}.detail-heading .cad-download{border-color:var(--teal);background:var(--teal);color:#fff;white-space:nowrap}.detail-heading .cad-download:hover{background:#087d72}.detail-heading .cad-download:disabled{opacity:.55;cursor:wait}.section-visual{margin:22px 0 18px;display:grid;grid-template-columns:1fr 88px;gap:10px;align-items:center;border-radius:14px;background:linear-gradient(145deg,#17233a,#263652);overflow:hidden}.section-visual svg{width:100%;height:225px}.dimension-legend{padding:14px 10px 14px 0;display:grid;gap:9px}.dimension-item{display:grid;gap:2px}.dimension-item span{color:#8fb2b1;font-size:8px;text-transform:uppercase}.dimension-item strong{color:#fff;font-size:11px}.primary-properties{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.property-card{min-height:70px;padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.property-card span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.property-card strong{display:block;margin-top:8px;font-size:14px}.advanced-properties{margin-top:14px;border:1px solid var(--line);border-radius:10px}.advanced-properties summary{padding:13px;display:flex;justify-content:space-between;color:var(--navy);font-size:10px;font-weight:850;cursor:pointer}.advanced-properties summary span{color:var(--teal)}#advancedProperties{padding:0 13px 13px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.advanced-row{padding:8px;background:var(--surface);font-size:9px;word-break:break-word}.advanced-row b{display:block;margin-bottom:3px}.alternatives{margin-top:25px;padding-top:20px;border-top:2px solid var(--navy)}.alternatives header{display:flex;justify-content:space-between;gap:12px}.alternatives h3{margin:4px 0 0;font-size:14px}.alternatives header small{color:var(--muted);font-size:8px}.alternative-card{margin-top:8px;padding:11px;display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:9px;background:#fff}.alternative-card:hover{border-color:#86c8c0}.alternative-card b{display:block;font-size:11px}.alternative-card span{display:block;margin-top:3px;color:var(--muted);font-size:8px}.alternative-card strong{color:var(--teal);font-size:10px}

/* The management dialog separates catalogue maintenance from daily engineering use. */
dialog{width:min(720px,calc(100% - 28px));max-height:90vh;padding:0;border:0;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(10,20,35,.66);backdrop-filter:blur(3px)}#sectionForm>header{padding:24px 26px;display:flex;justify-content:space-between;color:#fff;background:var(--navy)}#sectionForm>header span{color:#82d0c6;letter-spacing:.13em;font-size:9px;font-weight:900}#sectionForm>header h2{margin:6px 0 0}#closeDialogButton{width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:#fff;font-size:20px}.form-section{margin:0;padding:20px 26px;border-bottom:1px solid var(--line)}.form-section h3,.form-section>summary{margin:0 0 15px;color:var(--navy);font-size:12px;font-weight:850}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid label{display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:800}.form-grid label span{font-weight:500}.form-grid input,.form-grid select{width:100%;padding:10px;border:1px solid #cad3df;border-radius:8px;outline:0}.form-section[open]>summary{margin-bottom:15px}.advanced-form{padding-top:4px}#sectionForm>footer{padding:18px 26px;display:flex;align-items:center;gap:10px;background:#f7f9fb}#formMessage{margin-right:auto;color:var(--muted);font-size:10px}.save-button,.danger-button{padding:11px 16px;border:0;border-radius:8px;font-weight:850}.save-button{background:var(--teal);color:#fff}.danger-button{background:#fce8eb;color:var(--danger)}

.cad-action{display:grid;justify-items:end;gap:5px}.cad-action small{max-width:230px;color:#a13d55;font-size:8px;line-height:1.3;text-align:right}.cad-options{display:grid;gap:5px;justify-items:end}.cad-option{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;font-weight:800;white-space:nowrap;cursor:pointer}.cad-option input{width:14px;height:14px;accent-color:var(--teal)}

/* Responsive layouts preserve the search-first workflow on smaller devices. */
@media(max-width:1250px){.section-workspace{grid-template-columns:230px minmax(420px,1fr)}.detail-panel{grid-column:1/-1;position:static;max-height:none;border-top:1px solid var(--line)}.section-visual{max-width:520px}.primary-properties{max-width:700px}}
@media(max-width:850px){.search-hero{grid-template-columns:1fr;padding-top:42px}.hero-copy h1{font-size:50px}.section-workspace{display:block}.filter-panel{border-right:0}.results-panel{border-right:0}.filter-panel>label{display:inline-grid;width:calc(50% - 6px);margin-right:6px}.source-note{display:none}.section-row{grid-template-columns:1.3fr repeat(2,.7fr) 20px}.section-row .row-property:nth-of-type(3){display:none}}
@media(max-width:560px){.section-header{padding:0 15px}.section-header nav a{display:none}.search-hero{padding:34px 16px}.hero-copy h1{font-size:42px}.search-console{padding:17px}.strength-grid{grid-template-columns:1fr}.filter-panel>label{width:100%;margin-right:0}.results-panel,.detail-panel{padding:20px 16px}.section-row{grid-template-columns:1fr .7fr 20px}.section-row .row-property:nth-of-type(2),.section-row .row-property:nth-of-type(3){display:none}.form-grid{grid-template-columns:1fr}.section-visual{grid-template-columns:1fr}.dimension-legend{padding:0 15px 15px;grid-template-columns:repeat(3,1fr)}}

/* Search field fills the bordered box; the ring sits on the wrapper so it is not clipped. */
.smart-search {
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: stretch;
  min-height: 48px;
  overflow: hidden;
  background: #fff;
}
.smart-search > span {
  display: grid;
  place-items: center;
  padding: 0;
  height: 100%;
}
.smart-search input {
  height: 100%;
  min-height: 48px;
  margin: 0;
  padding: 0 8px 0 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
  font: inherit;
}
.smart-search input:focus {
  outline: none !important;
  box-shadow: none !important;
}
.smart-search:focus-within {
  border-color: var(--accent, #1a73e8);
  box-shadow: 0 0 0 4px var(--core-focus, rgba(26, 115, 232, .19));
}
.smart-search input::-webkit-search-decoration,
.smart-search input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.search-clear {
  width: 40px;
  min-height: 48px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.search-clear:hover { color: var(--ink); }
.search-clear[hidden] { display: none !important; }
.source-note strong { display: block; margin-top: 6px; font-size: 18px; letter-spacing: 0; color: #fff; }

/* Result and alternative cards are links so profile pages remain discoverable without JavaScript. */
.section-row,
.alternative-card { color: inherit; text-decoration: none; }

/* Compact application shell shared with Weight Calculator and Free CAD Blocks. */
body { background: var(--bg); color: var(--text); }
.section-app { width: min(1440px, calc(100% - 28px)); margin: 0 auto; padding: 4px 0 48px; }
.search-hero {
  min-height: 0;
  padding: 18px 0 14px;
  display: grid;
  grid-template-columns: minmax(250px, .55fr) minmax(520px, 1.45fr);
  gap: 14px;
  align-items: stretch;
  background: transparent;
  color: var(--text);
}
.section-app .search-hero .hero-copy p { color: var(--muted); }
.hero-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; }
.eyebrow { color: var(--accent-strong); font-size: .64rem; }
.hero-copy h1 { margin: 4px 0 0; font-size: clamp(1.6rem, 3vw, 2.2rem); line-height: 1.08; letter-spacing: -.04em; }
.hero-copy h1 em { color: var(--accent-strong); }
.hero-copy p { max-width: 390px; margin: 3px 0 2px; color: var(--muted); font-size: .86rem; line-height: 1.5; }
.hero-page-actions { margin-top: 8px; }
.hero-page-actions button {
  min-height: 38px; padding: 0 13px; border-color: var(--line); background: var(--surface); color: var(--text); box-shadow: none;
}
.hero-page-actions button.primary { background: var(--accent); color: #fff; }
.search-console {
  width: 100%;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow);
}
.search-modes { margin-bottom: 14px; background: var(--surface-2); }
.search-modes button { color: var(--muted); }
.search-modes button.active { background: var(--surface); color: var(--accent-strong); box-shadow: 0 3px 12px rgba(30,45,70,.08); }
.smart-search, .strength-grid input { border-color: var(--line); background: var(--surface-2); color: var(--text); }
.smart-search input { color: var(--text); }
.search-mode-panel p { color: var(--muted); }
.search-button[hidden] { display: none !important; }
.section-workspace {
  max-width: none;
  min-height: 720px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface);
  box-shadow: var(--shadow);
}
.filter-panel, .results-panel, .detail-panel { background: var(--surface); color: var(--text); }
.filter-panel { background: var(--surface-2); }
.filter-panel select, .filter-panel input, .results-heading select, .section-row, .category-crumb, .load-more, .alternative-card, .detail-heading button { border-color: var(--line); background: var(--surface); color: var(--text); }
.section-row:hover, .section-row.active { border-color: var(--accent); background: var(--accent-soft); }
.source-note { background: var(--inverse-surface); }
.advanced-properties summary, .filter-panel summary { color: var(--text); }
.advanced-row { background: var(--surface-2); }

@media(max-width:850px) {
  .search-hero { grid-template-columns: 1fr; padding-top: 18px; }
  .hero-copy h1 { font-size: clamp(1.6rem, 7vw, 2.2rem); }
}
@media(max-width:560px) {
  .section-app { width: min(100% - 20px, 1440px); }
  .search-hero { padding: 14px 0 12px; }
  .search-console { padding: 13px; }
}

/* Readable engineering UI: supporting text remains compact without dropping below comfortable desktop sizes. */
.search-modes button { font-size: 13px; }
.search-mode-panel > label,
.strength-grid label { font-size: 12px; }
.search-mode-panel p { font-size: 12px; line-height: 1.5; }
.smart-search input,
.strength-grid input { font-size: 14px; }
.strength-grid label b { display: flex; justify-content: space-between; gap: 8px; color: var(--text); font-size: 12px; line-height: 1.35; }
.strength-grid label small { min-height: 34px; color: var(--muted); font-size: 10px; font-weight: 550; line-height: 1.45; }

.filter-title span,
.results-heading span,
.detail-heading span,
.alternatives header span,
.source-note span { font-size: 10px; }
.filter-title strong { font-size: 16px; }
.filter-title button { font-size: 12px; }
.filter-panel > label,
.filter-panel details label { font-size: 12px; }
.filter-panel select,
.filter-panel input,
.results-heading select { min-height: 42px; font-size: 13px; }
.filter-panel summary { font-size: 12px; }
.source-note p { font-size: 11px; }

.category-crumb { font-size: 11px; }
.category-crumb b { font-size: 9px; }
.results-heading h2 { font-size: 24px; }
.results-heading label { font-size: 11px; }
.loading-card { font-size: 13px; line-height: 1.5; }
.load-more[hidden] { display: none !important; }
.section-row { grid-template-columns: minmax(150px, 1.35fr) repeat(3, minmax(78px, .65fr)); }
.section-row h3 { font-size: 15px; }
.section-row .row-meta { font-size: 11px; line-height: 1.4; }
.row-property span { font-size: 9px; }
.row-property strong { font-size: 13px; }
.row-arrow { display: none !important; }

.detail-heading h2 { font-size: 30px; }
.detail-heading p { font-size: 12px; line-height: 1.4; }
.detail-heading button { min-height: 38px; height: auto; font-size: 11px; }
.cad-option { font-size: 10px; }
.cad-action small { font-size: 10px; }
.dimension-item span { font-size: 9px; }
.dimension-item strong { font-size: 12px; }
.primary-properties { grid-template-columns: repeat(2, 1fr); }
.property-card span { font-size: 9px; }
.property-card strong { font-size: 15px; }
.advanced-properties summary { font-size: 12px; }
#advancedProperties { grid-template-columns: 1fr; }
.advanced-row { display: grid; grid-template-columns: minmax(145px, 1fr) auto 76px; gap: 9px; align-items: center; min-height: 48px; font-size: 11px; line-height: 1.35; }
.advanced-property-name { min-width: 0; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 7px; align-items: baseline; }
.advanced-property-name b { margin: 0; color: var(--text); font-size: 12px; white-space: nowrap; }
.advanced-property-name span { color: var(--muted); overflow-wrap: anywhere; }
.advanced-value { color: var(--text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.advanced-unit-select {
  width: 76px; min-height: 30px; padding: 0 6px; border: 1px solid var(--line); border-radius: 7px;
  background: var(--surface); color: var(--text); font: inherit; font-size: 10px; font-weight: 750;
}
.advanced-unit-static { width: 76px; color: var(--muted); font-size: 10px; text-align: center; }
.advanced-empty { padding: 16px; border: 1px dashed var(--line); border-radius: 8px; color: var(--muted); font-size: 11px; text-align: center; }
.alternatives h3 { font-size: 15px; }
.alternatives header small { font-size: 10px; }
.alternative-card b { font-size: 12px; }
.alternative-card span { font-size: 10px; }
.alternative-card strong { font-size: 11px; }

@media(max-width:850px) {
  .section-row { grid-template-columns: minmax(150px, 1.3fr) repeat(2, minmax(78px, .7fr)); }
}
@media(max-width:560px) {
  .section-row { grid-template-columns: minmax(150px, 1fr) minmax(78px, .7fr); }
  .advanced-row { grid-template-columns: minmax(125px, 1fr) auto 68px; gap: 6px; }
  .advanced-property-name { grid-template-columns: 30px minmax(0, 1fr); gap: 5px; }
  .advanced-unit-select, .advanced-unit-static { width: 68px; }
}

/* The family navigator uses an explicit location trail and keeps sibling profile types easy to scan. */
.category-breadcrumbs {
  display: grid;
  gap: 9px;
  overflow: visible;
}
.breadcrumb-path,
.category-shortcuts {
  display: flex;
  align-items: center;
  min-width: 0;
}
.breadcrumb-path { gap: 7px; }
.category-shortcuts {
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: thin;
}
.breadcrumb-home {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.breadcrumb-home:hover,
.breadcrumb-home.active { color: var(--accent-strong); }
.breadcrumb-home b,
.breadcrumb-current b { color: var(--muted); font-size: 9px; }
.breadcrumb-separator { color: var(--muted); font-size: 16px; line-height: 1; }
.breadcrumb-current {
  overflow: hidden;
  color: var(--text);
  font-size: 11px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Reserve the right-panel heading for long profile names and align both drawing options as one control group. */
.detail-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 14px;
}
.detail-identity { min-width: 0; padding-right: 0; }
.detail-identity h2 { overflow-wrap: anywhere; }
.detail-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  justify-content: stretch;
  flex-wrap: nowrap;
}
.cad-action {
  width: 100%;
  min-width: 0;
  justify-items: stretch;
  align-content: start;
}
.cad-options {
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  gap: 7px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface-2);
}
.cad-option {
  width: 100%;
  justify-content: flex-start;
  font-size: 11px;
  line-height: 1.3;
  white-space: normal;
}
.cad-option input { flex: 0 0 14px; margin: 0; }
.cad-action small { justify-self: end; }

@media(max-width:560px) {
  .detail-identity { padding-right: 0; }
  .detail-actions { grid-template-columns: 1fr; justify-content: flex-start; }
  .cad-action { min-width: min(100%, 250px); }
  .cad-options { grid-template-columns: 1fr; }
}