.money-page { color:#092252; }
.money-learning { width:calc(100% - 3rem); max-width:1448px; margin:auto; padding:24px; border:1px solid #d4eefa; border-radius:24px; background:#edfaff; display:grid; grid-template-columns:minmax(220px,25%) minmax(0,1fr); gap:16px; }
.money-side, .money-work { min-width:0; display:flex; flex-direction:column; gap:16px; }
.money-intro h1 { font-size:clamp(2rem,3.5vw,3.5rem); line-height:1.1; }
.money-intro > p:last-child { font-size:clamp(1.1rem,1.6vw,1.5rem); line-height:1.25; }
.money-modes { display:flex; align-items:start; gap:8px; }
.money-modes button { flex:1; min-width:0; min-height:104px; text-align:center; background:#ffffffb5; color:#0759be; border-color:#bddcf2; }
.money-modes [aria-pressed=true], .money-topics [aria-pressed=true] { background:#0878f9; color:white; border-color:#0878f9; }
.money-modes strong, .money-modes span, .money-topics strong, .money-topics span { display:block; }
.money-modes strong { font-size:1.35rem; }
.money-modes span, .money-topics span { font-size:.85rem; font-weight:400; margin-top:.25rem; line-height:1.3; }
.money-topics { background:#ffffffd9; border:1px solid #bddcf2; border-radius:20px; padding:14px; }
.money-topics h2 { font-size:1.3rem; margin:0 0 .7rem; }
.money-topics button { width:100%; margin:.3rem 0; text-align:left; color:#0759be; border-color:#bddcf2; }
.money-topics button strong { font-size:1rem; }
.money-learner { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:end; min-width:0; cursor:grab; touch-action:none; user-select:none; }
.money-learner.dragging { z-index:2; cursor:grabbing; }
.money-learner:focus-visible { outline:2px solid #0878f9; outline-offset:3px; }
.money-learner.dragging:focus-visible { outline:none; }
.money-learner p { border:2px solid #74b1fa; border-radius:28px; background:white; color:#085dce; padding:1rem; text-align:center; font-size:clamp(1rem,1.3vw,1.25rem); line-height:1.3; }
.money-learner img { width:100%; max-height:190px; object-fit:contain; object-position:bottom; }
.money-gallery-panel { background:#fffffff0; border:1px solid #d4eefa; border-radius:22px; padding:14px; min-height:480px; }
.money-gallery-panel[data-topic=coins] { min-height:240px; }
.money-gallery-panel[data-topic=bills] { min-height:350px; }
.money-gallery { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; align-items:start; }
.money-item { grid-column:span 3; min-width:0; min-height:145px; padding:6px; border-color:transparent; color:#092252; background:transparent; text-align:center; }
.money-item:hover, .money-item[aria-pressed=true] { border-color:#0878f9; background:#eaf6ff; }
.money-item img { width:100%; height:100px; object-fit:contain; display:block; margin:auto; }
.money-item .money-faces { display:flex; justify-content:center; gap:4px; }
.money-item.coin .money-faces img { width:calc(50% - 2px); }
.money-item.bill { grid-column:span 4; min-height:140px; }
.money-item.bill img { height:83px; }
.money-item strong, .money-item span { display:block; line-height:1.15; }
.money-item strong { font-size:1rem; }
.money-item span { font-size:1.1rem; font-weight:750; }
.money-gallery-panel[data-mode=practice] { display:grid; place-items:center; min-height:420px; }
.money-gallery-panel[data-mode=practice] .money-gallery { display:flex; justify-content:center; align-items:center; width:100%; }
.money-question-faces, .money-question-single { width:100%; display:flex; justify-content:center; align-items:center; gap:20px; }
.money-question-image { width:min(330px,85%); max-height:300px; object-fit:contain; }
.money-question-faces .money-question-image { width:min(300px,46%); }
.money-question-image.bill { width:min(600px,94%); max-height:370px; }
.money-detail { background:#ffffffd9; border:1px solid #d4eefa; border-radius:22px; padding:14px; display:grid; grid-template-columns:210px minmax(0,1fr) auto; align-items:center; gap:14px; }
.money-detail[data-mode=practice] { min-height:185px; grid-template-columns:minmax(210px,1fr) 240px auto; }
.selected-faces { display:flex; gap:4px; }
#selected-image { width:105px; height:105px; object-fit:contain; }
.money-detail[data-kind=bill] #selected-image { width:210px; }
#selected-reverse { width:105px; height:105px; object-fit:contain; }
.money-selected-text { min-width:0; }
.money-selected-text h2 { font-size:1.5rem; margin:0; }
.money-selected-text strong { display:block; font-size:2.5rem; line-height:1.1; }
.money-selected-text p { font-size:.95rem; margin:.3rem 0; }
.money-detail[data-mode=practice] .selected-faces { display:none; }
.money-detail[data-mode=practice] .money-selected-text { grid-column:1; min-height:155px; padding:12px; border-radius:16px; background:#edfaff; }
.money-detail[data-mode=practice] .money-selected-text h2 { font-size:1.2rem; }
.money-detail[data-mode=practice] .money-selected-text strong { font-size:2rem; }
.money-detail[data-mode=practice] .money-selected-text p { font-size:.85rem; }
.money-actions { grid-column:3; display:flex; gap:8px; }
.money-actions button { min-width:105px; padding:.65rem .35rem; color:#0759c4; border-color:#bddcf2; background:white; }
.money-actions img { display:block; width:35px; height:35px; margin:0 auto .4rem; filter:invert(28%) sepia(94%) saturate(2842%) hue-rotate(207deg) brightness(88%) contrast(101%); }
.money-actions strong, .money-actions span { display:block; }
.money-actions strong { font-size:1rem; }
.money-actions span { font-size:.72rem; font-weight:400; }
#money-answer { grid-column:2; }
#money-answer fieldset { border:0; padding:0; margin:0; }
.answer-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 8px; }
.answer-choices button { display:flex; align-items:center; gap:.4rem; padding:.55rem; border:1px solid #bddcf2; border-radius:10px; background:white; font-size:1.1rem; font-weight:700; cursor:pointer; white-space:nowrap; }
@media(max-width:1100px) {
  .money-learning { grid-template-columns:minmax(200px,26%) minmax(0,1fr); }
  .money-detail, .money-detail[data-mode=practice] { display:flex; flex-direction:column; align-items:stretch; }
  .money-actions button { flex:1; }
}
@media(max-width:700px) {
  .money-learning { width:calc(100% - 1rem); padding:14px; display:flex; flex-direction:column; }
  .money-side, .money-work { display:contents; }
  .money-intro { order:1; }
  .money-modes { order:2; }
  .money-topics { order:3; }
  .money-learner { order:4; }
  .money-gallery-panel { order:5; }
  .money-detail { order:6; }
  .money-intro h1 { font-size:2.2rem; }
  .money-modes button { min-height:85px; }
  .money-learner { flex-direction:row; justify-content:start; gap:12px; }
  .money-learner p { flex:1; font-size:.9rem; }
  .money-learner img { width:90px; height:130px; }
  .money-gallery-panel { min-height:0; padding:8px; }
  .money-gallery { gap:4px; }
  .money-item { grid-column:span 6; min-height:0; }
  .money-item.bill { grid-column:span 6; min-height:0; }
  .money-detail, .money-detail[data-mode=practice] { display:flex; flex-direction:column; align-items:stretch; }
  #selected-image { align-self:center; }
  .money-actions { width:100%; }
  .money-actions button { flex:1; min-width:0; }
}

/* Living Skills baseline for Knowing Money catalog and activity. */
.money-area { --money-blue:#0562e9; color:#103363; background:#f3f9fd; font-family:EveryWayNunito,system-ui,sans-serif; }
.money-area button, .money-area input, .money-area select { font-family:inherit; }
.money-area :focus-visible { outline:3px solid #76590b; outline-offset:4px; }
.money-area .site-header { height:77px; max-width:none; padding:4px 34px; border-bottom:1px solid #bfddf6; flex-wrap:nowrap; }
.money-area .wordmark { width:90px; flex-basis:90px; }
.money-area .wordmark img { height:68px; object-fit:contain; }
.money-area .brand-slogan { display:none; }
.money-area .utility-nav { margin-left:auto; }
.money-area .catalog.living-catalog h1 { font-size:44px; line-height:1.2; font-weight:950; margin:6px 0 8px; }
.money-area .catalog.living-catalog .intro { font-size:22px; margin:20px 0 28px; }
.money-area .tile-title { display:flex!important; flex-direction:row!important; align-items:center; gap:12px; min-height:62px; padding:17px 20px!important; }
.money-area .tile-title img { width:28px; height:28px; object-fit:contain; }
.money-area .money-card-art { background:#eaf6ff; }
.money-skip { position:absolute; top:-80px; left:12px; z-index:20; padding:12px; background:white; border-radius:8px; }
.money-skip:focus { top:10px; }
.money-area .page-breadcrumbs { padding:16px 28px 4px; margin:0 156px 0 250px; max-width:none; }
.money-area .money-learning { width:100%; max-width:none; margin:0; padding:0; border:0; border-radius:0; background:transparent; grid-template-columns:250px minmax(0,1fr) 156px; gap:0; }
.money-heading { grid-column:2; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:8px 28px 24px; }
.money-area .money-intro h1 { font-size:38px; line-height:1.15; margin:0; font-weight:950; }
.money-area .money-intro > p:last-child { font-size:17px; margin:7px 0 0; }
.money-area .money-modes { flex-shrink:0; gap:0; border:1px solid #bfddf6; border-radius:999px; overflow:hidden; }
.money-area .money-modes button { min-height:46px; padding:9px 20px; border:0; border-radius:999px; background:transparent; }
.money-area .money-modes strong { font-size:18px; white-space:nowrap; }
.money-area .money-modes span { display:none; }
.money-area .money-modes [aria-pressed=true], .money-area .money-topics [aria-pressed=true] { background:#0562e9; color:white; }
.money-area .money-side { grid-column:1; grid-row:1 / span 2; padding:24px 20px; border-right:1px solid #d7e8f7; gap:18px; }
.money-area .money-learner { gap:12px; }
.money-area .money-learner p { width:100%; border:1.5px solid #9bc1ff; border-radius:20px; color:#103363; font-size:17px; font-weight:800; padding:14px; margin:0; }
.money-area .money-learner img { width:130px; max-height:175px; }
.money-area .money-topics { padding:10px; border-radius:14px; background:#f8fcff; }
.money-area .money-topics h2 { font-size:18px; }
.money-area .money-topics button { min-height:48px; border-radius:12px; }
.money-area .money-topics span { font-size:13px; }
.money-area .money-work { grid-column:2; grid-row:2; padding:0 28px 28px; }
.money-area .money-gallery-panel { min-height:0; border-color:#bfddf6; border-radius:20px; background:white; padding:18px; }
.money-area .money-gallery-panel[data-mode=practice] { min-height:360px; }
.money-area .money-detail, .money-area .money-detail[data-mode=practice] { display:flex; flex-wrap:wrap; flex-direction:row; align-items:center; padding:18px; gap:18px; background:white; border-color:#bfddf6; border-radius:20px; }
.money-area .money-selected-text { flex:1; }
.money-area #money-answer { flex:1 1 240px; }
.money-area .money-detail[data-mode=practice] .money-selected-text { min-height:0; padding:12px; }
.money-area .answer-choices button { min-height:48px; color:#103363; border-color:#bfddf6; }
.money-area .money-actions { grid-column:3; grid-row:1 / span 2; display:flex; flex-direction:column; gap:0; border-left:1px solid #d7e8f7; padding:24px 20px; }
.money-area .money-actions button { min-width:0; width:100%; border:0; border-radius:0; border-bottom:1px solid #bfddf6; background:transparent; padding:20px 0; color:#103363; }
.money-area .money-actions button:last-child { border-bottom:0; }
.money-area .money-actions img { width:66px; height:66px; padding:17px; border-radius:50%; border:1px solid #bfddf6; background:#e4f2ff; margin:0 auto 12px; }
.money-area .money-actions strong { font-size:22px; font-weight:950; }
.money-area .money-actions span { display:none; }
@media(max-width:1100px) {
  .money-area .money-learning { grid-template-columns:210px minmax(0,1fr); }
  .money-area .page-breadcrumbs { margin:0 0 0 210px; }
  .money-heading { flex-wrap:wrap; }
  .money-area .money-side { grid-row:1 / span 3; }
  .money-area .money-actions { grid-column:2; grid-row:3; flex-direction:row; padding:8px 20px; border-left:0; border-top:1px solid #bfddf6; }
  .money-area .money-actions button { border:0; padding:8px; }
  .money-area .money-actions img { width:48px; height:48px; padding:12px; }
  .money-area .money-actions strong { font-size:18px; }
}
@media(max-width:700px) {
  .money-area .site-header { padding:4px 12px; }
  .money-area .page-breadcrumbs { margin:0; padding:14px 16px 4px; }
  .money-area .money-learning { display:flex; flex-direction:column; }
  .money-heading { order:1; padding:8px 16px 16px; gap:12px; }
  .money-area .money-intro h1 { font-size:29px; }
  .money-area .money-modes { width:100%; }
  .money-area .money-modes button { padding:9px 12px; }
  .money-area .money-modes strong { font-size:16px; }
  .money-area .money-side { display:flex; flex-direction:column; order:2; padding:12px 16px; border-right:0; }
  .money-area .money-learner { flex-direction:row; }
  .money-area .money-learner img { width:64px; height:90px; }
  .money-area .money-learner p { font-size:16px; }
  .money-area .money-topics { display:flex; flex-wrap:wrap; gap:6px; }
  .money-area .money-topics h2 { width:100%; margin:0; }
  .money-area .money-topics button { flex:1; width:auto; min-width:0; margin:0; padding:8px; text-align:center; }
  .money-area .money-topics span { display:none; }
  .money-area .money-work { display:flex; order:3; padding:0 16px 18px; }
  .money-area .money-detail, .money-area .money-detail[data-mode=practice] { flex-direction:column; align-items:stretch; }
  .money-area #money-answer { flex:auto; }
  .money-area .money-gallery-panel[data-mode=practice] { min-height:240px; }
  .money-area .money-actions { order:4; width:100%; padding:8px; }
  .money-area .money-actions strong { font-size:16px; }
  .money-area .money-actions img { width:42px; height:42px; padding:10px; }
  .money-area .catalog.living-catalog h1 { font-size:29px; }
  .money-area .catalog.living-catalog .intro { font-size:19px; margin:16px 0 22px; }
}
.money-area .money-modes button { flex:0 0 auto; }
.money-area .money-actions .support-icon { display:flex; align-items:center; justify-content:center; width:66px; height:66px; margin:0 auto 12px; border:1px solid #bfddf6; border-radius:50%; background:#e4f2ff; }
.money-area .money-actions .support-icon img { width:32px; height:32px; padding:0; margin:0; border:0; border-radius:0; background:transparent; }
@media(max-width:1100px) { .money-area .money-actions .support-icon { width:48px; height:48px; } .money-area .money-actions .support-icon img { width:26px; height:26px; } }
@media(max-width:700px) { .money-area .money-modes button { flex:1; } .money-area .money-actions .support-icon { width:42px; height:42px; } .money-area .money-actions .support-icon img { width:24px; height:24px; } }
.money-area .catalog.living-catalog .intro { color:#103363; }

/* Match the Living Skills lesson proportions at desktop scale. */
@media(min-width:1200px) {
  .money-page .money-learning { grid-template-columns:minmax(210px,19.5%) minmax(0,1fr) minmax(144px,12.25%); min-height:calc(100vh - 77px); grid-template-rows:auto 1fr; }
  .money-page .page-breadcrumbs { position:absolute; top:93px; left:0; right:0; margin:0 12.25% 0 19.5%; padding:0 28px; }
  .money-page .money-heading { padding:52px 20px 20px 28px; }
  .money-page .money-intro h1 { font-size:38px; }
  .money-page .money-modes { min-width:330px; min-height:48px; }
  .money-page .money-modes button { flex:1; padding:8px 18px; }
  .money-page .money-modes button:first-child { flex:1.27; }
  .money-page .money-side { padding:32px 21px; gap:26px; }
  .money-page .money-learner { gap:24px; }
  .money-page .money-learner p { position:relative; min-height:58px; padding:16px 20px; font-size:19px; }
  .money-page .money-learner p::after { content:''; position:absolute; width:15px; height:15px; left:calc(50% - 8px); bottom:-9px; background:white; border-right:1.5px solid #9bc1ff; border-bottom:1.5px solid #9bc1ff; transform:rotate(45deg); }
  .money-page .money-learner img { width:76%; height:240px; max-height:240px; }
  .money-page .money-topics { padding:14px; }
  .money-page .money-topics h2 { font-size:20px; }
  .money-page .money-topics button { min-height:64px; padding:12px 14px; }
  .money-page .money-topics strong { font-size:18px; }
  .money-page .money-topics span { font-size:15px; }
  .money-page .money-work { padding:0 20px 28px 28px; gap:24px; }
  .money-page .money-gallery-panel { padding:24px; }
  .money-page .money-gallery { gap:18px; }
  .money-page .money-item { min-height:170px; }
  .money-page .money-item img { height:125px; }
  .money-page .money-item.bill img { height:110px; }
  .money-page .money-item strong { font-size:20px; }
  .money-page .money-item span { font-size:22px; }
  .money-page .money-gallery-panel[data-mode=practice] { min-height:480px; }
  .money-page .money-detail { padding:24px; }
  .money-page .money-selected-text h2 { font-size:24px; }
  .money-page .money-selected-text strong { font-size:44px; }
  .money-page .money-selected-text p { font-size:19px; }
  .money-page .money-detail[data-mode=practice] .money-selected-text h2 { font-size:24px; }
  .money-page .money-detail[data-mode=practice] .money-selected-text strong { font-size:40px; }
  .money-page .money-detail[data-mode=practice] .money-selected-text p { font-size:19px; }
  .money-page .answer-choices { gap:12px; }
  .money-page .answer-choices button { min-height:74px; padding:12px 18px; border-radius:15px; background:#e9f5ff; font-size:22px; font-weight:850; gap:14px; }
  .money-page .money-actions { padding:44px 30px; }
  .money-page .money-actions button { padding:24px 0 30px; }
  .money-page .money-actions .support-icon { width:96px; height:96px; margin-bottom:10px; }
  .money-page .money-actions .support-icon img { width:47px; height:47px; }
  .money-page .money-actions strong { font-size:26px; }


}
@media(min-width:901px) and (max-width:1199px) {
  .money-page .money-learning { grid-template-columns:190px minmax(0,1fr) 156px; }
  .money-page .page-breadcrumbs { margin:0 156px 0 190px; }
  .money-page .money-side { grid-row:1 / span 2; }
  .money-page .money-learner img { width:76%; height:190px; max-height:190px; }
  .money-page .money-actions { grid-column:3; grid-row:1 / span 2; flex-direction:column; padding:24px 14px; border-top:0; border-left:1px solid #d7e8f7; }
  .money-page .money-actions button { padding:24px 0; border-bottom:1px solid #bfddf6; }
  .money-page .money-actions .support-icon { width:76px; height:76px; }
  .money-page .money-actions .support-icon img { width:36px; height:36px; }
  .money-page .money-actions strong { font-size:21px; }
}
@media(min-width:701px) and (max-width:900px) {
  .money-page .money-learning { grid-template-columns:150px minmax(0,1fr); }
  .money-page .page-breadcrumbs { margin:0 0 0 150px; }
  .money-page .money-side { padding:20px 12px; }
}

.money-page #show-money .support-icon { background:#1978f5; box-shadow:0 0 0 5px #bbd8ff; border:2px solid white; }
.money-page #show-money img { filter:invert(1); }
@media(max-width:700px) { .money-page #show-money .support-icon { box-shadow:0 0 0 2px #bbd8ff; } }

.money-area .answer-choices button[aria-pressed=true] { border-color:#0562e9; box-shadow:inset 0 0 0 1px #0562e9; }
.money-area .answer-choices button:disabled { opacity:1; cursor:default; }