/* Internal dashboard: every visual rule scopes to owned roots or marked transformations. */
#screen-learning.fkd-layout > :not([data-fkd-root]) { display: none !important; }
[data-fkd-nav-hidden] { display: none !important; }
.fkd-root { --fkd-radius: 20px; color: var(--fg); padding: 12px 0 28px; max-width: 1200px; margin: auto; }
.fkd-root *, .fkd-control { box-sizing: border-box; }
.fkd-root [hidden] { display: none !important; }
.fkd-root button, .fkd-root select, .fkd-control { font: inherit; font-size: 16px; min-height: 44px; min-width: 44px; cursor: pointer; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-card); color: var(--fg); padding: 10px 15px; }
.fkd-control { font-size: 13px; padding: 8px 12px; margin: 4px; background: var(--surface-card); }
.fkd-root button:hover:not(:disabled), .fkd-control:hover { border-color: var(--accent); background: var(--accent-soft); }
.fkd-root button:focus-visible, .fkd-root select:focus-visible, .fkd-control:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.fkd-root button:disabled { opacity: .42; cursor: default; }
.fkd-root h1, .fkd-root h2, .fkd-root h3, .fkd-root p { margin: 0; }
.fkd-root h1 { font-size: clamp(30px,4vw,44px); letter-spacing: -.04em; line-height: 1.1; margin: 8px 0 12px; }
.fkd-root h2 { font-size: clamp(22px,2.5vw,30px); line-height: 1.2; letter-spacing: -.025em; margin: 8px 0 14px; }
.fkd-root h3 { font-size: 19px; line-height: 1.3; margin: 6px 0 10px; }
.fkd-root p { line-height: 1.6; color: var(--fg-dim); }
.fkd-heading { margin-bottom: 26px; }
.fkd-kicker { font-size: 11px; letter-spacing: .14em; font-weight: 750; color: var(--accent-strong); }
.fkd-tabs { display: flex; gap: 5px; padding: 5px; border-radius: 13px; background: var(--surface-raised); width: fit-content; max-width: 100%; margin-bottom: 24px; }
.fkd-tabs button { background: transparent; border-color: transparent; font-size: 14px; font-weight: 650; }
.fkd-tabs button[aria-selected="true"] { background: var(--surface-card); color: var(--accent-strong); box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.fkd-hero { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: 30px; border-radius: var(--fkd-radius); padding: clamp(22px,4vw,38px); background: linear-gradient(125deg,var(--accent-soft),var(--surface-card)); border: 1px solid var(--border); }
.fkd-hero h2 { max-width: 650px; font-size: clamp(26px,3vw,36px); }
.fkd-minutes { display: flex; gap: 8px; margin: 22px 0 16px; }
.fkd-minutes button[aria-pressed="true"] { background: var(--accent-soft); border-color: var(--accent); color: var(--accent-strong); }
.fkd-root .fkd-primary { background: var(--accent); color: var(--surface-page); border-color: var(--accent); font-weight: 650; }
.fkd-root .fkd-primary:hover { background: var(--accent-strong); color: var(--surface-page); }
.fkd-hero-aside { display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; gap: 10px; border-left: 1px solid var(--border); padding-left: 25px; }
.fkd-hero-aside > span:last-child { font-size: 12px; color: var(--fg-dim); }
.fkd-orbit { display: grid; place-content: center; width: 108px; height: 108px; border: 9px solid var(--accent-soft); outline: 1px solid var(--border); border-radius: 50%; color: var(--accent-strong); font-size: 38px; font-weight: 750; }
.fkd-stat-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 20px 0; }
.fkd-stat { border: 1px solid var(--border); border-radius: 15px; background: var(--surface-card); padding: 19px; display: flex; flex-direction: column; gap: 8px; }
.fkd-stat > span { color: var(--fg-dim); font-size: 12px; }
.fkd-stat strong { font-size: 29px; font-weight: 750; letter-spacing: -.03em; }
.fkd-stat small { font-size: 11px; line-height: 1.4; color: var(--fg-dim); }
.fkd-columns { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(0,1fr); gap: 20px; }
.fkd-card { background: var(--surface-card); border: 1px solid var(--border); border-radius: var(--fkd-radius); padding: 24px; }
.fkd-section-heading { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.fkd-week-controls { display: flex; gap: 4px; }
.fkd-week-controls button { font-size: 12px; padding: 7px 10px; }
.fkd-muted { font-size: 12px; }
.fkd-chart { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 8px; margin: 26px 0 18px; align-items: end; }
.fkd-root .fkd-day { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 8px 2px; border-color: transparent; font-size: 12px; background: transparent; }
.fkd-root .fkd-day[aria-pressed="true"] { background: var(--accent-soft); border-color: var(--accent); }
.fkd-chart-value { font-size: 12px; font-weight: 700; }
.fkd-bar-track { display: flex; align-items: flex-end; height: 112px; width: 22px; border-radius: 7px; background: var(--surface-raised); overflow: hidden; }
.fkd-bar { width: 100%; min-height: 0; border-radius: 7px; background: var(--accent); }
.fkd-day small { color: var(--fg-dim); font-size: 10px; }
.fkd-day-detail { padding-top: 16px; border-top: 1px solid var(--border); font-size: 13px; line-height: 1.6; }
.fkd-day-detail small { color: var(--fg-dim); }
.fkd-columns > .fkd-card > button { margin-top: 20px; }
.fkd-topics { border-top: 1px solid var(--border); margin-top: 28px; padding-top: 20px; }
.fkd-topics span { display: inline-block; color: var(--fg-dim); background: var(--surface-raised); border-radius: 6px; font-size: 11px; padding: 6px 9px; margin: 4px 4px 0 0; }
.fkd-data-note { margin: 18px 0 !important; font-size: 11px; line-height: 1.6; color: var(--fg-dim); }
.fkd-data-note:empty { display: none; }
.fkd-page-heading { margin-bottom: 24px; max-width: 750px; }
.fkd-weak-grid, .fkd-saved-grid, .fkd-journey { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.fkd-source { display: inline-block; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--accent-strong); }
.fkd-weak-grid button { margin-top: 18px; }
.fkd-week-heading { display: flex; gap: 14px; margin-bottom: 18px; }
.fkd-week-heading p { font-size: 12px; }
.fkd-week-number { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 12px; background: var(--accent-soft); color: var(--accent-strong); display: grid; place-content: center; font-weight: 750; }
.fkd-lesson-list { display: flex; flex-direction: column; gap: 8px; }
.fkd-root .fkd-lesson { display: flex; align-items: center; text-align: left; gap: 12px; padding: 13px 10px; width: 100%; background: var(--surface-raised); border-color: transparent; }
.fkd-lesson > span:nth-child(2) { flex: 1; }
.fkd-lesson strong { display: block; font-size: 13px; }
.fkd-lesson small { display: block; color: var(--fg-dim); margin-top: 4px; font-size: 11px; }
.fkd-dot { flex: 0 0 27px; width: 27px; height: 27px; border: 1px solid var(--border); border-radius: 50%; display: grid; place-content: center; color: var(--fg-dim); font-size: 11px; }
.fkd-dot.fkd-done { background: var(--accent); border-color: var(--accent); color: var(--surface-page); }
.fkd-custom { margin-top: 20px; }
.fkd-custom label { display: flex; flex-direction: column; gap: 8px; margin: 20px 0 12px; max-width: 520px; color: var(--fg-dim); font-size: 13px; }
.fkd-root select { width: 100%; }
.fkd-actions, .fkd-bottom { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.fkd-bottom { padding-top: 20px; border-top: 1px solid var(--border); }
.fkd-bottom button { font-size: 12px; background: transparent; }
.fkd-empty { grid-column: 1 / -1; text-align: center; padding: 44px 24px; }
.fkd-empty > span { font-size: 40px; color: var(--accent-strong); display: block; margin-bottom: 16px; }
.fkd-empty p { max-width: 550px; margin: auto; }
@media (max-width: 760px) {
 .fkd-hero { grid-template-columns: 1fr; gap: 22px; }
 .fkd-hero-aside { flex-direction: row; border-left: 0; border-top: 1px solid var(--border); padding: 18px 0 0; text-align: left; flex-wrap: wrap; justify-content: flex-start; }
 .fkd-orbit { width: 50px; height: 50px; border-width: 4px; font-size: 23px; }
 .fkd-hero-aside > span:last-child { flex-basis: 100%; }
 .fkd-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
 .fkd-columns, .fkd-weak-grid, .fkd-saved-grid, .fkd-journey { grid-template-columns: 1fr; }
 .fkd-card { padding: 18px; }
 .fkd-section-heading { flex-direction: column; }
 .fkd-tabs { width: 100%; }
 .fkd-tabs button { flex: 1; padding: 8px 5px; font-size: 12px; }
 .fkd-chart { gap: 3px; }
 .fkd-root .fkd-day { min-width: 0; }
 .fkd-bar-track { width: 19px; }
 .fkd-custom select { max-width: 100%; }
}

.fkd-counts { color: var(--fg-dim); font-size: 12px; margin: 8px 0 20px; }
.fkd-counts summary { min-height: 44px; align-content: center; cursor: pointer; }
.fkd-counts p { margin-top: 8px; line-height: 1.6; }
.fkd-counts summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }

/* Refinements from Puii's desktop review, 5 October 2026. */
.fkd-hero [data-fkd-start] { margin-top: 24px; }
.fkd-hero .fkd-minutes + [data-fkd-start] { margin-top: 4px; }
.fkd-section-heading { align-items: center; flex-wrap: wrap; }
.fkd-period { display: flex; gap: 6px; margin: 10px 0 14px; }
.fkd-period button { font-size: 13px; }
.fkd-period button[aria-pressed="true"] { background: var(--accent-soft); border-color: var(--accent); }
.fkd-month { align-items: stretch; }
.fkd-weekday { font-size: 11px; text-align: center; color: var(--fg-dim); padding-bottom: 4px; }
.fkd-root .fkd-month .fkd-day { min-height: 54px; border-radius: 8px; border: 1px solid var(--border); gap: 3px; }
.fkd-month .fkd-day[data-level="1"] { background: color-mix(in srgb,var(--accent) 12%,var(--surface-card)); }
.fkd-month .fkd-day[data-level="2"] { background: color-mix(in srgb,var(--accent) 23%,var(--surface-card)); }
.fkd-month .fkd-day[data-level="3"] { background: color-mix(in srgb,var(--accent) 34%,var(--surface-card)); }
.fkd-month .fkd-day[data-level="4"] { background: color-mix(in srgb,var(--accent) 45%,var(--surface-card)); }
.fkd-root .fkd-month .fkd-day[aria-pressed="true"] { border: 2px solid var(--accent); }
.fkd-membership { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 22px; margin-bottom:20px; border:1px solid var(--border); border-radius:15px; background:var(--surface-card); }
.fkd-membership strong { font-size:13px; }
.fkd-membership p, .fkd-membership button { font-size:12px; }
.fkd-membership p { margin-top:6px; }
.fkd-membership button { flex-shrink:0; }
.fkd-premium { border-color:#a58b4d; }
.fkd-premium strong { color:#c5a761; }
.fkd-course-access { margin-top:12px !important; font-size:13px; }
.fl-toolbar.fkd-toolbar { background:transparent; border:0; padding:8px 0; gap:8px; }
.fkd-toolbar > [data-learning-go], .fkd-toolbar > [data-learning-panel], .fkd-toolbar > [data-learning-help], .fkd-toolbar > [data-fl-status] { display:none !important; }
.fkd-toolbar #fkeSavePage { width:44px; height:44px; min-width:44px; padding:0; border-radius:10px; font-size:24px; }
.fkd-options { margin-left:auto; position:relative; }
.fkd-options summary { display:grid; place-items:center; width:44px; height:44px; font-size:24px; cursor:pointer; border:1px solid var(--border); border-radius:10px; list-style:none; }
.fkd-options summary::-webkit-details-marker { display:none; }
.fkd-options summary:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.fkd-options[open] .fkd-control { position:absolute; right:0; top:44px; z-index:20; width:180px; margin:4px 0; }
@media(max-width:760px) { .fkd-membership { align-items:flex-start; flex-direction:column; gap:12px; padding:18px; } .fkd-week-controls { flex-wrap:wrap; } .fkd-root .fkd-month .fkd-day { font-size:11px; } }

/* Direct screenshot corrections: keep compact tools in document flow. */
.fl-toolbar.fkd-toolbar { position:static; top:auto; z-index:auto; box-shadow:none; margin:18px auto 24px; max-width:1200px; min-height:44px; flex-wrap:nowrap; align-items:center; }
.fkd-toolbar #fkeSavePage, .fkd-toolbar #fkeReturnOrigin, .fkd-toolbar .fkd-options summary { border-radius:10px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; line-height:1; margin:0; }
.fkd-toolbar #fkeReturnOrigin[hidden] { display:none; }
.fkd-toolbar #fkeReturnOrigin { padding:10px 14px; }
.fkd-toolbar #fkeSavePage { flex:0 0 44px; }
.fkd-toolbar .fkd-options { display:block; flex:0 0 44px; }
.fkd-root .fkd-tabs { width:100%; display:flex; flex-wrap:wrap; border-radius:10px; }
.fkd-root .fkd-tabs button { flex:1 1 110px; border-radius:8px; min-width:0; }
.fkd-access-badge { display:inline-block; color:#c5a761 !important; font-size:13px; margin-bottom:16px !important; }
.fkd-root .fkd-month .fkd-day { min-height:44px; justify-content:center; }
.fkd-root .fkd-day[data-level="0"][aria-pressed="true"] { background:transparent; }
.fkd-root .fkd-month .fkd-day[aria-pressed="true"] { border-color:var(--accent); }
.fkd-intensity-key { display:flex; justify-content:flex-end; align-items:center; gap:5px; margin:8px 0 18px; color:var(--fg-dim); font-size:10px; flex-wrap:wrap; }
.fkd-intensity-key i { width:12px; height:12px; border-radius:3px; border:1px solid var(--border); background:var(--accent); }
.fkd-intensity-key i[data-level="0"] { background:transparent; }
.fkd-intensity-key i[data-level="1"] { opacity:.2; }.fkd-intensity-key i[data-level="2"] { opacity:.45; }.fkd-intensity-key i[data-level="3"] { opacity:.7; }
.fkd-root .fkd-month .fkd-day[data-level="4"] { background:var(--accent); color:var(--surface-page); }
.fkd-root .fkd-month .fkd-day[data-level="1"] { background:color-mix(in srgb,var(--accent) 20%,var(--surface-card)); }
.fkd-root .fkd-month .fkd-day[data-level="2"] { background:color-mix(in srgb,var(--accent) 45%,var(--surface-card)); }
.fkd-root .fkd-month .fkd-day[data-level="3"] { background:color-mix(in srgb,var(--accent) 70%,var(--surface-card)); }
.fkd-path-highlight { border:1px solid #a58b4d; border-radius:20px; padding:24px; margin-bottom:20px; background:linear-gradient(125deg,var(--accent-soft),var(--surface-card)); }
.fkd-path-weeks { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:20px; }
.fkd-root .fkd-path-week { display:flex; flex-direction:column; text-align:left; gap:8px; min-width:0; }
.fkd-path-week[aria-current="step"] { border-color:#c5a761; }
.fkd-path-week strong { font-size:13px; line-height:1.4; }.fkd-path-week small,.fkd-path-week > span { font-size:11px; color:var(--fg-dim); }
.fkd-practice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.fkd-practice-grid button { margin-top:18px; }
.fkd-practice-grid .fl-start-choices { display:block; }
.fkd-situation-route { margin-top:24px; }.fkd-situation-route .fkd-lesson-list { margin-top:18px; }
@media(max-width:760px) { .fkd-path-weeks { grid-template-columns:repeat(2,minmax(0,1fr)); }.fkd-practice-grid { grid-template-columns:1fr; }.fkd-root .fkd-tabs button { flex-basis:28%; }.fkd-path-highlight { padding:18px; } }

/* Restore Puii's labelled two-button learning bar. */
.fl-toolbar.fkd-toolbar { background:var(--surface-card); border:1px solid var(--border); border-radius:12px; padding:12px 16px; gap:12px; flex-wrap:wrap; position:static; }
.fkd-toolbar #fkeReturnOrigin { display:none !important; }
.fkd-toolbar #fkeSavePage, .fkd-toolbar [data-fkd-my-fke] { width:auto; height:auto; min-width:44px; min-height:44px; flex:0 1 auto; padding:10px 18px; border-radius:999px; font-size:16px; line-height:1.3; display:inline-flex; align-items:center; justify-content:center; margin:0; }
.fkd-toolbar [data-fkd-my-fke][hidden] { display:none; }
@media(max-width:600px) { .fl-toolbar.fkd-toolbar { padding:10px; gap:8px; }.fkd-toolbar #fkeSavePage,.fkd-toolbar [data-fkd-my-fke] { padding:10px 12px; font-size:14px; } }

/* Align dashboard and compact toolbar to the parent navigation divider. */
#screen-learning.fkd-layout { width:100%; max-width:none; margin-inline:0; }
#screen-learning.fkd-layout > .fkd-root { width:100%; max-width:none; margin-inline:0; }
.fl-toolbar.fkd-toolbar { box-sizing:border-box; width:100%; max-width:none; margin-inline:0; padding:8px 12px; min-height:0; gap:10px; }
.fkd-toolbar #fkeSavePage,.fkd-toolbar [data-fkd-my-fke] { min-height:40px; padding:8px 14px; font-size:14px; }
@media(max-width:600px) { .fkd-toolbar #fkeSavePage,.fkd-toolbar [data-fkd-my-fke] { min-height:44px; padding:8px 12px; } }

/* Keep a guided lesson aligned with My learning and its navigation. */
#screen-companion[data-fkd-session-layout].gs-in-session { width:100%; max-width:none; margin-inline:0; }
#screen-companion[data-fkd-session-layout] #guidedSession { width:100%; max-width:none; margin:20px 0 32px; }
#screen-companion[data-fkd-session-layout] [data-fkd-return] { display:block; width:fit-content; margin:0 0 20px; }
#screen-companion[data-fkd-session-layout].gs-in-session > [data-fo-selling],
#screen-companion[data-fkd-session-layout].gs-in-session > .fo-member-welcome,
#screen-companion[data-fkd-session-layout].gs-in-session > .fo-member-benefits-link { display:none !important; }

.fkd-member-only { display:block; color:#c5a761; font-size:11px; margin-top:5px; }
.fkd-root .fkd-lesson small:empty { display:none; }
/* Match paired lesson rows, even when just one has a session status. */
@media (min-width:761px) {
 .fkd-root .fkd-week { display:flex; flex-direction:column; }
 .fkd-root .fkd-week .fkd-lesson-list { display:grid; grid-template-rows:repeat(5,minmax(0,1fr)); flex:1; }
 .fkd-root .fkd-week .fkd-lesson { min-height:0; height:100%; }
 @supports (grid-template-rows:subgrid) {
  .fkd-root .fkd-journey:has(>.fkd-week) { row-gap:8px; }
  .fkd-root .fkd-week { display:grid; grid-row:span 6; grid-template-rows:subgrid; row-gap:8px; margin-block:8px; }
  .fkd-root .fkd-week .fkd-week-heading { margin-bottom:10px; }
  .fkd-root .fkd-week .fkd-lesson-list { grid-row:span 5; grid-template-rows:subgrid; row-gap:8px; }
 }
}
.fkd-lesson-preview { max-width:900px; margin:0 0 24px; }
.fkd-switch-note { margin-top:18px !important; padding:14px; border:1px solid var(--border); border-radius:10px; }
.fkd-root [data-fkd-topic] { min-width:0; max-width:100%; background:var(--surface-card); color:var(--fg); }
.fkd-root [data-fkd-topic] option { background:var(--surface-card); color:var(--fg); }

.fkd-root .fkd-lesson-preview { width:100%; max-width:none; }
#screen-companion[data-fkd-session-layout] .gs-concept p,#screen-companion[data-fkd-session-layout] .gs-feedback p { max-width:70ch; margin:12px 0; line-height:1.65; }
#screen-companion[data-fkd-session-layout] .gs-writing { display:flex; flex-direction:column; gap:10px; }
#screen-companion[data-fkd-session-layout] .gs-writing-steps { padding-left:22px; max-width:70ch; line-height:1.7; }
#screen-companion[data-fkd-session-layout] .gs-feedback section { margin:22px 0; padding-bottom:18px; border-bottom:1px solid var(--border); }
#screen-companion[data-fkd-session-layout] .gs-writing-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
#screen-companion[data-fkd-session-layout] .gs-lesson-title { margin-bottom:12px; }

/* Prepared sentence building: align fields with the lesson and wrap long banks. */
#screen-companion .gs-building-task { width:100%; box-sizing:border-box; margin:26px 0; }
#screen-companion .gs-building-task + .gs-building-task { padding-top:22px; border-top:1px solid var(--border); }
#screen-companion .gs-building-task p { max-width:70ch; overflow-wrap:anywhere; line-height:1.65; }
#screen-companion .gs-building-task .gs-writing { display:flex; flex-direction:column; gap:10px; margin:18px 0; }
#screen-companion .gs-building-task textarea { width:100%; max-width:100%; box-sizing:border-box; }
#screen-companion .gs-writing-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
#screen-companion .gs-paragraph { max-width:100%; line-height:2.7; margin:22px 0; overflow-wrap:anywhere; }
#screen-companion .gs-gap { display:inline-flex; flex-direction:column; vertical-align:middle; max-width:100%; margin:4px 8px; line-height:1.5; }
#screen-companion .gs-gap input { width:clamp(130px,22vw,240px); max-width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid var(--border-strong); border-radius:8px; background:var(--surface-page); color:inherit; font:inherit; }
#screen-companion .gs-gap small { max-width:28ch; line-height:1.4; margin-top:5px; }

/* Approved Practice layout: topic first, then aligned full-width activity rows. */
.fkd-practice-topic { padding:0 0 26px; border-bottom:1px solid var(--border); }
.fkd-practice-topic h2 { margin:0 0 22px; }
.fkd-practice-topic label { display:block; margin-bottom:18px; color:var(--fg); }
.fkd-practice-topic select { display:block; width:min(100%,700px); max-width:100%; box-sizing:border-box; margin:0 0 28px; padding:20px 24px; background:var(--surface-card); color:var(--fg); border:1px solid var(--border); border-radius:14px; font:inherit; }
.fkd-practice-topic p { color:var(--fg-dim); margin:16px 0 0; line-height:1.65; }
.fkd-practice-activities { margin:24px 0; }
.fkd-practice-activities summary { cursor:pointer; color:var(--fg-dim); margin-bottom:26px; }
.fkd-root .fkd-practice-activities .fl-start-choices { display:flex; flex-direction:column; gap:14px; width:100%; }
.fkd-root .fkd-practice-activities .fl-start-choices button { width:100%; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:24px; text-align:left; border-radius:5px; padding:24px 28px; margin:0; background:var(--surface-card); border:1px solid var(--border); }
.fkd-practice-rows strong { font-size:20px; }
.fkd-practice-rows span,.fkd-practice-activities .fl-start-choices small { color:var(--fg-dim); line-height:1.5; }
@media(max-width:760px) { .fkd-root .fkd-practice-activities .fl-start-choices button { flex-direction:column; align-items:flex-start; gap:8px; padding:20px; }.fkd-practice-topic select { padding:16px; } }

.fkd-practice-activities .fl-start-choices button > span:first-child { font-size:20px; color:var(--fg); font-weight:600; }

/* Match companion proportions while keeping the toolbar aligned to navigation. */
.fl-toolbar.fkd-toolbar { padding:4px 8px; gap:8px; border-radius:8px; }
.fkd-toolbar #fkeSavePage,.fkd-toolbar [data-fkd-my-fke] { min-height:32px; min-width:32px; padding:5px 11px; font-size:12px; line-height:1.3; }
.fkd-root .fkd-practice-topic select { min-height:68px; height:auto; padding:18px 48px 18px 20px; font-family:var(--sans); font-size:18px; font-weight:500; line-height:1.6; border-radius:10px; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12'%3E%3Cpath d='m2 2 7 7 7-7' fill='none' stroke='%23999' stroke-width='2'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 20px center; }
.fkd-root .fkd-practice-topic select option { font-size:18px; }
.fkd-root .fkd-practice-activities .fl-start-choices button { padding:18px 24px; font-size:16px; }
.fkd-root .fkd-practice-activities .fl-start-choices button > strong,.fkd-root .fkd-practice-activities .fl-start-choices button > span:first-child { font-size:16px; font-weight:600; }
.fkd-root .fkd-practice-activities .fl-start-choices button > strong + span,.fkd-root .fkd-practice-activities .fl-start-choices button > small { font-size:14px; font-weight:400; }
@media(max-width:600px) { .fkd-toolbar #fkeSavePage,.fkd-toolbar [data-fkd-my-fke] { min-height:40px; padding:6px 10px; font-size:12px; }.fkd-root .fkd-practice-topic select { font-size:17px; min-height:64px; }.fkd-root .fkd-practice-activities .fl-start-choices button { padding:16px 20px; } }

/* Keep stacked dashboard headings and actions on the reading edge on phones. */
@media (max-width: 760px) {
  .fkd-root .fkd-section-heading { align-items: flex-start; text-align: left; }
  .fkd-root .fkd-section-heading > div { text-align: left; }
}

/* Optional learning timer and aligned rhythm controls. */
.fkd-pace-details { margin:0 0 20px; padding:14px 18px; border:1px solid var(--border); border-radius:12px; background:var(--surface-card); }
.fkd-pace-details > summary { cursor:pointer; min-height:24px; font-size:14px; font-weight:600; text-align:left; }
.fkd-pace-details > summary:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.fkd-pace-details .fke-pace { width:100%; max-width:460px; padding:18px 0 0; margin:0; flex-basis:auto; }
.fkd-pace-details .fke-pace-clock output { font-size:48px; }
.fkd-pace-details .fke-pace-track { height:48px; }
.fkd-pace-details .fke-pace-title > span { display:none; }
.fkd-pace-details .fke-pace-title { margin:0 0 12px; }
.fkd-pace-details .fke-pace-note { white-space:normal; overflow-wrap:anywhere; }
.fkd-root .fkd-card { min-width:0; }
.fkd-root .fkd-rhythm .fkd-muted { white-space:normal; overflow-wrap:anywhere; max-width:100%; }
@media(max-width:760px) {
 .fkd-root .fkd-rhythm .fkd-section-heading { width:100%; gap:16px; }
 .fkd-root .fkd-rhythm h2 { margin-bottom:0; }
 .fkd-root .fkd-rhythm .fkd-week-controls { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; width:100%; gap:8px; }
 .fkd-root .fkd-rhythm .fkd-week-controls button { min-width:0; min-height:44px; height:44px; padding:8px; font-size:13px; }
 .fkd-root .fkd-rhythm .fkd-period { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:8px; margin:12px 0 16px; }
 .fkd-root .fkd-rhythm .fkd-period button { min-width:0; min-height:44px; height:44px; padding:8px; font-size:13px; }
 .fkd-pace-details .fke-pace-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
}

/* Give lesson duration choices and the primary action the same two edges. */
.fkd-root .fkd-minutes { display:grid; grid-template-columns:repeat(auto-fit,minmax(72px,1fr)); width:100%; max-width:420px; gap:8px; }
.fkd-root .fkd-minutes button { width:100%; min-width:0; padding:10px 8px; }
.fkd-root .fkd-hero [data-fkd-start] { display:block; width:fit-content; max-width:100%; }
.fkd-root .fkd-hero .fkd-minutes + [data-fkd-start] { width:100%; max-width:420px; }

/* Restore the original compact timer styling inside My learning. */
.fkd-pace-details { width:100%; max-width:420px; padding:18px 20px; }
.fkd-pace-details > summary { font-size:13px; font-weight:500; color:var(--fg-dim); }
.fkd-pace-details .fke-pace { max-width:none; padding:22px 0 0; }
.fkd-pace-details .fke-pace-clock output { font-size:clamp(64px,7.5vw,104px); }
.fkd-pace-details .fke-pace-track { height:78px; }
.fkd-pace-details .fke-pace-title > span { display:inline; }
.fkd-pace-details .fke-pace-title { font-size:21px; font-weight:500; margin:0 0 26px; }
.fkd-root .fkd-pace-details .fke-pace-sound { width:44px; min-width:44px; min-height:44px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--pace-yellow); font:18px/1 var(--sans); }
.fkd-root .fkd-pace-details .fke-pace-sound:hover { background:color-mix(in srgb,var(--pace-yellow) 12%,transparent); }
.fkd-root .fkd-pace-details .fke-pace-sound[aria-pressed="false"] { color:var(--fg-dim); }
.fkd-root .fkd-pace-details select { min-height:48px; padding:10px 14px; font-size:16px; }
.fkd-root .fkd-pace-details .fke-pace-actions .btn { display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:0; border:0; border-radius:24px; background:transparent; padding:10px 6px; font-size:14px; font-weight:500; white-space:nowrap; box-shadow:none; }
.fkd-root .fkd-pace-details .fke-pace-actions .btn:hover { background:color-mix(in srgb,var(--pace-yellow) 15%,transparent); }
.fkd-root .fkd-pace-details .fke-pace-actions [data-pace-toggle] { background:var(--pace-yellow); color:var(--pace-ink); }
.fkd-root .fkd-pace-details .fke-pace-actions [data-pace-toggle]:hover { background:var(--pace-hover); }
.fkd-pace-details .fke-pace-actions { grid-template-columns:1.5fr 1fr 1fr 1fr; gap:4px; }
@media(max-width:380px) { .fkd-pace-details .fke-pace-clock output { font-size:clamp(54px,17vw,68px); }.fkd-pace-details .fke-pace-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } }
[data-theme="light"] .fkd-root .fkd-pace-details .fke-pace-actions [data-pace-toggle] { background:#d4d0fa; }
[data-theme="light"] .fkd-root .fkd-pace-details .fke-pace-actions [data-pace-toggle]:hover { background:var(--pace-hover); }

/* Keep menu rows balanced and align the optional timer with dashboard cards. */
.fkd-root .fkd-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.fkd-root .fkd-tabs:has(>button:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.fkd-pace-details{max-width:none;box-sizing:border-box}
.fkd-pace-details .fke-pace{max-width:420px;margin-left:auto;margin-right:0}
.fkd-pace-details .fke-pace-note{margin-top:18px;text-align:center}
@media(max-width:760px){.fkd-root .fkd-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.fkd-root .fkd-tabs:has(>button:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Share one reading edge inside the right-positioned timer block. */
.fkd-pace-details .fke-pace-clock output{margin-left:0}
.fkd-pace-details .fke-pace-title,.fkd-pace-details .fke-pace label{margin-left:0;padding-left:0;text-align:left}

/* On phones the timer fills its frame; retain the desktop right column. */
@media(max-width:760px){.fkd-pace-details .fke-pace{max-width:none;margin-left:0;margin-right:0}}

/* Align Overview cards and lesson controls on the same mobile reading edges. */
@media (max-width: 760px) {
 .fkd-root .fkd-hero, .fkd-root .fkd-stat, .fkd-root .fkd-pace-details { padding:18px; }
 .fkd-root .fkd-hero > div { min-width:0; }
 .fkd-root .fkd-minutes, .fkd-root .fkd-hero .fkd-minutes + [data-fkd-start] { max-width:none; }
 .fkd-root .fkd-hero-aside { display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:12px; row-gap:4px; align-items:center; }
 .fkd-root .fkd-hero-aside .fkd-orbit { grid-column:1; grid-row:1 / 3; width:44px; height:44px; }
 .fkd-root .fkd-hero-aside > strong { grid-column:2; min-width:0; line-height:1.4; }
 .fkd-root .fkd-hero-aside > span:last-child { grid-column:2; line-height:1.5; }
}

/* Monthly paths keep one clear reading rhythm as the catalogue grows. */
.fkd-month-nav { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 24px; }
.fkd-month-nav button { min-height:44px; }
.fkd-month-path { display:grid; gap:24px; margin-top:24px; }
.fkd-learning-month { padding:0; overflow:hidden; scroll-margin-top:24px; }
.fkd-learning-month > summary { position:relative; cursor:pointer; list-style:none; padding:24px 58px 24px 24px; }
.fkd-learning-month > summary::-webkit-details-marker { display:none; }
.fkd-learning-month > summary::after { content:'+'; position:absolute; right:24px; top:30px; font-size:24px; color:var(--accent-strong); }
.fkd-learning-month[open] > summary::after { content:'−'; }
.fkd-learning-month > summary:focus-visible { outline:3px solid var(--accent); outline-offset:-4px; border-radius:var(--fkd-radius); }
.fkd-month-summary { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:10px 24px; margin-top:10px; }
.fkd-month-summary strong { font-size:20px; line-height:1.4; }
.fkd-month-summary > span { font-size:13px; color:var(--fg-dim); }
.fkd-month-preview { display:block; margin-top:10px; line-height:1.6; color:var(--fg-dim); max-width:80ch; }
.fkd-month-action { display:block; margin-top:12px; color:var(--accent-strong); font-size:13px; }
.fkd-learning-month[open] .fkd-month-action { display:none; }
.fkd-month-content { padding:0 24px 24px; border-top:1px solid var(--border); }
.fkd-month-topics { padding:22px 0; }
.fkd-month-topics h3,.fkd-new-topics h3 { margin:0 0 8px; font-size:15px; }
.fkd-month-topics p { margin:0 0 14px; color:var(--fg-dim); font-size:13px; }
.fkd-topic-links { display:flex; flex-wrap:wrap; gap:10px; }
.fkd-topic-links button { font-size:13px; min-height:44px; text-align:left; }
.fkd-month-weeks { margin-top:24px; align-items:start; gap:24px; }
.fkd-month-topics + .fkd-month-weeks { margin-top:0; }
.fkd-month-week { min-width:0; padding:20px; background:var(--surface-raised); border:1px solid var(--border); border-radius:16px; }
.fkd-month-week .fkd-lesson { background:var(--surface-card); }
.fkd-month-week .fkd-week-heading { min-height:72px; }
.fkd-month-week h3 { font-size:16px; }
.fkd-month-week .fkd-lesson-status { color:var(--fg-dim); font-size:11px; }
.fkd-route-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.fkd-new-topics { margin:24px 0; border:1px solid var(--border); border-radius:14px; padding:18px; }
.fkd-new-topics summary { cursor:pointer; font-weight:650; }
.fkd-new-topics section { margin-top:20px; }
.fkd-lesson-about { margin-top:22px; padding:18px; border:1px solid var(--border); border-radius:14px; }
.fkd-lesson-about summary { cursor:pointer; font-weight:650; }
.fkd-lesson-about p,.fkd-lesson-about li { line-height:1.6; }
.fkd-prerequisite-note { padding:14px 18px; background:var(--accent-soft); border-radius:12px; }
.gs-months { display:grid; gap:24px; margin-top:24px; }
.gs-month > summary { cursor:pointer; }
.gs-month > summary strong,.gs-month > summary > span { display:block; margin-top:8px; }
.gs-month-week { margin-top:24px; }
@media(max-width:760px) {
 .fkd-learning-month > summary { padding:20px 50px 20px 18px; }
 .fkd-learning-month > summary::after { right:18px; top:26px; }
 .fkd-month-content { padding:0 18px 18px; }
 .fkd-month-summary { flex-direction:column; gap:8px; }
 .fkd-month-summary strong { font-size:18px; }
 .fkd-month-week { padding:16px; }
 .fkd-month-week .fkd-week-heading { min-height:0; }
 .fkd-month-nav { gap:8px; }
}
@media(min-width:761px) {
 @supports(grid-template-rows:subgrid) {
  .fkd-month-weeks { row-gap:8px; }
  .fkd-month-week { display:grid; grid-row:span 6; grid-template-rows:subgrid; row-gap:8px; margin-block:8px; }
  .fkd-month-week .fkd-week-heading { margin-bottom:10px; }
  .fkd-month-week .fkd-lesson-list { display:grid; grid-row:span 5; grid-template-rows:subgrid; row-gap:8px; }
  .fkd-month-week .fkd-lesson { min-height:0; height:100%; }
 }
}

/* Permanent Free preview: separate its invitation from the lesson list. */
.fkd-trial-info { display:flex; flex-direction:column; align-items:flex-start; gap:18px; margin:20px 0 32px; }
.fkd-trial-info p { margin:0; max-width:65ch; }
.fkd-trial-info button { margin:0; }

/* First action before navigation, optional timer and membership information. */
.fkd-start-slot { margin:0 0 24px; }
.fkd-start-slot .fkd-hero-aside { align-items:flex-start; text-align:left; }
.fkd-start-slot .fkd-hero-aside strong { font-size:20px; line-height:1.5; }
.fkd-root .fkd-hero .fkd-teach { display:block; width:100%; max-width:420px; margin-top:10px; background:transparent; color:var(--accent-strong); }
.fkd-root .fkd-hero [data-fkd-start] { width:100%; max-width:420px; margin-top:16px; }
.fkd-root .fkd-hero .fkd-save-note { font-size:12px; line-height:1.55; margin-top:14px; max-width:54ch; }
.fkd-overview .fkd-heading { margin-bottom:16px; }
@media(max-width:760px) {
 .fkd-overview { padding-top:0; }
 .fkd-overview .fkd-heading .fkd-kicker,.fkd-overview .fkd-heading p { display:none; }
 .fkd-overview .fkd-heading h1 { font-size:25px; margin:0 0 12px; }
 .fkd-start-slot { margin-bottom:20px; }
 .fkd-start-slot .fkd-hero { display:block; padding:18px; }
 .fkd-start-slot .fkd-hero h2 { font-size:25px; line-height:1.3; margin:6px 0 10px; }
 .fkd-start-slot .fkd-minutes { margin:14px 0 10px; }
 .fkd-start-slot .fkd-hero-aside { display:block; border:0; border-top:1px solid var(--border); padding:14px 0 0; margin-top:16px; }
 .fkd-start-slot .fkd-hero-aside strong { display:block; font-size:14px; margin-top:6px; }
 .fkd-start-slot .fkd-hero-aside > span:last-child { display:none; }
 .fkd-root .fkd-hero .fkd-teach,.fkd-root .fkd-hero [data-fkd-start] { max-width:none; }
}

@media(max-width:760px) {
 /* The title, action and time choices carry the first-screen message. */
 .fkd-start-slot .fkd-hero > div:first-child > .fkd-kicker,
 .fkd-start-slot .fkd-hero > div:first-child > p:not(.fkd-save-note) { display:none; }
 .fkd-start-slot .fkd-hero h2 { margin-top:0; }
}
@media(max-width:760px) {
 .fkd-overview .fkd-heading { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
 /* Weak spots is available in this dashboard; do not cover its primary actions. */
 body:has(#screen-learning.active .fkd-overview) #reviewFab { display:none; }
}
/* Beginner choices use the same readable, keyboard-visible controls as lessons. */
.gs-teaching-actions { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
#guidedSession [data-session-teach] { min-height:44px; padding:10px 16px; border:1px solid var(--border); border-radius:10px; background:var(--surface-raised); color:var(--fg); font:600 14px/1.5 var(--sans); cursor:pointer; }
#guidedSession .gs-teaching-actions [aria-pressed="true"] { border-color:var(--accent); background:var(--accent); color:white; }
#guidedSession [data-session-teach]:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
#guidedSession .gs-teaching-preview { padding:20px; border:1px solid var(--border); border-radius:14px; }
#guidedSession .gs-teaching-preview h3 { margin-top:0; }
@media(max-width:760px) {
 body:has(#screen-learning.active .fkd-overview) #hhFab { position:static; display:block; margin:16px 24px 24px auto; }
}
@media(max-width:760px) {
 /* Keep the answer and teaching controls clear while a lesson is open. */
 body:has(#screen-companion.active.gs-in-session) #reviewFab,
 body:has(#screen-companion.active.gs-in-session) #backToTopFab { display:none; }
 body:has(#screen-companion.active.gs-in-session) #hhFab { position:static; display:block; margin:16px 24px 24px auto; }
}

/* Keep cumulative achievement visible beside today’s goal, including mobile. */
.fkd-start-slot .fkd-hero-aside .fkd-completed{display:block;font-size:12px;line-height:1.5;color:var(--fg-dim);font-weight:500;margin:6px 0 0;grid-column:1 / -1;}