/* Shared page rhythm without changing the site's colour and motion. */
html{scroll-padding-top:110px}body{overflow-wrap:break-word}main{min-width:0}
.container,.shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.footer-compact .footer-compact-inner{width:min(1240px,calc(100% - 96px))}
.hero-grid>*,.inner-grid>*,.quick-grid>*,.tracker-workspace>*,.scan-layout>*,.lab-grid>*,.guide-toolbar>*{min-width:0}
.hero h1,.subhero h1{line-height:1.08;overflow-wrap:break-word}
.topic-grid,.guide-grid,.name-grid,.track-grid{align-items:stretch}
.topic-card,.guide-card{display:flex;flex-direction:column;min-width:0;height:100%}.topic-copy,.guide-copy{display:flex;flex-direction:column;flex:1}.guide-copy .card-link,.topic-copy .card-link{margin-top:auto;padding-top:18px}
.track{display:flex;flex-direction:column;min-width:0}.track .meta{margin-top:auto;padding-top:16px}.track h3{line-height:1.15}.track-actions{margin-top:4px}
.library .toolbar,.finder .controls{gap:16px}.library-note{font-size:12px;color:#725b77;margin:12px 0 22px}.search:focus-within{outline:2px solid #885b91;outline-offset:3px}
.page-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.page-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;border:1px solid #704d7d66;border-radius:11px;background:#57315f;color:#fff0f4;font:650 12px 'DM Sans',Arial,sans-serif;text-decoration:none}.page-actions a.secondary{background:#e9d5ed;color:#4c2a58}.page-actions a:focus-visible,button:focus-visible{outline:2px solid #985496;outline-offset:4px}
.hero-grid{row-gap:28px}.hero-grid>.hero-art,.hero-grid>.hero-card{min-height:390px}.library,.finder,.tabs-wrap{scroll-margin-top:108px}
.library .section-head{align-items:start}.library .section-head>p{max-width:360px;font-size:13px;line-height:1.7}
.library .track-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library .toolbar{grid-template-columns:minmax(0,1fr) 200px}.library .search input{min-width:0}
.favorites,.favs-section,.sources{padding-block:54px}.hero-note,.privacy{line-height:1.75}.scan-layout,.lab-grid{align-items:start}
.hero p,.subhero p,.track p,.name-card p{line-height:1.75}.download-toast{top:100px;bottom:auto;max-width:calc(100vw - 32px);z-index:100}
.now{bottom:20px;z-index:90}.now button{min-height:42px}.filters button,.cat-tabs button{min-height:42px}
@media(min-width:761px){.ml-social-dock{right:12px!important;gap:8px!important}.ml-social-dock .ml-social-title,.ml-social-dock .ml-social-label{display:none}.ml-social-dock .ml-social-btn{min-width:44px;width:44px;padding:12px;gap:0;border-radius:13px}.ml-social-dock .ml-social-btn:hover{transform:translateX(-3px)}}
@media(max-width:1000px){.container,.shell,.footer-compact .footer-compact-inner{width:calc(100% - 64px)}.library .track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.container,.shell,.footer-compact .footer-compact-inner{width:calc(100% - 40px)}.hero{margin-top:28px}.hero>.hero-copy,.hero-grid>div:first-child,.subhero>.subhero-copy{order:0!important}.hero>.hero-visual,.hero-grid>.hero-art,.hero-grid>.hero-card,.subhero>.subhero-img{order:-1!important}.hero-grid>.hero-art,.hero-grid>.hero-card{min-height:320px}.hero-visual{height:380px;max-width:100%}.hero-grid{gap:28px}.hero h1{font-size:clamp(38px,10vw,52px)}.hero-actions{align-items:stretch}.page-actions{margin-top:20px}.library .toolbar{grid-template-columns:1fr}.now{left:10px;right:10px;bottom:calc(90px + env(safe-area-inset-bottom,0px))}.now-info{flex:1;min-width:0}.now button{flex:none}.section-head{gap:12px}.library .section-head>p{max-width:100%;margin-top:0}.download-toast{top:90px;right:16px}.favorites,.favs-section,.sources{padding-block:42px}}
@media(max-width:600px){.library .track-grid{grid-template-columns:1fr}.hero-visual{height:350px}.scan-layout,.lab-grid{gap:18px}.card{padding:22px}.tabs{max-width:100%}.track-actions button{min-height:44px}.hero-grid>.hero-art,.hero-grid>.hero-card{min-height:290px}}
@media(max-width:360px){.container,.shell,.footer-compact .footer-compact-inner{width:calc(100% - 32px)}.hero-visual{height:325px}.card{padding:18px}}
@media(max-width:760px){.hero-grid>.hero-art:not(.name-card-showcase),.hero-grid>.hero-card{min-height:340px}.player-card .cover{height:115px}.player-card h3{font-size:29px;margin:14px 0 5px}.player-card p{font-size:12px;line-height:1.6}.player-card .wave{height:30px;margin-top:10px}.device h3{font-size:30px;line-height:1.1}.device p{font-size:12px;line-height:1.65}.device-lines{gap:7px;margin-top:12px}.device-lines div{padding:9px;font-size:11px}.hero-proof>span{font-size:10px}}
.mobile-category{display:none}
@media(max-width:650px){.mobile-category{display:block;font-size:12px;font-weight:650;color:#65416e;margin:18px 0 25px}.mobile-category select{display:block;width:100%;min-height:46px;margin-top:7px;padding:11px 13px;border:1px solid #c4a3c7;border-radius:10px;background:#f0e3f2;color:#45264d;font:inherit}.library .filters{display:none}.blog-section .guide-filters{flex-wrap:wrap;overflow:visible;max-width:100%;gap:7px}.blog-section .guide-filter{font-size:11px;padding:10px 12px;white-space:normal}}
.file-btn{position:relative}.file-btn input{display:block;position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}.file-btn:focus-within{outline:2px solid #985496;outline-offset:4px}
/* The mobile photo and tracker panel occupy separate rows with a real gap. */
@media(max-width:820px){.hero>.hero-visual{display:flex;flex-direction:column;gap:24px;order:-1!important;height:auto;padding-bottom:0}.hero-visual .hero-image-wrap{flex:none;height:auto;animation:none;transform:none}.hero-visual .hero-image-wrap>img{display:block;width:100%;height:auto;object-fit:contain}.hero-visual .hero-tool-card{position:static;inset:auto;width:100%;margin:0;z-index:auto}.hero-visual .funky-badge,.hero-visual .funky-spark,.hero-visual .hero-image-caption{display:none}}