/* T1 vs T2 MRI learning guide. All rules scoped; existing global styling untouched. */
.tt-guide {align-items:start;}
.tt-article {min-width:0;max-width:760px;}
.tt-head .eyebrow {letter-spacing:.11em;}
.tt-head h1 {max-width:850px;font-size:clamp(38px,4.5vw,56px);}
.tt-head p {max-width:820px;font-size:17px;line-height:1.58;}
.tt-article .tt-meta {font:11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.03em;color:var(--muted);border-bottom:1px solid var(--line);padding:0 0 19px;margin:0 0 24px;}
.tt-article p {font-size:15px;line-height:1.76;margin:0 0 17px;}
.tt-article p strong,.tt-article li strong {color:var(--ink);}
.tt-guide .tt-small-label {display:block;font-size:10px;line-height:1.5;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#356258;margin:0 0 11px;}
.tt-article .tt-answer {background:#e7eee8;border-left:4px solid var(--orange);border-radius:0 7px 7px 0;padding:19px 23px 20px;margin:0 0 25px;}
.tt-article .tt-answer p {font-size:18px;line-height:1.62;margin:0;color:var(--ink);}
.tt-jumps {display:flex;flex-wrap:wrap;gap:11px 18px;align-items:baseline;border-bottom:1px solid var(--line);padding:0 0 19px;margin-bottom:32px;font:12px/1.6 Arial,Helvetica,sans-serif;}
.tt-jumps span {font-weight:700;color:var(--ink);}
.tt-jumps a {text-decoration:underline!important;text-underline-offset:4px;color:#496860;}
.tt-article .tt-section {scroll-margin-top:26px;margin:0 0 47px;}
.tt-article .tt-kicker {font-size:10px;letter-spacing:.16em;color:var(--orange);font-weight:700;text-transform:uppercase;margin:0 0 10px;}
.tt-article .tt-section h2 {font:normal clamp(26px,2.5vw,31px)/1.21 var(--serif);letter-spacing:-.01em;margin:0 0 18px;color:var(--ink);}
.tt-article .tt-section h3 {font:700 16px/1.38 Arial,Helvetica,sans-serif;margin:25px 0 10px;color:var(--ink);}
.tt-article .tt-table-scroll {margin:21px 0 12px;border:1px solid #cbd8cd;border-radius:6px;overflow:auto;max-width:100%;-webkit-overflow-scrolling:touch;background:#fff;}
.tt-article .tt-table {width:100%;min-width:560px;border-collapse:collapse;margin:0;font-size:13px;line-height:1.55;}
.tt-article .tt-table th,.tt-article .tt-table td {padding:13px 13px;border:0;border-bottom:1px solid #dfe7de;text-align:left;vertical-align:top;font-size:13px;line-height:1.55;}
.tt-article .tt-table tr:last-child td,.tt-article .tt-table tr:last-child th {border-bottom:0;}
.tt-article .tt-table thead th {background:#e8efe9;color:var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.055em;}
.tt-article .tt-table tbody th {width:29%;font-weight:700;color:var(--ink);background:#fafbf8;}
.tt-article .tt-table tbody td {width:35.5%;color:#445c54;}
.tt-article .tt-under-table {font-size:12px;line-height:1.6;color:var(--muted);margin-top:0;}
.tt-article .tt-figure {border:1px solid #d4ded4;background:#eff3ee;border-radius:8px;overflow:hidden;margin:24px 0 30px;}
.tt-figure-top {display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid #d4ded4;background:#e5ede5;color:#21453a;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;}
.tt-figure-top small {margin-left:auto;font-size:10px;letter-spacing:0;font-weight:400;text-transform:none;color:#5d7269;}
.tt-figure-dot {width:7px;height:7px;background:var(--orange);display:inline-block;}
.tt-figure-grid {display:grid;grid-template-columns:1fr 1fr;gap:0;}
.tt-figure-panel {min-width:0;padding:15px 12px 8px;}
.tt-figure-panel + .tt-figure-panel {border-left:1px solid #d4ded4;}
.tt-figure-panel-title {display:flex;flex-direction:column;gap:1px;padding:0 9px;}
.tt-figure-panel-title span {font:normal 19px/1.3 var(--serif);color:var(--ink);}
.tt-figure-panel-title small {font-size:11px;color:#627970;}
.tt-figure-panel img {width:100%;height:auto;display:block;}
.tt-article .tt-figure figcaption {padding:12px 17px;background:#e6eee6;border-top:1px solid #d4ded4;font-size:11px;line-height:1.55;color:#536c62;}
.tt-trio {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:17px 0 23px;}
.tt-trio>div {border:1px solid var(--line);padding:13px 12px;background:#fdfdf9;display:flex;flex-direction:column;justify-content:space-between;gap:10px;}
.tt-trio span {font-size:11px;line-height:1.45;color:#4e665d;}
.tt-trio strong {font-size:13px;line-height:1.45;color:var(--ink);}
.tt-article .tt-step-list {padding-left:24px;margin:20px 0 20px;}
.tt-step-list li {font-size:15px;line-height:1.72;margin:0 0 12px;padding-left:4px;}
.tt-article .tt-note {border-left:3px solid var(--orange);background:#f0ede5;padding:14px 17px;color:#476158;font-size:14px;line-height:1.6;margin:22px 0;}
.tt-exceptions {display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0 18px;}
.tt-exceptions>div {border:1px solid var(--line);background:#fdfdf9;padding:16px 17px;}
.tt-article .tt-exceptions h3 {font:normal 20px/1.3 var(--serif);margin:0 0 7px;}
.tt-article .tt-exceptions p {font-size:13px;line-height:1.65;margin:0;}
.tt-article .tt-faq>div:not(.tt-kicker) {border-top:1px solid var(--line);padding:15px 0;}
.tt-article .tt-faq h3 {font:700 15px/1.45 Arial,Helvetica,sans-serif;margin:0 0 5px;}
.tt-article .tt-faq p {font-size:14px;margin:0;}
.tt-end-note {background:#edf0e8;border:1px solid var(--line);padding:17px 20px;font-size:13px;line-height:1.65;color:#49645b;margin:15px 0 41px;}
.tt-keep-reading {border-top:3px solid var(--ink);padding:22px 0 0;margin:0 0 35px;}
.tt-keep-reading a {display:block;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none!important;}
.tt-keep-reading a strong {display:block;color:var(--ink);font:normal 19px/1.3 var(--serif);margin-bottom:6px;}
.tt-keep-reading a span {display:block;color:var(--muted);font:13px/1.5 Arial,Helvetica,sans-serif;}
.tt-aside {padding-top:0;}
.tt-related {border-top:3px solid var(--ink);padding-top:16px;}
.tt-related-item {padding:18px 0 20px;border-top:1px solid var(--line);}
.tt-related-tag {display:block;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.09em;color:#b25f42;}
.tt-aside .tt-related-item h2 {font:normal 23px/1.24 var(--serif);margin:10px 0 9px;}
.tt-aside .tt-related-item p {font:13px/1.62 Arial,Helvetica,sans-serif;color:var(--muted);margin:0 0 12px;}
.tt-aside .tt-related-item a {font:13px/1.5 Arial,Helvetica,sans-serif;text-decoration:underline;text-underline-offset:4px;}
.tt-aside-nav {border-top:1px solid var(--line);padding-top:19px;margin-top:29px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;}
.tt-aside-nav a {font-size:12px;color:var(--muted);}
.tt-mobile-products {display:none;}
.tt-guide .sr-only {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:900px){
 .tt-aside {display:none;}
 .tt-mobile-products {display:block;background:#edf0e9;border:1px solid #d1dbd0;border-radius:7px;padding:14px 17px;margin:24px 0 39px;}
 .tt-mobile-products a {display:block;border-top:1px solid #d1dbd0;padding:11px 0;text-decoration:none!important;color:var(--ink);font-size:14px;font-weight:700;line-height:1.45;}
 .tt-mobile-products a span {display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px;}
 .tt-mobile-products a:last-child {padding-bottom:0;}
}
@media(max-width:650px){
 .tt-head {padding-top:32px;}
 .tt-head h1 {font-size:clamp(35px,9vw,45px);letter-spacing:-.04em;}
 .tt-head p {font-size:15px;}
 .tt-article .tt-answer {padding:15px 16px;margin-top:0;}
 .tt-article .tt-answer p {font-size:16px;line-height:1.65;}
 .tt-article .tt-section h2 {font-size:28px;line-height:1.23;}
 .tt-figure-grid {grid-template-columns:1fr;}
 .tt-figure-panel + .tt-figure-panel {border-left:none;border-top:1px solid #d4ded4;}
 .tt-figure-top small {display:none;}
 .tt-trio {grid-template-columns:1fr;}
 .tt-trio>div {flex-direction:row;align-items:center;gap:12px;}
 .tt-exceptions {grid-template-columns:1fr;}
 .tt-jumps {gap:7px 13px;}
}
@media print{
 .tt-jumps,.tt-mobile-products,.tt-aside {display:none!important;}
 .tt-figure,.tt-trio,.tt-exceptions {break-inside:avoid;}
 .tt-article {max-width:none;}
}

/* Premium editorial polish: clearer diagram and true mobile comparison. */
.tt-head h1 {text-wrap:balance;letter-spacing:-.025em;}
.tt-head p {max-width:710px;}
.tt-article {overflow-wrap:break-word;}
.tt-article .tt-answer {background:#e8efe8;box-shadow:0 10px 30px rgba(29,61,48,.055);border-radius:4px 9px 9px 4px;}
.tt-article .tt-section h2 {text-wrap:balance;}
.tt-article .tt-section h3 {text-wrap:balance;}
.tt-article .tt-section:has(> .tt-kicker) {scroll-margin-top:22px;}
.tt-article .tt-table-scroll {box-shadow:0 9px 24px rgba(20,55,40,.035);}
.tt-article .tt-table tbody th {min-width:0;}
.tt-article .tt-figure {background:#f3f7f0;border:1px solid #cfdbd1;border-radius:12px;box-shadow:0 12px 36px rgba(20,55,40,.07);margin-top:27px;margin-bottom:31px;}
.tt-figure-top {padding:15px 22px;background:#e7efe6;letter-spacing:.095em;}
.tt-figure-grid {grid-template-columns:1fr 1fr;align-items:stretch;}
.tt-figure-panel {padding:21px 20px 20px;display:flex;flex-direction:column;gap:0;background:#fcfcf9;}
.tt-figure-panel+.tt-figure-panel {border-left:1px solid #d7e1d7;}
.tt-figure-panel-title {padding:0;margin-bottom:12px;gap:4px;}
.tt-figure-panel-title span {font-size:24px;}
.tt-figure-panel-title small {font:12px/1.5 Arial,Helvetica,sans-serif;}
.tt-figure-panel img {display:block;width:100%;height:auto;max-height:240px;object-fit:contain;background:#fbfcf8;border:1px solid #e4ece1;border-radius:6px;}
.tt-graph-key {display:flex;flex-wrap:wrap;gap:7px 12px;margin:14px 0 14px;align-items:center;}
.tt-graph-key span {font:600 11px/1.5 Arial,Helvetica,sans-serif;color:#37554a;display:inline-flex;align-items:center;gap:6px;}
.tt-graph-key span:before {content:'';display:block;width:17px;height:3px;border-radius:2px;background:#175448;flex:none;}
.tt-graph-key .tt-key-rust:before {background:#bb684b;}
.tt-article .tt-graph-insight {font:13px/1.65 Arial,Helvetica,sans-serif;margin:auto 0 0;color:#36584a;padding:12px 0 0;border-top:1px solid #e1e9df;}
.tt-article .tt-graph-insight strong {color:#1b4035;}
.tt-article .tt-figure figcaption {padding:15px 21px;font:11px/1.7 Arial,Helvetica,sans-serif;color:#4b685b;}
.tt-related-item {padding:20px 0 20px;}
.tt-aside .tt-related-item a {font-weight:700;}
.tt-article a:focus-visible,.tt-aside a:focus-visible,.tt-jumps a:focus-visible {outline:2px solid #bd6f4c;outline-offset:4px;}
@media(max-width:900px){
 .tt-article {max-width:none;}
 .tt-figure-grid {grid-template-columns:1fr 1fr;}
}
@media(max-width:650px){
 .tt-head h1 {font-size:clamp(34px,8.6vw,43px);line-height:1.11;}
 .tt-article .tt-meta {padding-bottom:15px;margin-bottom:19px;}
 .tt-article p {font-size:15px;line-height:1.7;}
 .tt-article .tt-section {margin-bottom:38px;}
 .tt-article .tt-section h2 {font-size:clamp(25px,6vw,29px);line-height:1.22;}
 .tt-article .tt-figure {margin-top:20px;}
 .tt-figure-grid {grid-template-columns:1fr;}
 .tt-figure-panel {padding:18px 15px 19px;}
 .tt-figure-panel+.tt-figure-panel {border-left:none;border-top:1px solid #d7e1d7;}
 .tt-figure-panel-title span {font-size:23px;}
 .tt-figure-panel img {max-height:none;}
 .tt-graph-key span {font-size:12px;}
 .tt-article .tt-graph-insight {font-size:13px;}
 .tt-article .tt-figure figcaption {font-size:12px;padding:14px 16px;}
 /* Replace the tiny horizontally scrolled comparison with readable stacked cards. */
 .tt-article .tt-table-scroll {overflow:visible;border:0;box-shadow:none;background:transparent;margin:19px 0 13px;}
 .tt-article .tt-table,.tt-article .tt-table tbody {display:block;width:100%;min-width:0;}
 .tt-article .tt-table thead {display:none;}
 .tt-article .tt-table tbody tr {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 1px;margin:0 0 12px;overflow:hidden;border-radius:9px;border:1px solid #d3e0d5;background:#d3e0d5;}
 .tt-article .tt-table tbody th {grid-column:1/-1;width:auto;background:#e8efe8;border:0;padding:11px 14px;font-size:13px;line-height:1.35;}
 .tt-article .tt-table tbody td {display:block;min-width:0;width:auto;background:#fff;border:0;padding:11px 13px 13px;font-size:13px;line-height:1.55;overflow-wrap:anywhere;}
 .tt-article .tt-table tbody td::before {content:attr(data-label);display:block;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#376458;font-size:10px;line-height:1.5;margin-bottom:6px;}
 .tt-article .tt-table tbody tr:last-child {border-bottom:1px solid #d3e0d5;}
 .tt-jumps {padding-bottom:17px;margin-bottom:28px;}
 .tt-mobile-products {margin:23px 0 34px;}
}
@media(max-width:359px){
 .tt-article .tt-table tbody tr {grid-template-columns:1fr;}
 .tt-article .tt-table tbody td+td {border-top:1px solid #e4ece7;}
}
@media print{
 .tt-article .tt-figure {box-shadow:none;}
 .tt-graph-insight {break-inside:avoid;}
}