@charset "UTF-8";
.album-public { max-width:1200px; margin:0 auto; }.album-public-layout { display:grid; grid-template-columns:minmax(0,1fr) 329px; gap:28px; align-items:start; }.album-public-layout .album-public-main,.album-public-layout .album-public-sidebar { display:block; float:none; width:auto; min-width:0; }.album-public-sidebar .box { margin-top:18px; }.album-public-skyscraper .jr-skyscraper { margin:0 auto 25px; }.album-public-card { overflow:hidden; margin:18px 0 35px; border:1px solid #dfe7ec; border-radius:12px; background:#fff; box-shadow:0 8px 30px rgba(23,43,64,.08); }.album-public-hero { display:grid; grid-template-columns:260px 1fr; gap:28px; padding:28px; background:linear-gradient(135deg,#f4f8fb,#fff); }.album-public-hero>img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:8px; box-shadow:0 8px 22px rgba(23,43,64,.2); }.album-public-kicker { display:block; margin:8px 0 7px; color:#ff4000; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.album-public h1 { margin:0; color:#172b40; font-size:32px; line-height:1.1; }.album-public h2 { margin:8px 0 18px; color:#607385; font-size:18px; font-weight:400; }.album-public-meta { display:flex; gap:7px; flex-wrap:wrap; }.album-public-meta span { padding:4px 8px; border-radius:99px; background:#e8f2f7; color:#416275; font-size:12px; font-weight:700; }.album-public-discogs { display:inline-block; margin-top:18px; color:#0096ff; font-size:13px; font-weight:700; text-decoration:none; }.album-public-description { padding:0 28px 22px; color:#455b6d; line-height:1.65; }.album-public-tracks { border-top:1px solid #e8eef2; }.album-public-tracks h2 { display:flex; justify-content:space-between; margin:0; padding:15px 22px; color:#172b40; font-size:18px; }.album-public-tracks h2 span { color:#8498a7; font-size:12px; font-weight:400; }.album-public-tracks>p { padding:0 22px 18px; color:#8498a7; }.album-public-track { display:flex; align-items:center; gap:12px; padding:9px 22px; border-top:1px solid #eef3f6; color:#172b40; text-decoration:none; }.album-public-track:hover { background:#f6fafc; }.album-public-track>b { width:22px; color:#9aabb7; font-size:12px; text-align:right; }.album-public-track img { width:38px; height:38px; border-radius:4px; object-fit:cover; }.album-public-track span { flex:1; min-width:0; }.album-public-track strong,.album-public-track small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.album-public-track strong { font-size:13px; }.album-public-track small { margin-top:2px; color:#6f8290; font-size:12px; }.album-public-track em { color:#8498a7; font-size:12px; font-style:normal; }
@media(max-width:1029px){.album-public-layout{grid-template-columns:minmax(0,1fr)}.album-public-sidebar{order:2}.album-public-skyscraper{display:none}}@media(max-width:600px){.album-public-hero{grid-template-columns:110px 1fr;gap:16px;padding:18px}.album-public h1{font-size:23px}.album-public h2{margin:5px 0 10px;font-size:15px}.album-public-description{padding:0 18px 18px}.album-public-track{padding:8px 14px}.album-public-tracks h2{padding:14px}.album-public-meta span{font-size:10px}}

/* Zelfde hoofd- en zijbalktemplate als Dag Top 3. */
body > .inhoud > .dt3-layout.album-public-layout { display:grid; grid-template-columns:minmax(0,1fr) 329px; gap:28px; align-items:start; height:auto; }
.dt3-layout.album-public-layout .dt3-main,.dt3-layout.album-public-layout .dt3-sidebar { display:block; float:none; width:auto; min-width:0; }
.dt3-layout.album-public-layout .dt3-sidebar { align-self:stretch; }
.dt3-layout.album-public-layout .dt3-sidebar .jr-skyscraper { margin-right:auto; margin-left:auto; }
.box.album-public-card { border:0; box-shadow:0 2px 6px rgba(23,43,64,.07),0 12px 30px rgba(23,43,64,.11); }
.box.album-public-card > h1 { margin:0; padding:12px 14px; color:#fff; font-size:22px; line-height:normal; }
.album-public-sidebar .box > h1 { margin:0; padding:12px 14px; color:#fff; font-size:22px; line-height:normal; }
.album-public-card { margin-top:0; }
.album-public-sidebar .box { margin-top:0; }
.album-public-card .album-public-hero { background:#fff; }
#blauw.box > h2 { padding:0; margin:10px; color:#0878b9; font-size:19px; font-weight:700; }
.plaatdetail23.album-public-card > h2 { margin:0; padding:16px 16px 8px; color:#d74716; font-size:21px; font-weight:700; line-height:1.2; }
.plaatdetail23 .album-public-hero { display:flex; flex-wrap:nowrap; padding:8px 16px 18px; column-gap:20px; align-items:flex-start; background:#fff; }
.plaatdetail23 .album-public-hero .stats { flex:1 1 auto; padding:6px 0; font-size:16px; }
.plaatdetail23 .album-public-hero .album-public-description { margin:0; padding:16px 0 0; color:#455b6d; line-height:1.65; }
#oranje.plaatdetail23 .plaatdetailinfo .stats span { background:#ff5a23; box-shadow:inset 0 -1px 0 rgba(0,0,0,.12); }
.album-public-facts { display:grid; gap:9px; margin:0; }
.album-public-facts > div { display:grid; grid-template-columns:minmax(130px,max-content) minmax(0,1fr); gap:12px; align-items:baseline; }
.album-public-facts dt { color:#607385; font-size:16px; }
.album-public-facts dd { margin:0; color:#d74716; font-size:18px; font-weight:700; }
#oranje.plaatdetail23 .album-public-meta span { background:#fff0e8; color:#d74716; box-shadow:inset 0 -1px 0 rgba(215,71,22,.12); }
#oranje.plaatdetail23 .album-public-track span { padding:0; border-radius:0; background:transparent; color:inherit; font-weight:inherit; text-align:left; box-shadow:none; }
#oranje.plaatdetail23 .album-public-tracks h2 span { min-width:0; padding:3px 7px; border-radius:6px; background:#fff0e8; color:#d74716; font-weight:600; box-shadow:inset 0 -1px 0 rgba(215,71,22,.12); }
.album-public-sidebar .album-public-skyscraper { position:sticky; top:20px; z-index:1; align-self:start; }
html.jr-compact-header-active .album-public-sidebar .album-public-skyscraper { top:88px; }
html.jr-compact-header-active.jr-compact-menu-open .album-public-sidebar .album-public-skyscraper { top:160px; }
@media(max-width:1029px){body > .inhoud > .dt3-layout.album-public-layout{grid-template-columns:minmax(0,1fr)}.dt3-layout.album-public-layout .dt3-sidebar{order:2}.dt3-layout.album-public-layout .jr-skyscraper-sticky{display:none}}
@media(max-width:650px){.plaatdetail23 .album-public-hero{flex-wrap:wrap}.plaatdetail23 .album-public-hero .stats,.plaatdetail23 .album-public-hero .hoes{flex-basis:100%;max-width:100%}.plaatdetail23 .album-public-hero .hoes{width:200px;margin-inline:auto}}

/* Dezelfde leesbare tekstschaal als Dag Top 3. */
.album-public-card { font-size:18px; }
.album-public-card .album-public-meta span { font-size:14px; }
.album-public-card .album-public-description { font-size:18px; }
.album-public-card .album-public-tracks h2 { font-size:22px; }
.album-public-card .album-public-track { gap:14px; padding:12px 22px; }
.album-public-card .album-public-track > b.album-playlist-number { width:32px; font-size:22px; line-height:1; }
.album-public-card .album-public-track strong { font-size:18px; line-height:1.2; }
.album-public-card .album-public-track small { margin-top:3px; font-size:16px; line-height:1.3; }
.album-public-card .album-public-track em { font-size:15px; }
@media(max-width:650px){.album-public-card .album-public-track strong{font-size:16px}.album-public-card .album-public-track small{font-size:15px}}

/* Playlistkaarten, zonder songcover: zelfde ritme en interactie als speellijst.php. */
.album-public-card .album-public-tracks { padding-bottom:10px; }
.album-public-card .album-playlist-row { box-sizing:border-box; position:relative; min-width:0; margin:2px 14px; padding:10px 12px; border-top:0; border-left:3px solid transparent; border-bottom:1px solid #e8edf0; border-radius:6px; background:linear-gradient(90deg,#f8fafb 0%,#fff 75%); color:#526575; cursor:pointer; text-decoration:none; transition:background .2s ease,box-shadow .2s ease,transform .2s ease; }
.album-public-card .album-playlist-row:hover,.album-public-card .album-playlist-row:focus { background:linear-gradient(90deg,#fff4ee 0%,#fff 85%); box-shadow:0 5px 14px rgba(23,43,64,.1); color:#526575; text-decoration:none; transform:translateY(-1px); }
.album-public-card .album-playlist-row:focus-visible { outline:3px solid #ff5a23; outline-offset:2px; }
.album-public-card .album-playlist-number { color:#c34217; font-weight:600; text-align:center; }
.album-public-card .album-playlist-number { font-size:22px; line-height:1; }
.album-public-card .album-playlist-row strong,.album-public-card .album-playlist-row small,.album-public-card .album-playlist-row:hover strong,.album-public-card .album-playlist-row:hover small { text-decoration:none; }
.album-public-card .album-playlist-row:hover strong,.album-public-card .album-playlist-row:focus strong { color:#c34217; }
@media(prefers-reduced-motion:reduce){.album-public-card .album-playlist-row{transition:none}.album-public-card .album-playlist-row:hover{transform:none}}
.album-public-card .album-public-artists{margin-top:0;color:#fff}.album-public-card .album-public-artists .artiest-link{display:inline;color:#fff;text-decoration:none}.album-public-card .album-public-artists .artiest-link:hover,.album-public-card .album-public-artists .artiest-link:focus-visible{color:#fff;text-decoration:underline}
.album-public-card .album-manual-public{cursor:default}.album-public-card .album-manual-public:hover{background:linear-gradient(90deg,#f8fafb 0%,#fff 75%);box-shadow:none;color:#526575;transform:none}
@media(max-width:650px){.album-public-facts > div{grid-template-columns:1fr;gap:2px}.album-public-facts dd{font-size:17px}}

/* Standaard drieluik van plaatdetail/artiestdetail: album, middenkolom, skyscraper. */
@media(min-width:651px){body > .inhoud > .section.group.album-public-layout{display:table;height:100%}body > .inhoud > .section.group.album-public-layout > .span_1_of_3,body > .inhoud > .section.group.album-public-layout > .span_2_of_3,body > .inhoud > .section.group.album-public-layout > .span_3_of_3{display:table-cell;float:none;vertical-align:top}.album-public-layout .album-public-main,.album-public-layout .album-public-middle,.album-public-layout .album-public-ad{min-width:0}}
.album-public-ad .album-public-skyscraper { position:sticky; top:20px; z-index:1; }
html.jr-compact-header-active .album-public-ad .album-public-skyscraper { top:88px; }
html.jr-compact-header-active.jr-compact-menu-open .album-public-ad .album-public-skyscraper { top:160px; }

/* De albumtypografie mag nooit doorwerken in de standaard middenkolom. */
.album-public-middle .box > h1 { margin:0; padding:12px 14px; color:#fff; font-size:22px; line-height:normal; }
.album-public-middle .box > h2 { margin:10px; padding:0; font-size:19px; font-weight:700; line-height:normal; }
.album-public-middle #blauw.box > h2 { color:#0878b9; }
.album-public-middle #groen.box > h2,.album-public-middle #socialmedia.box > h2 { color:#59841b; }
.album-public-middle #oranje.box > h2 { color:#d74716; }
.album-public-middle #rood.box > h2 { color:#c13c51; }

/* Zelfde factsritme als plaatdetail, met de albumaccentkleur. */
.plaatdetail23 .album-public-facts { display:block; margin:0; }
.plaatdetail23 .album-public-facts > div { display:block; margin:0 0 18px; }
.plaatdetail23 .album-public-facts dt { display:inline; color:#33453a; font-size:18px; }
.plaatdetail23 .album-public-facts dd { display:inline; margin:0 0 0 5px; padding:4px 7px; border-radius:6px; background:#fff0e8; color:#d74716; font-size:18px; font-weight:700; line-height:1.65; box-decoration-break:clone; -webkit-box-decoration-break:clone; box-shadow:inset 0 -1px 0 rgba(215,71,22,.12); }
@media(max-width:650px){.plaatdetail23 .album-public-facts dt,.plaatdetail23 .album-public-facts dd{font-size:17px}}

.album-public-card .plaatdetail-modern-content .plaatdetail-metrics { grid-template-columns: minmax(0, 1fr) !important; }
.album-public-card .plaatdetail-modern-content .plaatdetail-metrics > div { background: #fff6f0 !important; border-color: #f3d3c2 !important; overflow-wrap: anywhere; }
.album-public-card .plaatdetail-modern-content .plaatdetail-metrics strong { color: #c34217 !important; }
.album-public-card .plaatdetail-modern-content .plaatdetail-metrics small { color: #d74716 !important; }