/* Legibility and interaction pass — 2026-10-27 */
:root{--muted:#59685f}
body{font-size:16px;line-height:1.6}
.portal-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex:none;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.announcement,.announcement a{font-size:13px}.announcement>.portal-wrap{min-height:38px}
.header-main{gap:22px;height:auto;min-height:100px;flex-wrap:wrap;padding-block:18px}
.portal-brand{font-size:26px}.portal-brand small{font-size:9px;letter-spacing:1.3px}
.portal-search{height:52px;max-width:450px;min-width:250px;border-radius:14px}.portal-search input{font-size:16px;padding:10px 0}
.portal-search>span{display:flex;align-items:center}.portal-search>button{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:10px;background:var(--forest);color:#fff}
.header-account{gap:14px;font-size:15px}.language-switch{font-size:13px;gap:4px}.language-switch a{min-width:36px;min-height:40px;display:grid;place-items:center;color:#596b5d;border-radius:7px}.language-switch a[aria-current=true]{background:#eef5e2;border-bottom:2px solid var(--forest)}
.button{font-size:16px;min-height:48px;padding:13px 20px;border-radius:11px}.pro-button{font-size:14px;min-height:46px;padding:10px 14px;gap:8px}.pro-button .portal-icon{width:18px;height:18px}
.portal-menu{font-size:15px;padding-bottom:12px;gap:18px;flex-wrap:wrap;justify-content:flex-start}.portal-menu a{min-height:44px;display:inline-flex;align-items:center;gap:7px;border-radius:8px;padding:8px 10px}.portal-menu a span{font-size:12px;margin:0;color:#5d7158}.portal-menu .recognition-link{font-size:14px}.portal-menu a:hover,.portal-menu a[aria-current=page]{color:#21422d;background:#eef5e6}
.search-suggestions strong{font-size:16px}.search-suggestions small{font-size:14px}.search-suggestions a{min-height:60px}
.photo-hero{height:auto;min-height:550px}.hero-content{max-width:650px;padding:55px 44px 45px}.overline{font-size:12px;letter-spacing:1.3px;color:#55694e}.hero-content h1{font-size:clamp(38px,4.3vw,58px);line-height:1.13;max-width:560px;letter-spacing:-1.8px}.hero-content p{font-size:18px;line-height:1.7;max-width:470px}.hero-actions{flex-wrap:wrap;gap:12px}.hero-proof{font-size:14px;gap:14px;display:flex;flex-wrap:wrap;line-height:1.5}.hero-proof>span{display:inline-flex;align-items:center;gap:7px}.hero-proof .portal-icon{width:19px;height:19px}.hero-caption small{font-size:11px}.hero-caption>span{font-size:18px}
.portal-section{padding-top:64px}.section-heading h2{font-size:36px;line-height:1.25;letter-spacing:-1.1px}.section-heading p{font-size:17px;line-height:1.7}.text-link{font-size:15px;line-height:1.6;display:inline-flex;align-items:center;min-height:44px}.section-heading>.text-link{white-space:normal;flex-shrink:0}
.instrument-card{border-radius:16px;box-shadow:0 3px 14px #1b392407}.instrument-card img{height:180px}.instrument-card>div{padding:18px;font-size:18px;gap:12px;line-height:1.4}.instrument-card>div>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf4e3;color:var(--forest);flex:none}
.song-tabs-portal{gap:9px;flex-wrap:wrap}.song-tabs-portal a{font-size:15px;min-height:44px;padding:10px 16px;border-radius:22px}.song-tabs-portal a.active{box-shadow:0 3px 10px #294b3a1c}
.popular-layout{grid-template-columns:minmax(0,1fr) 300px;gap:28px}.popular-songs{grid-template-columns:1fr}.song-row{padding:20px 0;min-height:100px;gap:18px}.row-position{font-size:26px;min-width:35px;color:#687a5c}.song-meta strong{font-size:18px;line-height:1.5}.song-meta small{font-size:15px;line-height:1.6}.song-details small{font-size:13px;line-height:1.6}.song-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#edf4e3}.popular-aside h3{font-size:30px;line-height:1.3}.popular-aside a{font-size:15px;line-height:1.6;min-height:44px;display:flex;align-items:center}.popular-aside .overline{font-size:11px}.catalog-note{font-size:14px;line-height:1.8;color:#59685f;margin-top:24px}
.artist-grid{grid-template-columns:repeat(auto-fit,minmax(240px,280px))}.artist-card{width:auto;min-width:0}.artist-card h3,.artist-card h2{font-size:20px;line-height:1.4}.artist-card p{font-size:15px}.artist-photo>span{font-size:11px;background:#10291fe6;padding:5px 9px;border-radius:5px;color:#fff;letter-spacing:.5px}.artist-photo,.artist-card>img{height:230px}
.tool-photo-card{border-radius:16px}.tool-photo-card>img{height:185px}.tool-photo-card>div{padding:22px 48px 22px 22px}.tool-photo-card h3{font-size:21px;line-height:1.4;margin-bottom:9px}.tool-photo-card small{font-size:14px;line-height:1.6;display:block;max-width:none;color:#59685f}.tool-photo-card>div>span{right:18px;top:24px}
.community-copy{padding:42px}.community-copy h2,.community-copy h1{font-size:38px;line-height:1.25}.community-copy p{font-size:17px;line-height:1.8}.coming-pill{font-size:12px;line-height:1.6;letter-spacing:.6px;white-space:normal}
.course-tag{font-size:12px}.course-card h3,.course-card h2{font-size:21px;line-height:1.45}.course-card p{font-size:15px;line-height:1.7}.course-card>div{padding:24px}.course-card>img{height:210px}.course-intro p{font-size:17px}
.pro-copy{max-width:680px;padding:45px}.pro-copy h2{font-size:42px;max-width:500px;line-height:1.2}.pro-copy .overline{font-size:13px}.pro-copy p{font-size:17px;max-width:480px}.pro-price{font-size:48px}.pro-price small{font-size:16px}.pro-copy ul{font-size:15px;line-height:1.8;max-width:500px;display:grid;gap:8px}.pro-disclaimer,.pro-copy .pro-disclaimer{font-size:13px;line-height:1.7}
.footer-grid h3{font-size:18px;margin-bottom:20px}.footer-grid p{font-size:16px;color:#59685f}.footer-grid small{font-size:13px;color:#59685f}.footer-grid>div>a:not(.portal-brand){font-size:16px;min-height:44px;display:flex;align-items:center;margin-bottom:4px;color:#52664f}.footer-note{font-size:13px;color:#59685f;line-height:1.8}.footer-grid .portal-brand{font-size:25px}.footer-grid .portal-brand small{font-size:10px}
.catalog-list .song-row{min-width:0}.catalog-empty p,.category-intro p,.artist-profile p{font-size:17px}.catalog-pagination{font-size:16px}.audio-tool p{font-size:16px}.audio-tool label{font-size:16px}.audio-tool small,.tuning-buttons small{font-size:13px}.tuning-buttons{flex-wrap:wrap}.tuning-buttons button{font-size:16px;min-width:44px;min-height:44px}.own-ad>small{font-size:12px}.own-ad span{font-size:17px}.preview-bar{font-size:16px}
a,button{touch-action:manipulation}.instrument-card,.tool-photo-card,.course-card,.artist-card{transition:transform .18s ease,box-shadow .18s ease}.instrument-card:hover,.tool-photo-card:hover,.course-card:hover,.artist-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #1b392414}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #578323;outline-offset:4px}
@media(max-width:1150px){.header-main{gap:16px}.portal-brand{font-size:23px}.portal-search{max-width:none}.header-account{gap:10px}.portal-menu{gap:8px;font-size:14px}.popular-layout{grid-template-columns:minmax(0,1fr) 270px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-photo-card h3{font-size:19px}.community-copy{padding:30px}}
@media(max-width:850px){.header-main{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding-block:16px}.portal-search{grid-row:2;grid-column:1/-1;width:100%;max-width:none}.header-account{margin-left:0}.header-account .login-link{display:inline}.header-account .language-switch{display:none}.menu-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #dde6d5;border-radius:10px;background:#f5f8ef;color:var(--forest)}.portal-menu{display:none;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:18px}.portal-menu.open{display:grid}.portal-menu a{font-size:16px;border:1px solid #e5ebdf;padding:10px 13px;min-height:48px}.portal-menu .recognition-link{display:flex;font-size:15px;margin:0}.portal-menu a span{display:none}.hero-content{padding:42px 32px;max-width:550px}.hero-content h1{font-size:46px}.hero-content p{font-size:17px}.hero-proof{font-size:13px}.instrument-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-layout{grid-template-columns:1fr}.popular-aside{display:grid;grid-template-columns:230px 1fr}.popular-aside>img{height:100%;min-height:260px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading h2{font-size:32px}.community-feature{grid-template-columns:1fr}.community-photo{height:300px;min-height:0}.course-grid{grid-template-columns:1fr}.course-card{display:grid;grid-template-columns:190px 1fr}.course-card>img{height:100%;min-height:190px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:640px){html{scroll-padding-top:170px}.portal-wrap{width:calc(100% - 36px)}.announcement>.portal-wrap{font-size:12px;line-height:1.5;min-height:38px;text-align:center;padding-block:6px}.header-main{min-height:0;gap:12px 8px;padding-block:12px}.portal-brand{font-size:22px;gap:7px;letter-spacing:-.7px}.portal-brand small{font-size:8px;letter-spacing:.8px}.brand-symbol{width:36px;height:42px;font-size:38px}.header-account .login-link{display:none}.header-account .pro-button{font-size:13px;padding:10px 12px;gap:0}.pro-button .portal-icon{display:none}.portal-search{height:50px;padding-left:12px}.portal-search input{font-size:16px}.menu-toggle{padding:8px}.portal-menu a{font-size:15px}.portal-menu .recognition-link{font-size:14px}.photo-hero{min-height:660px;height:auto}.hero-content{padding:235px 24px 30px}.hero-content .overline{font-size:11px;letter-spacing:1px}.hero-content h1{font-size:38px;line-height:1.15;max-width:none;letter-spacing:-1.1px;margin:18px 0}.hero-content p{font-size:16px;line-height:1.75;max-width:none}.hero-actions{margin-top:24px;display:grid;grid-template-columns:1fr}.hero-actions .button{font-size:16px;padding:13px 16px}.hero-proof{font-size:13px;display:grid;gap:9px;margin-top:22px}.hero-proof .portal-icon{width:18px;height:18px}.hero-shade{background:linear-gradient(0deg,#0d231b 0%,#10291ffa 45%,#10291f50 82%,#10291f22 100%)}.hero-photo{object-position:64% top}.portal-section{padding-top:46px;padding-bottom:12px}.section-heading{gap:12px}.section-heading .overline{font-size:11px;letter-spacing:.8px}.section-heading h2{font-size:30px;line-height:1.3;letter-spacing:-.7px;margin:12px 0}.section-heading p{font-size:16px;line-height:1.75}.text-link{font-size:15px}.instrument-grid{gap:14px}.instrument-card img{height:145px}.instrument-card>div{padding:14px 12px;font-size:16px;align-items:center;gap:5px}.instrument-card>div>span{width:24px;height:28px;background:none}.instrument-card .portal-icon{width:18px;height:18px}.song-tabs-portal{flex-wrap:nowrap;gap:8px}.song-tabs-portal a{font-size:14px;min-height:44px;padding:10px 14px}.song-row{gap:12px;padding:19px 0;min-height:110px;flex-wrap:wrap}.row-position{font-size:24px;min-width:28px}.song-meta{min-width:0;flex:1}.song-meta strong{font-size:17px;line-height:1.5}.song-meta small{font-size:14px;line-height:1.6}.song-details small{font-size:13px;line-height:1.6}.song-details{max-width:90px}.song-arrow{display:none}.popular-aside{grid-template-columns:1fr;margin-top:15px}.popular-aside>img{height:190px;min-height:0}.popular-aside>div{padding:25px}.popular-aside h3{font-size:28px}.popular-aside .overline{font-size:11px}.catalog-note{font-size:13px;line-height:1.8}.artist-grid{grid-template-columns:1fr}.artist-card{max-width:100%}.artist-photo,.artist-card>img{height:240px}.artist-card>div:not(.artist-photo){padding:22px}.artist-card h3,.artist-card h2{font-size:21px}.artist-card p{font-size:15px}.artist-photo>span{font-size:11px;left:12px;bottom:12px}.tools-grid{gap:14px}.tool-photo-card>img{height:130px}.tool-photo-card>div{padding:16px 13px}.tool-photo-card h3{font-size:17px;line-height:1.45}.tool-photo-card small{font-size:13px;max-width:none;line-height:1.65}.tool-photo-card>div>span{display:none}.community-copy{padding:26px}.community-copy h2,.community-copy h1{font-size:32px;line-height:1.3}.community-copy p{font-size:16px;line-height:1.8}.community-copy .overline{font-size:11px}.coming-pill{font-size:11px;line-height:1.8;letter-spacing:.4px}.community-copy .button{width:100%;font-size:15px}.course-card{grid-template-columns:1fr}.course-card>img{height:190px;min-height:0}.course-card>div{padding:23px}.course-tag{font-size:12px}.course-card h3,.course-card h2{font-size:21px}.course-card p{font-size:15px}.course-intro p{font-size:16px}.pro-copy{padding:230px 25px 32px}.pro-copy h2{font-size:34px;line-height:1.25;max-width:none}.pro-copy p{font-size:16px;max-width:none}.pro-copy .overline{font-size:12px}.pro-price{font-size:42px;display:flex;flex-wrap:wrap;align-items:baseline;gap:5px}.pro-price small{font-size:15px;margin:0}.pro-copy ul{font-size:15px;max-width:none;line-height:1.8}.pro-copy .button{width:100%;font-size:16px}.pro-copy .pro-disclaimer{font-size:13px}.pro-shade{background:linear-gradient(0deg,#11291c 0%,#11291cf5 65%,#11291c22 100%)}.footer-grid p{font-size:16px;margin:16px 0}.footer-grid h3{font-size:18px}.footer-grid>div>a:not(.portal-brand){font-size:15px;min-height:44px;margin-bottom:4px;line-height:1.5}.footer-note{font-size:13px;line-height:1.8}.portal-footer{padding-bottom:100px}.mobile-bottom{padding:8px 3px max(8px,env(safe-area-inset-bottom));gap:0;min-height:74px}.mobile-bottom a{font-size:11px;gap:5px;min-width:0;flex:1;min-height:54px;justify-content:center;line-height:1.3}.mobile-bottom span{display:flex;align-items:center;justify-content:center}.mobile-bottom .portal-icon{width:23px;height:23px}.mobile-bottom a[aria-current=page]{color:var(--forest);font-weight:700;background:#edf4e3;border-radius:10px}.catalog-empty p,.category-intro p,.artist-profile p{font-size:16px}.category-intro h1{font-size:34px}.artist-profile small{font-size:13px}.audio-tool p{font-size:16px}.audio-tool label{font-size:16px}.audio-tool small{font-size:13px}.own-ad span{font-size:16px}.preview-bar{font-size:14px}}
@media(max-width:370px){.portal-brand{font-size:19px}.portal-brand small{font-size:7px}.header-account .pro-button{font-size:12px;padding:9px}.hero-content{padding-inline:20px}.hero-content h1{font-size:34px}.instrument-card>div{font-size:15px}.tools-grid{grid-template-columns:1fr}.tool-photo-card>img{height:180px}}
@media(prefers-reduced-motion:reduce){.instrument-card,.tool-photo-card,.course-card,.artist-card{transition:none;transform:none!important}}

.portal-menu .recognition-link span{display:inline;font-size:inherit;color:inherit}


.row-arrow{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#edf4e3}.row-arrow .portal-icon{width:19px;height:19px}@media(max-width:640px){.row-arrow{display:none}}


.popular-layout,.popular-songs{min-width:0}.popular-songs{grid-template-columns:minmax(0,1fr)}.song-meta{overflow-wrap:anywhere}.song-details{white-space:normal;flex:0 0 130px}@media(max-width:640px){.song-details{flex:0 0 95px;max-width:95px}.catalog-list{grid-template-columns:minmax(0,1fr)}}