.masthead-right{display:flex;flex-direction:column;align-items:flex-end;gap:17px;flex:0 1 430px;min-width:0}.international-clock{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.6px;color:var(--muted);white-space:nowrap}.masthead-right .header-social{flex:none;width:100%;max-width:none;gap:9px}.header-social a{width:44px;height:44px;padding:10px;flex:0 0 44px;border-radius:50%}.header-social a svg,.header-social a img{display:block;width:22px;height:22px;max-width:100%;fill:currentColor}.widget-link[data-icon-ready]{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;padding:8px;text-decoration:none}.widget-link[data-icon-ready] img{width:22px!important;height:22px!important;object-fit:contain}.widget-link[data-icon-ready][href*="spotify"] img{filter:invert(46%) sepia(85%) saturate(490%) hue-rotate(89deg)}
/* Soundwave overlays are decorative. They never block the article link. */
.card .pic,.mini .pic{position:relative}.card:hover .pic>img,.card .pic:hover>img,.mini:hover .pic>img,.mini .pic:hover>img,.yb-motion .card:hover .pic img{transform:none!important;filter:blur(.6px);transition:filter .3s}.feature:hover .feature-photo>img{filter:saturate(.85) blur(.6px)}.card .pic::after,.mini .pic::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(90deg,transparent 0 7px,var(--accent) 7px 9px,transparent 9px 15px);clip-path:polygon(0 47%,8% 47%,8% 38%,12% 38%,12% 47%,18% 47%,18% 27%,23% 27%,23% 47%,29% 47%,29% 15%,35% 15%,35% 47%,41% 47%,41% 4%,47% 4%,47% 47%,53% 47%,53% 15%,59% 15%,59% 47%,65% 47%,65% 27%,71% 27%,71% 47%,77% 47%,77% 38%,83% 38%,83% 47%,100% 47%,100% 53%,83% 53%,83% 62%,77% 62%,77% 53%,71% 53%,71% 73%,65% 73%,65% 53%,59% 53%,59% 85%,53% 85%,53% 53%,47% 53%,47% 96%,41% 96%,41% 53%,35% 53%,35% 85%,29% 85%,29% 53%,23% 53%,23% 73%,18% 73%,18% 53%,12% 53%,12% 62%,8% 62%,8% 53%,0 53%);transition:opacity .25s}.card:hover .pic::after,.card:focus-within .pic::after,.mini:hover .pic::after{opacity:.25;animation:yb-soundwave 1.1s ease-in-out infinite alternate}.feature-photo::before{content:'';position:absolute;z-index:1;inset:18% 10%;pointer-events:none;opacity:0;background:repeating-linear-gradient(90deg,transparent 0 8px,var(--accent) 8px 10px,transparent 10px 17px);mask-image:radial-gradient(ellipse,black,transparent 65%);transition:opacity .25s}.feature:hover .feature-photo::before{opacity:.2;animation:yb-soundwave 1.1s ease-in-out infinite alternate}@keyframes yb-soundwave{from{transform:scaleY(.55);opacity:.12}to{transform:scaleY(1);opacity:.3}}
.spotify-strip{margin-top:18px;margin-bottom:20px}.spotify-strip .widget{margin:0}.yb-spotify-widget{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;min-width:0}.spotify-placeholder{display:flex;align-items:center;gap:15px;padding:16px 20px;min-height:80px}.spotify-symbol svg{width:26px;height:26px;fill:#1db954}.spotify-hint{font-size:11px;color:var(--muted);flex:1}.spotify-external{padding:10px;min-width:40px;text-align:center}.spotify-mount:empty{display:none}.spotify-mount iframe{display:block;width:100%;height:152px;border:0}.spotify-strip .widget+.widget{margin-top:15px}
@media(max-width:800px){.masthead-right{flex-basis:340px}.masthead-right .header-social{gap:6px}.header-social a{width:44px;height:44px;min-height:44px;flex-basis:44px;padding:10px}.international-clock{font-size:10px;letter-spacing:.2px}}
@media(max-width:650px){.masthead-right{align-items:flex-start;flex:none;width:100%;gap:12px}.masthead-right .header-social{justify-content:flex-start;gap:8px}.international-clock{white-space:normal}.spotify-placeholder{flex-wrap:wrap;padding:13px;gap:11px}.spotify-hint{flex-basis:calc(100% - 48px);order:4;line-height:1.5}.spotify-placeholder .action{font-size:10px}.spotify-external{margin-left:auto}}
@media(hover:none),(prefers-reduced-motion:reduce){.card .pic::after,.mini .pic::after,.feature-photo::before{animation:none!important}.card:hover .pic>img,.mini:hover .pic>img,.feature:hover .feature-photo>img{filter:none!important;transform:none!important}.card:hover .pic::after,.mini:hover .pic::after,.feature:hover .feature-photo::before{opacity:0}}

/* 1.7: crisp editorial interaction, readable international clock and compact cards. */
.masthead-right{flex-basis:510px}.international-clock{font-size:16px;font-weight:650;letter-spacing:.3px;line-height:1.5;white-space:normal;text-align:right}.masthead-right .header-social{gap:8px}.card .pic::after,.mini .pic::after,.feature-photo::before{content:none!important;display:none!important;animation:none!important}.card .pic>img,.mini .pic>img,.feature-photo>img,.card:hover .pic>img,.mini:hover .pic>img,.feature:hover .feature-photo>img,.yb-motion .card:hover .pic img{filter:none!important;transform:none!important}.yb-motion .card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.yb-motion .card:hover,.yb-motion .card:focus-within{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 30px #0002}.yb-motion .mini{transition:transform .22s ease,border-color .22s ease}.yb-motion .mini:hover{transform:translateX(3px);border-color:var(--accent)}.feature{outline:2px solid transparent;outline-offset:3px;transition:outline-color .22s ease}.feature:hover{outline-color:var(--accent)}.card .pic{margin-bottom:13px}.card{padding-bottom:17px}.card>h3{margin-top:9px;margin-bottom:12px}.card>.meta{line-height:1.45}.card>.card-excerpt{margin-top:9px;margin-bottom:12px}.latest-browser{margin:12px 0 24px;border-top:1px solid var(--line);padding-top:22px}.latest-pagination{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.latest-pagination .page-numbers{min-height:42px;margin:0;display:inline-flex;align-items:center;justify-content:center;font-size:12px;border-radius:6px}.month-filter{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.month-filter label{font-size:12px;font-weight:bold}.month-filter input{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:11px;border-radius:6px;min-height:44px;max-width:100%;font:inherit;font-size:13px}.month-filter button{min-height:44px}.month-reset{font-size:12px;text-decoration:underline;padding:10px 0}
@media(max-width:800px){.international-clock{font-size:14px}.masthead-right{flex-basis:380px}}
@media(max-width:650px){.international-clock{font-size:14px;text-align:left}.masthead-right{flex:none}.card .pic{margin-bottom:12px;aspect-ratio:1.5}.card>h3{margin-bottom:11px}.month-filter{gap:10px}.month-filter label{width:100%}.month-filter input{flex:1;min-width:0}.latest-pagination .page-numbers{min-height:44px}.latest-browser{padding-top:18px}}
@media(hover:none),(prefers-reduced-motion:reduce){.yb-motion .card:hover,.yb-motion .card:focus-within,.yb-motion .mini:hover{transform:none!important}.feature{transition:none}}

/* 1.8: one persistent masthead/navigation/player group and original image zoom. */
:root{--yb-sticky-height:320px}.yb-sticky-stack{position:relative;z-index:60;background:var(--paper)}.yb-sticky .yb-sticky-stack{position:sticky;top:var(--yb-admin-offset,0px);box-shadow:0 5px 22px #00000012}.yb-sticky .yb-sticky-stack .navigation-shell{position:relative;top:auto;box-shadow:none;z-index:3}.yb-sticky-stack .site-header{position:relative;z-index:2}.yb-sticky-stack .spotify-strip{position:relative;z-index:1;margin-top:8px;margin-bottom:0;padding-top:0;padding-bottom:10px}.yb-sticky-stack .spotify-strip>.widget{width:50%;margin-left:auto;margin-right:auto}.yb-sticky-stack .brand>div:first-child{flex:1 1 auto}.yb-sticky-stack .masthead-right{flex:0 1 440px}.yb-sticky-stack .site-header .brand .official-logo,.yb-sticky-stack .site-header .brand .custom-logo{width:var(--yb-logo-width,885px);max-width:100%;height:auto}.yb-scrolled .yb-sticky-stack .brand{padding-top:10px;padding-bottom:10px}.yb-sticky-stack .primary-nav .menu>li>.sub-menu{max-height:calc(100vh - var(--yb-admin-offset) - var(--yb-sticky-height) - 12px);max-height:calc(100dvh - var(--yb-admin-offset) - var(--yb-sticky-height) - 12px)}
/* Restore the pre-1.3 picture zoom, replacing all later overlay/lift rules. */
.card,.mini,.feature{outline:none!important;box-shadow:none}.yb-motion .card:hover,.yb-motion .card:focus-within,.yb-motion .mini:hover{transform:none!important;box-shadow:none}.card .pic img,.mini .pic img{transition:transform .45s ease!important;filter:none!important}.yb-motion .card:hover .pic img,.yb-motion .card:focus-within .pic img,.card:hover .pic>img,.mini:hover .pic>img{transform:scale(1.045)!important;filter:none!important}.card .pic::after,.mini .pic::after,.feature-photo::before{content:none!important;display:none!important}.feature:hover{outline:none!important}
@media(max-width:1100px){.yb-sticky-stack .masthead-right{flex-basis:350px}.yb-sticky-stack .spotify-strip>.widget{width:65%}}
@media(max-width:800px){.yb-sticky-stack .spotify-strip>.widget{width:85%}}
@media(max-width:650px){.yb-sticky-stack .site-header .brand{gap:10px;padding-top:15px;padding-bottom:13px}.yb-sticky-stack .site-header .brand .official-logo,.yb-sticky-stack .site-header .brand .custom-logo{width:100%;max-width:var(--yb-mobile-logo-width,690px)}.yb-sticky-stack .masthead-right{flex:none;align-items:flex-start;gap:10px}.yb-sticky-stack .spotify-strip>.widget{width:100%}.yb-sticky-stack .spotify-strip{padding-bottom:6px;margin-top:4px}.yb-scrolled .yb-sticky-stack .header-social{display:none}.yb-scrolled .yb-sticky-stack .site-header .brand{padding-top:8px;padding-bottom:8px;gap:6px}.yb-scrolled .yb-sticky-stack .international-clock{font-size:13px}.yb-sticky-stack .primary-nav{max-height:calc(100vh - var(--yb-admin-offset) - var(--yb-sticky-height) - 12px);max-height:calc(100dvh - var(--yb-admin-offset) - var(--yb-sticky-height) - 12px)}.yb-sticky-stack .primary-nav .menu>li>.sub-menu{max-height:none}}
@media(max-height:600px){.yb-sticky-stack .brand .official-logo,.yb-sticky-stack .brand .custom-logo{width:240px!important}.yb-sticky-stack .header-social{display:none}.yb-sticky-stack .brand{padding-top:6px;padding-bottom:6px;gap:7px}.yb-sticky-stack .international-clock{font-size:12px}.yb-sticky-stack .primary-nav .menu>li>a{padding-top:10px;padding-bottom:10px}}
@media(hover:none),(prefers-reduced-motion:reduce){.yb-motion .card:hover .pic img,.yb-motion .card:focus-within .pic img,.card:hover .pic>img,.mini:hover .pic>img{transform:none!important;transition:none!important}}

.yb-sticky-stack .primary-nav .menu>li>.sub-menu{max-height:max(120px,calc(100dvh - var(--yb-admin-offset) - var(--yb-sticky-height) - 12px))}
@media(max-width:600px){.yb-sticky-stack .primary-nav{max-height:max(120px,calc(100dvh - var(--yb-admin-offset) - var(--yb-sticky-height) - 12px))}.yb-sticky-stack .primary-nav .menu>li>.sub-menu{max-height:none}}
/* 1.9: Milan reference plus the visitor's approximate IP-based local time. */
.international-clock{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px 9px;max-width:100%}.master-clock{font-size:16px;font-weight:700}.visitor-clock{flex-basis:100%;font-size:13px;font-weight:500}.clock-date{flex-basis:100%;font-size:12px;color:var(--muted)}.clock-locate{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:20px;cursor:pointer;flex-shrink:0}
@media(max-width:650px){.international-clock{justify-content:flex-start;text-align:left}.master-clock{font-size:14px}.visitor-clock{font-size:12px}.clock-date{font-size:11px}.clock-locate{width:44px;height:44px}.yb-scrolled .clock-date{display:none}}
/* Nine compact brand icons on one line, including narrow mobile screens. */
.masthead-right .header-social{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;width:100%;max-width:340px;flex:none;justify-content:initial}.masthead-right .header-social a{width:100%;min-width:0;height:34px;min-height:34px;max-width:none;padding:7px;border-radius:50%;flex:none}.masthead-right .header-social a svg,.masthead-right .header-social a img{width:18px;height:18px;max-width:100%;margin:auto}.yb-scrolled .yb-sticky-stack .header-social{display:none!important}
@media(min-width:651px) and (min-height:601px){.yb-scrolled .yb-sticky-stack .header-social{display:grid!important}}
@media(max-width:650px){.masthead-right .header-social{max-width:340px;gap:3px}.masthead-right .header-social a{height:32px;min-height:32px;padding:6px}.masthead-right .header-social a svg,.masthead-right .header-social a img{width:17px;height:17px}}
/* 1.10: compact mobile placeholders and dismiss the floating launcher after a saved choice. */
.yb-cookie-decided #cmplz-manage-consent{display:none!important}.yb-cookie-settings{border:0;padding:10px 0;background:transparent;color:#ccc;text-decoration:underline;font-size:11px;cursor:pointer;margin-top:10px}.yb-cookie-settings:hover{color:#fff}.spotify-label-mobile{display:none}
@media(max-width:650px){.spotify-label-desktop{display:none}.spotify-label-mobile{display:inline}.spotify-placeholder .spotify-hint-default{display:none}.spotify-placeholder .spotify-external{display:none}.spotify-placeholder .spotify-activate{flex:1;min-width:0;white-space:normal;line-height:1.5;padding:11px 14px}.spotify-placeholder .spotify-hint:not(.spotify-hint-default){flex-basis:100%}[data-embed-src] .small{display:none}}
