.playlist-page{background:#fffefa}.playlist-breadcrumb{max-width:1200px;margin:0 auto;padding:0 36px 16px;font-size:13px;font-weight:800;color:#667b8a}.playlist-breadcrumb a{color:#0866a9}.playlist-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:54px;align-items:center;padding-top:32px;padding-bottom:58px}.playlist-hero h1{margin-bottom:22px}.playlist-count{display:inline-flex;margin:0 0 18px;padding:7px 12px;border:1px solid #c9deeb;border-radius:999px;background:#eef8fd;color:#0866a9;font-size:12px;font-weight:1000;letter-spacing:.5px}.playlist-player{overflow:hidden;border:2px solid #123656;border-radius:25px;background:#123656;box-shadow:9px 10px 0 #dceaf3}.playlist-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.playlist-player-note{padding:14px 18px;background:#fff;color:#617486;font-size:13px}.playlist-player-note a{color:#0866a9;font-weight:900}.playlist-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;padding-top:62px;padding-bottom:56px}.playlist-intro h2{font-size:clamp(32px,3.5vw,45px);line-height:1.12;letter-spacing:-1.1px;margin:0;font-weight:1000}.playlist-intro-copy p{color:#5c6f7e;font-size:16px;line-height:1.75}.playlist-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.playlist-tags span{padding:7px 12px;border:1px solid #cbdfea;border-radius:999px;background:#fff;font-size:12px;font-weight:900;color:#34566f}.playlist-use{padding:10px 0 66px}.playlist-use-head{max-width:760px;margin-bottom:24px}.playlist-use-head h2{font-size:clamp(31px,3.2vw,42px);line-height:1.14;margin:0;font-weight:1000}.playlist-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.playlist-use-card{padding:22px;border:1px solid #d6e7f1;border-radius:20px;background:#fff;box-shadow:0 10px 28px #12365608}.playlist-use-card b{display:grid;place-items:center;width:40px;height:40px;margin-bottom:18px;border:2px solid #123656;border-radius:12px;background:#ffcc35;box-shadow:3px 3px 0 #123656;font-size:12px}.playlist-use-card h3{font-size:19px;margin-bottom:8px}.playlist-use-card p{font-size:14px;line-height:1.62;color:#627686;margin:0}.related-playlists{padding:60px 0 70px;background:#eef7fc;border-block:1px solid #d7e8f3}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.related-card{display:flex;flex-direction:column;min-height:155px;padding:18px;border:1px solid #d1e3ee;border-radius:17px;background:#fff;transition:.18s}.related-card:hover{transform:translateY(-3px);border-color:#0866a9}.related-card span{font-size:11px;font-weight:1000;letter-spacing:1px;color:#0866a9}.related-card strong{font-size:17px;line-height:1.3;margin-top:7px}.related-card small{margin-top:auto;padding-top:12px;color:#6d7e89}.playlist-index-hero{padding-top:38px;padding-bottom:48px;max-width:850px}.playlist-index-hero .lead{max-width:680px}.playlist-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:76px}.playlist-index-card{display:flex;flex-direction:column;min-height:230px;padding:24px;border:1px solid #d6e6f0;border-radius:22px;background:#fff;box-shadow:0 12px 34px #1236560a;transition:.18s}.playlist-index-card:hover{transform:translateY(-5px);border-color:#8fc2dc}.playlist-index-card .num{display:grid;place-items:center;width:45px;height:45px;border:2px solid #123656;border-radius:14px;background:#ffcc35;box-shadow:3px 4px 0 #123656;font-size:12px;font-weight:1000;margin-bottom:22px}.playlist-index-card h2{font-size:22px;line-height:1.24;margin-bottom:10px}.playlist-index-card p{font-size:14px;color:#617486;line-height:1.6}.playlist-index-card .go{margin-top:auto;padding-top:16px;border-top:1px solid #e2edf3;color:#0866a9;font-size:13px;font-weight:1000}@media(max-width:850px){.playlist-breadcrumb{padding-inline:24px}.playlist-hero{grid-template-columns:1fr;gap:30px}.playlist-intro{grid-template-columns:1fr;gap:18px}.related-grid{grid-template-columns:repeat(2,1fr)}.playlist-index-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.playlist-breadcrumb{padding:0 16px 8px}.playlist-hero{padding-top:20px;padding-bottom:42px}.playlist-hero h1{font-size:43px}.playlist-player{border-radius:18px;box-shadow:5px 6px 0 #dceaf3}.playlist-intro{padding-top:44px;padding-bottom:42px}.playlist-use{padding-bottom:48px}.playlist-use-grid{grid-template-columns:1fr}.related-playlists{padding-top:44px;padding-bottom:50px}.related-grid{grid-template-columns:1fr 1fr}.related-card{min-height:140px;padding:15px}.playlist-index-grid{grid-template-columns:1fr;gap:14px;padding-bottom:54px}}