/* Reusable workbook-backed teaching/content page module. */
.teaching-screen{background:#F7F8FA;min-height:100dvh;padding-bottom:30px;}
.teaching-screen .scr-head{padding:max(20px,env(safe-area-inset-top)) 18px 16px;background:#F7F8FA;}
.teaching-controls{display:flex;gap:9px;padding:0 18px 12px;}
.teaching-ctrl{flex:1;min-height:44px;border:1px solid #E1E5EA;background:#fff;border-radius:16px;font-weight:850;color:#101820;font-family:var(--ff-head);touch-action:manipulation;}
.teaching-note{margin:0 18px 12px;border:1px solid rgba(71,141,130,.18);background:rgba(71,141,130,.07);color:#466b66;border-radius:20px;padding:12px 14px;font-size:.88rem;line-height:1.42;}
.teaching-list{display:grid;gap:10px;padding:0 18px 20px;}
.teaching-item{background:#fff;border:1px solid #E5E7EB;border-radius:24px;box-shadow:none;overflow:hidden;}
.teaching-summary{list-style:none;cursor:pointer;padding:16px 16px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;touch-action:manipulation;}
.teaching-summary::-webkit-details-marker{display:none;}
.teaching-title{font-size:1.02rem;line-height:1.18;font-weight:900;letter-spacing:-.015em;color:#101820;margin:0 0 5px;font-family:var(--ff-head);}
.teaching-desc{font-size:.85rem;line-height:1.36;color:#646D77;margin:0;}
.teaching-chev{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#F2F4F7;color:#4B5563;font-weight:950;transition:transform .18s ease;}
.teaching-item[open] .teaching-chev{transform:rotate(90deg);}
.teaching-body{padding:0 16px 17px;border-top:1px solid #ECEFF3;}
.teaching-body p{font-size:.96rem;line-height:1.58;margin:13px 0 0;color:#343B44;}
.teaching-example{margin:13px 0 0;padding:13px 14px;border-radius:18px;background:#F8FAFB;border:1px solid #E5E7EB;font-size:.91rem;line-height:1.52;color:#3F4650;white-space:pre-line;}
.teaching-empty{margin:18px;background:#fff;border:1px solid #E5E7EB;border-radius:24px;padding:18px;color:#5C616B;}
@media (max-width:380px){.teaching-screen .scr-head{padding-left:14px;padding-right:14px}.teaching-controls,.teaching-list{padding-left:14px;padding-right:14px}.teaching-note{margin-left:14px;margin-right:14px}.teaching-title{font-size:.98rem}.teaching-body p{font-size:.93rem}}

/* Static learn-more pages, used for About Querencia. */
.about-page{background:#F8F5EE;min-height:100dvh;color:#252525;padding-bottom:max(18px,env(safe-area-inset-bottom));}
.about-brandbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(18px,env(safe-area-inset-top)) 16px 14px;border-bottom:1px solid rgba(38,38,38,.12);background:#FBF8F1;}
.about-brand{min-width:0;}
.about-logo{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:500;font-size:2.12rem;line-height:.95;letter-spacing:-.04em;color:#101010;}
.about-tagline{margin-top:8px;font-family:var(--ff-head);font-weight:850;letter-spacing:.15em;text-transform:none;font-size:.75rem;color:#56534D;white-space:nowrap;}
.about-home{min-height:48px;padding:0 18px;border-radius:22px;border:1px solid #CFC8B9;background:#F1EDE3;color:#232323;font-family:var(--ff-head);font-weight:800;font-size:1rem;touch-action:manipulation;}
.about-content{padding:22px 16px 0;}
.about-eyebrow{font-family:var(--ff-head);font-size:.95rem;letter-spacing:.03em;font-weight:900;color:#657756;margin-bottom:10px;}
.about-title{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(3rem,13vw,4.55rem);line-height:.92;letter-spacing:-.065em;margin:0 0 16px;color:#252525;}
.about-summary{font-size:1.08rem;line-height:1.35;margin:0 0 22px;color:#2E2E2E;font-weight:500;}
.about-body p{font-size:1.04rem;line-height:1.58;margin:0 0 22px;color:#5A5751;}
.about-cta{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:18px;background:#596948;color:#fff;text-decoration:none;font-family:var(--ff-head);font-size:1.08rem;font-weight:900;margin:24px 0 16px;touch-action:manipulation;}
.about-back{width:100%;min-height:52px;border-radius:17px;border:1px solid #D8D2C7;background:#F1EDE3;color:#222;font-family:var(--ff-head);font-size:1.02rem;font-weight:900;touch-action:manipulation;}
@media (max-width:380px){.about-brandbar{padding-left:13px;padding-right:13px}.about-logo{font-size:1.82rem}.about-tagline{font-size:.64rem}.about-home{min-height:44px;padding:0 14px}.about-content{padding-left:14px;padding-right:14px}.about-title{font-size:2.75rem}.about-summary{font-size:1rem}.about-body p{font-size:.98rem}}