/* 2026-10-27: local, buildless additions for TRACE LAB. */
.trace-announcement{padding:19px 22px!important;background:#fff7ed;border:1px solid #efdbc4;border-left:4px solid #b65b1e;border-radius:12px;word-break:normal!important;overflow-wrap:break-word!important}
.trace-announcement>span{display:block;color:#974619;font-size:.7rem;font-weight:900;letter-spacing:.06em;margin-bottom:8px}
.trace-announcement>a{display:block;color:#783c21;font-size:1rem;line-height:1.8;text-decoration:underline;text-underline-offset:4px}
.trace-announcement>small{display:block;color:#715e50;font-size:.75rem;line-height:1.7;margin-top:8px}
.trace-learning-card{border-color:#e7d7c8}
.trace-learning-card .ra-learning-image{background:#f3f0eb}
.trace-learning-card .ra-learning-image img{object-fit:contain}
.trace-learning-card .ra-learning-image>span{color:#974619}
.trace-model-note{font-size:.72rem!important;color:#706157}
.trace-learning-card .ra-card-link{color:#974619}
.materials-with-trace .quick-trace{background:#fff5e9}
.materials-with-trace .quick-trace .path-number{background:#a54d1e;color:white}
.materials-with-trace .trace-card{border-color:#ddc6b1}
.materials-with-trace .trace-card .card-art{background:#f3f0eb;min-height:310px}
.materials-with-trace .trace-card .card-art img{width:100%;height:100%;object-fit:contain}
.materials-with-trace .trace-card .card-badge{background:#a54d1e;color:#fff}
.materials-with-trace .trace-card .card-index{color:#974619}
.trace-feature{padding:76px 0;background:linear-gradient(140deg,#f5f2ed,#fffaf3);border-block:1px solid #e6dbce;scroll-margin-top:18px}
.trace-feature-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}
.trace-feature-copy{min-width:0;color:#3b332d}
.trace-feature-copy .eyebrow{color:#974619}
.trace-feature-copy h2{font-size:clamp(29px,3.3vw,44px);line-height:1.45;color:#302c29}
.trace-feature-copy h2 em{font-style:normal;color:#a54d1e}
.trace-feature-lead{font-size:21px;font-weight:700;line-height:1.65;margin:22px 0}
.trace-feature-copy>p:not(.eyebrow):not(.trace-feature-lead):not(.trace-feature-note){font-size:14px;line-height:1.9}
.trace-feature-steps{padding:0;list-style:none;display:grid;gap:14px;margin:26px 0}
.trace-feature-steps li{display:flex;gap:14px;align-items:start}
.trace-feature-steps b{background:#ead8c6;color:#713719;font-size:12px;padding:5px 9px;border-radius:5px;flex:none}
.trace-feature-steps strong{display:block;font-size:14px}
.trace-feature-steps small{display:block;font-size:12px;color:#6e5f53;line-height:1.8;margin-top:3px}
.trace-feature-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.trace-button{background:#9b491f;color:#fff;box-shadow:none}
.trace-button:hover{background:#7e3818}
.trace-challenge-link{color:#87401c;font-weight:700;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.trace-feature-note{font-size:12px;color:#715e50;line-height:1.9;margin:23px 0 0;padding:16px 18px;border:1px solid #ddcdbb;background:#ffffffb3;border-radius:10px}
.trace-feature-visual{min-width:0}
.trace-feature-visual figure{margin:0;border:8px solid #fff;border-radius:18px;overflow:hidden;background:#f3f0eb;box-shadow:0 15px 35px #51311612}
.trace-feature-visual figure img{width:100%;height:auto}
.trace-feature-visual figcaption{padding:15px 12px;background:#fff;font-size:11px;color:#623c24;font-weight:700;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.trace-feature-visual figcaption span{font-weight:400;color:#716256}
.trace-feature-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.trace-feature-tags span{padding:5px 9px;border:1px solid #d6bfaa;background:#fff9f1;border-radius:5px;color:#7b4b2c;font-size:10px;font-weight:700}
.trace-feature-visual>p{font-size:12px;color:#715e50;line-height:1.9;margin-top:16px}
.trace-announcement a:focus-visible,.trace-feature a:focus-visible{outline:3px solid #a54d1e;outline-offset:5px}
@media(min-width:851px){.materials-with-trace .trace-card{grid-column:1/-1;display:grid;grid-template-columns:.95fr 1.05fr}.materials-with-trace .trace-card .card-art{height:100%;padding:20px}.materials-with-trace .quick-paths{grid-template-columns:repeat(3,minmax(0,1fr))}.materials-with-trace .quick-path:nth-child(4){border-left:0}.materials-with-trace .quick-path:nth-child(n+4){border-top:1px solid #dbe3ec}}
@media(max-width:1000px){.materials-with-trace .site-header nav{flex-wrap:wrap;gap:5px 16px}.materials-with-trace .header-home{padding-left:0}}
@media(max-width:850px){.trace-feature-inner{grid-template-columns:1fr;gap:30px}.trace-feature-visual{grid-row:1}.trace-feature{padding:50px 0}.trace-feature-visual figure{max-width:650px;margin:auto}.trace-feature-lead{font-size:20px}}
@media(max-width:600px){.trace-announcement{padding:16px!important}.trace-announcement>a{font-size:.9rem}.trace-announcement>small{font-size:.72rem}.materials-with-trace .trace-card .card-art{min-height:0;height:225px}.trace-feature{padding:40px 0}.trace-feature-copy h2{font-size:31px}.trace-feature-steps small,.trace-feature-note,.trace-feature-visual>p{font-size:13px}.trace-feature-visual figure{border-width:5px;border-radius:12px}.trace-feature-visual figcaption{font-size:10px;padding:12px 7px}.trace-button{font-size:12px;gap:15px}.trace-feature-tags span{font-size:9px}}