/* Trachemy follows FTJA/TSF's editorial scale and the shared reading palette. */
.trachemy-read.doc{--t-accent:var(--teal,#2f7f96);--t-rule:rgba(15,42,74,.1)}
.trachemy-read .orig section{display:block;min-height:0;max-width:860px;margin:auto;padding:40px 0 48px;scroll-margin-top:16px}
.trachemy-read .orig .no{font:10px/1.6 var(--mono);letter-spacing:.045em;color:var(--t-accent);margin-bottom:10px}
.trachemy-read .orig h2.sec{max-width:700px;margin:0 0 22px;font-size:clamp(22px,2vw,28px);font-weight:500;line-height:1.4;letter-spacing:-.035em;word-break:keep-all;text-wrap:balance}
.trachemy-read .t-content{min-width:0}
.trachemy-read .t-content p{font-size:14.5px;line-height:1.85;color:var(--ink-3);margin:0 0 16px;word-break:keep-all;overflow-wrap:anywhere}
.trachemy-read .t-content .t-lead{font-size:16px;line-height:1.8;color:var(--ink-2)}
.trachemy-read .t-content h3{font-size:16px;line-height:1.6;font-weight:500;letter-spacing:-.02em;color:var(--ink);margin:0 0 8px;word-break:keep-all}
.trachemy-read .t-content blockquote,.trachemy-read .t-takeaway{margin:24px 0;padding:4px 0 4px 18px;border-left:2px solid var(--t-accent);font-size:16px;font-weight:500;line-height:1.8;color:var(--ink-2);word-break:keep-all}
.trachemy-read .t-decisions{margin:24px 0}
.trachemy-read .t-decisions>div{padding:18px 0;border-top:1px solid var(--t-rule)}
.trachemy-read .t-decisions p{margin:0}
.trachemy-read .t-funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0;border-block:1px solid var(--t-rule);padding:22px 0}
.trachemy-read .t-funnel>div{padding:0 14px;border-left:1px solid var(--t-rule);min-width:0}.trachemy-read .t-funnel>div:first-child{padding-left:0;border:0}
.trachemy-read .t-funnel strong,.trachemy-read .t-result strong{display:block;font:500 clamp(28px,3vw,40px)/1.3 var(--mono);color:var(--t-accent);font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.trachemy-read .t-funnel span{display:block;font-size:12px;line-height:1.7;color:var(--ink-3);margin-top:7px;word-break:keep-all}
.trachemy-read .t-result{display:flex;align-items:center;gap:24px;padding:22px 0;margin:24px 0;border-block:1px solid var(--t-rule)}
.trachemy-read .t-result b{display:block;font-size:14px;line-height:1.7;font-weight:500;color:var(--ink-2)}
.trachemy-read .t-result span{display:block;font-size:11px;line-height:1.7;color:var(--ink-4);margin-top:6px}
.trachemy-read .t-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;margin:24px 0 28px}
.trachemy-read .t-shots:has(figure:only-child){grid-template-columns:1fr}
.trachemy-read .t-shots figure{margin:0;min-width:0}
.trachemy-read .orig .t-shots img{display:block;width:100%;height:auto;aspect-ratio:4/5;max-height:400px;object-fit:contain;margin:0;border-radius:0;background:transparent;box-shadow:none}
.trachemy-read .orig .t-shots figure:only-child img{aspect-ratio:auto;max-height:480px}
.trachemy-read .orig .t-shots figcaption{margin-top:10px;font:11px/1.7 var(--sans,sans-serif);text-align:left;color:var(--ink-4);word-break:keep-all}
.trachemy-read .t-table-wrap{margin:24px 0;overflow-x:auto}
.trachemy-read .orig .t-priorities{width:100%;margin:0;border-collapse:collapse;background:transparent;border-radius:0;box-shadow:none;font:12.5px/1.8 var(--sans,sans-serif)}
.trachemy-read .t-priorities caption{text-align:left;color:var(--ink-4);font:11px/1.7 var(--sans,sans-serif);padding-bottom:12px}
.trachemy-read .orig .t-priorities th{font:500 12px/1.7 var(--sans,sans-serif);text-align:left;color:var(--ink-2);background:transparent;border-bottom:1px solid var(--t-rule);padding:12px 16px 12px 0}
.trachemy-read .orig .t-priorities td{padding:13px 16px 13px 0;border:0;border-bottom:1px solid var(--t-rule);vertical-align:top;color:var(--ink-3);word-break:keep-all;overflow-wrap:anywhere}
.trachemy-read .t-priorities td:first-child{width:41%}
.trachemy-read .t-content .t-note{font-size:11px;line-height:1.7;color:var(--ink-4)}
.trachemy-read .t-sources{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;margin-top:24px}
.trachemy-read .t-sources a{color:var(--t-accent);text-decoration:underline;text-underline-offset:4px}
.trachemy-read a:focus-visible{outline:2px solid var(--t-accent);outline-offset:4px}
@media(max-width:860px){
 .screen:has(.trachemy-read){height:75vh;min-height:480px;aspect-ratio:auto}
 .trachemy-read.doc{grid-template-rows:auto minmax(0,1fr)}
 .trachemy-read .toc{display:flex;gap:4px;overflow:auto;white-space:nowrap;padding:10px;border-right:0;border-bottom:1px solid var(--t-rule)}
 .trachemy-read .toc a{flex-shrink:0;padding:8px}
 .trachemy-read .orig section{padding:28px 0 34px}
}
@media(max-width:540px){
 .trachemy-read .t-shots{grid-template-columns:1fr;gap:24px}
 .trachemy-read .orig .t-shots img{aspect-ratio:auto;max-height:430px}
 .trachemy-read .t-funnel{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}
 .trachemy-read .t-funnel>div:nth-child(3){border:0;padding-left:0}
 .trachemy-read .t-result{gap:18px}
}

/* Original deck's decision matrix; selected idea stays visible on small screens. */
.trachemy-read .orig .t-matrix{width:100%;table-layout:fixed;margin:0;border-collapse:collapse;background:transparent;border-radius:0;box-shadow:none;font:12px/1.65 var(--sans,sans-serif)}
.trachemy-read .t-matrix caption{text-align:left;padding:0 0 14px;color:var(--ink-2)}
.trachemy-read .t-matrix caption>span{display:block;font-size:14px;font-weight:500}
.trachemy-read .t-matrix caption small{display:block;margin-top:4px;font-size:11px;color:var(--ink-4)}
.trachemy-read .orig .t-matrix th,.trachemy-read .orig .t-matrix td{padding:14px 10px;border:0;border-bottom:1px solid var(--t-rule);background:transparent;text-align:center;vertical-align:middle;overflow-wrap:anywhere;word-break:keep-all;color:var(--ink-3)}
.trachemy-read .orig .t-matrix th{font:500 12px/1.65 var(--sans,sans-serif)}
.trachemy-read .orig .t-matrix th:first-child{width:29%;padding-left:0;text-align:left;font-weight:400}
.trachemy-read .orig .t-matrix tr>:nth-child(2){background:rgba(47,127,150,.07);color:var(--t-accent)}
.trachemy-read .orig .t-matrix td{font:400 14px/1.65 var(--mono);font-variant-numeric:tabular-nums}
.trachemy-read .orig .t-matrix tfoot td{font-size:24px;font-weight:500;padding-block:18px}
.trachemy-read .t-matrix tfoot small{font-size:11px;color:var(--ink-4)}
@media(max-width:540px){.trachemy-read .orig .t-matrix th,.trachemy-read .orig .t-matrix td{padding:12px 5px}.trachemy-read .orig .t-matrix th{font-size:11px}.trachemy-read .orig .t-matrix th:first-child{width:30%}.trachemy-read .orig .t-matrix tfoot td{font-size:22px}}
/* Product structure and response choices share FTJA's light, ruled layout. */
.trachemy-read .t-content h3:not(:first-child){margin-top:28px}
.trachemy-read .t-pitch-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;margin:24px 0;border-top:1px solid var(--t-rule)}
.trachemy-read .t-pitch-flow>div{min-width:0;padding:18px 0;border-bottom:1px solid var(--t-rule)}
.trachemy-read .t-pitch-flow small{display:block;font:10px/1.6 var(--mono);color:var(--t-accent);margin-bottom:7px}
.trachemy-read .t-pitch-flow b,.trachemy-read .t-actions b{display:block;font-size:13px;line-height:1.7;font-weight:500;color:var(--ink-2)}
.trachemy-read .t-pitch-flow span,.trachemy-read .t-actions span{display:block;font-size:12px;line-height:1.7;color:var(--ink-4);margin-top:5px;word-break:keep-all}
.trachemy-read .t-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px 0;margin:24px 0;border-block:1px solid var(--t-rule)}
.trachemy-read .t-shots:has(figure:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.trachemy-read .orig .t-promo{margin:24px 0 28px}
.trachemy-read .orig .t-promo video{width:100%;height:auto;max-height:440px;margin:0;background:#111;box-shadow:none;border-radius:8px}
.trachemy-read .orig .t-promo figcaption{font:11px/1.7 var(--sans,sans-serif);text-align:left;color:var(--ink-4);margin-top:10px}
@media(max-width:540px){.trachemy-read .t-pitch-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.trachemy-read .t-actions{grid-template-columns:1fr;gap:16px}.trachemy-read .t-shots:has(figure:nth-child(2):last-child){grid-template-columns:1fr}}

.trachemy-read .t-shots.t-mvp-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-inline:-24px}
.trachemy-read .orig .t-mvp-shots img{width:100%;height:auto;aspect-ratio:auto;max-height:none}
@media(max-width:540px){.trachemy-read .t-shots.t-mvp-shots{gap:8px;margin-inline:-12px}.trachemy-read .orig .t-mvp-shots figcaption{font-size:10px}}

/* Column widths follow the source aspect ratios so visible image heights match. */
.trachemy-read .t-shots.t-linkedin-shots:has(figure:nth-child(2):last-child){grid-template-columns:984fr 1860fr}
.trachemy-read .orig .t-linkedin-shots img{width:100%;height:auto;max-height:none;aspect-ratio:auto}


.trachemy-read .t-outreach-shots{justify-items:center}
.trachemy-read .t-outreach-shots figure{width:fit-content;max-width:100%;margin-inline:auto}
.trachemy-read .orig .t-outreach-shots figure:only-child img{width:auto;max-width:100%;height:auto;max-height:480px}

.trachemy-read .t-shots.t-ad-shots:has(figure:nth-child(2):last-child){grid-template-columns:1292fr 608fr}
.trachemy-read .orig .t-ad-shots img{width:100%;height:auto;max-height:none;aspect-ratio:auto}

.trachemy-read .orig .t-program-shots img{aspect-ratio:auto;height:auto;max-height:none}
.trachemy-read .orig .t-program-shots figcaption{margin-top:8px}

.trachemy-read .t-promo-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(180px,.85fr);align-items:start;gap:28px;margin:0 0 24px}
.trachemy-read .t-promo-copy{min-width:0}
.trachemy-read .orig .t-promo-layout .t-promo{min-width:0;margin:0}
.trachemy-read .orig .t-promo-layout video{display:block;width:100%;height:auto;aspect-ratio:9/16;max-height:none;object-fit:contain}
@media(max-width:600px){.trachemy-read .t-promo-layout{grid-template-columns:1fr;gap:16px}.trachemy-read .orig .t-promo-layout .t-promo{width:min(100%,280px);margin-inline:auto}}

/* Match one MVP column: (content width + 48px outer expansion - 24px gaps) / 3. */
.trachemy-read .t-promo-layout{grid-template-columns:minmax(0,1fr) calc((100% + 24px)/3)}
@media(max-width:600px){.trachemy-read .t-promo-layout{grid-template-columns:1fr}.trachemy-read .orig .t-promo-layout .t-promo{width:calc((100% + 24px)/3)}}
@media(max-width:540px){.trachemy-read .orig .t-promo-layout .t-promo{width:calc((100% + 8px)/3)}}
