/* Omera Music — chord-first directory layout; no external assets or paid dependencies */
.chord-portal{background:#f6f8fb;color:#1b283b;line-height:1.5}
.chord-portal .wrap{width:min(1180px,calc(100% - 40px))}
.portal-header .headwrap{min-height:72px}
.portal-header .brand-icon{background:#152e48;color:#75dfb2;border-radius:10px}
.portal-header .brand small{letter-spacing:.1em}
.portal-header .nav a{border-radius:8px;font-size:13px;padding:9px 12px}
.portal-subnav{background:#132d46;color:#e0edf7;border-bottom:1px solid #244964}
.subnav-inner{display:flex;align-items:center;gap:26px;min-height:44px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.subnav-inner>a{font-size:12px;font-weight:650;color:#d2e3ed}.subnav-inner>a:hover{color:white;text-decoration:underline}.subnav-label{font-size:10px;letter-spacing:.1em;font-weight:850;color:#83deb3}.subnav-inner .subnav-request{margin-left:auto;color:#8af2c1}
.portal-main{min-height:66vh}.portal-search{background:#eef5fa;border-bottom:1px solid #dae4ec}.portal-search-inner{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:60px;padding:46px 0 42px;align-items:center}.mini-eyebrow,.section-marker{color:#0c8873;letter-spacing:.1em;font-size:10px;font-weight:850}.portal-search h1{font-size:clamp(29px,3.5vw,45px);letter-spacing:-.045em;margin:9px 0 9px}.portal-search h1 span{color:#147c6e}.portal-search p{font-size:14px;color:#617286;margin-bottom:21px;max-width:630px}.portal-search-form{background:white;display:flex;align-items:center;gap:8px;max-width:730px;border:1px solid #cfdfe4;border-radius:12px;padding:5px;box-shadow:0 6px 20px #102c4510}.portal-search-form>span{margin-left:14px;color:#6e8593;font-size:24px}.portal-search-form input{flex:1;min-width:0;border:none;outline-offset:1px;padding:12px 3px;color:#18324a;background:transparent;font-size:14px}.portal-search-form button{border:none;border-radius:8px;background:#12846e;color:white;padding:13px 17px;white-space:nowrap;font-size:13px;font-weight:800}.portal-search-form button:hover{background:#066f5e}.search-note{font-size:11px;color:#7b8d9c;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap;overflow:hidden}
.portal-top-tools{border:1px solid #d9e5ea;background:white;border-radius:15px;overflow:hidden;box-shadow:0 10px 24px #152b4310}.tools-heading{background:#e7f1f5;color:#3d586b;font-size:10px;font-weight:900;letter-spacing:.1em;padding:11px 16px}.portal-top-tools a{display:flex;gap:11px;align-items:center;padding:11px 15px;border-bottom:1px solid #edf1f4}.portal-top-tools a:last-child{border-bottom:0}.portal-top-tools a:hover{background:#f4f9fc}.tools-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eaf8f2;color:#148774;font-weight:900;font-size:21px}.portal-top-tools a span:nth-child(2){display:flex;flex-direction:column;flex:1}.portal-top-tools strong{font-size:13px}.portal-top-tools small{color:#7e8d99;font-size:11px}.portal-top-tools b{color:#7490a0;font-size:13px}
.portal-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:27px;padding-top:31px;padding-bottom:58px}.portal-feed{min-width:0}.portal-list-section,.portal-lessons{margin-bottom:34px}.portal-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:0 0 16px}.portal-section-head h2{font-size:23px;line-height:1.2;margin:6px 0}.portal-section-head p{font-size:12px;margin:0;color:#778694}.portal-more-link{font-size:12px;font-weight:800;color:#087d6c;white-space:nowrap;padding-bottom:4px}.portal-more-link:hover{text-decoration:underline}
.song-table{border:1px solid #dce5eb;border-radius:13px;background:white;overflow:hidden}.song-table-row{display:flex;align-items:center;gap:14px;min-height:69px;padding:11px 19px;border-bottom:1px solid #e9eef1;transition:background .12s}.song-table-row:last-child{border-bottom:0}.song-table-row:hover{background:#f2f9f6}.song-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:9px;background:#e6f5ef;color:#118474;font-size:15px;font-weight:900;flex-shrink:0}.song-details{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}.song-details strong{font-size:14px;white-space:normal;overflow-wrap:anywhere}.song-details small{color:#778797;font-size:12px;overflow-wrap:anywhere}.song-tonic{border:1px solid #dce5e9;border-radius:6px;font-size:11px;padding:4px 10px;color:#4b6c7a;font-weight:800;flex-shrink:0}.song-arrow{font-size:26px;color:#8296a4;line-height:1}.portal-loading{padding:26px;margin:0;font-size:13px;color:#8794a2}.portal-empty{border:1px dashed #bfd5d3;border-radius:10px;padding:16px 20px;background:#f1faf6;margin-top:10px;color:#2c5c50;font-size:13px}.portal-empty p{color:#5d746c;margin:8px 0}.portal-empty-links{display:flex;gap:20px;color:#057c66;font-weight:800;font-size:12px}.portal-error{margin-top:7px;font-size:12px}
.portal-lessons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.portal-lesson{border:1px solid #e0e7ed;border-radius:12px;background:white;padding:21px 18px;min-height:175px;display:flex;flex-direction:column}.portal-lesson:hover{border-color:#9fcec0;background:#fbfffd}.portal-lesson span{font-size:10px;font-weight:800;color:#178b76;letter-spacing:.07em}.portal-lesson h3{font-size:16px;letter-spacing:-.025em;margin:9px 0}.portal-lesson p{font-size:12px;color:#738393;flex:1;margin:0 0 13px}.portal-lesson b{font-size:11px;color:#097663}
.portal-sidebar{display:flex;flex-direction:column;gap:18px}.portal-sidebar-card{background:white;border:1px solid #dce5ea;border-radius:13px;padding:20px}.portal-sidebar-card h2{font-size:17px;margin-bottom:8px}.portal-sidebar-card p{font-size:12px;color:#738394;margin:0 0 14px}.letter-grid{display:flex;flex-wrap:wrap;gap:5px}.letter-grid a{border:1px solid #dde6ec;display:flex;justify-content:center;align-items:center;min-width:29px;height:29px;border-radius:6px;font-weight:750;color:#405c6b;font-size:12px}.letter-grid a:first-child{padding:0 9px}.letter-grid a:hover{background:#e7f6ef;border-color:#a6d4c3;color:#087e67}.portal-starter{background:#e8f7f0;border-color:#d2e9dc}.portal-starter .section-marker{display:block;margin-bottom:10px}.portal-starter h2{font-size:21px}.portal-starter p{color:#4f7567}.mini-chords{display:flex;gap:7px;margin:13px 0 16px}.mini-chords span{font-weight:900;font-size:14px;background:white;color:#177c64;padding:9px 11px;border-radius:7px;border:1px solid #c2e4d1}.portal-starter>a{font-size:12px;color:#08745b;font-weight:850}.sidebar-shortcut a{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #ebf0f1;font-size:13px;color:#3a5365}.sidebar-shortcut a:last-child{border:0;padding-bottom:0}.sidebar-shortcut a span{color:#168e78;font-size:20px;width:24px}.sidebar-shortcut a b{margin-left:auto;color:#9aabb4}
.portal-footer .footer-flex{align-items:start}.portal-footer .footlinks{max-width:500px;display:flex;gap:11px 24px}
/* Consistent portal reading style for dynamic /lagu/ and /chord/ pages */
.catalog-intro{padding:36px 0 25px;background:#eef5fa;border-bottom:1px solid #dce5ed}.catalog-intro h1{font-size:32px;margin:5px 0 8px}.catalog-intro p{font-size:14px;color:#617285}.catalog-search{margin-top:16px;max-width:750px}.catalog-shell{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:25px;padding:31px 0 60px}.catalog-shell .portal-list-section{margin:0}.catalog-side{background:white;border:1px solid #dde5eb;border-radius:12px;padding:20px;height:max-content}.catalog-side h2{font-size:16px}.catalog-side>a{font-size:13px;display:block;padding:11px 0;color:#127766;border-bottom:1px solid #e9eeee}.catalog-side>a:last-child{border:0}.catalog-letters{margin:15px 0}.catalog-count{font-size:12px;color:#7b8b97;margin-bottom:15px}.catalog-pages{display:flex;align-items:center;gap:14px;margin-top:18px;font-size:13px}.catalog-pages a{padding:9px 14px;border-radius:7px;border:1px solid #bddcd2;color:#0b7965;background:white;font-weight:750}.catalog-pages span{color:#728794}.chord-reader-wrap{width:min(1120px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:27px;padding:28px 0 65px}.chord-reader{background:white;border:1px solid #dce7ed;border-radius:12px;overflow:hidden}.chord-reader-header{padding:27px 31px 15px;border-bottom:1px solid #e5edf0}.chord-reader-header h1{font-size:clamp(25px,3vw,35px);margin:8px 0}.chord-reader-header p{color:#687989;font-size:13px;max-width:70ch;margin:8px 0}.chord-actions{padding:14px 20px;display:flex;gap:8px;flex-wrap:wrap;background:#f4f8fb;border-bottom:1px solid #e5edf0}.chord-actions button{font-size:12px;border-radius:7px;padding:9px 12px;border:1px solid #c7d9df;background:white;color:#23645a;cursor:pointer;font-weight:700}.chord-actions button:hover{background:#e4f6ec}.chord-reader .song-editor{margin:0;padding:23px 30px 30px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font:500 clamp(13px,1.4vw,16px)/2 ui-monospace,SFMono-Regular,Consolas,monospace;background:white;border:0;border-radius:0;min-height:250px}.chord-footnote{font-size:12px;color:#6f8190;margin:0;padding:15px 30px 30px}.chord-footnote a{color:#0b806a;text-decoration:underline}.chord-reader-side{background:white;border:1px solid #dce7ed;padding:20px;border-radius:12px;height:max-content}.chord-reader-side h2{font-size:16px;margin:0 0 11px}.chord-reader-side a{display:block;padding:10px 0;font-size:13px;color:#087c67;border-bottom:1px solid #e9eff0}.chord-reader-side a:last-child{border:0}.chord-breadcrumb{font-size:12px;color:#6a8192}
@media(max-width:980px){.portal-search-inner{gap:25px;grid-template-columns:1fr 270px}.portal-layout{grid-template-columns:minmax(0,1fr) 250px;gap:17px}.portal-lessons-grid{grid-template-columns:1fr 1fr}.chord-reader-wrap{grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:730px){.chord-portal .wrap{width:min(100% - 28px,1180px)}.portal-header .headwrap{min-height:70px}.portal-subnav .subnav-label{display:none}.subnav-inner{gap:19px;min-height:42px}.portal-search-inner{grid-template-columns:1fr;gap:17px;padding:28px 0 24px}.portal-top-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:10px}.tools-heading{display:none}.portal-top-tools a{padding:10px 6px;gap:4px;justify-content:center;flex-direction:column;border-right:1px solid #edf1f4;border-bottom:0}.tools-ico{height:28px;width:28px;font-size:17px}.portal-top-tools a span:nth-child(2){text-align:center}.portal-top-tools strong{font-size:10px}.portal-top-tools small,.portal-top-tools b{display:none}.portal-search h1{font-size:32px}.portal-search p{font-size:13px;margin-bottom:14px}.portal-layout{display:flex;flex-direction:column;padding-top:25px;padding-bottom:32px}.portal-feed,.portal-sidebar{width:100%}.portal-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.portal-sidebar-card:last-child{grid-column:1/-1}.portal-lessons-grid{grid-template-columns:1fr}.portal-section-head h2{font-size:22px}.portal-section-head{align-items:end}.catalog-shell,.chord-reader-wrap{grid-template-columns:1fr;padding-top:18px}.chord-reader-side{display:none}.catalog-side{display:none}}
@media(max-width:465px){
.portal-search h1{font-size:29px}
.portal-search-form button{font-size:12px;padding:12px 11px}
.portal-search-form input{font-size:12px}
.portal-sidebar{grid-template-columns:1fr}
.portal-sidebar-card:last-child{grid-column:auto}
.song-table-row{padding:11px;gap:9px}.song-tonic{padding:4px 6px}
.portal-search-inner{gap:18px}
.portal-section-head h2{font-size:20px}.portal-more-link{font-size:11px}.song-details strong{font-size:13px}.song-details small{font-size:11px}.chord-reader .song-editor{padding:19px 15px;font-size:13px}.chord-reader-header{padding:20px 18px}.chord-actions{padding:12px}}
/* Narrow phones: allow inner grid tracks to shrink rather than overflow horizontally. */
@media(max-width:465px){.portal-search-inner{grid-template-columns:minmax(0,1fr)}.portal-search-inner>div{min-width:0}.portal-top-tools{min-width:0}.portal-top-tools>a{min-width:0}.portal-search-form{min-width:0}.portal-search h1{overflow-wrap:normal}}

/* Preserve horizontal spacing of chords above lyrics; scroll inside the song on narrow screens. */
.chord-reader .song-editor{white-space:pre;overflow-x:auto;overflow-wrap:normal;word-break:normal;tab-size:4}
/* Omera song reader v2 — focus on chord sheet rather than marketing/landing content */
.song-page{background:#f3f6fa}.song-page .song-crumb{display:flex;align-items:center;gap:9px;color:#7e8c9b;font-size:12px;padding-top:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-crumb a{color:#287469;font-weight:750}.song-page .chord-reader-wrap{padding-top:15px;grid-template-columns:minmax(0,1fr) 252px;gap:22px}.song-page .chord-reader{box-shadow:0 7px 30px #162c4510;border-radius:13px}.song-page .chord-reader-header{padding:28px 32px 22px}.song-eyebrow{font-size:10px;letter-spacing:.11em;color:#117a66;font-weight:900}.song-page .chord-reader-header h1{font-size:clamp(29px,4.2vw,41px);margin:9px 0 3px;letter-spacing:-.035em;color:#1d3044;line-height:1.2}.song-artist{font-size:17px!important;color:#486175!important;margin:7px 0 17px!important;font-weight:700}.song-meta{display:flex;gap:9px;flex-wrap:wrap}.song-meta span{background:#f0f7f4;color:#2b655c;border:1px solid #d7e9e1;font-size:11px;font-weight:750;padding:5px 10px;border-radius:7px}.song-page .chord-reader-header .song-summary{padding-top:14px;line-height:1.65;font-size:13px;margin:0!important}.song-tools{display:flex;align-items:center;gap:10px;padding:14px 23px;background:#f9fbfd;border-top:1px solid #edf1f4;border-bottom:1px solid #e2ebf0;flex-wrap:wrap}.song-tools .tool-group{display:flex;align-items:center;gap:5px;background:white;border:1px solid #dbe5ec;border-radius:9px;padding:4px 6px}.tool-group-label{color:#697e8a;font-size:11px;font-weight:750;padding:0 5px}.song-tools button{font-size:12px;font-family:inherit;font-weight:750;color:#207364;cursor:pointer;min-height:32px;border:1px solid #dfe9eb;background:#fff;padding:5px 9px;border-radius:6px}.song-tools button:hover,.song-tools button[aria-pressed="true"]{background:#dff5e9;border-color:#89cbb0}.song-tools .tool-group button{font-size:16px;border:0;background:#f1f7f9;min-width:31px}.song-tools .tool-group strong{min-width:26px;text-align:center;font-size:12px}.song-page .song-scroll-speed{padding:11px 29px;display:flex;align-items:center;gap:11px;font-size:12px;color:#6e8495;border-bottom:1px solid #eef1f5}.song-scroll-speed input{width:92px;accent-color:#138771}.song-scroll-speed span{margin-left:auto;color:#448173;font-weight:700}.song-sheet-container{padding:22px 30px 28px}.song-sheet-intro{font-size:12px;line-height:1.6;color:#708392;margin:0 0 21px;border-left:3px solid #63bda1;padding:3px 10px}.song-page .chord-reader .song-editor{white-space:pre;overflow-x:auto;overflow-wrap:normal;word-break:normal;line-height:1.65;padding:0;min-height:210px;margin:0;background:transparent;font:500 15px/1.65 ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;color:#273a4c}.song-editor>div{min-height:1.65em;white-space:pre}.song-editor .song-blank{min-height:.9em}.song-editor .song-section-title{color:#17705f;letter-spacing:.025em;font-family:system-ui,sans-serif;font-weight:850;font-size:.88em;margin:13px 0 7px}.song-editor .song-chord-row{color:#15866a;font-weight:800;line-height:1.65}.song-editor .song-lyric-row{color:#26384b;line-height:1.7}.song-editor .chord-token{color:#0e8469;font-weight:850;border-radius:3px;cursor:pointer;outline-offset:3px}.song-editor .chord-token:hover,.song-editor .chord-token:focus-visible{background:#dff3e8;outline:2px solid #86ccb5}.song-editor.song-lyrics-only .song-chord-row,.song-editor.song-lyrics-only .chord-token{display:none}.song-chords-reference,.song-about{padding:24px 30px;border-top:1px solid #ecf1f4}.song-chords-reference h2,.song-about h2{font-size:19px;margin:0 0 6px;color:#243a4a}.song-chords-reference p,.song-about p{font-size:13px;line-height:1.7;color:#6d8090;margin:0 0 14px}.song-about a{color:#0b826c;text-decoration:underline}.song-chord-pills{display:flex;gap:7px;flex-wrap:wrap}.song-chord-pills button{background:#edf7f1;border:1px solid #cde8da;color:#127c66;font-weight:800;font-size:13px;min-width:40px;border-radius:7px;padding:8px 11px;cursor:pointer}.song-chord-pills button:hover{background:#d8efdf}.chord-diagram-detail{background:#fbfdfc;border:1px dashed #cbded6;border-radius:9px;min-height:86px;padding:14px;margin-top:13px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;color:#768693}.chord-diagram-name{font-size:22px;color:#177d69}.fret-svg{width:145px;height:152px}.song-page .chord-reader-side{padding:19px}
.song-aside-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e7eeee;padding-bottom:10px;margin-bottom:4px}
.song-aside-head span{border-radius:9px;background:#e8f8ed;color:#0e8168;padding:8px 12px;font-size:23px}
.song-aside-head h2{margin:0;font-size:15px}
.song-page 
.chord-reader-side>a{display:block;padding:13px 0;border-bottom:1px solid #edf1f4;color:#25685f;font-size:13px;font-weight:650}.song-page .chord-reader-side>a:hover{text-decoration:underline}
.song-aside-note{font-size:12px;line-height:1.6;margin-top:18px;color:#748799}.song-page .chord-footnote{background:#f9fcfb;border-top:1px solid #ecf2f2;padding:18px 30px 22px}.song-page .portal-footer{margin-top:0}
@media(max-width:850px){.song-page .chord-reader-wrap{grid-template-columns:minmax(0,1fr)}.song-page .chord-reader-side{display:none}}
@media(max-width:480px){.song-page .song-crumb{padding-top:12px}.song-page .chord-reader-wrap{width:100%;padding-top:10px}.song-page .chord-reader{border-radius:0;border-left:0;border-right:0}.song-page .chord-reader-header{padding:22px 17px 16px}.song-page .chord-reader-header h1{font-size:29px}.song-tools{padding:10px 12px;gap:8px}.song-tools .tool-group{padding:3px}.tool-group-label{display:none}.song-tools .tool-toggle{font-size:12px}.song-page .song-scroll-speed{padding:10px 17px}.song-sheet-container{padding:18px 15px 25px}.song-sheet-intro{font-size:11px}.song-page .chord-reader .song-editor{font-size:15px}.song-chords-reference,.song-about{padding:23px 17px}.song-page .chord-footnote{padding:17px}}

/* Teks sambutan rata tengah */
.portal-search 
.portal-search-inner {
    text-align: center;
}

.portal-search .portal-search-inner > div {
    margin-left: auto;
    margin-right: auto;
}

.portal-search .portal-search-inner p {
    margin-left: auto;
    margin-right: auto;
}