.advisor-page {
  max-width: 1320px;
}

.learn-page {
  width: 100%;
  max-width: none;
}

.guide-workspace {
  width: 100%;
  max-width: none;
}

.guide-category-arrow {
  position: fixed;
  top: 52%;
  z-index: 30;
  display: flex;
  gap: .45rem;
  align-items: center;
  max-width: 46px;
  min-height: 74px;
  padding: .7rem .75rem;
  overflow: hidden;
  border: 1px solid #cfdaed;
  background: color-mix(in srgb, var(--bs-body-bg) 92%, transparent);
  color: var(--bs-body-color);
  box-shadow: 0 .45rem 1.2rem rgba(25, 45, 82, .12);
  text-decoration: none;
  backdrop-filter: blur(8px);
  transition: max-width .2s ease, border-color .2s ease, background .2s ease;
}

.guide-category-arrow:hover,
.guide-category-arrow:focus-visible {
  max-width: 245px;
  border-color: var(--bs-primary);
  background: var(--bs-body-bg);
}

.guide-category-arrow-prev {
  left: 0;
  border-radius: 0 .8rem .8rem 0;
}

.guide-category-arrow-next {
  right: 0;
  justify-content: flex-end;
  border-radius: .8rem 0 0 .8rem;
}

.guide-category-arrow span {
  flex: 0 0 auto;
  font-size: .76rem;
  font-weight: 700;
  white-space: nowrap;
}

.guide-category-mobile-nav {
  display: none;
}

.learn-hero,
.guide-hero,
.advisor-hero {
  background: linear-gradient(125deg, #eef4ff, #fff 62%, #f4fbff);
  border: 1px solid #dce4f1;
  border-radius: .85rem;
}

.learn-hero h1,
.guide-hero h1,
.advisor-hero h1 {
  font-size: 1.25rem;
}

.learn-hero p,
.guide-hero p,
.advisor-hero p {
  max-width: 920px;
  font-size: .86rem;
}

.learn-card {
  height: 100%;
  border: 1px solid #dce4f1;
  border-radius: 1rem;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.learn-card:hover {
  transform: translateY(-3px);
  border-color: rgba(67, 97, 238, .36);
  box-shadow: 0 .5rem 1.1rem rgba(22, 45, 91, .1);
}

.learn-card-advisor {
  background: linear-gradient(140deg, rgba(67, 97, 238, .1), rgba(71, 190, 170, .06));
}

.learn-icon {
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  border-radius: .8rem;
  background: rgba(67, 97, 238, .11);
  color: var(--bs-primary);
  font-size: 1.35rem;
}

.guide-shell {
  border: 1px solid #dce4f1;
  border-radius: 1rem;
  overflow: hidden;
}

.guide-sidebar {
  background: var(--bs-tertiary-bg);
  border-right: 1px solid var(--bs-border-color);
  padding: 1rem;
}

.guide-sidebar-title,
.guide-kicker,
.guide-label,
.advisor-label {
  color: #5e6e8a;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.guide-kicker {
  color: var(--bs-primary);
}

.guide-node {
  display: flex;
  align-items: center;
  gap: .5rem;
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  border-radius: .55rem;
  padding: .62rem .7rem;
  color: var(--bs-body-color);
  font-size: .88rem;
}

.guide-node:hover,
.guide-node.active {
  background: rgba(67, 97, 238, .11);
  color: #2349af;
}

.guide-node.active {
  font-weight: 700;
}

.guide-children {
  margin: .1rem 0 .4rem .7rem;
  padding-left: .65rem;
  border-left: 1px solid #ced9ef;
}

.guide-child {
  padding: .4rem .55rem;
  font-size: .79rem;
}

.guide-detail {
  min-height: 650px;
  padding: 1.25rem;
}

.guide-empty {
  min-height: 590px;
  display: grid;
  place-items: center;
  color: var(--bs-secondary-color);
  text-align: center;
}

.guide-empty i {
  display: block;
  margin-bottom: .75rem;
  color: var(--bs-primary);
  font-size: 2.5rem;
}

.guide-detail-card {
  animation: guide-enter .22s ease-out;
}

.guide-visual {
  position: relative;
  min-height: 260px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #dce4f1;
  border-radius: .85rem;
  background: linear-gradient(135deg, #f4f7ff, #fff);
}

.guide-visual svg {
  width: min(100%, 520px);
  height: 250px;
}

.guide-visual-caption {
  position: absolute;
  right: .65rem;
  bottom: .55rem;
  max-width: calc(100% - 1.3rem);
  padding: .28rem .5rem;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: .45rem;
  background: rgba(255, 255, 255, .9);
  color: #43516a;
  font-size: .7rem;
  backdrop-filter: blur(5px);
}

.guide-uploaded-image,
.guide-photo-crop,
.guide-board-crop {
  width: 100%;
  height: 260px;
}

.guide-uploaded-image {
  object-fit: contain;
}

.guide-photo-crop {
  background-image: var(--guide-photo-url);
  background-repeat: no-repeat;
  background-size: 300% 200%;
}

.guide-board-crop {
  background-repeat: no-repeat;
}

.guide-photo-carbon { background-position: left top; }
.guide-photo-glass { background-position: center top; }
.guide-photo-aramid { background-position: right top; }
.guide-photo-uhmwpe { background-position: left bottom; }
.guide-photo-basalt { background-position: center bottom; }
.guide-photo-ceramic,
.guide-photo-quartz { background-position: right bottom; }

.guide-fact {
  height: 100%;
  border: 1px solid #dce4f1;
  border-radius: .75rem;
  padding: .85rem;
  background: var(--bs-body-bg);
}

.guide-advantage { border-top: 3px solid #198754; }
.guide-limitation { border-top: 3px solid #dc3545; }

.guide-score {
  display: grid;
  grid-template-columns: 142px 1fr 28px;
  gap: .55rem;
  align-items: center;
  margin-bottom: .45rem;
  font-size: .78rem;
}

.guide-meter {
  height: .44rem;
  overflow: hidden;
  border-radius: 99px;
  background: #e7edf8;
}

.guide-meter > span {
  display: block;
  height: 100%;
  border-radius: 99px;
  background: linear-gradient(90deg, #4361ee, #70a1ff);
}

.guide-properties {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: .65rem;
}

.guide-property {
  border: 1px solid #dce4f1;
  border-radius: .65rem;
  padding: .65rem;
  font-size: .82rem;
}

.guide-property strong,
.guide-property span { display: block; }
.guide-property strong {
  margin-bottom: .15rem;
  color: #5e6e8a;
  font-size: .7rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.guide-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
}

.guide-chip {
  padding: .3rem .52rem;
  border: 1px solid #d7e0ef;
  border-radius: 999px;
  background: #f7f9fd;
  color: #3d4f6d;
  font-size: .74rem;
}

.guide-materials {
  border-top: 1px solid var(--bs-border-color);
}

.guide-material-link {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
  padding: .45rem 0;
  border-bottom: 1px solid var(--bs-border-color-translucent);
  color: inherit;
  font-size: .78rem;
  text-decoration: none;
}

.design-detail {
  max-width: 100%;
}

.design-header {
  max-width: 980px;
}

.design-visual {
  height: 100%;
  min-height: 310px;
}

.design-visual svg,
.design-visual .guide-uploaded-image {
  width: 100%;
  height: 310px;
}

.design-visual-compact,
.design-visual-compact svg {
  min-height: 245px;
  height: 245px;
}

.guide-sandwich-photo {
  object-fit: cover;
}

.design-callout {
  padding: .85rem 1rem;
  border: 1px solid #dce4f1;
  border-radius: .75rem;
  background: var(--bs-body-bg);
  font-size: .86rem;
}

.design-callout-primary {
  border-left: 4px solid var(--bs-primary);
  background: rgba(67, 97, 238, .055);
}

.design-callout-label {
  display: block;
  margin-bottom: .28rem;
  color: #53647f;
  font-size: .7rem;
  font-weight: 750;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.design-section-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

.design-section {
  padding: .9rem 1rem;
  border: 1px solid #dce4f1;
  border-radius: .8rem;
  background: var(--bs-body-bg);
}

.design-section h3 {
  display: flex;
  gap: .5rem;
  align-items: center;
  margin: 0 0 .55rem;
  color: #334561;
  font-size: .82rem;
}

.design-section h3 i {
  color: var(--bs-primary);
}

.design-section ul {
  margin: 0;
  padding-left: 1.15rem;
  color: var(--bs-secondary-color);
  font-size: .8rem;
}

.design-section li + li {
  margin-top: .38rem;
}

.design-table-section {
  overflow: hidden;
  border: 1px solid #dce4f1;
  border-radius: .8rem;
  background: var(--bs-body-bg);
}

.design-table-section > h3 {
  padding: .85rem 1rem .45rem;
}

.design-table {
  min-width: 780px;
  font-size: .76rem;
  vertical-align: middle;
}

.design-table thead th {
  position: sticky;
  top: 0;
  padding: .55rem .65rem;
  background: #eaf0fb;
  color: #40516e;
  font-size: .68rem;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
}

.design-table tbody th {
  min-width: 150px;
  color: #263a5b;
  font-weight: 700;
}

.design-table td,
.design-table tbody th {
  padding: .55rem .65rem;
}

.design-table tbody tr:nth-child(even) > * {
  background: rgba(67, 97, 238, .035);
}

.design-table td.design-cell-best {
  background: rgba(25, 135, 84, .13) !important;
  color: #146c43;
  font-weight: 700;
}

.design-table td.design-cell-worst {
  background: rgba(220, 53, 69, .11) !important;
  color: #a52834;
  font-weight: 700;
}

.design-table td.design-cell-caution {
  background: rgba(255, 193, 7, .14) !important;
  color: #805d00;
}

.design-table-note {
  padding: .65rem 1rem .8rem;
  border-top: 1px solid var(--bs-border-color-translucent);
  color: var(--bs-secondary-color);
  font-size: .72rem;
}

.guide-related-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: .55rem;
}

.guide-related-links a {
  display: flex;
  gap: .55rem;
  align-items: center;
  padding: .7rem .8rem;
  border: 1px solid rgba(67, 97, 238, .28);
  border-radius: .68rem;
  background: rgba(67, 97, 238, .055);
  color: var(--bs-body-color);
  font-size: .78rem;
  font-weight: 700;
  text-decoration: none;
}

.guide-related-links a:hover {
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}

.balance-choice-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .45rem;
}

.balance-choice-grid button {
  padding: .55rem .65rem;
  border: 1px solid #d1dced;
  border-radius: .58rem;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-size: .76rem;
  font-weight: 650;
}

.balance-choice-grid button:hover,
.balance-choice-grid button.active {
  border-color: var(--bs-primary);
  background: rgba(67, 97, 238, .1);
  color: #2349af;
}

.advisor-layout {
  display: grid;
  grid-template-columns: minmax(300px, 430px) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.advisor-form,
.advisor-results {
  border: 1px solid #dce4f1;
  border-radius: 1rem;
}

.advisor-form {
  position: sticky;
  top: 1rem;
}

.advisor-step {
  padding: .9rem 0;
  border-bottom: 1px solid var(--bs-border-color-translucent);
}

.advisor-step:last-of-type { border-bottom: 0; }
.advisor-step .form-label { font-size: .82rem; font-weight: 650; }
.advisor-help { color: var(--bs-secondary-color); font-size: .72rem; }

.advisor-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem;
}

.advisor-choice input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.advisor-choice span {
  display: block;
  height: 100%;
  padding: .55rem .6rem;
  border: 1px solid #d7dfec;
  border-radius: .55rem;
  background: var(--bs-body-bg);
  font-size: .78rem;
  cursor: pointer;
}

.advisor-choice input:checked + span {
  border-color: var(--bs-primary);
  background: rgba(67, 97, 238, .1);
  color: #2349af;
  box-shadow: inset 0 0 0 1px var(--bs-primary);
}

.advisor-results {
  min-height: 560px;
  padding: 1rem;
}

.advisor-result-card {
  border: 1px solid #dce4f1;
  border-radius: .8rem;
  padding: .9rem;
  background: var(--bs-body-bg);
}

.advisor-result-card + .advisor-result-card { margin-top: .7rem; }
.advisor-result-title { display: flex; align-items: center; gap: .55rem; }
.advisor-rank {
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: .5rem;
  background: rgba(67, 97, 238, .12);
  color: #2349af;
  font-size: .75rem;
  font-weight: 800;
}

.advisor-reason-list {
  margin: .55rem 0 0;
  padding-left: 1.05rem;
  color: var(--bs-secondary-color);
  font-size: .78rem;
}

.advisor-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}

.advisor-caution {
  border-left: 3px solid #e7a33e;
  background: rgba(231, 163, 62, .08);
}

@keyframes guide-enter {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 991.98px) {
  .guide-category-arrow { display: none; }
  .guide-category-mobile-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
  }
  .guide-category-mobile-nav a {
    display: flex;
    gap: .55rem;
    align-items: center;
    padding: .75rem;
    border: 1px solid #d6dfed;
    border-radius: .7rem;
    color: var(--bs-body-color);
    font-size: .78rem;
    font-weight: 700;
    text-decoration: none;
  }
  .guide-category-mobile-nav a:last-child { justify-content: flex-end; text-align: right; }
  .guide-category-mobile-nav small { display: block; color: var(--bs-secondary-color); font-weight: 400; }
  .guide-sidebar {
    max-height: 340px;
    overflow: auto;
    border-right: 0;
    border-bottom: 1px solid var(--bs-border-color);
  }
  .guide-detail { min-height: 0; }
  .guide-empty { min-height: 260px; }
  .advisor-layout { grid-template-columns: 1fr; }
  .advisor-form { position: static; }
}

@media (max-width: 575.98px) {
  .advisor-choice-grid,
  .advisor-summary-grid { grid-template-columns: 1fr; }
  .guide-score { grid-template-columns: 112px 1fr 26px; }
  .guide-visual,
  .guide-uploaded-image,
  .guide-photo-crop { min-height: 220px; height: 220px; }
  .guide-board-crop { min-height: 220px; height: 220px; }
  .design-section-grid { grid-template-columns: 1fr; }
  .design-visual,
  .design-visual svg,
  .design-visual .guide-uploaded-image { min-height: 235px; height: 235px; }
  .balance-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 992px) and (max-width: 1450px) {
  .guide-category-arrow span { display: none; }
  .guide-category-arrow:hover,
  .guide-category-arrow:focus-visible { max-width: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  .learn-card,
  .guide-detail-card { transition: none; animation: none; }
}

.guide-fabric-weaves{display:block;width:100%;max-height:420px;object-fit:cover;object-position:center;border:1px solid #d9e2f0;border-radius:6px;background:#fff}.guide-detail .guide-uploaded-image{margin-bottom:.45rem}

.guide-resin-board{display:block;width:100%;max-height:420px;object-fit:cover;border:1px solid #d9e2f0;border-radius:6px;background:#fff}

.resin-insight-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d7e2f3;border-radius:6px;background:#f7f9fe}.resin-insight-strip>div{min-height:88px;padding:1rem;border-right:1px solid #d7e2f3}.resin-insight-strip>div:last-child{border-right:0}.resin-insight-strip i{display:block;color:#315fd1;font-size:1.15rem;margin-bottom:.25rem}.resin-insight-strip span{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#62718a}.resin-insight-strip strong{display:block;margin-top:.2rem;font-size:.88rem;color:#26334c}@media(max-width:767px){.resin-insight-strip{grid-template-columns:1fr 1fr}.resin-insight-strip>div:nth-child(2){border-right:0}.resin-insight-strip>div{border-bottom:1px solid #d7e2f3}.resin-insight-strip>div:nth-last-child(-n+2){border-bottom:0}}
.guide-nav-group {
  margin: 1rem .45rem .35rem;
  color: #64738d;
  font-size: .66rem;
  font-weight: 750;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.guide-nav-group:first-child { margin-top: .2rem; }

.process-guide {
  border-top: 1px solid #dce4f1;
  padding-top: 1.25rem;
}

.process-guide-heading {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: .8rem;
}

.process-guide-badge {
  flex: 0 0 auto;
  border: 1px solid #d5e0f2;
  border-radius: 4px;
  padding: .32rem .55rem;
  color: #53647f;
  font-size: .72rem;
  white-space: nowrap;
}

.process-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #dce4f1;
  border-radius: 6px;
  background: #f8faff;
}

.process-overview > div {
  min-height: 90px;
  padding: .82rem .9rem;
  border-right: 1px solid #dce4f1;
}

.process-overview > div:last-child { border-right: 0; }

.process-overview span,
.process-panel-label {
  display: block;
  margin-bottom: .32rem;
  color: #62718a;
  font-size: .68rem;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.process-overview strong {
  display: block;
  color: #21324f;
  font-size: .83rem;
  font-weight: 650;
  line-height: 1.35;
}

.process-panel {
  height: 100%;
  padding: .95rem;
  border: 1px solid #dce4f1;
  border-radius: 6px;
  background: var(--bs-body-bg);
}

.process-panel-control { border-top: 3px solid #315fd1; }
.process-panel-check { border-top: 3px solid #198754; }

.process-panel-label i {
  margin-right: .35rem;
  color: var(--bs-primary);
  font-size: .86rem;
}

.process-steps,
.process-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.process-steps { display: grid; gap: .6rem; }

.process-steps li {
  display: grid;
  grid-template-columns: 1.4rem 1fr;
  gap: .55rem;
  align-items: start;
  color: #30415e;
  font-size: .82rem;
  line-height: 1.35;
}

.process-steps li > span {
  display: grid;
  width: 1.4rem;
  height: 1.4rem;
  place-items: center;
  border: 1px solid #cbd8f4;
  border-radius: 50%;
  background: #eff4ff;
  color: #315fd1;
  font-size: .68rem;
  font-weight: 750;
}

.process-list { display: grid; gap: .6rem; }

.process-list li {
  display: grid;
  grid-template-columns: 1rem 1fr;
  gap: .48rem;
  color: #30415e;
  font-size: .8rem;
  line-height: 1.35;
}

.process-list i { color: #315fd1; }
.process-panel-check .process-list i { color: #198754; }

.process-evidence {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .55rem;
  align-items: start;
  margin-top: .8rem;
  padding: .75rem .85rem;
  border-left: 3px solid #8298cb;
  background: #f7f9fd;
  color: #52627c;
  font-size: .76rem;
  line-height: 1.4;
}

.process-evidence > i { margin-top: .12rem; color: #315fd1; }
.process-evidence a { color: #315fd1; font-weight: 650; text-decoration: none; white-space: nowrap; }
.process-evidence a:hover { text-decoration: underline; }

@media (max-width: 1199px) {
  .process-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .process-overview > div:nth-child(2) { border-right: 0; }
  .process-overview > div:nth-child(-n + 2) { border-bottom: 1px solid #dce4f1; }
}

@media (max-width: 575px) {
  .process-guide-heading { display: block; }
  .process-guide-badge { display: inline-block; margin-top: .55rem; }
  .process-overview { grid-template-columns: 1fr; }
  .process-overview > div { min-height: auto; border-right: 0; border-bottom: 1px solid #dce4f1; }
  .process-overview > div:last-child { border-bottom: 0; }
  .process-evidence { grid-template-columns: auto 1fr; }
  .process-evidence a { grid-column: 2; }
}
.guide-atl-photo { object-fit: cover; object-position: center; }

.process-format {
  display: grid;
  grid-template-columns: 1.65rem 1fr;
  gap: .6rem;
  align-items: start;
  margin-top: .8rem;
  padding: .75rem .85rem;
  border: 1px solid #cbd8f4;
  border-left: 3px solid #315fd1;
  border-radius: 6px;
  background: #f3f6ff;
}

.process-format > i { margin-top: .1rem; color: #315fd1; font-size: 1rem; }
.process-format span { display: block; margin-bottom: .2rem; color: #62718a; font-size: .68rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.process-format strong { color: #263b65; font-size: .83rem; font-weight: 650; line-height: 1.4; }

.selection-graphic {
  --selection-line: #cbd8ed;
  --selection-ink: #263b5b;
}

.selection-graphic > header {
  max-width: 920px;
  margin-bottom: 1rem;
}

.selection-root {
  position: relative;
  display: flex;
  width: fit-content;
  min-width: 310px;
  gap: .8rem;
  align-items: center;
  margin: 0 auto 1.4rem;
  padding: .8rem 1rem;
  border: 1px solid #b9caea;
  border-radius: 8px;
  background: linear-gradient(135deg, #edf3ff, #f8fbff);
  color: var(--selection-ink);
}

.selection-root::after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1px;
  height: 1.45rem;
  background: var(--selection-line);
  content: '';
}

.selection-root > i {
  color: #315fd1;
  font-size: 1.55rem;
}

.selection-root span,
.selection-root strong { display: block; }
.selection-root span { color: #66758e; font-size: .68rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.selection-root strong { margin-top: .1rem; font-size: .9rem; }

.selection-branches {
  position: relative;
  display: grid;
  gap: .75rem;
}

.selection-branches::before {
  position: absolute;
  top: -.7rem;
  right: 10%;
  left: 10%;
  height: 1px;
  background: var(--selection-line);
  content: '';
}

.selection-branches-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.selection-branches-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.selection-branches-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.selection-branches > section {
  position: relative;
  min-width: 0;
  padding: .85rem;
  border: 1px solid #d7e1f0;
  border-radius: 8px;
  background: var(--bs-body-bg);
}

.selection-branches > section::before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 1px;
  height: .75rem;
  background: var(--selection-line);
  content: '';
}

.selection-branches h3 {
  display: flex;
  gap: .4rem;
  align-items: center;
  margin-bottom: .35rem;
  color: var(--selection-ink);
  font-size: .82rem;
}

.selection-branches section > p {
  min-height: 2.6rem;
  margin-bottom: .65rem;
  color: var(--bs-secondary-color);
  font-size: .72rem;
  line-height: 1.35;
}

.selection-dot {
  flex: 0 0 auto;
  width: .58rem;
  height: .58rem;
  border-radius: 50%;
  background: #315fd1;
  box-shadow: 0 0 0 3px #e6edff;
}

.selection-dot.natural { background: #35956b; box-shadow: 0 0 0 3px #e3f5ec; }
.selection-dot.inorganic { background: #75869e; box-shadow: 0 0 0 3px #e9edf2; }
.selection-dot.organic { background: #d98532; box-shadow: 0 0 0 3px #fff0df; }
.selection-dot.carbon { background: #202938; box-shadow: 0 0 0 3px #e4e7eb; }
.selection-dot.thermoset, .selection-dot.structural { background: #315fd1; }
.selection-dot.thermoplastic, .selection-dot.production { background: #d98532; box-shadow: 0 0 0 3px #fff0df; }
.selection-dot.sealing { background: #35956b; box-shadow: 0 0 0 3px #e3f5ec; }

.selection-node {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  width: 100%;
  gap: .08rem .4rem;
  align-items: center;
  margin-top: .38rem;
  padding: .52rem .58rem;
  border: 1px solid #d9e2ef;
  border-radius: 6px;
  background: #f8faff;
  color: #2c4268;
  text-align: left;
  transition: border-color .15s ease, transform .15s ease, background .15s ease;
}

.selection-node:hover,
.selection-node:focus-visible {
  transform: translateY(-1px);
  border-color: #6f8de2;
  background: #eef3ff;
}

.selection-node strong { font-size: .75rem; line-height: 1.2; }
.selection-node span { grid-column: 1; color: #6a7890; font-size: .66rem; line-height: 1.25; }
.selection-node i { grid-column: 2; grid-row: 1 / 3; color: #315fd1; font-size: .72rem; }

.selection-use-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .4rem;
}

.selection-use-grid .selection-node { margin-top: 0; }

.selection-checks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: .8rem;
  overflow: hidden;
  border: 1px solid #d7e1f0;
  border-radius: 8px;
  background: #f8faff;
}

.selection-checks > div { display: grid; grid-template-columns: auto 1fr; gap: .05rem .5rem; padding: .7rem; border-right: 1px solid #d7e1f0; }
.selection-checks > div:last-child { border-right: 0; }
.selection-checks i { grid-row: 1 / 3; color: #315fd1; }
.selection-checks span { color: #68778f; font-size: .65rem; font-weight: 750; text-transform: uppercase; }
.selection-checks strong { font-size: .69rem; font-weight: 650; line-height: 1.25; }

.selection-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: .45rem;
  align-items: center;
  margin-top: .8rem;
  padding: .7rem;
  border: 1px solid #d7e1f0;
  border-radius: 8px;
  background: #f8faff;
  color: #3b4e6c;
  font-size: .7rem;
  font-weight: 700;
  text-align: center;
}

.selection-flow i { color: #8292aa; }

.selection-caution {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .65rem;
  align-items: start;
  margin-top: .8rem;
  padding: .75rem .85rem;
  border-left: 3px solid #d78a2d;
  background: #fff8eb;
  color: #5d4a2d;
  font-size: .72rem;
  line-height: 1.4;
}

.selection-caution > i { margin-top: .1rem; color: #bd7420; }
.selection-caution .selection-node { grid-column: 2; max-width: 330px; background: rgba(255, 255, 255, .7); }

@media (max-width: 1199px) {
  .selection-branches-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .selection-branches-four::before { display: none; }
  .selection-branches-four > section::before { display: none; }
}

@media (max-width: 767px) {
  .selection-root { width: 100%; min-width: 0; margin-bottom: .75rem; }
  .selection-root::after, .selection-branches::before, .selection-branches > section::before { display: none; }
  .selection-branches-four,
  .selection-branches-three,
  .selection-branches-two { grid-template-columns: 1fr; }
  .selection-branches section > p { min-height: 0; }
  .selection-use-grid { grid-template-columns: 1fr; }
  .selection-checks { grid-template-columns: 1fr 1fr; }
  .selection-checks > div:nth-child(2) { border-right: 0; }
  .selection-checks > div:nth-child(-n + 2) { border-bottom: 1px solid #d7e1f0; }
  .selection-flow { grid-template-columns: 1fr; text-align: left; }
  .selection-flow i { transform: rotate(90deg); justify-self: center; }
}

/* Applied manufacturing, tooling, machining and design guides */
.practice-guide{border-top:1px solid var(--bs-border-color);padding-top:.25rem}.practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.practice-panel{min-height:190px;padding:.85rem;border:1px solid var(--bs-border-color);border-top:3px solid #4361ee;border-radius:.55rem;background:var(--bs-body-bg)}.practice-panel.is-error{border-top-color:#c43d4f;background:color-mix(in srgb,#dc3545 4%,var(--bs-body-bg))}.practice-panel.is-consequence{border-top-color:#d58a25;background:color-mix(in srgb,#f5a623 5%,var(--bs-body-bg))}.practice-panel.is-practice{border-top-color:#2e8c72;background:color-mix(in srgb,#198754 4%,var(--bs-body-bg))}.practice-panel h3{display:flex;align-items:center;gap:.4rem;margin:0 0 .55rem;font-size:.79rem}.practice-panel ul{margin:0;padding-left:1.1rem;color:var(--bs-secondary-color);font-size:.74rem;line-height:1.45}.practice-panel li+li{margin-top:.38rem}.practice-safety{display:flex;gap:.75rem;align-items:flex-start;margin-top:.8rem;padding:.85rem;border:1px solid color-mix(in srgb,#d58a25 45%,var(--bs-border-color));border-radius:.55rem;background:color-mix(in srgb,#f5a623 7%,var(--bs-body-bg))}.practice-safety>i{color:#b66b0b;font-size:1.2rem}.practice-safety strong,.practice-safety span{display:block}.practice-safety strong{font-size:.78rem}.practice-safety span{margin-top:.18rem;color:var(--bs-secondary-color);font-size:.74rem;line-height:1.4}.practice-link-columns{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.8rem}.practice-link-columns section{display:flex;flex-wrap:wrap;gap:.4rem;padding:.75rem;border:1px solid var(--bs-border-color);border-radius:.55rem}.practice-link-columns h3{flex:0 0 100%;margin:0 0 .2rem;font-size:.76rem}.practice-link-columns a{display:inline-flex;align-items:center;gap:.3rem;padding:.34rem .48rem;border:1px solid var(--bs-border-color);border-radius:.35rem;font-size:.7rem;text-decoration:none}.practice-link-columns a:hover{border-color:var(--bs-primary)}@media(max-width:1199px){.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.practice-grid,.practice-link-columns{grid-template-columns:1fr}.practice-panel{min-height:0}}
/* Learn v10: compact library and professional practice guides */
.learn-library{max-width:1680px;margin:0 auto}.learn-library-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;min-height:210px;margin-bottom:1.4rem;padding:2rem 2.3rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--bs-primary) 25%,var(--bs-border-color));border-radius:1.25rem;background:radial-gradient(circle at 88% 20%,rgba(67,97,238,.17),transparent 27%),linear-gradient(120deg,color-mix(in srgb,var(--bs-primary) 9%,var(--bs-body-bg)),var(--bs-body-bg) 62%,color-mix(in srgb,#27a38b 8%,var(--bs-body-bg)));box-shadow:0 1.2rem 2.8rem rgba(26,47,91,.08)}.learn-eyebrow,.guide-category-kicker,.practice-topic-eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:var(--bs-primary);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.learn-library-hero h1{max-width:720px;margin:.55rem 0 .55rem;font-size:clamp(1.7rem,3vw,3rem);line-height:1.02;letter-spacing:-.045em}.learn-library-hero p{max-width:760px;margin:0;color:var(--bs-secondary-color);font-size:.92rem;line-height:1.55}.learn-hero-orbit{position:relative;display:grid;width:150px;height:150px;place-items:center;margin:auto;border:1px solid color-mix(in srgb,var(--bs-primary) 35%,transparent);border-radius:50%;color:var(--bs-primary);font-size:2.5rem;box-shadow:inset 0 0 0 22px color-mix(in srgb,var(--bs-primary) 4%,transparent)}.learn-hero-orbit:before,.learn-hero-orbit:after{position:absolute;inset:22px;border:1px dashed color-mix(in srgb,var(--bs-primary) 38%,transparent);border-radius:50%;content:""}.learn-hero-orbit:after{inset:-14px}.learn-hero-orbit span{position:absolute;display:grid;width:34px;height:34px;place-items:center;border:1px solid color-mix(in srgb,var(--bs-primary) 25%,var(--bs-border-color));border-radius:10px;background:var(--bs-body-bg);font-size:.9rem;box-shadow:0 .35rem .8rem rgba(31,54,98,.12)}.learn-hero-orbit span:nth-child(2){top:-4px;right:18px}.learn-hero-orbit span:nth-child(3){right:-6px;bottom:22px}.learn-hero-orbit span:nth-child(4){bottom:-5px;left:28px}.learn-section-heading{display:flex;align-items:center;justify-content:space-between;margin:1rem 0 .65rem;padding:.3rem .1rem}.learn-section-heading>div{display:flex;align-items:center;gap:.75rem}.learn-section-heading>div>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--bs-primary) 11%,var(--bs-body-bg));color:var(--bs-primary);font-size:.68rem;font-weight:800}.learn-section-heading h2{margin:0;font-size:1rem}.learn-section-heading p{margin:.1rem 0 0;color:var(--bs-secondary-color);font-size:.72rem}.learn-section-heading>i{color:color-mix(in srgb,var(--bs-primary) 55%,var(--bs-secondary-color));font-size:1.15rem}.learn-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.learn-category-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 58px;gap:.75rem;align-items:start;min-height:126px;padding:.9rem;border:1px solid var(--bs-border-color);border-radius:.8rem;background:var(--bs-body-bg);color:var(--bs-body-color);text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.learn-category-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--bs-primary) 48%,var(--bs-border-color));box-shadow:0 .55rem 1.2rem rgba(25,45,82,.08)}.learn-card-icon,.learn-pro-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--bs-primary) 10%,var(--bs-body-bg));color:var(--bs-primary);font-size:1rem}.learn-card-copy{display:flex;min-width:0;flex-direction:column}.learn-card-copy>strong{font-size:.88rem}.learn-card-copy>small{display:-webkit-box;min-height:31px;margin:.18rem 0 .45rem;overflow:hidden;color:var(--bs-secondary-color);font-size:.67rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.learn-topic-preview{display:flex;min-width:0;gap:.3rem;flex-wrap:wrap}.learn-topic-preview em{max-width:100%;padding:.16rem .34rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--bs-primary) 14%,var(--bs-border-color));border-radius:999px;background:color-mix(in srgb,var(--bs-primary) 3%,var(--bs-body-bg));color:var(--bs-secondary-color);font-size:.57rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.learn-card-meta{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:end;color:var(--bs-primary);font-size:1rem;font-weight:800}.learn-card-meta small{grid-column:1;font-size:.52rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.learn-card-meta i{grid-row:1/3;grid-column:2;margin-left:.35rem;font-size:.78rem}.learn-section-heading-pro{margin-top:1.7rem}.learn-pro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.learn-pro-card{--learn-accent:#4361ee;position:relative;display:flex;min-height:260px;flex-direction:column;padding:1rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--learn-accent) 28%,var(--bs-border-color));border-radius:1rem;background:linear-gradient(150deg,color-mix(in srgb,var(--learn-accent) 8%,var(--bs-body-bg)),var(--bs-body-bg) 52%);color:var(--bs-body-color);text-decoration:none;transition:transform .17s ease,box-shadow .17s ease}.learn-pro-card:after{position:absolute;top:-60px;right:-50px;width:145px;height:145px;border:24px solid color-mix(in srgb,var(--learn-accent) 7%,transparent);border-radius:50%;content:""}.learn-pro-card:hover{transform:translateY(-4px);box-shadow:0 .9rem 1.8rem color-mix(in srgb,var(--learn-accent) 13%,transparent)}.learn-pro-card-composite-tooling{--learn-accent:#d47a2b}.learn-pro-card-composite-machining{--learn-accent:#266fba}.learn-pro-card-design-for-composites{--learn-accent:#8b5fc7}.learn-pro-card-manufacturing-best-practices{--learn-accent:#278c76}.learn-pro-icon{position:relative;z-index:1;background:color-mix(in srgb,var(--learn-accent) 13%,var(--bs-body-bg));color:var(--learn-accent)}.learn-pro-number{position:absolute;top:.85rem;right:1rem;color:color-mix(in srgb,var(--learn-accent) 35%,var(--bs-secondary-color));font-size:.65rem;font-weight:800;letter-spacing:.08em}.learn-pro-card>strong{margin:.7rem 0 .25rem;font-size:1rem}.learn-pro-card>p{min-height:48px;margin:0 0 .55rem;color:var(--bs-secondary-color);font-size:.69rem;line-height:1.45}.learn-pro-card .learn-topic-preview{display:grid;gap:.26rem}.learn-pro-card .learn-topic-preview em{display:flex;gap:.35rem;align-items:center;padding:.15rem 0;border:0;background:transparent;border-radius:0;font-size:.63rem}.learn-pro-card .learn-topic-preview i{color:var(--learn-accent)}.learn-pro-cta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.7rem;border-top:1px solid color-mix(in srgb,var(--learn-accent) 16%,var(--bs-border-color));color:var(--learn-accent);font-size:.67rem;font-weight:800}
.guide-category-hero{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.05rem 1.2rem;border:1px solid var(--bs-border-color);border-radius:1rem;background:linear-gradient(120deg,color-mix(in srgb,var(--bs-primary) 8%,var(--bs-body-bg)),var(--bs-body-bg));box-shadow:0 .45rem 1.2rem rgba(28,48,87,.05)}.guide-category-mark{display:grid;width:58px;height:58px;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--bs-primary) 13%,var(--bs-body-bg));color:var(--bs-primary);font-size:1.35rem}.guide-category-hero h1{margin:.15rem 0 .18rem;font-size:1.35rem;letter-spacing:-.025em}.guide-category-hero p{max-width:960px;margin:0;color:var(--bs-secondary-color);font-size:.76rem}.guide-category-count{display:flex;gap:.25rem;align-items:baseline;padding:.5rem .7rem;border:1px solid var(--bs-border-color);border-radius:.65rem;color:var(--bs-secondary-color);font-size:.62rem;white-space:nowrap}.guide-category-count strong{color:var(--bs-primary);font-size:1.05rem}.guide-sidebar{position:sticky;top:0;align-self:start;max-height:calc(100vh - 88px);overflow:auto;padding:.7rem;background:color-mix(in srgb,var(--bs-tertiary-bg) 85%,var(--bs-body-bg));scrollbar-width:thin}.guide-sidebar-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem;padding:.55rem .55rem .7rem;border-bottom:1px solid var(--bs-border-color)}.guide-sidebar-title-row div{display:flex;min-width:0;flex-direction:column}.guide-sidebar-title-row span{color:var(--bs-primary);font-size:.55rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.guide-sidebar-title-row strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.guide-sidebar-title-row>i{color:var(--bs-primary);font-size:.95rem}.guide-node{position:relative;gap:.55rem;min-height:50px;margin-bottom:.28rem;padding:.44rem .48rem;border:1px solid transparent;border-radius:.65rem;font-size:.72rem}.guide-node:hover{border-color:color-mix(in srgb,var(--bs-primary) 18%,var(--bs-border-color));background:color-mix(in srgb,var(--bs-primary) 6%,var(--bs-body-bg))}.guide-node.active{border-color:color-mix(in srgb,var(--bs-primary) 28%,var(--bs-border-color));background:color-mix(in srgb,var(--bs-primary) 11%,var(--bs-body-bg));box-shadow:inset 3px 0 var(--bs-primary)}.guide-node-icon{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--bs-primary) 9%,var(--bs-body-bg));color:var(--bs-primary);font-size:.78rem}.guide-node-copy{display:flex;min-width:0;flex:1;flex-direction:column}.guide-node-copy strong{font-size:.69rem;line-height:1.2}.guide-node-copy small{margin-top:.15rem;color:var(--bs-secondary-color);font-size:.52rem;font-weight:500}.guide-node-caret,.guide-node-go{flex:0 0 auto;color:var(--bs-secondary-color);font-size:.7rem}.guide-detail{min-height:650px;padding:1rem;background:color-mix(in srgb,var(--bs-tertiary-bg) 24%,var(--bs-body-bg))}.practice-detail{max-width:1480px;margin:0 auto}.practice-topic-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:1rem;align-items:stretch;margin-bottom:1rem}.practice-topic-copy,.practice-topic-visual{border:1px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-body-bg);box-shadow:0 .5rem 1.25rem rgba(29,48,84,.05)}.practice-topic-copy{display:flex;flex-direction:column;padding:1.2rem}.practice-topic-copy h2{margin:.5rem 0 .45rem;font-size:clamp(1.35rem,2.1vw,2.1rem);line-height:1.04;letter-spacing:-.035em}.practice-topic-copy>p{margin:0;color:var(--bs-secondary-color);font-size:.79rem;line-height:1.55}.practice-quick-facts{display:grid;gap:.42rem;margin-top:auto;padding-top:.85rem}.practice-quick-facts>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:.55rem;align-items:start;padding:.5rem;border-radius:.6rem;background:color-mix(in srgb,var(--bs-primary) 4%,var(--bs-tertiary-bg))}.practice-quick-facts>div>i{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--bs-primary) 10%,var(--bs-body-bg));color:var(--bs-primary);font-size:.72rem}.practice-quick-facts span{color:var(--bs-secondary-color);font-size:.64rem;line-height:1.35}.practice-quick-facts small{display:block;margin-bottom:.08rem;color:var(--bs-body-color);font-size:.51rem;font-weight:800;letter-spacing:.08em}.practice-topic-visual{display:grid;min-height:390px;place-items:center;overflow:hidden;padding:.65rem;background:linear-gradient(145deg,color-mix(in srgb,var(--bs-primary) 4%,var(--bs-body-bg)),var(--bs-body-bg))}.practice-topic-visual>svg{width:100%;height:auto;max-height:390px}.practice-photo{position:relative;width:100%;height:100%;margin:0;overflow:hidden;border-radius:.7rem;background:#f5f8ff}.practice-photo img{display:block;width:100%;height:calc(100% - 54px);object-fit:cover}.practice-photo figcaption{display:grid;grid-template-columns:repeat(4,1fr);height:54px;background:var(--bs-body-bg)}.practice-photo figcaption span{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:.35rem .45rem;border-right:1px solid var(--bs-border-color);color:var(--bs-secondary-color);font-size:.51rem;text-align:center}.practice-photo figcaption span:last-child{border:0}.practice-photo figcaption b{color:var(--bs-body-color);font-size:.58rem}.practice-process-visual{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.45rem;align-items:center;width:100%;padding:1rem}.practice-process-visual>div{position:relative;display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;padding:.8rem;border:1px solid var(--bs-border-color);border-radius:.8rem;background:var(--bs-body-bg);text-align:center}.practice-process-visual>div>span{position:absolute;top:.55rem;right:.65rem;color:var(--bs-primary);font-size:.58rem;font-weight:800}.practice-process-visual>div>i{display:grid;width:48px;height:48px;place-items:center;margin-bottom:.7rem;border-radius:14px;background:color-mix(in srgb,var(--bs-primary) 11%,var(--bs-body-bg));color:var(--bs-primary);font-size:1.1rem}.practice-process-visual p{margin:0;color:var(--bs-secondary-color);font-size:.63rem;line-height:1.45}.practice-process-visual>i{color:var(--bs-primary)}.practice-guide{padding-top:0;border:0}.practice-section-heading{display:flex;gap:.65rem;align-items:center;margin:1.15rem 0 .65rem}.practice-section-heading>span{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--bs-primary);color:#fff;font-size:.58rem;font-weight:800}.practice-section-heading>div{display:flex;flex-direction:column}.practice-section-heading small{color:var(--bs-primary);font-size:.5rem;font-weight:800;letter-spacing:.1em}.practice-section-heading h3{margin:.05rem 0 0;font-size:.88rem}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.practice-panel{display:grid;grid-template-columns:38px minmax(0,1fr);gap:.65rem;min-height:150px;padding:.75rem;border-top-width:1px;border-left:3px solid #4361ee;border-radius:.72rem;box-shadow:0 .3rem .8rem rgba(30,50,88,.035)}.practice-panel.is-error{border-left-color:#c43d4f}.practice-panel.is-consequence{border-left-color:#d58a25}.practice-panel.is-practice{border-left-color:#2e8c72}.practice-panel-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:color-mix(in srgb,#4361ee 10%,var(--bs-body-bg));color:#4361ee}.practice-panel.is-error .practice-panel-icon{background:color-mix(in srgb,#c43d4f 10%,var(--bs-body-bg));color:#c43d4f}.practice-panel.is-consequence .practice-panel-icon{background:color-mix(in srgb,#d58a25 11%,var(--bs-body-bg));color:#b66b0b}.practice-panel.is-practice .practice-panel-icon{background:color-mix(in srgb,#2e8c72 10%,var(--bs-body-bg));color:#2e8c72}.practice-panel>div>small{color:var(--bs-secondary-color);font-size:.48rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.practice-panel h3{margin:.05rem 0 .38rem;font-size:.72rem}.practice-panel ul{padding-left:.9rem;font-size:.64rem}.decision-tree,.machining-lab,.spring-design-route{margin-top:1rem;padding:1rem;border:1px solid var(--bs-border-color);border-radius:1rem;background:var(--bs-body-bg);box-shadow:0 .5rem 1.2rem rgba(28,48,87,.045)}.decision-tree>header,.machining-lab>header,.spring-design-route>header{display:flex;gap:.7rem;align-items:center;margin-bottom:.8rem}.decision-tree>header>span,.machining-lab>header>span,.spring-design-route>header>span{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--bs-primary) 11%,var(--bs-body-bg));color:var(--bs-primary);font-size:1rem}.decision-tree header small,.machining-lab header small,.spring-design-route header small{color:var(--bs-primary);font-size:.5rem;font-weight:800;letter-spacing:.1em}.decision-tree header h3,.machining-lab header h3,.spring-design-route header h3{margin:.08rem 0;font-size:.92rem}.decision-tree header p,.machining-lab header p,.spring-design-route header p{margin:0;color:var(--bs-secondary-color);font-size:.63rem}.decision-tree-flow{display:flex;flex-direction:column;align-items:center}.decision-node{width:min(100%,620px);padding:.65rem;border:1px solid color-mix(in srgb,var(--bs-primary) 24%,var(--bs-border-color));border-radius:.7rem;background:color-mix(in srgb,var(--bs-primary) 6%,var(--bs-body-bg));text-align:center}.decision-node small,.decision-node strong{display:block}.decision-node small{color:var(--bs-primary);font-size:.48rem;font-weight:800;letter-spacing:.11em}.decision-node strong{font-size:.7rem}.decision-connector{height:30px;color:var(--bs-primary);font-size:.9rem}.decision-branches{position:relative;display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.decision-branches:before{position:absolute;top:-15px;left:12.5%;right:12.5%;height:15px;border-top:1px solid color-mix(in srgb,var(--bs-primary) 35%,var(--bs-border-color));border-right:1px solid color-mix(in srgb,var(--bs-primary) 35%,var(--bs-border-color));border-left:1px solid color-mix(in srgb,var(--bs-primary) 35%,var(--bs-border-color));content:""}.decision-branches>div{display:flex;min-height:135px;flex-direction:column;padding:.65rem;border:1px solid var(--bs-border-color);border-radius:.7rem;background:var(--bs-tertiary-bg)}.decision-branches span{color:var(--bs-secondary-color);font-size:.52rem}.decision-branches strong{display:flex;gap:.35rem;align-items:center;margin:.38rem 0;font-size:.65rem}.decision-branches strong i{color:var(--bs-primary)}.decision-branches small{margin-top:auto;color:var(--bs-secondary-color);font-size:.52rem;line-height:1.4}.decision-finish{border-color:color-mix(in srgb,#28a28a 35%,var(--bs-border-color));background:color-mix(in srgb,#28a28a 7%,var(--bs-body-bg))}.machining-formulas{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.machining-formulas>div{display:flex;min-height:100px;flex-direction:column;padding:.65rem;border:1px solid var(--bs-border-color);border-radius:.7rem;background:var(--bs-tertiary-bg)}.machining-formulas small{color:var(--bs-primary);font-size:.48rem;font-weight:800;letter-spacing:.08em}.machining-formulas strong{margin:.25rem 0;font-size:.75rem}.machining-formulas span{margin-top:auto;color:var(--bs-secondary-color);font-size:.53rem}.parameter-balance{display:grid;grid-template-columns:1fr .9fr 1fr;gap:.5rem;align-items:stretch;margin-top:.6rem}.parameter-risk,.parameter-target{display:flex;min-height:118px;flex-direction:column;align-items:center;justify-content:center;padding:.65rem;border-radius:.7rem;text-align:center}.parameter-risk{border:1px solid color-mix(in srgb,#d65c55 25%,var(--bs-border-color));background:color-mix(in srgb,#d65c55 5%,var(--bs-body-bg))}.parameter-risk>i{color:#c34e46;font-size:1rem}.parameter-risk strong,.parameter-target strong{margin:.3rem 0;font-size:.65rem}.parameter-risk span,.parameter-target small{color:var(--bs-secondary-color);font-size:.52rem;line-height:1.4}.parameter-target{border:1px solid color-mix(in srgb,#28a28a 32%,var(--bs-border-color));background:color-mix(in srgb,#28a28a 7%,var(--bs-body-bg))}.parameter-target>span{color:#23806e;font-size:.47rem;font-weight:800;letter-spacing:.1em}.parameter-target>i{margin-top:.25rem;color:#23806e;font-size:1.2rem}.delamination-visual{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}.delamination-visual>div{position:relative;display:grid;grid-template-columns:150px 1fr;align-items:center;min-height:135px;padding:.6rem;border:1px solid var(--bs-border-color);border-radius:.7rem;background:var(--bs-tertiary-bg)}.delamination-visual svg{width:150px;height:90px}.delamination-visual small{color:var(--bs-secondary-color);font-size:.56rem;line-height:1.4}.delam-label{position:absolute;top:.45rem;right:.55rem;color:#c34e46;font-size:.48rem;font-weight:800;letter-spacing:.08em}.machining-lab>aside{display:flex;gap:.5rem;align-items:flex-start;margin-top:.6rem;padding:.6rem;border-radius:.65rem;background:color-mix(in srgb,var(--bs-primary) 6%,var(--bs-body-bg));color:var(--bs-secondary-color);font-size:.56rem}.machining-lab>aside i{color:var(--bs-primary)}.spring-cause-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.4rem;align-items:center}.spring-cause-map>div{display:flex;min-height:100px;flex-direction:column;align-items:center;justify-content:center;padding:.55rem;border:1px solid var(--bs-border-color);border-radius:.7rem;background:var(--bs-tertiary-bg);text-align:center}.spring-cause-map>div>i{color:var(--bs-primary);font-size:1rem}.spring-cause-map strong{margin:.25rem 0;font-size:.62rem}.spring-cause-map span{color:var(--bs-secondary-color);font-size:.49rem}.spring-cause-map>.is-result{border-color:color-mix(in srgb,#28a28a 32%,var(--bs-border-color));background:color-mix(in srgb,#28a28a 7%,var(--bs-body-bg))}.spring-cause-map>i{color:var(--bs-primary)}.spring-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin:.7rem 0 0;padding:0;list-style:none}.spring-steps li{display:flex;gap:.42rem;min-height:105px;padding:.55rem;border:1px solid var(--bs-border-color);border-radius:.65rem}.spring-steps li>span{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border-radius:7px;background:var(--bs-primary);color:#fff;font-size:.48rem;font-weight:800}.spring-steps li div{display:flex;flex-direction:column}.spring-steps strong{font-size:.6rem}.spring-steps small{margin-top:.25rem;color:var(--bs-secondary-color);font-size:.48rem;line-height:1.4}.spring-design-tips{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.6rem}.spring-design-tips>div{display:flex;gap:.5rem;padding:.65rem;border-radius:.65rem;background:var(--bs-tertiary-bg);color:var(--bs-secondary-color);font-size:.55rem}.spring-design-tips i{color:#28a28a}.spring-design-tips>div:last-child i{color:#d65c55}.practice-table-wrap{overflow:auto;border:1px solid var(--bs-border-color);border-radius:.8rem;background:var(--bs-body-bg)}.practice-table-wrap .design-table{margin:0;border:0;box-shadow:none}.practice-safety{border-radius:.75rem}.practice-link-columns section{background:var(--bs-body-bg)}
@media(max-width:1399px){.learn-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-topic-hero{grid-template-columns:1fr}.practice-topic-visual{min-height:340px}.spring-steps{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.learn-library-hero{grid-template-columns:1fr}.learn-hero-orbit{display:none}.learn-category-grid{grid-template-columns:1fr}.guide-category-hero{grid-template-columns:48px 1fr}.guide-category-mark{width:48px;height:48px}.guide-category-count{display:none}.guide-sidebar{position:relative;max-height:none;border-right:0;border-bottom:1px solid var(--bs-border-color)}#guideNavigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.guide-node{margin:0}.decision-branches{grid-template-columns:repeat(2,1fr)}.decision-branches:before{display:none}.spring-cause-map{grid-template-columns:1fr}.spring-cause-map>i{transform:rotate(90deg);text-align:center}}@media(max-width:767px){.learn-library{padding-right:.65rem!important;padding-left:.65rem!important}.learn-library-hero{min-height:0;padding:1.25rem}.learn-pro-grid{grid-template-columns:1fr}.learn-category-card{grid-template-columns:38px 1fr}.learn-card-meta{display:none}.learn-pro-card{min-height:245px}.guide-category-hero{padding:.8rem}.guide-detail{padding:.55rem}.practice-topic-copy{padding:.9rem}.practice-topic-visual{min-height:260px}.practice-photo figcaption{grid-template-columns:repeat(2,1fr);height:86px}.practice-photo img{height:calc(100% - 86px)}.practice-grid,.machining-formulas,.parameter-balance,.delamination-visual,.spring-steps,.spring-design-tips{grid-template-columns:1fr}.practice-process-visual{grid-template-columns:1fr}.practice-process-visual>i{transform:rotate(90deg)}.decision-branches{grid-template-columns:1fr}#guideNavigation{grid-template-columns:1fr}.delamination-visual>div{grid-template-columns:115px 1fr}.delamination-visual svg{width:115px}.practice-link-columns{grid-template-columns:1fr}}
[data-bs-theme="dark"] .practice-topic-visual svg rect[fill="#f5f8ff"],[data-bs-theme="dark"] .practice-topic-visual svg rect[fill="#fff"]{fill:#172235}[data-bs-theme="dark"] .practice-topic-visual svg text[fill="#26334c"]{fill:#edf2fb}[data-bs-theme="dark"] .practice-topic-visual svg text[fill="#596780"]{fill:#b8c5da}[data-bs-theme="dark"] .practice-topic-visual svg text[fill="#294cac"],[data-bs-theme="dark"] .practice-topic-visual svg text[fill="#3154b8"]{fill:#9bb4ff}[data-bs-theme="dark"] .practice-topic-visual svg rect[fill="#e8edff"]{fill:#263657}[data-bs-theme="dark"] .practice-photo img{filter:brightness(.78) contrast(.96)}[data-bs-theme="dark"] .practice-photo{background:#172235}
/* Fiber family quality comparison (Learn > Fibres) */
.fiber-quality-table th,.fiber-quality-table td{vertical-align:middle;white-space:nowrap}
.fiber-quality-table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#5e6e8a;font-weight:700;white-space:normal;min-width:96px}
.fiber-quality-meter{display:inline-flex;align-items:center;gap:.4rem}
.fiber-quality-meter-track{display:inline-block;width:56px;height:8px;border-radius:4px;background:rgba(67,97,238,.14)}
.fiber-quality-meter-fill{display:block;height:100%;border-radius:4px;background:#4361ee}
.fiber-quality-meter-value{font-size:.78rem;font-variant-numeric:tabular-nums;color:#425066}
[data-bs-theme="dark"] .fiber-quality-table thead th{color:#b8c5da}
[data-bs-theme="dark"] .fiber-quality-meter-track{background:rgba(155,180,255,.16)}
[data-bs-theme="dark"] .fiber-quality-meter-fill{background:#9bb4ff}
[data-bs-theme="dark"] .fiber-quality-meter-value{color:#b8c5da}