/* Readable type and balanced sidebars; paintings remain program resources. */
.cat-daynote{position:fixed;z-index:60;right:22px;bottom:90px;width:290px;max-width:calc(100vw - 40px);padding:21px 23px 18px;border:1px solid var(--line);border-radius:24px 24px 8px 24px;background:var(--paper);color:var(--ink);box-shadow:0 14px 42px #17233026;font-family:var(--sans)}
.cat-daynote:after{content:"";position:absolute;right:24px;bottom:-9px;width:16px;height:16px;transform:rotate(45deg);background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.cat-daynote[hidden]{display:none}.cat-daynote-heading{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;letter-spacing:2px}.cat-daynote-heading button{font:24px/1 var(--sans);background:none;color:inherit;border:0;padding:3px 6px;cursor:pointer}.cat-daynote time{display:block;font-size:12px;color:var(--muted);margin-top:7px}.cat-daynote p{font-size:17px;line-height:1.9;margin:17px 0;font-weight:500}.cat-daynote small{font-size:12px;color:var(--muted)}
.profile-card .bio,.profile-stats small,.stat-line,.sidebar-recent,.sidebar-recent small,.side-nav a{color:var(--ink)}
:root[data-day-phase] .profile-stats strong{color:var(--ink)!important}
.profile-card .bio{font-family:var(--sans);font-weight:500}.side-nav-panel .panel-title:after{content:none}
/* Full-bleed continuous paintings with a soft veil behind the writing. */
:root[data-day-phase] .profile-card{background:linear-gradient(160deg,color-mix(in srgb,var(--skin-profile) 24%,transparent),color-mix(in srgb,var(--skin-profile) 76%,transparent) 58%,color-mix(in srgb,var(--skin-profile) 68%,transparent)),var(--skin-photo-profile) 50% 62%/cover no-repeat,var(--skin-profile)!important;background-blend-mode:normal}
:root[data-day-phase] .side-nav-panel{background:linear-gradient(105deg,color-mix(in srgb,var(--skin-profile) 83%,transparent),color-mix(in srgb,var(--skin-profile) 67%,transparent) 60%,color-mix(in srgb,var(--skin-profile) 22%,transparent)),var(--skin-photo-nav) 72% 83%/cover no-repeat,var(--skin-profile)!important;background-blend-mode:normal}
:root[data-day-phase] .site-stats{background:linear-gradient(160deg,color-mix(in srgb,var(--skin-stat) 76%,transparent),color-mix(in srgb,var(--skin-stat) 88%,transparent) 60%,color-mix(in srgb,var(--skin-stat) 60%,transparent)),var(--skin-photo-stats) 35% 72%/cover no-repeat,var(--skin-stat)!important;background-blend-mode:normal}
:root[data-day-phase] .digital-clock{background:linear-gradient(100deg,color-mix(in srgb,var(--skin-profile) 65%,transparent),color-mix(in srgb,var(--skin-profile) 74%,transparent) 50%,color-mix(in srgb,var(--skin-profile) 28%,transparent)),var(--skin-photo-clock) 50% 38%/cover no-repeat,var(--skin-profile)!important;color:var(--ink);background-blend-mode:normal}
:root[data-day-phase] .player-card:before{background:linear-gradient(160deg,#182a305c,#182a309c 56%,#182a3029),var(--skin-photo-music) 50% 70%/cover no-repeat,var(--skin-music);background-blend-mode:normal}
.sidebar-recent p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:768px){
 body{font-size:16px}
 .header-inner{max-width:1500px;width:96%;padding:0 24px;gap:22px}.brand{font-size:25px!important;font-weight:800}.header-inner nav{gap:24px}.header-inner nav a{font:650 16px/1.5 var(--sans)}
 .home-grid{align-items:stretch;grid-template-columns:290px minmax(0,1fr) 320px;gap:26px}.left-sidebar{align-self:stretch;gap:24px}.right-sidebar{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));align-self:stretch;gap:24px;align-content:stretch}
 .home-search{max-width:740px}.search-box input{font-size:16px;font-weight:500}.canvas-moment{font-size:12px;letter-spacing:2px}
 .global-search-copy strong{font-size:16px;font-weight:600}.global-search-copy small{font-size:13px;line-height:1.8}.global-search-heading h2{font-size:21px;font-weight:650}.search-result-count{font-size:14px}.search-reset{font-size:13px}.global-search-row .search-kind{font-size:12px}.mini-player .track-title{font-size:15px}.mini-player .track-artist{font-size:12px}
 .profile-card{padding:30px 24px 26px}.profile-card h2{font-size:26px;font-weight:700}.profile-card .bio{font-size:14px;line-height:1.9}.profile-stats strong{font-size:25px;font-weight:650}.profile-stats small{font-size:13px;font-weight:550}.socials a,.socials button{width:34px;height:34px}
 :root[data-day-phase] .side-nav-panel{padding:23px 20px 29px}.panel-title{font:650 16px/1.6 var(--sans);letter-spacing:1px}.side-nav a{font:600 16px/1.6 var(--sans);padding:8px 11px;gap:13px;border-radius:12px}.side-nav svg{width:19px;height:19px;flex-shrink:0}
 .digital-clock{padding:29px 8px 22px;font-size:33px;font-weight:600;letter-spacing:1px}.digital-clock:before{font-size:9px;letter-spacing:2px}
 .site-stats{padding:24px 21px}.stat-line{font:500 13px/1.8 var(--sans)}.stat-line strong{font-weight:650}.sidebar-recent{font:500 13px/1.9 var(--sans)}.sidebar-recent small{font:500 12px/1.8 var(--sans)}
 .post-card h2{font-size:23px;font-weight:650}.post-card p{font:500 15px/1.9 var(--sans)}.post-card-meta .date,.post-card-meta .tag{font-size:12px}.post-cover{width:180px}.pagination{font-size:14px}.pagination button{padding:8px 12px}.home-notice{font-size:13px}
 :root[data-day-phase] .player-card{display:flex;flex-direction:column;justify-content:center;padding:35px 25px 27px;min-height:310px}.player-card .player-kicker{font-size:12px}.player-card .track-title{font-size:19px;font-weight:650}.player-card .track-artist,.player-card .player-line{font-size:13px;font-weight:500;line-height:1.8}.player-card .player-time{font-size:12px}.player-card .player-top{margin:15px 0 23px}.player-card .vinyl{width:76px;height:76px;flex-shrink:0}
 .weather-title,.weather-title select{font-size:13px;font-weight:600}.weather-desc{font-size:13px}.weather-hour small,.weather-detail small{font-size:11px}.weather-hour strong,.weather-detail strong{font-size:12px}.weather-credit{font-size:10px}.weather-temperature{font-size:50px}
 .calendar-title h3{font-size:16px;font-weight:650}.calendar-grid .weekday{font-size:12px}.calendar-day{font-size:14px;font-weight:550;height:32px}.calendar-tip{font-size:11px}.coast-calendar{min-height:335px}
 .site-footer,.site-footer>p{font-size:13px}.article-title{font-size:32px}.prose{font-size:17px;line-height:1.95}
}
@media(min-width:768px) and (max-width:1199px){
 .header-inner{width:100%;padding:0 20px;gap:14px}.header-inner nav{gap:14px}.header-inner nav a{font-size:16px}.brand{font-size:23px!important}.home-container{padding:0 24px 40px}.home-grid{grid-template-columns:250px minmax(0,1fr) 275px;gap:20px}.post-card{flex-direction:column}.post-cover{width:100%;height:155px;order:-1}.player-card .track-title{font-size:17px}.player-card .vinyl{width:60px;height:60px}.profile-card .bio{font-size:14px}.profile-card{padding:26px 19px}.side-nav a{font-size:16px}
}
/* Keep comfortable reading columns on tablets without squeezing the article. */
@media(min-width:768px) and (max-width:999px){
 .home-grid{grid-template-columns:240px minmax(0,1fr);gap:23px}.right-sidebar{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;align-items:stretch}.right-sidebar>.player-card{padding:25px 18px}.right-sidebar>.weather-card{padding:25px 16px 20px}.right-sidebar>.coast-calendar{padding:23px 13px}.calendar-day{height:28px;font-size:13px}.calendar-grid{gap:2px}.header-inner nav{gap:12px}.header-inner nav a{font-size:14px}.header-inner{padding:0 17px;gap:10px}.brand{font-size:21px!important}.header-actions{gap:4px}
}
@media(max-width:767px){.cat-daynote{right:18px;bottom:165px;width:280px}.side-nav a{font-size:16px;font-weight:600}.panel-title{font-size:16px;font-weight:650}.profile-card .bio{font-size:14px}.post-card p{font-size:14px}.post-card-meta .date,.post-card-meta .tag{font-size:11px}.stat-line,.sidebar-recent{font-size:13px}.sidebar-recent small{font-size:12px}}