/* Isbot English 0.3 — editorial paper,expressive covers,quiet study. */

:root {--bg:#f9f8f3;
  --paper:#fffefa;
  --ink:#263f33;
  --text:#2e4338;
  --muted:#6f786c;
  --forest:#244b39;
  --forest-soft:#eaf0e2;
  --line:#e4e7dc;
  --coral:#df875f;
  --shadow:0 12px 30px rgba(40,62,43,.045);}

button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,summary:focus-visible {outline:3px solid #c7835c;
  outline-offset:4px;}

.button {min-height:44px;border-radius:10px;font-size:13px;font-weight:600;}

.button.primary {background:#284d3a;color:#fffdf4;border-color:#284d3a;box-shadow:0 4px 8px #25473410;}

.button.secondary {background:#fffefa;border-color:#dfe4d5;color:#38513f;}

.button.ghost {background:transparent;box-shadow:none;}

.eyebrow,.reading-eyebrow {font-size:10px;font-weight:700;color:#748265;letter-spacing:1.7px;}

.page-intro {font-size:14px;max-width:720px;}

.page-heading h1 {font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:400;letter-spacing:-1px;}

.hero {display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);
  min-height:382px;
  border:1px solid #e4e5d5;
  border-radius:25px;
  background:radial-gradient(circle at 89% 8%,#e1e7d1 0,transparent 37%),#f1efe3;
  box-shadow:0 2px 0 #fff9 inset;
  margin-bottom:25px;}

.hero-copy {padding:36px 0 34px 36px;align-self:center;}

.hero-kicker {background:#fffdf370;color:#6f7e60;padding:5px 10px;font-size:10px;letter-spacing:.7px;margin-bottom:18px;}

.hero-kicker > span {width:5px;height:5px;border-radius:50%;background:#c57f57;}

.hero-title {max-width:530px;font-size:clamp(42px,3.65vw,56px);line-height:1.07;letter-spacing:-2px;margin-bottom:17px;}

.hero-title em {color:#bf7753;}

.hero-description {max-width:410px;font-size:14px;line-height:1.85;color:#6f7965;}

.hero-actions {margin-top:24px;gap:15px;}

.hero-actions > span {font-size:12px;color:#6c7a61;}

.hero-actions .button {padding:13px 18px;min-height:46px;}

.hero-art {position:relative;
  inset:auto;
  display:grid;
  place-items:center;
  align-self:stretch;
  width:100%;
  min-width:0;
  height:auto;
  min-height:340px;
  padding:0;
  opacity:1;
  overflow:visible;
  pointer-events:auto;}

.hero-art:before,.hero-art:after {content:none;}

.study-scene {display:block;width:115%;max-width:650px;height:auto;max-height:410px;object-fit:contain;margin-left:-25px;}

.hero-edition {position:absolute;right:24px;bottom:17px;font-size:9px;letter-spacing:1.7px;color:#7f8a71;text-transform:uppercase;}

.home-intro {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px;}

.home-intro h2 {font:400 30px/1.18 Georgia,serif;letter-spacing:-.5px;color:#2a4b38;}

.home-intro p:not(.eyebrow) {color:#718069;font-size:13px;margin-top:7px;line-height:1.7;}

.home-quicklinks {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px;}

.home-quicklink {position:relative;display:flex;align-items:center;gap:15px;min-width:0;padding:21px;border:1px solid #e3e7d9;background:#fffefa;border-radius:16px;box-shadow:var(--shadow);}

.home-quicklink > .icon {width:25px;height:25px;color:#6d8860;}

.home-quicklink > div {min-width:0;}

.home-quicklink h3 {font-size:15px;font-weight:600;margin-bottom:4px;}

.home-quicklink p {font-size:12px;color:#77816d;line-height:1.6;}

.home-quicklink > span:last-child {margin-left:auto;color:#a3ad95;font-size:15px;}

.home-quicklink:nth-child(2) {background:#f8f0e7;border-color:#ebdfcf;}

.home-quicklink:nth-child(2) > .icon {color:#bd835d;}

.reading-home {background:#f0eadc;border:1px solid #e7dfcc;border-radius:22px;padding:30px 34px;margin:0 0 32px;gap:25px;overflow:hidden;}

.reading-home-copy h2 {font:400 35px/1.13 Georgia,serif;letter-spacing:-1px;color:#3c5035;}

.reading-home-copy > p:not(.eyebrow) {font-size:13px;color:#7b8069;line-height:1.8;max-width:410px;margin:13px 0 19px;}









.home-library-header {display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:28px 0 18px;}

.reading-library-hero {background:#edeede;border-color:#e0e4ce;border-radius:23px;padding:36px 38px;min-height:285px;margin-bottom:25px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);}

.reading-hero-copy h1 {font-size:44px;line-height:1.1;letter-spacing:-1.4px;}

.reading-hero-copy > p {font-size:14px;color:#6b785e;line-height:1.8;max-width:540px;}

.reading-library-hero .reading-metrics {margin-top:20px;max-width:465px;}

.reading-library-hero .reading-metric {background:#fffdf452;border-color:#dbe1cd;padding:10px 13px;font-size:11px;border-radius:10px;}

.reading-library-hero .reading-metric strong {font-size:25px;}

.reading-featured-actions {display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:19px;}

.reading-featured-actions > span {font-size:11px;color:#798568;letter-spacing:.7px;}

.reading-hero-stack {min-width:0;min-height:250px;}

.reading-hero-stack:before {background:#dae3c5;inset:0 -5px 0 10px;opacity:.78;}

.reading-mini-cover {width:130px;height:195px;padding:16px;background:var(--cover-bg,#365c46);color:var(--cover-ink,#fff5df);box-shadow:4px 8px 0 #233b281a,-5px 0 0 #f8f5e94d inset;overflow:hidden;}

.reading-mini-cover:nth-child(2),.reading-mini-cover:nth-child(3) {background:var(--cover-bg,#da8b64);color:var(--cover-ink,#3c4630);}

.reading-mini-cover > small {font-size:8px;letter-spacing:1.2px;position:relative;z-index:2;}

.reading-mini-cover > strong {font-size:22px;line-height:1.1;margin-top:17px;align-self:stretch;position:relative;z-index:2;overflow-wrap:break-word;}

.reading-mini-cover .reading-cover-illustration {position:absolute;left:12px;bottom:8px;width:calc(100% - 24px);height:78px;color:inherit;opacity:.55;}

.reading-discovery-bar {display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:6px 0 20px;flex-wrap:wrap;}

.reading-selects {display:flex;gap:13px;align-items:center;flex-wrap:wrap;}

.reading-selects label {display:flex;align-items:center;gap:8px;color:#7c8670;font-size:11px;}

.reading-selects select {min-height:39px;max-width:230px;padding:8px 30px 8px 11px;border-radius:9px;border-color:#e0e5d6;background:#fffefa;color:#506749;font-size:12px;}

.reading-results-heading {display:flex;align-items:center;gap:15px;justify-content:space-between;margin:22px 0 17px;flex-wrap:wrap;}

.reading-result-count {font-size:13px;color:#637757;font-weight:600;}

.reading-results-heading > span,.reading-results-heading > small {font-size:11px;color:#849075;}

.reading-grid {gap:25px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;}

.reading-card {background:#fffefa;border-color:#e1e6d7;border-radius:15px;box-shadow:0 7px 21px #24432c05;overflow:hidden;display:flex;flex-direction:column;min-width:0;}

.reading-card-cover-link {position:relative;display:block;overflow:hidden;}

.reading-cover {position:relative;
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:4 / 5;
  padding:22px 25px;
  background:var(--cover-bg,#365c46);
  color:var(--cover-ink,#f4f0dd);
  border-radius:13px 13px 0 0;
  box-shadow:7px 0 0 #20352b13 inset,10px 0 0 #ffffff0a inset;
  overflow:hidden;}

.reading-cover:before {content:"";position:absolute;inset:0;background:repeating-linear-gradient(92deg,#fff0 0 4px,#ffffff03 4px 5px);pointer-events:none;}

.reading-cover:after {content:"";position:absolute;top:50px;left:25px;right:25px;border-top:1px solid currentColor;opacity:.18;}

.reading-cover-top {position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.7px;gap:10px;}

.reading-cover-top > span:last-child {font-size:10px;letter-spacing:.5px;padding:3px 6px;border:1px solid currentColor;border-radius:4px;}

.reading-cover-number {position:absolute;right:22px;top:59px;font:400 78px/1 Georgia,serif;letter-spacing:-5px;opacity:.12;}

.reading-cover-title {position:relative;z-index:2;font:400 clamp(26px,2.15vw,34px)/1.07 Georgia,serif;letter-spacing:-.6px;max-width:90%;margin-top:34px;color:inherit;overflow-wrap:break-word;}

.reading-cover .reading-cover-illustration {position:absolute;bottom:40px;left:25px;width:calc(100% - 50px);height:43%;color:inherit;opacity:.75;}

.reading-cover-shape {display:none;}

.reading-cover-bottom {position:absolute;left:25px;right:25px;bottom:18px;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.2px;opacity:.82;}

.reading-new-badge {position:absolute;left:14px;top:14px;z-index:3;background:#f8e5b7;color:#795b2f;border:1px solid #fff4d3;border-radius:30px;font-size:10px;font-weight:600;padding:4px 9px;box-shadow:0 2px 5px #28412a0c;}

.reading-card-cover-link .reading-new-badge {top:46px;bottom:auto;left:25px;right:auto;font-size:9px;line-height:1.2;padding:3px 7px;}

.reading-card-body {display:flex;flex-direction:column;flex:1;padding:21px 21px 18px;}

.reading-card-title {font-size:17px;color:#36543d;line-height:1.35;margin-top:11px;font-weight:600;}

.reading-card-blurb {font-size:13px;line-height:1.8;color:#78866e;margin-top:13px;margin-bottom:15px;}

.reading-card-reading-time {display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;color:#879578;font-size:11px;margin-top:auto;padding-top:4px;line-height:1.6;}
.reading-card-reading-time>span {display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}

.reading-card-reading-time .icon {width:13px;height:13px;}


.reading-chapter-heading h2 {font-size:31px;font-weight:400;letter-spacing:-.7px;}

.reading-english {font-size:var(--reading-font,21px);line-height:1.95;color:#384b38;}

.reading-translation {color:#7b866c;background:#f7f7ec;border-color:#e3e9d5;font:13px/1.9 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:15px 17px;border-radius:3px 10px 10px 3px;}

.reading-word-dialog::backdrop {background:#1f3c2c50;backdrop-filter:blur(4px);}

.lesson-section,.exercise-card {border-color:#e2e7d9;background:#fffefa;border-radius:18px;padding:30px;box-shadow:0 5px 15px #203a2903;}

.lesson-section h2 {font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.25;letter-spacing:-.6px;}

.grammar-box {background:#f0f3e7;border-color:#dfe7d1;border-radius:12px;color:#647657;font-size:14px;line-height:1.9;padding:22px;}

.grammar-box h3 {font-size:17px;color:#4a683d;}

.sentence-en {color:#38573d;font-size:19px;line-height:1.6;}

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .button,.icon-button,.nav-item,.module-card,.reading-card,.home-quicklink {transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;}
  .button.primary:hover {background:#345e46;border-color:#345e46;box-shadow:0 6px 15px #244b3920;}
  .button.secondary:hover {background:#f4f7ed;border-color:#c7d5b5;}
  .module-card:hover,.home-quicklink:hover {transform:translateY(-3px);border-color:#cbd8bb;box-shadow:0 12px 27px #1f3d2b0a;}
  .reading-card:hover {transform:translateY(-4px);box-shadow:0 15px 30px #203c2b0d;border-color:#cbd9bb;}
}

@media (min-width:1500px) {
  .hero-title {font-size:60px;}
  .hero-copy {padding:42px 0 42px 44px;}
  .hero {min-height:420px;}
  .reading-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
  .reading-cover-title {font-size:29px;}
}

@media (max-width:1150px) {
  .hero-copy {padding-left:28px;}
  .hero-title {font-size:45px;}
  .hero-description {font-size:13px;}
  .hero-art {min-height:310px;}
  .study-scene {width:120%;margin-left:-20px;}
  .dashboard-grid {grid-template-columns:minmax(0,1fr) 245px;gap:20px;}
  .home-quicklink {padding:18px 15px;gap:11px;}
  .home-quicklink h3 {font-size:14px;}
  .home-quicklink p {font-size:11px;}
  .reading-home {padding:27px;}
  .reading-home-copy h2 {font-size:32px;}
  .reading-library-hero {padding:30px;grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr);}
  .reading-hero-copy h1 {font-size:38px;}
  .reading-mini-cover {width:109px;height:168px;padding:14px 12px;}
  .reading-mini-cover > strong {font-size:19px;}
  .reading-hero-stack {min-height:230px;}
  .reading-grid {gap:18px;}
  .reading-cover {padding:18px 20px;}
  .reading-cover-title {font-size:27px;margin-top:30px;}
  .reading-cover-top {font-size:8px;letter-spacing:1px;}
  .reading-cover .reading-cover-illustration {left:20px;width:calc(100% - 40px);bottom:35px;height:40%;}
  .reading-cover-bottom {left:20px;right:20px;font-size:7px;}
  .reading-cover-number {font-size:65px;}
  .reading-reader-layout {grid-template-columns:180px minmax(0,1fr);gap:20px;}
}

@media (max-width:960px) {
  .hero-title {font-size:43px;}
  .hero-copy {padding-top:30px;padding-bottom:30px;}
  .hero-art {min-height:300px;}
  .hero-kicker {font-size:9px;}
  .hero-actions {gap:10px;}
  .hero-actions > span {font-size:11px;}
  .hero-actions .button {font-size:12px;padding-left:14px;padding-right:14px;}
  .dashboard-grid {grid-template-columns:minmax(0,1fr);}
  .aside-col {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch;}
  .aside-col .panel {margin-bottom:0;padding:19px;}
  .reading-home {grid-template-columns:minmax(0,1fr) minmax(260px,1fr);}
  .reading-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .reading-cover-title {font-size:30px;}
  .reading-reader-layout {grid-template-columns:minmax(0,1fr);}
}

@media (max-width:760px) {
  .hero {min-height:0;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border-radius:20px;}
  .hero-copy {padding:28px 0 26px 27px;}
  .hero-title {font-size:43px;letter-spacing:-1.7px;}
  .hero-description {font-size:13px;line-height:1.8;}
  .hero-art {width:100%;height:auto;min-height:290px;opacity:1;}
  .study-scene {width:120%;margin-left:-25px;}
  .hero-edition {font-size:8px;bottom:11px;right:18px;}
  .home-intro h2 {font-size:27px;}
  .home-quicklinks {gap:11px;}
  .home-quicklink {padding:16px 13px;flex-direction:column;align-items:flex-start;gap:9px;}
  .home-quicklink h3 {font-size:13px;}
  .home-quicklink p {font-size:11px;}
  .home-quicklink > span:last-child {position:absolute;right:12px;top:15px;}
  .stat-card {padding:16px 13px;border-radius:13px;}
  .stat-value {font-size:27px;}
  .stat-label {font-size:11px;}
  .stat-value small {font-size:10px;}
  .aside-col {grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .aside-col .panel:last-child {grid-column:1 / -1;}
  .reading-home {padding:26px;}
  .reading-home-copy h2 {font-size:31px;}
  .reading-library-hero {padding:29px;}
  .reading-hero-copy h1 {font-size:37px;}
  .reading-hero-copy > p {font-size:13px;}
  .mobile-nav {background:#fffefaf8;border-top-color:#dde4d1;}
  .mobile-nav .nav-item.active:after {display:none;}
  .mobile-nav .nav-item.active {background:#edf2e1;}
}

@media (max-width:580px) {
  .hero {grid-template-columns:minmax(0,1fr);}
  .hero-copy {padding:28px 25px 0;}
  .hero-title {font-size:41px;max-width:100%;line-height:1.08;letter-spacing:-1.5px;margin-bottom:14px;}
  .hero-kicker {font-size:9px;margin-bottom:16px;}
  .hero-actions {margin-top:19px;}
  .hero-actions .button {min-height:43px;}
  .hero-art {position:relative;inset:auto;width:100%;height:195px;min-height:195px;opacity:1;margin-top:-1px;}
  .study-scene {width:300px;max-width:94%;height:220px;max-height:220px;margin:0;}
  .hero-edition {display:none;}
  .hero-description {font-size:13px;line-height:1.75;}
  .home-intro {margin-bottom:17px;}
  .home-intro h2 {font-size:26px;}
  .home-intro p:not(.eyebrow) {font-size:12px;}
  .home-quicklinks {grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:23px;}
  .home-quicklink {padding:16px 18px;flex-direction:row;align-items:center;gap:15px;}
  .home-quicklink > .icon {width:24px;height:24px;}
  .home-quicklink h3 {font-size:15px;}
  .home-quicklink p {font-size:12px;}
  .home-quicklink > span:last-child {position:static;margin-left:auto;}
  .stat-card {padding:14px 11px;}
  .stat-value {font-size:25px;}
  .stat-value small {font-size:9px;}
  .stat-label {font-size:10px;line-height:1.4;}
  .reading-home {grid-template-columns:minmax(0,1fr);gap:25px;padding:27px 24px;}
  .reading-home-copy h2 {font-size:32px;}
  .reading-home-copy > p:not(.eyebrow) {font-size:13px;}
  .aside-col {grid-template-columns:minmax(0,1fr);}
  .reading-library-hero {grid-template-columns:minmax(0,1fr);gap:17px;padding:27px 24px 22px;border-radius:20px;}
  .reading-hero-copy h1 {font-size:35px;line-height:1.1;}
  .reading-hero-copy > p {font-size:13px;}
  .reading-library-hero .reading-metrics {margin-top:16px;gap:6px;}
  .reading-library-hero .reading-metric {padding:9px 8px;font-size:10px;gap:4px;}
  .reading-library-hero .reading-metric strong {font-size:25px;}
  .reading-featured-actions {margin-top:17px;gap:11px;}
  .reading-featured-actions .button {font-size:12px;min-height:40px;padding:10px 13px;}
  .reading-featured-actions > span {font-size:10px;}
  .reading-hero-stack {min-height:182px;height:190px;margin-top:0;}
  .reading-hero-stack:before {inset:2px 15px;}
  .reading-mini-cover {width:100px;height:157px;padding:13px 12px;}
  .reading-mini-cover > small {font-size:7px;}
  .reading-mini-cover > strong {font-size:18px;margin-top:12px;}
  .reading-mini-cover .reading-cover-illustration {height:65px;bottom:5px;}
  .reading-discovery-bar {margin-top:4px;gap:12px;}
  .reading-selects {display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;}
  .reading-selects label {align-items:flex-start;flex-direction:column;min-width:0;gap:6px;font-size:10px;}
  .reading-selects select {width:100%;max-width:100%;min-width:0;padding:9px 20px 9px 10px;font-size:11px;}
  .reading-results-heading {gap:8px;margin:19px 0 14px;}
  .reading-results-heading > span,.reading-results-heading > small {font-size:10px;}
  .reading-result-count {font-size:12px;}
  .reading-grid {grid-template-columns:minmax(0,1fr);gap:21px;}
  .reading-cover {aspect-ratio:1 / 1.1;padding:23px 27px;}
  .reading-cover-top {font-size:9px;}
  .reading-cover-top > span:last-child {font-size:10px;}
  .reading-cover-title {font-size:35px;margin-top:34px;max-width:85%;}
  .reading-cover:after {left:27px;right:27px;top:55px;}
  .reading-cover-number {top:65px;right:25px;font-size:80px;}
  .reading-cover .reading-cover-illustration {bottom:40px;height:44%;left:27px;width:calc(100% - 54px);}
  .reading-cover-bottom {left:27px;right:27px;bottom:19px;font-size:8px;}
  .reading-reader-layout {grid-template-columns:minmax(0,1fr);gap:18px;}
}

@media (max-width:365px) {
  .hero-copy {padding-left:22px;padding-right:22px;}
  .hero-title {font-size:37px;}
  .hero-kicker {font-size:8px;}
  .hero-actions {gap:9px;}
  .hero-actions > span {font-size:10px;}
  .hero-art {height:178px;min-height:178px;}
  .study-scene {width:280px;height:200px;}
  .reading-home {padding:25px 21px;}
  .reading-hero-copy h1 {font-size:32px;}
  .reading-library-hero {padding:25px 21px 21px;}
  .reading-library-hero .reading-metric {font-size:9px;}
  .reading-cover-title {font-size:31px;}
  .reading-cover {aspect-ratio:1 / 1.15;}
  .reading-selects select {font-size:10px;}
  .mobile-nav .nav-item {font-size:8px;}
}

@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto;}
  *,*:before,*:after {animation:none !important;transition:none !important;}
}

@media print {
  .study-scene,.hero-art {display:none;}
  .reading-english {color:#111;}
}

/* Keep the mathematical audience close to the app name at every screen size. */
.brand-wordmark{display:block}
.brand-audience{display:block;margin-top:7px;font:400 10px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.1px;color:#6d7a69;white-space:nowrap}
.mobile-wordmark{display:none}
@media(max-width:760px){
 .mobile-wordmark{display:flex;flex-direction:column;gap:3px;line-height:1.2;min-width:0}
 .mobile-wordmark strong{font-size:14px;letter-spacing:-.2px;color:#203e35}
 .mobile-wordmark small{font-size:10px;font-weight:400;letter-spacing:0;color:#6d7a69;white-space:nowrap}
 .top-label #page-label{display:none}
 .top-label{min-width:0;gap:10px}
 .topbar{min-height:70px}
}