.page-traceability h1,.page-traceability h2,.page-traceability h3 { letter-spacing:0; text-wrap:balance; }
.page-traceability main section[id] { scroll-margin-top:calc(var(--site-header-height) + 70px); }
.page-traceability .mc-hero-grid { grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr); gap:36px; min-height:610px; }
.page-traceability .mc-hero h1 { font-size:clamp(34px,3.7vw,48px); }
.page-traceability .mc-hero h1>span { font-size:22px; margin-top:10px; }
.page-traceability .mc-heading h2 { font-size:clamp(28px,3vw,37px); }
.page-traceability .mc-hero-visual img { width:100%; height:auto; display:block; }
.page-traceability .mc-diagram-dialog.is-zoomed img { width:auto; }
.page-traceability main a:focus-visible,.page-traceability main button:focus-visible { outline:3px solid #bca15a; outline-offset:4px; }
.tc-tint { background:#f3f5ef; }
.tc-values,.tc-scenes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; }
.tc-values article { border-top:1px solid #dae3d7; padding-top:24px; }
.tc-values svg,.tc-scenes svg,.tc-marketing-grid>article>svg { width:29px; height:29px; color:#718b69; margin-bottom:17px; }
.tc-values h3,.tc-scenes h3,.tc-marketing-grid h3,.tc-channel-grid h3 { margin:0 0 12px; color:#2c503d; font-size:20px; font-weight:500; }
.tc-values p,.tc-scenes p,.tc-marketing-grid p,.tc-channel-grid p { margin:0; color:#69766b; font-size:14px; line-height:1.85; }
.tc-flow { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); list-style:none; padding:0; margin:45px 0 0; border:1px solid #dce5d8; border-radius:9px; overflow:hidden; }
.tc-flow li { padding:21px 16px; font-size:16px; color:#31553f; background:#fafbf7; border-right:1px solid #dce5d8; }
.tc-flow li:last-child { border:0; }
.tc-flow span { display:block; color:#9f8557; margin-bottom:9px; font-size:13px; }
.tc-split { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); align-items:center; gap:48px; }
.tc-split>* { min-width:0; }
.tc-features { display:grid; gap:25px; margin:0; }
.tc-features>div { padding-left:18px; border-left:2px solid #9cac8e; }
.tc-features dt { font-size:20px; color:#31553d; font-weight:500; margin-bottom:7px; }
.tc-features dd { margin:0; font-size:14px; color:#69776a; line-height:1.85; }
.tc-query-copy h3 { font-size:25px; font-weight:500; color:#31543e; margin:0 0 18px; }
.tc-query-copy p { color:#69776b; font-size:15px; line-height:1.85; }
.tc-checks { padding:0; margin:25px 0; list-style:none; display:grid; gap:17px; color:#3d5a45; font-size:14px; }
.tc-checks li { display:flex; gap:10px; align-items:start; }
.tc-checks svg { width:19px; height:19px; flex-shrink:0; color:#79916d; }
.tc-query-copy .tc-caption,.tc-marketing-grid .tc-caption { font-size:13px; color:#7d887b; margin-top:20px; }
.tc-dark { background:radial-gradient(ellipse at 80% 50%,#325743,transparent 65%),#163e33; }
.tc-dark .mc-heading h2 { color:#e7d8aa; }
.tc-dark .mc-heading p { color:#c7d1c1; }
.tc-channel-visual { max-width:1010px; margin:0 auto 38px; padding:10px; background:#f8faf6; border-radius:12px; }
.tc-channel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
.tc-channel-grid h3 { color:#e5d8b4; }
.tc-channel-grid p { color:#c5d1c0; }
.tc-record-visual { max-width:1030px; margin:0 auto 40px; }
.tc-marketing-grid { display:grid; grid-template-columns:1fr 1.3fr 1fr; gap:24px; }
.tc-marketing-grid article,.tc-scenes article { padding:27px 24px; border:1px solid #dce5d8; background:#fafbf7; border-radius:9px; }
.tc-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:20px; }
.tc-tags span { background:#edf2e8; color:#527052; font-size:12px; padding:5px 8px; border-radius:4px; }
@media(max-width:1100px) {
 .page-traceability .mc-hero-grid { grid-template-columns:1fr; min-height:0; gap:15px; }
 .page-traceability .mc-hero-visual { max-width:700px; margin:auto; }
 .tc-split { gap:30px; }
 .tc-values,.tc-scenes { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tc-marketing-grid { grid-template-columns:1fr; }
}
@media(max-width:800px) {
 .tc-split { grid-template-columns:1fr; gap:28px; }
 .tc-split figure { max-width:680px; margin:auto; width:100%; }
 .tc-channel-grid { grid-template-columns:1fr; gap:24px; }
 .tc-flow { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .tc-flow li { border-bottom:1px solid #dce5d8; }
}
@media(max-width:700px) {
 .page-traceability main section[id] { scroll-margin-top:calc(var(--site-header-height) + 90px); }
 .page-traceability .mc-hero h1 { font-size:34px; }
 .page-traceability .mc-hero h1>span { font-size:19px; }
 .page-traceability .mc-hero-description { font-size:15px; }
 .page-traceability .mc-nav a { white-space:nowrap; }
 .tc-values,.tc-scenes { gap:22px 15px; }
 .tc-values h3,.tc-scenes h3 { font-size:18px; }
 .tc-flow { margin-top:30px; }
 .tc-flow li { padding:17px 12px; font-size:14px; }
 .tc-scenes article,.tc-marketing-grid article { padding:23px 18px; }
 .tc-query-copy h3 { font-size:23px; }
 .tc-channel-visual { padding:3px; }
}
@media(max-width:370px) {
 .tc-values,.tc-scenes { grid-template-columns:1fr; }
 .tc-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
}