/* Shared, scoped learning UI; existing worksheet layout remains independent. */
.nl-launch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.nl-launch>a,.nl-viewer-link{color:#173333;background:#e0f4ed;border:2px solid #173333;border-radius:999px;padding:8px 15px;font-weight:800;text-decoration:none;white-space:nowrap}
.nl-account-details,.nl-topic-progress{font:inherit;margin-block:10px;width:100%}.nl-topic-progress{font-size:14px;text-align:right}.nl-topic-progress>summary,.nl-account-details>summary,.nl-viewer-progress>summary{cursor:pointer;padding:9px 6px;font-weight:700;color:#13564e}
.nl-level-progress{padding:10px 0;border-top:1px solid #d7dfd9}.nl-controls{display:flex;flex-wrap:wrap;gap:6px;margin-block:7px}.nl-controls button,.nl-account button,.nl-account a,.nl-data button,.nl-card>a{font:inherit;cursor:pointer;min-height:40px;border:1.5px solid #436059;border-radius:10px;background:white;color:#173333;padding:7px 12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;font-weight:600}
.nl-controls button[aria-pressed=true]{background:#086d60;color:white;border-color:#086d60}.nl-controls button[data-status=completed][aria-pressed=true]{background:#226037}.nl-controls button[data-status=review][aria-pressed=true]{background:#765108}.nl-controls button.nl-reset{font-size:12px;border-color:transparent;text-decoration:underline;background:transparent;color:#415a54}
.nl-controls button:disabled,.nl-account button:disabled{opacity:.55;cursor:wait}.nl-controls button[hidden]{display:none}.nl-account{background:#edf7f2;border:1px solid #a6c5b6;border-radius:14px;padding:18px;text-align:right;line-height:1.65;color:#163b33}.nl-account p{margin:5px 0 12px}.nl-account button,.nl-account a{margin:4px}.nl-account small{display:block;max-width:65ch}.nl-google{gap:8px;background:white!important;color:#1f1f1f!important;border:1px solid #747775!important;border-radius:4px!important}.nl-google::before{content:'G';font:bold 20px Arial;color:#4285f4}
.nl-message{font:inherit;font-size:14px;line-height:1.5;color:#164f43;white-space:normal;min-height:0}.nl-message:empty{display:none}.nl-viewer-progress{background:#fffdf5;padding:5px 16px;flex:none;z-index:2;border-bottom:1px solid #d9ded3;font-size:14px}.nl-viewer-progress[open]{max-height:35vh;overflow:auto}.nl-viewer-link{font-size:12px;padding:6px 9px}
.nl-page{margin:0;background:#fcfbf5;color:#203730;font-family:Arial,'Noto Sans Hebrew',sans-serif;line-height:1.65}.nl-page *{box-sizing:border-box}.nl-shell{max-width:1060px;margin:auto;padding:24px 22px 70px}.nl-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #d9dfd8;padding-bottom:16px}.nl-header a{color:#174f41;text-underline-offset:4px}.nl-brand{font-weight:bold;font-size:18px}.nl-intro{padding:35px 0 22px;max-width:730px}.nl-kicker{font-size:13px;letter-spacing:.02em;color:#476359}.nl-intro h1{font-size:clamp(32px,6vw,48px);line-height:1.2;margin:8px 0 18px}.nl-intro p{font-size:18px;margin:8px 0}.nl-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:24px}.nl-filters select,.nl-filters input{font:inherit;border:1px solid #658577;border-radius:9px;background:white;padding:10px 12px;max-width:100%;min-height:44px}.nl-filters input{flex:1;min-width:190px}.nl-filters label{display:flex;align-items:center;gap:10px}.nl-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.nl-card{min-width:0;background:white;border:1px solid #c7d9cf;border-radius:16px;padding:22px;box-shadow:0 3px 0 #dce7de;overflow-wrap:anywhere}.nl-card h2{font-size:21px;line-height:1.35;margin:5px 0 14px}.nl-card>a{color:#07584b;background:#e7f4ec;margin-bottom:12px}.nl-meta{font-size:13px;color:#526f62;margin:0 0 8px}.nl-empty{grid-column:1/-1;padding:32px;background:#f1f3ea;border-radius:12px}.nl-data{border-top:1px solid #c9d8cb;margin-top:32px;padding-top:18px}.nl-data h2{font-size:19px}.nl-data button{margin:4px}.nl-privacy{margin-top:30px;font-size:14px;line-height:1.7}.nl-privacy summary{cursor:pointer;font-weight:bold}.nl-page :focus-visible,.nl-controls :focus-visible,.nl-launch :focus-visible,.nl-topic-progress :focus-visible{outline:3px solid #b05700;outline-offset:3px}.nl-page .nl-account{max-width:100%}.nl-page .nl-account p{overflow-wrap:anywhere}#nl-chosen{margin-bottom:24px}#nl-chosen>h2{font-size:18px}
@media(max-width:650px){.nl-shell{padding:18px 16px 50px}.nl-cards{grid-template-columns:1fr}.nl-intro{padding-top:25px}.nl-intro p{font-size:16px}.nl-card{padding:17px}.nl-controls button{min-height:44px;padding:7px 9px}.nl-account{padding:14px}.nl-filters{display:block}.nl-filters input{width:100%;margin-top:10px}.nl-header{font-size:14px}.nl-account small{font-size:13px}}
/* Keep the worksheet title and PDF links readable when the optional controls open. */
.card:has(.nl-topic-progress){display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px);align-items:start}
.card:has(.nl-topic-progress)>.levels{min-width:0;max-width:100%;flex-wrap:wrap;align-items:flex-start}
.card:has(.nl-topic-progress)>.levels>.lvl{flex:1 1 90px;min-width:0;min-height:44px;white-space:normal}
.card:has(.nl-topic-progress)>.topic-actions{grid-column:1/-1}
.card.card--bundle:has(.nl-topic-progress)>.card-main,.card.card--bundle:has(.nl-topic-progress)>.levels{grid-column:1/-1}
@media(max-width:850px){.card:has(.nl-topic-progress){grid-template-columns:minmax(0,1fr)}.card:has(.nl-topic-progress)>.levels{width:100%}.nl-topic-progress{flex-basis:100%}}
.nl-google::before{content:none}
.nl-topic-progress{grid-column:1/-1}

/* Phone progress controls share touch sizing, without changing the viewer shell. */
@media(max-width:650px), (pointer:coarse) and (max-width:900px){
  .nl-launch,.nl-account-details,.nl-topic-progress,.nl-viewer-progress{box-sizing:border-box;min-width:0;max-width:100%;}
  .nl-launch{gap:8px;margin-block:10px 4px;}
  .nl-launch>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:14px;}
  .nl-launch>small{flex:1 1 150px;min-width:0;font-size:13px;line-height:1.4;}
  .nl-account-details{margin-block:0 6px;}
  .nl-topic-progress{margin-block:4px 0;}
  .nl-topic-progress>summary,.nl-account-details>summary{min-height:44px;padding:10px 4px;line-height:1.5;overflow-wrap:anywhere;}
  .nl-level-progress{padding:10px 0;}
  .nl-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .nl-controls button{min-width:0;min-height:44px;padding:7px 5px;font-size:14px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;}
  .nl-controls button.nl-reset{grid-column:1/-1;font-size:13px;}
  .nl-account{padding:12px;font-size:14px;overflow-wrap:anywhere;}
  .nl-account button,.nl-account a,.nl-data button,.nl-card>a{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;}
  .nl-account button,.nl-account a{margin:4px 0;padding:9px 12px;}
  .nl-viewer-progress{padding:0 12px;font-size:14px;}
  .nl-viewer-progress>summary{position:sticky;top:0;z-index:1;min-height:44px;padding:10px 2px;background:#fffdf5;line-height:1.5;}
  .nl-viewer-progress[open]{max-height:196px;max-height:min(196px,30svh);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:10px;}
  .nl-viewer-progress .nl-account{margin-top:10px;}
  .nl-viewer-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;font-size:13px;}
  .nl-shell{padding-inline:14px;}
  .nl-header{gap:8px;padding-bottom:12px;}
  .nl-header>a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;line-height:1.4;}
  .nl-intro{padding:22px 0 16px;}
  .nl-intro h1{font-size:32px;margin-bottom:12px;}
  .nl-filters{margin-top:18px;}
  .nl-filters label{flex-wrap:wrap;gap:8px;}
  .nl-filters select,.nl-filters input{min-width:0;min-height:48px;font-size:16px;}
  .nl-filters select{flex:1;}
  .nl-filters input{width:100%;}
  .nl-card{padding:16px;}
  .nl-card h2{font-size:20px;}
  .nl-card>a{width:100%;}
  .nl-privacy>summary{min-height:44px;padding-block:10px;}
}
