.cti-mills-preview .cti-mills-nav{margin:22px 0 26px;scroll-margin-top:24px}
.cti-mills-preview .cti-mills-nav__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.cti-mills-preview .cti-mills-nav__heading h2{margin:0;font-size:22px;font-weight:700;line-height:1.25;color:#202b36;text-transform:none;letter-spacing:0}
.cti-mills-preview .cti-mills-nav__all{flex-shrink:0;padding:8px 14px;border:1px solid #cfd4da;border-radius:30px;background:#fff;color:#35414c;font-size:13px;font-weight:700;text-decoration:none;line-height:1.4}
.cti-mills-preview .cti-mills-nav__all.is-active{background:#b72125;border-color:#b72125;color:#fff}
.cti-mills-preview .cti-mills-nav__all:hover{border-color:#b72125}
.cti-mills-preview .cti-mills-nav__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cti-mills-preview .cti-mills-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 37%;align-items:center;gap:10px;min-height:116px;padding:16px 20px 16px 16px;border:1px solid #e3e6e9;border-radius:12px;background:#fff;color:#202b36;text-decoration:none;box-shadow:0 3px 12px rgba(28,43,58,.035);transition:border-color .16s,box-shadow .16s,background-color .16s}
.cti-mills-preview .cti-mills-card:hover{color:#202b36;border-color:#ba7d7e;box-shadow:0 5px 16px rgba(28,43,58,.08)}
.cti-mills-preview .cti-mills-card.is-active{background:#fff8f7;border-color:#b72125;box-shadow:inset 0 0 0 1px #b72125}
.cti-mills-preview .cti-mills-card__copy{min-width:0;display:flex;flex-direction:column;gap:9px}
.cti-mills-preview .cti-mills-card__title{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:0;text-transform:none;overflow-wrap:break-word}
.cti-mills-preview .cti-mills-card__materials{display:flex;flex-wrap:wrap;gap:5px}
.cti-mills-preview .cti-material{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:800;line-height:1;font-family:Arial,sans-serif;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.cti-mills-preview .cti-material--p{background:#d8e9f7;color:#174d79}
.cti-mills-preview .cti-material--m{background:#fff0b8;color:#725300}
.cti-mills-preview .cti-material--k{background:#f7dedd;color:#92352f}
.cti-mills-preview .cti-material--n{background:#dcefdc;color:#29632f}
.cti-mills-preview .cti-material--s{background:#eadfce;color:#6d4c27}
.cti-mills-preview .cti-material--h{background:#e4e5ea;color:#454b59}
.cti-mills-preview .cti-mills-card__visual{display:flex;align-items:center;min-width:0;padding:0 0 0 2px}
.cti-mills-preview .cti-mills-card__visual img{display:block;width:100%;height:auto;object-fit:contain}
.cti-mills-preview .cti-mills-card__arrow{position:absolute;right:10px;top:8px;font-size:14px;line-height:1;color:#9aa1a8}
.cti-mills-preview .cti-mills-card.is-active .cti-mills-card__arrow{color:#b72125;font-weight:700}
.cti-mills-preview .cti-mills-card:focus-visible,.cti-mills-preview .cti-mills-nav__all:focus-visible,.cti-mills-preview .cti-mills-nav__legend summary:focus-visible{outline:3px solid #314c68;outline-offset:3px}
.cti-mills-preview .cti-mills-nav__legend{margin-top:12px;color:#626b74;font-size:12px;line-height:1.5}
.cti-mills-preview .cti-mills-nav__legend summary{cursor:pointer;width:fit-content;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.cti-mills-preview .cti-mills-nav__legend-items{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:12px}
.cti-mills-preview .cti-mills-nav__legend-items>span{display:inline-flex;align-items:center;gap:6px}
.cti-mills-preview .cti-mills-nav__legend p{font-size:12px;line-height:1.5;margin:10px 0 0;color:#626b74}
@media(max-width:767px){
 .cti-mills-preview .cti-mills-nav{margin:20px 0 24px}
 .cti-mills-preview .cti-mills-nav__heading{gap:10px;align-items:flex-start}
 .cti-mills-preview .cti-mills-nav__heading h2{font-size:19px;max-width:220px}
 .cti-mills-preview .cti-mills-nav__all{font-size:12px;padding:7px 11px}
 .cti-mills-preview .cti-mills-nav__grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .cti-mills-preview .cti-mills-card{min-height:100px;padding:14px 19px 14px 14px;grid-template-columns:minmax(0,1fr) 36%}
 .cti-mills-preview .cti-mills-card__title{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.cti-mills-preview .cti-mills-card{transition:none}}
