/* v2.18: a balanced landscape card. All metrics, effects and notes stay visible. */
.thread-card:not(.compact):has(.automatic-showcase){grid-column:1/-1}
.automatic-card-grid.is-bundle{grid-template-columns:1fr}
.automatic-card-grid{align-items:start}
.automatic-bundle-signature{padding:16px;gap:5px}
.automatic-bundle-signature>.icon{width:25px;height:25px}
.automatic-bundle-signature strong{font-size:15px;line-height:1.4}
.automatic-bundle-signature br{display:none}
#modal.automatic-card-modal{width:1100px;max-width:calc(100vw - 28px)}
.auto-recipe-card,.auto-recipe-card.is-mini,.auto-recipe-card.is-expanded{
  container-name:recipe-card;padding:20px;max-width:1060px;margin-inline:auto;
}
.auto-recipe-card .auto-card-title{font-size:26px;line-height:1.25;margin:14px 0 6px}
.auto-recipe-card .auto-card-subtitle{margin-bottom:16px}
.auto-card-workspace{display:grid;grid-template-columns:minmax(275px,1fr) minmax(0,1.5fr);gap:20px;align-items:start;min-width:0}
.auto-recipe-card .auto-card-overview>.auto-card-body{
  display:grid;grid-template-columns:1fr;gap:16px;padding:16px;min-width:0;align-content:start;
}
.auto-card-workspace>.auto-traits-section{margin:0;min-width:0}
.auto-recipe-card .auto-card-workspace .auto-card-metrics{display:flex;border-top:1px solid #c18b9f26;padding:16px 0 0;margin:0;gap:0;align-items:stretch}
.auto-recipe-card .auto-card-ore{padding:8px;gap:9px}
.auto-recipe-card .auto-card-ore>.ore-img{width:34px;height:34px}
.auto-recipe-card .auto-card-ore strong{font-size:14px}
.auto-recipe-card .auto-card-ore small{font-size:12px;display:block}
.auto-recipe-card .auto-card-ore>b{font-size:17px}
.auto-recipe-card .auto-section-label{margin-bottom:10px}
.auto-recipe-card .auto-composition-total{margin:0;padding-top:10px}
.auto-recipe-card .auto-target-name{font-size:16px;margin-bottom:10px}
.auto-recipe-card .auto-primary-stat{margin-bottom:12px;gap:5px}
.auto-recipe-card .auto-card-main-number{font-size:38px}
.auto-recipe-card .auto-stat-table{gap:6px}
.auto-recipe-card .auto-stat-row{font-size:14px;gap:8px;line-height:1.45}
.auto-recipe-card .auto-target-hint{margin-top:10px;line-height:1.55;padding:8px 10px}
.auto-recipe-card .auto-traits-heading{margin-bottom:10px;flex-wrap:wrap;gap:8px;font-size:14px}
.auto-recipe-card .overall-group{margin-top:12px}
.auto-recipe-card .overall-group-label{font-size:12px;line-height:1.4;margin-bottom:7px;letter-spacing:.055em}
.auto-recipe-card .overall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.auto-recipe-card .overall-effect{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-content:center;
  gap:4px 10px;padding:9px 11px;border-radius:8px;min-height:44px;
}
.auto-recipe-card .overall-effect>span{font-size:13px;line-height:1.4}
.auto-recipe-card .overall-effect>strong{font-size:20px;line-height:1.2;letter-spacing:-.025em;white-space:nowrap}
.auto-recipe-card .overall-effect>small{grid-column:1/-1;font-size:11px;line-height:1.4}
.auto-recipe-card .overall-conditional{padding:10px}
.auto-recipe-card .overall-conditional .overall-effect{border-color:#e1b57818;background:#edc79104}
.auto-recipe-card .overall-procs{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px}
.auto-recipe-card .overall-proc{gap:8px;padding:11px;border-radius:10px}
.auto-recipe-card .overall-proc-title{gap:6px}
.auto-recipe-card .overall-proc-title>strong{font-size:15px}
.auto-recipe-card .overall-proc-values{gap:7px}
.auto-recipe-card .overall-proc-values>span{font-size:13px;gap:12px;align-items:center}
.auto-recipe-card .overall-proc-values b{font-size:19px}
.auto-recipe-card .overall-proc-values small{font-size:11px;margin-top:1px}
.auto-recipe-card .overall-special{padding:10px 12px;margin-top:10px;gap:3px;font-size:13px;line-height:1.5}
.auto-recipe-card .overall-special>b{font-size:13px}
.auto-recipe-card .auto-traits-note{font-size:12px;line-height:1.5;margin-top:10px}
.auto-recipe-card .auto-trait-breakdown,.auto-recipe-card .auto-breakdown-hint{margin-top:14px;padding-top:10px}
.auto-recipe-card .auto-card-footer{margin-top:12px;padding-top:10px;font-size:11px}
.auto-recipe-card .auto-card-note{margin-top:10px;font-size:12px;line-height:1.5}
.auto-recipe-card .auto-card-open{top:auto;bottom:10px;right:14px}
.automatic-showcase.is-detail .auto-recipe-card.is-mini .auto-card-title{font-size:26px}
.automatic-showcase.is-detail .auto-recipe-card.is-mini .auto-card-ore strong{font-size:14px}
.automatic-showcase.is-detail .auto-recipe-card.is-mini .auto-card-ore>.ore-img{width:34px;height:34px}

/* Medium cards keep the overview horizontal, with full-width traits underneath. */
@container recipe-card (max-width:690px){
  .auto-card-workspace{grid-template-columns:1fr;gap:16px}
  .auto-recipe-card .auto-card-overview>.auto-card-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
  .auto-recipe-card .auto-card-workspace .auto-card-metrics{border:0;padding:0}
  .auto-recipe-card .overall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* Phones keep a readable font size and compact rows, with no clipped content. */
@container recipe-card (max-width:480px){
  .auto-recipe-card .auto-card-overview>.auto-card-body{grid-template-columns:1fr;padding:12px;gap:14px}
  .auto-recipe-card .auto-card-workspace .auto-card-metrics{border-top:1px solid #c18b9f26;padding-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
  .auto-recipe-card .auto-target-name{grid-column:1/-1;margin:0}
  .auto-recipe-card .auto-primary-stat{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:0 0 4px}
  .auto-recipe-card .auto-stat-table,.auto-recipe-card .auto-target-hint{grid-column:1/-1}
  .auto-recipe-card .auto-card-main-number{font-size:32px}
  .auto-recipe-card .overall-grid{grid-template-columns:1fr}
  .auto-recipe-card .overall-effect{min-height:38px;padding:8px 10px;column-gap:12px}
  .auto-recipe-card .overall-effect>span{font-size:14px}
  .auto-recipe-card .overall-effect>strong{font-size:20px}
  .auto-recipe-card .overall-procs{grid-template-columns:1fr}
  .auto-recipe-card .auto-trait-list{grid-template-columns:1fr}
}
@media(max-width:700px){
  .auto-recipe-card,.auto-recipe-card.is-mini,.auto-recipe-card.is-expanded{padding:15px}
  .auto-recipe-card .auto-card-title,.automatic-showcase.is-detail .auto-recipe-card.is-mini .auto-card-title{font-size:23px}
  .auto-recipe-card .auto-card-brand{font-size:11px}
  .auto-recipe-card .auto-card-kind{font-size:12px}
  .automatic-card-grid.is-bundle{gap:14px}
}

/* Balance the card height: recipe bonuses sit with the overview, proc/conditions beside it. */
.auto-card-overview{display:flex;flex-direction:column;gap:4px;min-width:0}
.auto-overview-traits:empty{display:none}
.auto-recipe-card .auto-card-overview .auto-primary-stat{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.auto-recipe-card .auto-card-overview .auto-card-ore{padding:7px 9px}
.auto-recipe-card .auto-card-overview .auto-card-ore>.ore-img{width:32px;height:32px}
.auto-recipe-card .auto-card-overview .auto-section-label{margin-bottom:8px}
.auto-recipe-card .auto-card-overview .auto-target-hint{line-height:1.45}
.auto-recipe-card .overall-proc-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
@container recipe-card (max-width:690px){.auto-card-overview{gap:0}}
@container recipe-card (max-width:480px){.auto-recipe-card .overall-proc-values{grid-template-columns:1fr}}

.auto-recipe-card .overall-mechanic{display:block;padding:9px 10px;margin-top:7px;border:1px solid #e1b57820;border-radius:8px;background:#edc79104}
.auto-recipe-card .overall-mechanic-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;color:#e8c99f;margin-bottom:6px;font-size:13px}
.auto-recipe-card .overall-mechanic-heading>small{font-size:11px;color:#bca798}
.auto-recipe-card .overall-mechanic-values{display:flex;flex-wrap:wrap;gap:7px 18px}
.auto-recipe-card .overall-mechanic-values>span{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;min-width:0;font-size:13px;color:#d9c6b6}
.auto-recipe-card .overall-mechanic-values>span>span{overflow-wrap:anywhere}
.auto-recipe-card .overall-mechanic-values b{font-size:19px;color:#f3d7ad;white-space:nowrap;line-height:1.3;font-variant-numeric:tabular-nums}
.auto-recipe-card .overall-mechanic-values small{font-size:11px;flex-basis:100%}
.auto-recipe-card .overall-grid:has(>.overall-effect:only-child){grid-template-columns:1fr}
.auto-recipe-card .auto-card-overview .auto-card-body{padding:13px;gap:12px}
.auto-recipe-card .auto-card-overview .auto-card-ores{gap:6px}
.auto-recipe-card .auto-card-overview .auto-card-metrics{padding-top:12px}
.auto-recipe-card .auto-card-overview .auto-card-ore>span{gap:0}
.auto-recipe-card .auto-card-overview .auto-stat-table{gap:4px}
.auto-recipe-card .auto-card-overview .auto-target-name{margin-bottom:6px}
.auto-recipe-card .auto-card-overview .auto-primary-stat{margin-bottom:7px}
.auto-recipe-card .auto-card-overview .auto-card-main-number{font-size:34px}
.auto-recipe-card .auto-card-overview .auto-target-hint{font-size:12px;margin-top:8px;padding:7px 9px}
.auto-recipe-card .auto-card-overview .overall-effect{min-height:40px;padding:7px 9px}
.auto-recipe-card .auto-card-top{min-height:26px}
.auto-recipe-card .auto-card-title{margin:10px 0 4px}
.auto-recipe-card .auto-card-subtitle{margin-bottom:12px}
.auto-recipe-card .auto-trait-breakdown>summary{padding:2px;min-height:30px}
@container recipe-card (max-width:480px){.auto-recipe-card .overall-mechanic-values{gap:6px 14px}.auto-recipe-card .overall-mechanic-values>span{font-size:14px}}