/* CGC's library navigation and card rhythm, in Ukulele Corner's own palette. */
.ukc-free-lessons { --fl-ink:#30394b; --fl-muted:#5b6574; --fl-line:#e1e5e9; --fl-warm:#ffb33f; }
.ukc-free-lessons #page { max-width:1280px; }
.ukc-free-lessons .inside-article { padding:24px 40px 56px; }
.ukc-free-lessons .entry-header { display:none; }
.ukc-free-lessons .entry-content { margin:0; }
.ukc-fl-page { color:var(--fl-ink); font-size:17px; line-height:1.65; }
.ukc-fl-page *, .ukc-fl-page *::before, .ukc-fl-page *::after { box-sizing:border-box; }
.ukc-fl-page h1,.ukc-fl-page h2,.ukc-fl-page h3 { font-family:Georgia,'Times New Roman',serif; text-transform:none; letter-spacing:-.02em; color:var(--fl-ink); font-weight:400; }
.ukc-fl-page h2 { font-size:34px; line-height:1.2; margin:0; }
.ukc-fl-page h3 { font-size:23px; line-height:1.3; margin:0; }
.ukc-fl-page p { margin:0; }
.ukc-fl-page a { text-decoration:none; }
.ukc-fl-page svg { flex-shrink:0; }
.ukc-fl-page [hidden] { display:none!important; }
.ukc-fl-page :is(a,button,input,select):focus-visible { outline:3px solid #b96a00; outline-offset:4px; }
.ukc-fl-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; color:var(--fl-muted); margin-bottom:20px; }
.ukc-fl-breadcrumb a { color:var(--fl-muted); }
.ukc-fl-breadcrumb a:hover { text-decoration:underline; }
.ukc-fl-hero { display:grid; grid-template-columns:1.15fr 1fr; overflow:hidden; border-radius:16px; background:linear-gradient(120deg,#344259,#4b6d88); color:#fff; }
.ukc-fl-hero-copy { padding:40px; align-self:center; }
.ukc-fl-page .ukc-fl-eyebrow { font-family:Barlow,sans-serif; font-size:12px; font-weight:600; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; margin:0 0 10px; }
.ukc-fl-hero .ukc-fl-eyebrow,.ukc-fl-next .ukc-fl-eyebrow { color:#ffd38d; }
.ukc-fl-hero h1 { color:white; font-size:clamp(36px,3.7vw,49px); line-height:1.12; margin:0 0 20px; }
.ukc-fl-hero-copy>p:not(.ukc-fl-eyebrow) { color:#f0f3f6; font-size:17px; line-height:1.65; max-width:540px; }
.ukc-fl-hero-image { width:100%; height:100%; min-height:340px; object-fit:cover; object-position:center; }
.ukc-fl-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.ukc-fl-page .ukc-fl-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:12px 17px; min-height:46px; border:1px solid var(--fl-warm); border-radius:7px; background:var(--fl-warm); color:#263044; font:600 14px/1.4 Barlow,sans-serif; }
.ukc-fl-page .ukc-fl-button:hover { background:#ffca72; border-color:#ffca72; }
.ukc-fl-page .ukc-fl-button.is-secondary { color:white; background:transparent; border-color:#ffffff70; }
.ukc-fl-page .ukc-fl-button.is-secondary:hover { background:#ffffff14; }
.ukc-fl-topic-nav { display:flex; flex-wrap:wrap; gap:7px; padding:20px 0; border-bottom:1px solid var(--fl-line); }
.ukc-fl-topic-nav a { padding:9px 14px; border:1px solid transparent; border-radius:7px; font-size:14px; line-height:1.5; color:var(--fl-ink); }
.ukc-fl-topic-nav a[aria-current] { background:#fff1d9; border-color:#f2d199; color:#684716; font-weight:600; }
.ukc-fl-topic-nav a:hover { background:#f1f3f5; }
.ukc-fl-topics,.ukc-fl-featured,.ukc-fl-finder { margin-top:42px; scroll-margin-top:24px; }
.ukc-fl-section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:24px; }
.ukc-fl-section-heading>.ukc-fl-text-link { flex-shrink:0; }
.ukc-fl-section-heading>p { max-width:265px; font-size:15px; line-height:1.55; color:var(--fl-muted); }
.ukc-fl-section-heading .ukc-fl-eyebrow { color:#69758b; }
.ukc-fl-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ukc-fl-topic { display:flex; align-items:center; gap:16px; padding:18px; border:1px solid var(--fl-line); border-radius:11px; color:var(--fl-ink); background:#fff; transition:box-shadow .15s,border-color .15s; }
.ukc-fl-topic:hover { border-color:#d3ac69; box-shadow:0 4px 16px #30394b0b; }
.ukc-fl-topic img { width:70px; height:82px; border-radius:7px; object-fit:cover; }
.ukc-fl-topic>div { flex:1; min-width:0; }
.ukc-fl-topic h3 { font-size:23px; margin-bottom:5px; }
.ukc-fl-topic p { color:var(--fl-muted); font-size:14px; line-height:1.45; }
.ukc-fl-topic>svg { width:16px; }
.ukc-fl-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.ukc-fl-card { border:1px solid var(--fl-line); border-radius:12px; overflow:hidden; background:white; }
.ukc-fl-card>a { display:flex; height:100%; flex-direction:column; color:var(--fl-ink); }
.ukc-fl-card img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.ukc-fl-card>a>div { padding:23px; display:flex; flex-direction:column; flex:1; }
.ukc-fl-card .ukc-fl-eyebrow { color:#7b6137; font-size:10px; }
.ukc-fl-card h3 { margin-bottom:12px; }
.ukc-fl-card p { color:var(--fl-muted); font-size:15px; line-height:1.6; margin-bottom:22px; }
.ukc-fl-card-action { display:flex; align-items:center; gap:12px; margin-top:auto; font-size:14px; font-weight:600; }
.ukc-fl-card:hover { border-color:#d3ac69; box-shadow:0 5px 18px #30394b0c; }
.ukc-fl-text-link { display:inline-flex; align-items:center; gap:7px; font-size:14px; color:var(--fl-ink); text-decoration:underline!important; text-underline-offset:4px; }
.ukc-fl-tools { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto; gap:18px; align-items:end; background:#f5f3ef; padding:22px; border:1px solid #e9e3d8; border-radius:10px; }
.ukc-fl-tools label { font-size:13px; font-weight:600; }
.ukc-fl-tools :is(input,select) { display:block; width:100%; margin-top:6px; border:1px solid #cbd0d6; border-radius:6px; min-height:46px; padding:10px 12px; color:var(--fl-ink); background:#fff; font:16px/1.4 Barlow,sans-serif; }
.ukc-fl-page .ukc-fl-reset { background:white; border:1px solid #bfc6d0; color:var(--fl-ink); min-height:46px; border-radius:6px; font:600 14px/1.4 Barlow,sans-serif; padding:10px 16px; cursor:pointer; }
.ukc-fl-page .ukc-fl-reset:hover { background:#eaeef2; }
.ukc-fl-page .ukc-fl-count { margin:16px 0; color:var(--fl-muted); font-size:13px; }
.ukc-fl-page .ukc-fl-results { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; }
.ukc-fl-results li { margin:0; min-width:0; border-bottom:1px solid var(--fl-line); }
.ukc-fl-results a { padding:17px 12px; display:flex; align-items:center; gap:24px; height:100%; color:var(--fl-ink); }
.ukc-fl-results a>div { flex:1; }
.ukc-fl-results a:hover { background:#faf6ee; }
.ukc-fl-results h3 { font-family:Barlow,sans-serif; font-size:17px; font-weight:500; letter-spacing:0; line-height:1.45; }
.ukc-fl-result-group { display:block; margin-bottom:5px; font-size:11px; color:#6f624e; }
.ukc-fl-results svg { color:#8b7350; width:18px; }
.ukc-fl-empty { padding:36px; border-radius:10px; background:#f5f3ef; text-align:center; }
.ukc-fl-empty p { margin:12px 0 20px; }
.ukc-fl-next { margin-top:48px; border-radius:14px; padding:34px 38px; background:#454e62; display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center; color:white; }
.ukc-fl-next h2 { color:white; font-size:32px; }
.ukc-fl-next p:not(.ukc-fl-eyebrow) { color:#edf0f4; font-size:16px; margin-top:14px; max-width:650px; }
.ukc-fl-next .ukc-fl-actions { display:grid; margin:0; }
.ukc-fl-return { margin-top:24px!important; font-size:14px; }
.ukc-fl-return a { color:var(--fl-muted); }
@media(max-width:1050px) {
 .ukc-fl-hero-copy { padding:30px; }
 .ukc-fl-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ukc-fl-card-grid { gap:16px; }
 .ukc-fl-card>a>div { padding:19px; }
 .ukc-fl-next { grid-template-columns:1fr; gap:24px; }
 .ukc-fl-next .ukc-fl-actions { display:flex; }
}
@media(max-width:768px) {
 .ukc-free-lessons .inside-article { padding:18px 20px 36px; }
 .ukc-fl-breadcrumb { margin-bottom:16px; font-size:12px; }
 .ukc-fl-hero { grid-template-columns:1fr; border-radius:12px; }
 .ukc-fl-hero-copy { padding:28px 24px; }
 .ukc-fl-hero h1 { font-size:36px; }
 .ukc-fl-hero-copy>p:not(.ukc-fl-eyebrow) { font-size:16px; }
 .ukc-fl-hero-image { height:180px; min-height:0; object-position:center 40%; }
 .ukc-fl-hero .ukc-fl-actions { gap:10px; margin-top:20px; }
 .ukc-fl-hero .ukc-fl-button { width:100%; }
 .ukc-fl-topic-nav { padding:16px 0; gap:4px; }
 .ukc-fl-topic-nav a { padding:8px 10px; font-size:13px; }
 .ukc-fl-topics,.ukc-fl-featured,.ukc-fl-finder { margin-top:30px; }
 .ukc-fl-section-heading { display:block; margin-bottom:20px; }
 .ukc-fl-section-heading>p,.ukc-fl-section-heading>.ukc-fl-text-link { margin-top:12px; max-width:none; }
 .ukc-fl-page h2 { font-size:29px; }
 .ukc-fl-topic-grid,.ukc-fl-card-grid,.ukc-fl-tools,.ukc-fl-page .ukc-fl-results { grid-template-columns:1fr; }
 .ukc-fl-topic { padding:16px; }
 .ukc-fl-topic img { width:76px; height:76px; }
 .ukc-fl-topic h3 { font-size:24px; }
 .ukc-fl-tools { padding:18px; gap:15px; }
 .ukc-fl-tools .ukc-fl-reset { justify-self:start; }
 .ukc-fl-results a { padding:16px 6px; gap:14px; }
 .ukc-fl-next { padding:28px 24px; margin-top:34px; }
 .ukc-fl-next .ukc-fl-actions { display:grid; }
}
@media(prefers-reduced-motion:reduce) { .ukc-fl-topic { transition:none; } }

.ukc-fl-more-wrap { display:flex; justify-content:center; margin-top:24px; }
.ukc-fl-page .ukc-fl-more { min-height:46px; padding:12px 22px; border:1px solid #c9cfd7; border-radius:7px; background:#fff; color:var(--fl-ink); font:600 14px/1.4 Barlow,sans-serif; }
.ukc-fl-page .ukc-fl-more:hover { background:#fff1d9; border-color:#d3ac69; }
.ukc-fl-book { margin-top:40px; padding:26px 28px; background:#f7f4ee; border-radius:10px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.ukc-fl-book .ukc-fl-text-link { flex-shrink:0; }
.ukc-fl-book h3 { font-size:25px; }
.ukc-fl-book .ukc-fl-eyebrow { color:#776444; }
@media(max-width:768px) { .ukc-fl-book { padding:24px; display:block; } .ukc-fl-book .ukc-fl-text-link { margin-top:18px; } }