.single-layout{max-width:1180px;margin:0 auto;padding:0 30px 84px}.song-detail-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:hidden}.song-detail-hero.has-featured-image{grid-template-columns:minmax(0,1fr) 280px}.song-summary-copy{min-width:0}.song-detail-hero .song-featured-media{grid-column:2;grid-row:1 / span 2;margin:0;max-height:none;order:2;background:#f1ebe3}.song-detail-hero .song-featured-media img{width:100%;height:100%;min-height:260px;object-fit:cover}.song-detail-hero .song-summary-copy{grid-column:1;grid-row:1;padding:28px 0 0}.song-detail-hero .range-bar-wrap{grid-column:1 / -1}.song-detail-hero.has-featured-image .song-summary-copy{padding-right:28px}.song-detail-body{width:100%;max-width:1180px;padding-top:8px}.detail-section{margin:0 0 42px}.section-kicker{margin:0 0 7px;color:var(--orange);font:700 10px/1.2 'DM Sans',sans-serif;letter-spacing:.17em}.detail-section h2{margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--orange);font-size:24px;line-height:1.4}.range-data-card{border:1px solid #e6dfd7;background:#fff;box-shadow:0 8px 22px rgba(67,42,23,.05)}.range-data-card .song-table{margin:0}.range-data-card .song-table th{width:32%;background:#f5efe8}.range-data-card .song-table td{font-family:'DM Sans','Noto Sans JP',sans-serif;font-size:17px;font-weight:700;color:var(--orange)}.range-data-card tr.is-important th{color:var(--orange);font-weight:700}.range-data-card tr.is-important td{font-size:20px}.info-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.info-card,.difficulty-card{min-width:0;padding:18px;background:#fff;border:1px solid #e6dfd7}.info-card small,.difficulty-card span{display:block;color:var(--muted);font-size:11px}.info-card strong{display:block;margin-top:5px;font:700 23px/1.2 'DM Sans','Noto Sans JP',sans-serif;color:var(--orange);overflow-wrap:anywhere}.difficulty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.difficulty-card{display:flex;align-items:center;justify-content:space-between;gap:10px}.difficulty-stars{display:block;color:var(--orange);font-size:16px;letter-spacing:.04em;white-space:nowrap}.difficulty-number{display:block;margin-top:4px;color:var(--muted);font-size:10px;text-align:right}.article-copy{max-width:860px}.explanation-section{padding:26px 0;border-top:1px solid var(--line)}.explanation-section h2{border-bottom:0;margin-bottom:10px;padding-bottom:0}.explanation-section p{margin:0;color:#5d5651;line-height:2}.note-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.note-highlights span{padding:7px 11px;background:#fff4ed;border-left:3px solid var(--orange);color:#6b5b52;font-size:12px}.note-highlights strong{margin-left:5px;color:var(--orange);font:700 16px 'DM Sans','Noto Sans JP',sans-serif}.note-lower span{background:#f3f0ed;border-left-color:#8b8581}.note-lower strong{color:#5f5752}.key-advice-box{margin:18px 0;padding:24px;background:#fff4ed;border:1px solid #f0c9b8;border-left:5px solid var(--orange)}.key-advice-box h2{color:var(--orange)}.recommended-key{display:inline-flex;align-items:baseline;gap:14px;margin:0 0 15px;padding:10px 16px;background:#fff;border:1px solid #efb39e}.recommended-key small{color:var(--muted);font-size:11px}.recommended-key strong{color:var(--orange);font:700 30px/1 'DM Sans',sans-serif}.related-section{max-width:1180px}.related-section .song-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.info-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-section .song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.single-layout{padding-left:18px;padding-right:18px}.song-detail-hero.has-featured-image{grid-template-columns:1fr}.song-detail-hero .song-featured-media{grid-column:1;grid-row:auto;max-height:260px}.song-detail-hero .song-summary-copy,.song-detail-hero.has-featured-image .song-summary-copy{grid-column:1;grid-row:auto;padding:22px 0 0}.song-detail-hero h1{font-size:28px;line-height:1.5}.song-detail-body{padding-top:0}.detail-section{margin-bottom:34px}.detail-section h2{font-size:21px}.range-data-card .song-table th{width:45%}.info-card-grid,.difficulty-grid,.related-section .song-grid{grid-template-columns:1fr}.difficulty-card{align-items:flex-start;flex-direction:column;gap:6px}.difficulty-number{text-align:left}.article-copy{max-width:none}.note-highlights{gap:6px}.recommended-key strong{font-size:26px}}
