/* Native Tea Bank Hero M2.
   This stylesheet owns the final Hero geometry and visual rhythm. Legacy Tea
   Bank CSS may still style unmigrated sections, but it must not determine the
   native Hero layout. All dimensions below are structural, not parity hacks. */

.tea-card-page .tea-bank-native-hero[data-family-theme="GREEN_TEA"]{
  --tb-bg-a:#a7c583;--tb-bg-b:#89ad65;--tb-family-bg:#446f31;--tb-family-border:#315226;--tb-family-text:#fff;--tb-accent:#345c2f;
}
.tea-card-page .tea-bank-native-hero[data-family-theme="WHITE_TEA"]{
  --tb-bg-a:#d2cbbc;--tb-bg-b:#beb59f;--tb-family-bg:#596f79;--tb-family-border:#42535b;--tb-family-text:#fff;--tb-accent:#505c57;
}
.tea-card-page .tea-bank-native-hero[data-family-theme="YELLOW_TEA"]{
  --tb-bg-a:#dec56b;--tb-bg-b:#c7a644;--tb-family-bg:#c29a2d;--tb-family-border:#8f701b;--tb-family-text:#173f37;--tb-accent:#685409;
}
.tea-card-page .tea-bank-native-hero[data-family-theme="OOLONG_TEA"]{
  --tb-bg-a:#a9b5a5;--tb-bg-b:#7c9586;--tb-family-bg:#456d68;--tb-family-border:#31504c;--tb-family-text:#fff;--tb-accent:#2f5451;
}
.tea-card-page .tea-bank-native-hero[data-family-theme="BLACK_TEA"]{
  --tb-bg-a:#b28777;--tb-bg-b:#8a5040;--tb-family-bg:#803528;--tb-family-border:#5f271f;--tb-family-text:#fff;--tb-accent:#623a2d;
}
.tea-card-page .tea-bank-native-hero[data-family-theme="DARK_TEA"]{
  --tb-bg-a:#a79488;--tb-bg-b:#79584b;--tb-family-bg:#46322d;--tb-family-border:#31241f;--tb-family-text:#fff;--tb-accent:#44312c;
}
.tea-card-page .tea-bank-native-hero[data-family-theme="NEUTRAL"]{
  --tb-bg-a:#c1cac0;--tb-bg-b:#98aaa0;--tb-family-bg:#65776d;--tb-family-border:#4e5d56;--tb-family-text:#fff;--tb-accent:#39554c;
}

/* Global Tea Bank presentation controls intentionally share the Studio font
   stack and neutral surfaces. Detail and Evidence are semantic states, not tea
   family decoration. */
.tea-bank-native-controls{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:8px 0 10px;font:inherit}
.tea-bank-native-toggle{display:inline-flex;align-items:center;gap:9px;border:1px solid #d8d5cb;background:#fffdf8;color:#31524a;border-radius:999px;padding:7px 10px;font:inherit;font-size:11.5px;font-weight:750;line-height:1.2;cursor:pointer}
.tea-bank-native-toggle i{position:relative;width:30px;height:17px;border-radius:999px;background:#cbd5d1;box-shadow:inset 0 0 0 1px rgba(20,58,52,.22);flex:0 0 auto}
.tea-bank-native-toggle i:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(20,40,34,.24);transition:transform .14s ease}
.tea-bank-native-toggle[aria-pressed="true"]{border-color:#9bad9f;background:#f4f7f1;color:#143a34}
.tea-bank-native-toggle[aria-pressed="true"] i{background:#3f7061}
.tea-bank-native-toggle[aria-pressed="true"] i:after{transform:translateX(13px)}
.tea-bank-native-toggle:focus-visible{outline:3px solid rgba(27,77,67,.22);outline-offset:2px}

/* Native Hero structural grid. The memory disclosure and Prometea Character
   share the lower grid row. Their height follows content rather than a parity
   pixel lock. */
.tea-card-page .tea-hero.tea-hero-v2.tea-bank-native-hero{
  --tb-type-title:clamp(36px,3.6vw,48px);
  --tb-type-lead:15px;
  --tb-type-body:12.5px;
  --tb-type-card-title:14.5px;
  --tb-type-label:10px;
  --tb-type-meta:10px;
  --tb-type-micro:9px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,300px);
  grid-template-rows:repeat(6,auto) auto;
  column-gap:18px;
  row-gap:9px;
  align-items:start;
  padding:20px;
  border:1px solid rgba(72,88,66,.18);
  border-radius:18px;
  background:linear-gradient(135deg,var(--tb-bg-a,#dfe4dc),var(--tb-bg-b,#c2cdc5));
  color:#20302c;
  box-shadow:0 5px 20px rgba(31,50,43,.045);
  min-width:0;
  font:inherit;
}
.tea-card-page .tea-bank-native-hero button{font:inherit}
.tea-card-page .tea-bank-native-hero .tb-anchor-row{grid-column:1;grid-row:1;display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:0}
.tea-card-page .tea-bank-native-hero .tb-title{grid-column:1;grid-row:2;margin:0;color:#173f37;font-size:var(--tb-type-title);line-height:1.04;letter-spacing:-.025em;font-weight:800}
.tea-card-page .tea-bank-native-hero .tb-title span{font-weight:450;opacity:.66}
.tea-card-page .tea-bank-native-hero .tb-identity{grid-column:1;grid-row:3;display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;color:#52635d;font-size:var(--tb-type-body);min-width:0}
.tea-card-page .tea-bank-native-hero .tb-summary{grid-column:1;grid-row:4;margin:2px 0 0;max-width:820px;color:#30433d;font-size:var(--tb-type-lead);line-height:1.5;font-weight:500}
.tea-card-page .tea-bank-native-hero .tb-summary b{font-weight:650}
.tea-card-page .tea-bank-native-hero .tb-tags{grid-column:1;grid-row:5;display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-width:0}
.tea-card-page .tea-bank-native-hero .tb-signals{grid-column:1;grid-row:6;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.tea-card-page .tea-bank-native-hero .tb-memory-details{grid-column:1;grid-row:7;align-self:stretch;min-width:0;margin:0;padding:0;border:0;background:transparent}
.tea-card-page .tea-bank-native-hero .tb-memory-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 8px;color:#42534d;font-size:11.5px;font-weight:800;letter-spacing:.015em;cursor:pointer;list-style:none}
.tea-card-page .tea-bank-native-hero .tb-memory-title::-webkit-details-marker{display:none}
.tea-card-page .tea-bank-native-hero .tb-memory-title::marker{content:""}
.tea-card-page .tea-bank-native-hero .tb-memory-title i{width:8px;height:8px;flex:0 0 auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .14s ease;margin-right:3px}
.tea-card-page .tea-bank-native-hero .tb-memory-details[open] .tb-memory-title i{transform:rotate(225deg);margin-top:5px}
.tea-card-page .tea-bank-native-hero .tb-memory-details:not([open]){display:grid;align-content:center;align-self:stretch;border:1px solid rgba(56,77,67,.14);background:rgba(255,255,255,.34);border-radius:12px;padding:10px 12px}
.tea-card-page .tea-bank-native-hero .tb-memory-details:not([open]) .tb-memory-title{margin:0}
.tea-card-page .tea-bank-native-hero .tb-memory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-self:stretch;min-width:0}
.tea-card-page .tea-bank-native-hero .tb-bowl-panel{grid-column:2;grid-row:1 / 7;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0}
.tea-card-page .tea-bank-native-hero .tb-prom-wrap{grid-column:2;grid-row:7;align-self:stretch;min-width:0;position:relative;height:auto;min-height:0}

/* Identity controls, navigation affordances and evidence badges deliberately do
   not share one visual shape: they express different semantic roles. */
.tea-card-page .tea-bank-native-hero .tb-anchor,
.tea-card-page .tea-bank-native-hero .tb-family,
.tea-card-page .tea-bank-native-hero .tb-linkish,
.tea-card-page .tea-bank-native-hero .tb-tag,
.tea-card-page .tea-bank-native-hero .tb-model-badge,
.tea-card-page .tea-bank-native-hero .tb-signal,
.tea-card-page .tea-bank-native-hero .tb-memory-item,
.tea-card-page .tea-bank-native-hero .tb-prom{
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  color:inherit;
  cursor:pointer;
}
.tea-card-page .tea-bank-native-hero .tb-anchor{border:0;background:transparent;padding:0;color:#446158;font-size:10.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.tea-card-page .tea-bank-native-hero .tb-family{border:1px solid var(--tb-family-border,#58655f);background:var(--tb-family-bg,#718178);color:var(--tb-family-text,#fff);border-radius:999px;padding:5px 8px;font-size:10.5px;font-weight:800;letter-spacing:.04em}
.tea-card-page .tea-bank-native-hero .tb-reference-frame-badge{display:inline-flex;align-items:center;border:1px solid rgba(96,82,122,.20);background:rgba(250,247,255,.58);color:#625677;border-radius:999px;padding:5px 8px;font-size:9.5px;font-weight:850;letter-spacing:.035em}
.tea-card-page .tea-bank-native-hero .tb-linkish{border:0;background:transparent;padding:0;color:inherit;text-align:left;text-decoration:none}
.tea-card-page .tea-bank-native-hero .tb-linkish:hover{color:#173f37;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.tea-card-page .tea-bank-native-hero .tb-tag{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(51,72,62,.15);background:rgba(255,255,255,.48);border-radius:8px;padding:5px 8px;color:#3d514a;font-size:11px;font-weight:700;text-align:left}
.tea-card-page .tea-bank-native-hero .tb-tag:hover{background:rgba(255,255,255,.72);border-color:rgba(51,72,62,.28)}
.tea-card-page .tea-bank-native-hero .tb-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--tb-liquor-swatch,#d9d9d9);box-shadow:inset 0 0 0 1px rgba(30,40,30,.13);vertical-align:-1px}

.tea-card-page .tea-bank-native-hero .tb-signal-wrap,
.tea-card-page .tea-bank-native-hero .tb-memory-wrap{position:relative;display:flex;min-width:0;align-self:stretch;height:auto;min-height:0}
.tea-card-page .tea-bank-native-hero .tb-signal,
.tea-card-page .tea-bank-native-hero .tb-memory-item,
.tea-card-page .tea-bank-native-hero .tb-prom{width:100%;border:1px solid rgba(56,77,67,.14);background:rgba(255,255,255,.50);border-radius:12px;text-align:left;transition:background .12s ease,border-color .12s ease,transform .12s ease}
.tea-card-page .tea-bank-native-hero .tb-signal{display:grid;gap:3px;padding:10px 11px;min-height:68px;align-content:center}
.tea-card-page .tea-bank-native-hero .tb-signal small{font-size:var(--tb-type-label);color:#62726c;font-weight:780;text-transform:uppercase;letter-spacing:.04em}
.tea-card-page .tea-bank-native-hero .tb-signal b{font-size:var(--tb-type-card-title);color:#243a33;line-height:1.25}
.tea-card-page .tea-bank-native-hero .tb-signal span{font-size:var(--tb-type-meta);color:var(--tb-accent,#3f5c53);font-weight:700}
.tea-card-page .tea-bank-native-hero .tb-memory-item{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:10px 11px;align-items:start;align-self:stretch;min-width:0;height:auto;min-height:0}
.tea-card-page .tea-bank-native-hero .tb-memory-item>strong{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(23,63,55,.10);color:#31574d;font-size:11.5px}
.tea-card-page .tea-bank-native-hero .tb-memory-item div{min-width:0}
.tea-card-page .tea-bank-native-hero .tb-memory-item b{display:block;color:#263b35;font-size:12.5px;line-height:1.3}
.tea-card-page .tea-bank-native-hero .tb-memory-item p{margin:4px 0;color:#50615b;font-size:11px;line-height:1.42}
.tea-card-page .tea-bank-native-hero .tb-memory-item span{font-size:var(--tb-type-meta);color:var(--tb-accent,#3f5c53);font-weight:750}
.tea-card-page .tea-bank-native-hero .tb-prom{display:grid;gap:4px;height:100%;min-height:0;padding:12px 13px;background:rgba(255,249,237,.62);border-color:rgba(150,104,48,.20);align-content:start}
.tea-card-page .tea-bank-native-hero .tb-prom small{color:#8a6639;font-size:var(--tb-type-label);font-weight:800;letter-spacing:.04em}
.tea-card-page .tea-bank-native-hero .tb-prom b{color:#6e4f2f;font-size:var(--tb-type-card-title);line-height:1.25}
.tea-card-page .tea-bank-native-hero .tb-prom p{margin:2px 0;color:#665848;font-size:11px;line-height:1.42}
.tea-card-page .tea-bank-native-hero .tb-prom span{color:#8a6639;font-size:var(--tb-type-meta);font-weight:750}
.tea-card-page .tea-bank-native-hero .tb-signal:hover,
.tea-card-page .tea-bank-native-hero .tb-memory-item:hover,
.tea-card-page .tea-bank-native-hero .tb-prom:hover{background:rgba(255,255,255,.72);border-color:rgba(56,77,67,.25)}
.tea-card-page .tea-bank-native-hero button:focus-visible,
.tea-card-page .tea-bank-native-hero summary:focus-visible{outline:3px solid rgba(27,77,67,.22);outline-offset:2px}

.tea-card-page .tea-bank-native-hero .tb-native-evidence-badge{position:absolute;right:7px;top:7px;z-index:3;border:1px solid rgba(116,83,46,.20);background:rgba(255,248,237,.95);color:#76512d;border-radius:999px;padding:3px 6px;font:inherit;font-size:8.5px;font-weight:800;letter-spacing:.035em;cursor:pointer;box-shadow:0 2px 8px rgba(40,45,35,.08)}
.tea-card-page .tea-bank-native-hero .tb-native-evidence-badge:hover{background:#fff8ed;border-color:rgba(116,83,46,.38)}

.tea-card-page .tea-bank-native-hero .tb-bowl-zone{display:block;width:100%;max-width:240px;text-align:center}
.tea-card-page .tea-bank-native-hero .tb-color-copy{position:relative;display:grid;justify-items:center;gap:4px;text-align:center;max-width:250px}
.tea-card-page .tea-bank-native-hero .tb-color-name{display:inline-flex;gap:6px;align-items:center;justify-content:center;font-size:12px;font-weight:750;color:#334b43}
.tea-card-page .tea-bank-native-hero .tb-color-note{font-size:10.5px;line-height:1.4;color:#596a64}
.tea-card-page .tea-bank-native-hero .tb-model-badge{border:1px solid rgba(74,94,84,.17);background:rgba(255,255,255,.42);border-radius:999px;padding:4px 7px;color:#53665f;font-size:9px;font-weight:800;letter-spacing:.03em}
.tea-card-page .tea-bank-native-hero .tb-native-detail-meta{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin-top:1px}
.tea-card-page .tea-bank-native-hero .tb-native-detail-meta span{font-size:9px;font-weight:750;color:#755e43;background:rgba(255,255,255,.50);border:1px solid rgba(117,94,67,.15);border-radius:999px;padding:3px 6px}

.tea-bank-native-hero-incomplete{background:#fffdf8;border:1px solid #dcd8cd;border-radius:18px;padding:20px;color:#20302c;font:inherit}
.tea-bank-native-hero-incomplete h2{color:#173f37;margin:5px 0;font-size:clamp(34px,3.4vw,44px);line-height:1.05}
.tea-bank-native-hero-incomplete h2 span{font-weight:400;opacity:.58}
.tea-bank-native-hero-incomplete .aliases{color:#697873}
.tea-bank-native-hero-incomplete .notice{display:grid;gap:3px;margin-top:16px}
.tea-bank-native-hero-incomplete .notice span{font-size:11px}
.tea-bank-native-projection-issues{margin-top:10px;font-size:11px;color:#697873}

@media(max-width:1120px){
  .tea-card-page .tea-hero.tea-hero-v2.tea-bank-native-hero{grid-template-columns:minmax(0,1fr) minmax(220px,265px);column-gap:14px;padding:18px;--tb-type-title:clamp(34px,4vw,44px)}
  .tea-card-page .tea-bank-native-hero .tb-signals,
  .tea-card-page .tea-bank-native-hero .tb-memory{gap:6px}
  .tea-card-page .tea-bank-native-hero .tb-memory-item{grid-template-columns:24px 1fr;padding:9px;gap:7px}
  .tea-card-page .tea-bank-native-hero .tb-memory-item>strong{width:23px;height:23px}
}

@media(max-width:900px){
  .tea-bank-native-controls{justify-content:stretch}
  .tea-bank-native-toggle{flex:1;justify-content:space-between;min-width:150px}
  .tea-card-page .tea-hero.tea-hero-v2.tea-bank-native-hero{display:flex;flex-direction:column;gap:9px;padding:16px;--tb-type-title:38px;--tb-type-lead:14.5px}
  .tea-card-page .tea-bank-native-hero .tb-anchor-row{order:1}
  .tea-card-page .tea-bank-native-hero .tb-title{order:2}
  .tea-card-page .tea-bank-native-hero .tb-identity{order:3}
  .tea-card-page .tea-bank-native-hero .tb-summary{order:4}
  .tea-card-page .tea-bank-native-hero .tb-tags{order:5}
  .tea-card-page .tea-bank-native-hero .tb-bowl-panel{order:6;width:100%;padding:5px 0}
  .tea-card-page .tea-bank-native-hero .tb-signals{order:7;width:100%;grid-template-columns:1fr}
  .tea-card-page .tea-bank-native-hero .tb-memory-details{order:8;width:100%;align-self:auto}
  .tea-card-page .tea-bank-native-hero .tb-memory-details:not([open]){display:block;padding:10px 12px}
  .tea-card-page .tea-bank-native-hero .tb-memory{width:100%;grid-template-columns:1fr}
  .tea-card-page .tea-bank-native-hero .tb-prom-wrap{order:9;width:100%;height:auto;min-height:0}
  .tea-card-page .tea-bank-native-hero .tb-prom{height:auto;min-height:0}
  .tea-card-page .tea-bank-native-hero .tb-bowl-zone{max-width:220px;margin:auto}
}

@media(max-width:430px){
  .tea-bank-native-controls{gap:6px}
  .tea-bank-native-toggle{width:100%;min-width:0}
  .tea-card-page .tea-hero.tea-hero-v2.tea-bank-native-hero{padding:14px;border-radius:15px;--tb-type-title:34px;--tb-type-lead:14px;--tb-type-body:12px;--tb-type-card-title:14px}
}

@media(prefers-reduced-motion:reduce){
  .tea-bank-native-toggle i:after,
  .tea-card-page .tea-bank-native-hero .tb-memory-title i,
  .tea-card-page .tea-bank-native-hero .tb-signal,
  .tea-card-page .tea-bank-native-hero .tb-memory-item,
  .tea-card-page .tea-bank-native-hero .tb-prom{transition:none}
}