
#tome-vinyl-guide{--navy:#0b304c;--red:#e62129;--muted:#536675;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy);font-size:16px;line-height:1.6;max-width:1200px;margin:auto;background:white;overflow-wrap:break-word}#tome-vinyl-guide *{box-sizing:border-box}#tome-vinyl-guide section{padding:44px 28px;border-bottom:1px solid #e4e9ed}#tome-vinyl-guide h1{font-size:clamp(30px,3.4vw,44px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 20px}#tome-vinyl-guide h2{font-size:30px;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}#tome-vinyl-guide h3{font-size:19px;line-height:1.3;margin:0 0 10px}#tome-vinyl-guide p{margin:0 0 14px}#tome-vinyl-guide .eyebrow{color:var(--red);font-size:12px;letter-spacing:.12em;font-weight:750;text-transform:uppercase}#tome-vinyl-guide .muted,#tome-vinyl-guide figcaption{color:var(--muted)}#tome-vinyl-guide .split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}#tome-vinyl-guide figure{margin:0;min-width:0}#tome-vinyl-guide img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:12px;background:#f2f5f6}#tome-vinyl-guide figcaption{font-size:12px;margin-top:7px}#tome-vinyl-guide .btn{display:inline-block;padding:12px 22px;border-radius:5px;background:var(--red);color:white;text-decoration:none;font-weight:650;line-height:1.4}#tome-vinyl-guide a:focus-visible,#tome-vinyl-guide summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}#tome-vinyl-guide .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}#tome-vinyl-guide .card{background:#f3f6f8;padding:20px;border-radius:10px;min-width:0}#tome-vinyl-guide .card p{font-size:14px}#tome-vinyl-guide .sku{display:block;color:var(--red);font-size:23px;font-weight:750;margin-bottom:8px}#tome-vinyl-guide dl{font-size:14px;margin:12px 0}#tome-vinyl-guide dt{color:var(--muted);font-size:12px}#tome-vinyl-guide dd{margin:0 0 8px;font-weight:600}#tome-vinyl-guide .note{font-size:13px;color:var(--muted);margin-top:16px}#tome-vinyl-guide summary{cursor:pointer;font-weight:650;line-height:1.4;padding:14px 0}#tome-vinyl-guide details{border-bottom:1px solid #dce4e9}#tome-vinyl-guide details p{font-size:14px;padding-bottom:8px}#tome-vinyl-guide .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}#tome-vinyl-guide .benefits p{font-size:14px}#tome-vinyl-guide .num{color:var(--red);font-size:13px;font-weight:750;margin-bottom:8px}#tome-vinyl-guide .band{background:#f3f6f8}#tome-vinyl-guide .facts{display:flex;gap:22px;margin:20px 0}#tome-vinyl-guide .facts strong{display:block;font-size:25px}#tome-vinyl-guide .facts span{font-size:12px}#tome-vinyl-guide .cta-row{display:flex;justify-content:space-between;align-items:center;gap:25px}#tome-vinyl-guide .cta-row p{max-width:700px}#tome-vinyl-guide .swipe{display:none}#tome-vinyl-guide .source{font-size:12px;color:var(--muted)}
@media(min-width:701px) and (max-width:1024px){#tome-vinyl-guide section{padding:32px 24px}#tome-vinyl-guide .split{gap:24px}#tome-vinyl-guide .cards{grid-template-columns:repeat(2,minmax(0,1fr))}#tome-vinyl-guide h1{font-size:34px}#tome-vinyl-guide h2{font-size:27px}#tome-vinyl-guide .benefits{gap:16px}}
@media(max-width:700px){#tome-vinyl-guide{font-size:15px;line-height:1.55}#tome-vinyl-guide section{padding:28px 18px}#tome-vinyl-guide h1{font-size:29px;line-height:1.18;margin:10px 0 14px}#tome-vinyl-guide h2{font-size:23px;line-height:1.35}#tome-vinyl-guide h3{font-size:18px}#tome-vinyl-guide .split{grid-template-columns:1fr;gap:20px}#tome-vinyl-guide img{max-height:218px}#tome-vinyl-guide .cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:12px;margin-top:15px}#tome-vinyl-guide .card{flex:0 0 88%;scroll-snap-align:start;padding:18px}#tome-vinyl-guide .swipe{display:block;font-size:12px;color:var(--muted);margin:0}#tome-vinyl-guide .benefits{grid-template-columns:1fr;gap:16px}#tome-vinyl-guide .benefits p{margin:0}#tome-vinyl-guide .facts{gap:20px;margin:15px 0}#tome-vinyl-guide .facts strong{font-size:23px}#tome-vinyl-guide .cta-row{display:block}#tome-vinyl-guide .btn{width:100%;text-align:center}#tome-vinyl-guide figcaption{font-size:11px}#tome-vinyl-guide .hero .muted{font-size:15px}}


#tome-vinyl-guide .cta-row{display:block}#tome-vinyl-guide .cta-row p{max-width:900px}#tome-vinyl-guide .carousel-controls{display:none}#tome-vinyl-guide .carousel-controls button{border:1px solid #dce4e9;border-radius:50%;background:#fff;color:#0b304c;width:36px;height:36px;font-size:20px;cursor:pointer}#tome-vinyl-guide .carousel-controls button:focus-visible{outline:3px solid #e62129;outline-offset:2px}#tome-vinyl-guide img[alt^="TOME production"]{aspect-ratio:903/678;object-fit:contain}
@media(max-width:700px){#tome-vinyl-guide section{padding:24px 18px}#tome-vinyl-guide .benefits{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px}#tome-vinyl-guide .benefits>div{flex:0 0 88%;scroll-snap-align:start;background:#fff;border-radius:10px;padding:18px}#tome-vinyl-guide .cards,#tome-vinyl-guide .benefits{scrollbar-width:thin;scroll-padding-inline:0}#tome-vinyl-guide .carousel-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}#tome-vinyl-guide .swipe{display:none}#tome-vinyl-guide .facts{margin:12px 0}#tome-vinyl-guide img{max-height:200px}#tome-vinyl-guide .cta-row{padding-top:22px;padding-bottom:22px}}
#tome-vinyl-guide details a{color:var(--navy);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}#tome-vinyl-guide .technical{margin-top:16px}
