.ohl-app{--ohl-ink:#15253b;--ohl-muted:#718096;--ohl-line:#e5ebf2;--ohl-blue:#2368d8;--ohl-teal:#12a594;--ohl-bg:#f5f8fc;max-width:980px;margin:24px auto;color:var(--ohl-ink);font-family:inherit;font-size:16px;line-height:1.7}.ohl-app *{box-sizing:border-box}.ohl-app button{font:inherit;cursor:pointer}.ohl-hero{position:relative;overflow:hidden;border-radius:24px;padding:30px;background:linear-gradient(125deg,#142f54,#176c8b);color:#fff;box-shadow:0 16px 36px #1e4d7626}.ohl-hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffff20;border-radius:50%;left:-80px;top:-105px;box-shadow:0 0 0 28px #ffffff08,0 0 0 60px #ffffff05}.ohl-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.ohl-brand b{color:#72eadb}.ohl-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffffff1b;color:#9cf1e5;font-size:12px;letter-spacing:-1px}.ohl-level{display:inline-block;margin-top:18px;padding:4px 11px;border:1px solid #ffffff35;border-radius:30px;font-size:12px;color:#d9f8ff}.ohl-hero h2{position:relative;z-index:1;color:#fff;font-size:clamp(24px,3.3vw,34px);line-height:1.5;margin:12px 0 4px}.ohl-hero p{position:relative;z-index:1;color:#d8e8f3;margin:0}.ohl-hero-stats{display:flex;gap:12px;margin-top:25px;position:relative;z-index:1}.ohl-hero-stats div{display:flex;flex-direction:column;min-width:112px;padding:10px 14px;border:1px solid #ffffff25;background:#ffffff0d;border-radius:13px}.ohl-hero-stats strong{font-size:22px;color:#fff}.ohl-hero-stats span{font-size:12px;color:#d6e5f0}.ohl-tabs{display:flex;gap:8px;padding:8px;margin:18px 0;background:var(--ohl-bg);border:1px solid var(--ohl-line);border-radius:15px}.ohl-tabs button{flex:1;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--ohl-muted);font-weight:700;transition:.2s}.ohl-tabs button.is-active{background:#fff;color:var(--ohl-blue);box-shadow:0 3px 12px #183c6812}.ohl-panel{display:none;padding:24px;border:1px solid var(--ohl-line);border-radius:20px;background:#fff;box-shadow:0 8px 28px #183c6808}.ohl-panel.is-active{display:block}.ohl-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.ohl-section-head h3{font-size:23px;margin:3px 0;color:var(--ohl-ink)}.ohl-section-head p{margin:0;color:var(--ohl-muted);font-size:14px}.ohl-kicker{font-size:11px;color:var(--ohl-teal);font-weight:800;letter-spacing:.04em}.ohl-counter{white-space:nowrap;background:#edf5ff;color:var(--ohl-blue);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:700}.ohl-flashcard{min-height:280px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;padding:22px;border-radius:20px;border:1px solid #dce9f6;background:linear-gradient(140deg,#f2f8ff,#fbfdff);cursor:pointer;transition:transform .2s,box-shadow .2s}.ohl-flashcard:hover{transform:translateY(-2px);box-shadow:0 12px 25px #204d7410}.ohl-card-top{display:flex;justify-content:space-between;align-items:center;color:#9aabc0;font-size:10px;font-weight:800;letter-spacing:.12em;direction:ltr}.ohl-card-dot{width:9px;height:9px;border-radius:50%;background:var(--ohl-teal);box-shadow:0 0 0 5px #12a59416}.ohl-card-front,.ohl-card-back{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:25px 8px}.ohl-word-label{font-size:12px;color:var(--ohl-muted)}.ohl-card-front strong{font-size:clamp(38px,7vw,56px);direction:ltr;color:#183c68;line-height:1.25}.ohl-tap-hint{font-size:12px;color:#93a5b9}.ohl-card-back strong{font-size:32px;color:#0c9b88}.ohl-card-back p{margin:0;font-size:21px;direction:ltr;color:#203e5d}.ohl-card-back span{color:var(--ohl-muted);font-size:14px}.ohl-card-actions{display:flex;justify-content:center;gap:10px;margin:15px 0}.ohl-btn{border:1px solid transparent;border-radius:11px;padding:10px 18px;font-weight:700;transition:transform .15s,background .15s}.ohl-btn:active{transform:scale(.98)}.ohl-btn-primary{background:var(--ohl-blue);color:#fff;box-shadow:0 5px 12px #2368d826}.ohl-btn-primary:hover{background:#1756bb}.ohl-btn-light{background:#fff;border-color:var(--ohl-line);color:#52657b}.ohl-btn-success{background:#e9faf4;color:#0c8b68;border-color:#c9f0e2}.ohl-btn-warn{background:#fff7e9;color:#a86a0a;border-color:#f7e5bf}.ohl-known-actions{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--ohl-line)}.ohl-known-actions>span{font-size:13px;color:var(--ohl-muted);margin-left:4px}.ohl-quiz-box{padding:20px;background:#f8fafd;border:1px solid var(--ohl-line);border-radius:16px}.ohl-quiz-progress{height:6px;border-radius:8px;background:#e5ebf2;overflow:hidden;margin-bottom:24px}.ohl-quiz-progress span{display:block;width:0;height:100%;background:var(--ohl-teal);transition:width .25s}.ohl-question-label{font-size:13px;color:var(--ohl-muted)}.ohl-quiz-box h3{font-size:34px;direction:ltr;text-align:center;margin:8px 0 20px;color:#17385f}.ohl-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ohl-option{padding:13px;border:1px solid #dce5ef;border-radius:12px;background:#fff;color:var(--ohl-ink);text-align:center;transition:.15s}.ohl-option:hover:not(:disabled){border-color:#8cb5f1;background:#f4f8ff}.ohl-option:disabled{cursor:default}.ohl-option.is-correct{background:#e7f8f0;border-color:#72d6b2;color:#087b58}.ohl-option.is-wrong{background:#fff0ee;border-color:#f1a39b;color:#b63e34}.ohl-feedback{min-height:24px;margin:14px 0 0;font-size:14px}.ohl-feedback.is-correct{color:#087b58}.ohl-feedback.is-wrong{color:#b63e34}.ohl-next-question{display:block;margin:14px auto 0}.ohl-result-box{text-align:center;padding:25px 15px}.ohl-result-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e7f8f0;color:#0c9b71;font-size:28px;margin:0 auto 12px}.ohl-result-box h3{margin:5px 0;font-size:25px}.ohl-result-box p{color:var(--ohl-muted)}.ohl-result-number{font-size:48px;font-weight:800;color:var(--ohl-blue);margin:8px 0 18px}.ohl-progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ohl-progress-card{display:flex;flex-direction:column;gap:7px;padding:17px 14px;border:1px solid var(--ohl-line);background:#fbfcfe;border-radius:14px}.ohl-progress-card span{font-size:12px;color:var(--ohl-muted)}.ohl-progress-card strong{font-size:27px;color:#1b4777}.ohl-history{margin-top:24px}.ohl-history h4{font-size:17px;margin:0 0 10px}.ohl-empty{color:var(--ohl-muted);font-size:13px;padding:14px;background:#f8fafd;border-radius:10px}.ohl-history-row{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:12px 2px;border-bottom:1px solid var(--ohl-line)}.ohl-history-row strong{color:var(--ohl-teal)}.ohl-history-row small{grid-column:1/-1;color:#95a1b2}.ohl-save-notice{margin-top:18px;padding:12px 14px;border-radius:10px;background:#eef7ff;color:#43627f;font-size:13px}.ohl-save-notice a{font-weight:700;color:var(--ohl-blue)}.ohl-footer{display:flex;justify-content:space-between;gap:12px;padding:18px 5px;color:#8795a6;font-size:12px}.ohl-app [hidden]{display:none!important}
@media(max-width:640px){.ohl-app{margin:12px auto;font-size:15px}.ohl-hero{padding:22px 18px;border-radius:18px}.ohl-hero-stats{gap:7px}.ohl-hero-stats div{flex:1;min-width:0;padding:9px 8px}.ohl-hero-stats strong{font-size:19px}.ohl-hero-stats span{font-size:10px}.ohl-tabs{gap:4px;padding:5px}.ohl-tabs button{padding:9px 5px;font-size:12px}.ohl-panel{padding:15px;border-radius:16px}.ohl-section-head h3{font-size:20px}.ohl-section-head p{font-size:12px}.ohl-flashcard{min-height:250px;padding:17px}.ohl-card-actions{gap:6px}.ohl-btn{padding:9px 12px;font-size:13px}.ohl-known-actions{gap:6px}.ohl-known-actions>span{width:100%;text-align:center;margin:0 0 3px}.ohl-options{grid-template-columns:1fr}.ohl-quiz-box{padding:13px}.ohl-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ohl-progress-card{padding:13px}.ohl-progress-card strong{font-size:24px}.ohl-footer{flex-direction:column;gap:3px}.ohl-counter{font-size:11px;padding:5px 7px}}

/* OstadHub Learn Tools landing page */
.ohl-home{--ohl-home-ink:#172b46;--ohl-home-muted:#718197;--ohl-home-blue:#2468d7;--ohl-home-teal:#12a994;max-width:1180px;margin:26px auto;color:var(--ohl-home-ink);font-family:inherit;line-height:1.8}.ohl-home *{box-sizing:border-box}.ohl-home a{text-decoration:none}.ohl-home button{font:inherit;cursor:pointer}.ohl-home-hero{position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:20px;min-height:410px;overflow:hidden;padding:clamp(26px,5vw,58px);border-radius:30px;background:radial-gradient(circle at 80% 10%,#247e9a 0,transparent 34%),linear-gradient(120deg,#102743 0%,#123d62 55%,#126d7a 100%);color:#fff;isolation:isolate}.ohl-home-hero-content{position:relative;z-index:2}.ohl-home-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:6px 12px;border:1px solid #ffffff30;border-radius:50px;color:#d5f7f3;font-size:12px;font-weight:700}.ohl-live-dot{width:7px;height:7px;border-radius:50%;background:#58e1c7;box-shadow:0 0 0 5px #58e1c71b}.ohl-home-hero h2{font-size:clamp(29px,4.1vw,48px);line-height:1.5;color:#fff;margin:18px 0 10px;max-width:650px}.ohl-home-hero h2 span{color:#6de4d0}.ohl-home-hero-content>p{max-width:610px;color:#d5e5f1;font-size:15px;margin:0}.ohl-home-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:25px}.ohl-home-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:9px 15px;border-radius:12px;font-size:13px;font-weight:800;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s}.ohl-home-btn:hover{transform:translateY(-2px)}.ohl-home-btn-light{background:#fff;color:#173755;box-shadow:0 6px 20px #081a2a18}.ohl-home-text-link{font-size:13px;color:#d6f3f0}.ohl-home-trust{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:28px;color:#c2dce7;font-size:11px}.ohl-home-hero-art{position:relative;min-height:300px;display:grid;place-items:center}.ohl-art-orbit{position:absolute;border:1px solid #ffffff20;border-radius:50%;transform:rotate(-18deg)}.ohl-orbit-a{width:285px;height:285px}.ohl-orbit-b{width:360px;height:220px}.ohl-art-card{position:relative;z-index:1;width:min(265px,85%);padding:24px;border:1px solid #ffffff5c;border-radius:24px;background:linear-gradient(145deg,#fffffffa,#edf8fcf5);box-shadow:0 25px 65px #071a2d55;color:#183754;transform:rotate(-4deg)}.ohl-art-mini-label{display:block;color:#7c96a9;font-size:9px;letter-spacing:.18em;direction:ltr}.ohl-art-card strong{display:block;font-size:48px;line-height:1.3;color:#176e8b;direction:ltr;text-align:center;margin:12px 0 0}.ohl-art-translation{display:block;text-align:center;color:#627c91;font-size:14px}.ohl-art-progress{height:6px;background:#dfeaf0;border-radius:9px;margin:20px 0 9px;overflow:hidden}.ohl-art-progress i{display:block;width:68%;height:100%;background:linear-gradient(90deg,#14a990,#54d8c1);border-radius:9px}.ohl-art-card small{display:block;text-align:center;color:#71899a;font-size:10px}.ohl-art-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #ffffff44;border-radius:14px;background:#ffffffed;color:#193c5a;box-shadow:0 12px 30px #06192b25;font-size:12px;font-weight:800}.ohl-art-chip span{font-size:10px;color:#71899a;font-weight:600}.ohl-chip-top{top:17%;right:0}.ohl-chip-bottom{bottom:15%;left:0}.ohl-chip-bottom:first-letter{color:#0c9f82}.ohl-art-spark{position:absolute;top:14%;left:15%;color:#6ee7d2;font-size:35px}.ohl-home-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:46px 0 22px}.ohl-home-kicker{font-size:11px;font-weight:900;color:#159c91;letter-spacing:.05em}.ohl-home-intro h3,.ohl-plans-copy h3{font-size:clamp(22px,3vw,30px);line-height:1.5;margin:4px 0;color:var(--ohl-home-ink)}.ohl-home-intro p,.ohl-plans-copy>p{margin:0;color:var(--ohl-home-muted);font-size:14px}.ohl-tools-count{white-space:nowrap;padding:7px 12px;background:#eff6ff;border:1px solid #dce9fa;border-radius:30px;color:#2863b4;font-size:12px;font-weight:800}.ohl-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ohl-tool-card{min-width:0;padding:21px;border:1px solid #e3eaf2;border-radius:21px;background:#fff;box-shadow:0 8px 26px #17375608;transition:transform .2s,box-shadow .2s,border-color .2s}.ohl-tool-card:hover{transform:translateY(-4px);border-color:#cbdced;box-shadow:0 18px 35px #17375612}.ohl-tool-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.ohl-tool-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#eaf3ff;color:#2869c7;font-size:18px;font-weight:900;direction:ltr}.ohl-icon-grammar{background:#f2edff;color:#7656bd}.ohl-icon-sentence{background:#e8f8f3;color:#118a71}.ohl-icon-verbs{background:#fff4df;color:#b77916}.ohl-icon-listening{background:#ffedf0;color:#bd5471}.ohl-icon-speaking{background:#e9f7fb;color:#2382a0}.ohl-tool-tag{padding:4px 9px;border-radius:30px;background:#f3f5f8;color:#8390a1;font-size:10px;font-weight:800}.ohl-tool-tag.ohl-tag-ready{background:#e6f8f1;color:#118263}.ohl-tool-level{display:block;margin-top:18px;color:#8795a5;font-size:11px}.ohl-tool-card h4{font-size:19px;line-height:1.5;margin:4px 0 7px;color:#1c3552}.ohl-tool-desc{min-height:54px;margin:0;color:#728196;font-size:12px;line-height:1.8}.ohl-sample-preview{display:flex;flex-direction:column;gap:4px;margin:17px 0 14px;padding:13px 15px;border:1px dashed #d7e3ef;border-radius:13px;background:#f8fbfe}.ohl-sample-label{font-size:10px;color:#8b9aab}.ohl-sample-preview strong{font-size:16px;color:#254b70;direction:ltr;text-align:right}.ohl-tool-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ohl-home-btn-outline{border-color:#d9e4ef;background:#fff;color:#2c5f9c}.ohl-home-btn-solid{background:#2368d8;color:#fff}.ohl-tool-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:7px;flex-wrap:wrap;margin-top:17px;padding-top:13px;border-top:1px solid #edf1f5;color:#8995a4;font-size:10px}.ohl-tool-card-bottom a{color:#1b8d81;font-weight:800}.ohl-inline-sample{margin-top:14px;padding:14px;border-radius:14px;background:#f5f9fd;border:1px solid #e1eaf3}.ohl-sample-question{font-size:13px;font-weight:800;margin:0 0 10px;color:#203c5a}.ohl-sample-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ohl-sample-option{padding:8px;border:1px solid #dbe5ef;border-radius:9px;background:#fff;color:#334c67;font-size:12px}.ohl-sample-option:hover{border-color:#78a8e8;background:#f0f6ff}.ohl-sample-option.is-correct{background:#e3f8ef;border-color:#72cfaa;color:#087650}.ohl-sample-option.is-wrong{background:#fff0ef;border-color:#efaaa2;color:#b63e34}.ohl-sample-option:disabled{cursor:default}.ohl-sample-feedback{min-height:22px;margin:9px 0 0;font-size:12px;font-weight:700}.ohl-sample-again{border:0;background:transparent;color:#2368d8;font-weight:800;font-size:12px;padding:5px 0}.ohl-home-plans{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;margin-top:48px;padding:clamp(23px,4vw,40px);border-radius:25px;background:linear-gradient(130deg,#f3f8ff,#f5fbfa);border:1px solid #e2edf5}.ohl-plans-copy>p{max-width:450px}.ohl-plan-points{display:grid;gap:7px;margin-top:17px;color:#557086;font-size:12px}.ohl-plan-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ohl-plan-mini{padding:19px;border:1px solid #dce7f1;border-radius:17px;background:#fff}.ohl-plan-featured{background:linear-gradient(145deg,#163a5e,#176d7e);border-color:transparent;color:#fff;box-shadow:0 12px 28px #174c6a20}.ohl-plan-label{font-size:10px;color:#188c84;font-weight:900}.ohl-plan-featured .ohl-plan-label{color:#83e6d6}.ohl-plan-mini h4{font-size:17px;margin:7px 0;color:#1c3552}.ohl-plan-featured h4{color:#fff}.ohl-plan-mini p{min-height:43px;font-size:11px;color:#7a899a;margin:0 0 14px}.ohl-plan-featured p{color:#d1e7ed}.ohl-plan-mini .ohl-home-btn{width:100%;font-size:11px}.ohl-plan-note{grid-column:1/-1;margin:0;color:#8a96a5;font-size:10px}.ohl-home-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px;padding:17px 4px;color:#8794a4;font-size:11px}.ohl-home-footer-brand{font-size:15px;font-weight:900;color:#203d5a}.ohl-home-footer-brand b{color:#14998a}.ohl-home-footer a{color:#2868b8;font-weight:800}.ohl-home [hidden]{display:none!important}
@media(max-width:900px){.ohl-home-hero{grid-template-columns:1fr .72fr;padding:30px;min-height:370px}.ohl-home-hero-art{min-height:250px}.ohl-art-card{width:225px;padding:19px}.ohl-art-card strong{font-size:40px}.ohl-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ohl-home-plans{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.ohl-home{margin:12px auto;font-size:15px}.ohl-home-hero{grid-template-columns:1fr;padding:26px 20px 18px;border-radius:22px;gap:0}.ohl-home-hero h2{font-size:29px;margin-top:14px}.ohl-home-hero-content>p{font-size:13px}.ohl-home-hero-art{min-height:230px;margin-top:4px}.ohl-art-card{width:205px;padding:17px}.ohl-art-card strong{font-size:36px}.ohl-orbit-a{width:235px;height:235px}.ohl-orbit-b{width:285px;height:180px}.ohl-chip-top{right:2%;top:10%}.ohl-chip-bottom{left:2%;bottom:9%}.ohl-home-trust{display:grid;gap:5px;margin-top:20px}.ohl-home-intro{align-items:start;flex-direction:column;margin:32px 0 17px;gap:10px}.ohl-home-intro h3{font-size:23px}.ohl-tool-grid{grid-template-columns:1fr;gap:12px}.ohl-tool-card{padding:18px;border-radius:17px}.ohl-tool-desc{min-height:0}.ohl-tool-actions{grid-template-columns:1fr 1fr}.ohl-home-plans{margin-top:30px;padding:20px 16px;border-radius:20px}.ohl-plan-options{grid-template-columns:1fr}.ohl-plan-mini p{min-height:0}.ohl-plan-note{grid-column:auto}.ohl-home-footer{align-items:flex-start;flex-direction:column;gap:4px}.ohl-sample-options{grid-template-columns:1fr 1fr}}

/* Standalone OstadHub Learn Tools page: deliberately independent of theme header/footer. */
html:has(body.ohl-fullscreen-page), body.ohl-fullscreen-page{margin:0!important;padding:0!important;min-height:100%;background:#f7f9fc!important;}
body.ohl-fullscreen-page{overflow-x:hidden!important;}
body.ohl-fullscreen-page #ohl-fullscreen-main{display:block;width:100%;max-width:none;margin:0;padding:clamp(12px,2.5vw,30px);box-sizing:border-box;}
body.ohl-fullscreen-page #ohl-fullscreen-main>.ohl-home{width:100%;max-width:1240px;margin:0 auto;}
body.ohl-fullscreen-page #ohl-fullscreen-main>.entry-content,
body.ohl-fullscreen-page #ohl-fullscreen-main>.wp-block-post-content{width:100%;max-width:none;margin:0;padding:0;}
body.ohl-fullscreen-page #ohl-fullscreen-main .wp-block-shortcode{margin:0;}
@media(max-width:600px){body.ohl-fullscreen-page #ohl-fullscreen-main{padding:10px;}}
/* Multi-question free sample flow */
.ohl-sample-progress{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:#718197;font-size:11px;font-weight:800}
.ohl-sample-next{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:9px 13px;border:0;border-radius:10px;background:#2368d8;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.ohl-sample-next:hover{background:#174fae}
/* Accessibility and feedback for the completed vocabulary trainer */
.ohl-app button:disabled{opacity:.58;cursor:default;filter:saturate(.65)}
.ohl-app #ohl-speak{white-space:nowrap}
.ohl-app .ohl-flashcard:focus-visible,.ohl-app button:focus-visible{outline:3px solid #8bb7ff;outline-offset:3px}


/* Hide side-cart UI only on OstadHub Learn Tools standalone pages. The cart remains untouched elsewhere. */
body.ohl-fullscreen-page #ostadhub-side-cart,
body.ohl-fullscreen-page .xoo-wsc-modal,
body.ohl-fullscreen-page .xoo-wsc-container,
body.ohl-fullscreen-page .xoo-wsc-basket,
body.ohl-fullscreen-page .xoo-wsc-cart-trigger,
body.ohl-fullscreen-page .xoo-wsc-opac,
body.ohl-fullscreen-page .xt_woofc-wrapper,
body.ohl-fullscreen-page .xt_woofc-inner,
body.ohl-fullscreen-page .xt_woofc-trigger,
body.ohl-fullscreen-page .woofc-area,
body.ohl-fullscreen-page .woofc-cart,
body.ohl-fullscreen-page .woofc-overlay,
body.ohl-fullscreen-page .woofc-trigger,
body.ohl-fullscreen-page .elementor-menu-cart__container,
body.ohl-fullscreen-page .elementor-menu-cart__toggle,
body.ohl-fullscreen-page .wc-block-mini-cart,
body.ohl-fullscreen-page .xoo-wsc-sc-cont,
body.ohl-fullscreen-page .side-cart-widget,
body.ohl-fullscreen-page #side-cart,
body.ohl-fullscreen-page .cart-widget-side,
body.ohl-fullscreen-page .floating-cart,
body.ohl-fullscreen-page .mini-cart-side-panel {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* Strong fallback: the side cart is entirely suppressed on the standalone learning pages. */
body.ohl-fullscreen-page #ostadhub-side-cart,
body.ohl-fullscreen-page #ostadhub-side-cart *,
body.ohl-fullscreen-page .side-cart-overlay,
body.ohl-fullscreen-page .side-cart-backdrop {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Return link from the vocabulary tool to the OstadHub Learn Tools home page. */
.ohl-back-home-wrap{display:flex;justify-content:flex-start;margin:0 0 14px}
.ohl-back-home{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid #dce7f3;border-radius:12px;background:#fff;color:#245a91;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 3px 12px #183c680a;transition:background .18s,border-color .18s,transform .18s}
.ohl-back-home:hover{background:#f2f7ff;border-color:#a9c7ee;color:#174a80;transform:translateY(-1px)}
.ohl-back-home:focus-visible{outline:3px solid #8bb7ff;outline-offset:3px}

/* OstadHub Learn Tools subscription landing page */
.ohl-subscription-page{--ohl-sub-ink:#172b46;--ohl-sub-muted:#718197;max-width:1180px;margin:28px auto;padding:0 16px;color:var(--ohl-sub-ink);font-family:inherit;line-height:1.8}
.ohl-subscription-page *{box-sizing:border-box}
.ohl-subscription-page a{text-decoration:none}
.ohl-subscription-hero{position:relative;padding:clamp(28px,5vw,58px);border-radius:28px;background:radial-gradient(circle at 85% 5%,#247e9a 0,transparent 35%),linear-gradient(120deg,#102743,#123d62 58%,#126d7a);color:#fff;overflow:hidden}
.ohl-subscription-back{display:inline-flex;margin-bottom:25px;color:#d9f5f1;font-weight:800;font-size:13px}
.ohl-subscription-kicker{display:block;color:#7fe5d4;font-size:12px;font-weight:900;letter-spacing:.08em}
.ohl-subscription-hero h2{font-size:clamp(27px,4vw,43px);line-height:1.5;color:#fff;margin:8px 0}
.ohl-subscription-hero p{max-width:650px;margin:0;color:#d5e5f1;font-size:14px}
.ohl-subscription-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0}
.ohl-subscription-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:23px 19px 20px;background:#fff;border:1px solid #e1e9f2;border-radius:20px;box-shadow:0 10px 30px #1737560b}
.ohl-subscription-card.is-featured{border:2px solid #168e88;box-shadow:0 15px 38px #168e8818}
.ohl-subscription-badge{align-self:flex-start;padding:3px 10px;margin:-4px 0 12px;border-radius:30px;background:#e4f8f2;color:#087e6e;font-size:10px;font-weight:900}
.ohl-subscription-duration{font-size:11px;color:#188c84;font-weight:900}
.ohl-subscription-card h3{font-size:19px;line-height:1.6;margin:6px 0 12px;color:#1c3552}
.ohl-subscription-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:10px 0 14px;border-bottom:1px solid #edf1f5}
.ohl-subscription-price strong{font-size:clamp(21px,2vw,27px);letter-spacing:-.5px;color:#173b5b;white-space:nowrap}
.ohl-subscription-price span,.ohl-single-price{font-size:12px;color:#73849a;font-weight:800}
.ohl-subscription-card ul{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:9px;color:#61758a;font-size:12px;flex:1}
.ohl-subscription-card li:before{content:'✓';color:#0d9b84;font-weight:900;margin-left:7px}
.ohl-subscription-buy{display:flex;align-items:center;justify-content:center;width:100%;min-height:47px;padding:10px 14px;border:0;border-radius:12px;background:#2368d8;color:#fff!important;font-size:13px;font-weight:900;text-align:center;transition:transform .18s,background .18s}
.ohl-subscription-buy:hover{transform:translateY(-2px);background:#1856bd}
.ohl-subscription-card.is-featured .ohl-subscription-buy{background:linear-gradient(100deg,#118e85,#176d7e)}
.ohl-subscription-buy.is-disabled{background:#9aa8b8;cursor:not-allowed}
.ohl-subscription-single{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:23px 25px;border:1px solid #dce7f1;border-radius:20px;background:linear-gradient(120deg,#f3f8ff,#f5fbfa)}
.ohl-subscription-single>div:first-child>span{font-size:11px;color:#188c84;font-weight:900}
.ohl-subscription-single h3{font-size:19px;margin:3px 0;color:#1c3552}
.ohl-subscription-single p{font-size:12px;color:#718197;margin:0}
.ohl-single-price{white-space:nowrap}.ohl-single-price strong{font-size:21px;color:#173b5b}
.ohl-single-buy{width:auto;min-width:155px}
.ohl-subscription-footnote{text-align:center;color:#8a96a5;font-size:11px;margin:18px 0 30px}
@media(max-width:1000px){.ohl-subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ohl-subscription-page{margin:12px auto;padding:0 12px}.ohl-subscription-hero{padding:26px 20px;border-radius:21px}.ohl-subscription-hero h2{font-size:27px}.ohl-subscription-grid{grid-template-columns:1fr;gap:12px;margin:18px 0}.ohl-subscription-card{padding:20px}.ohl-subscription-single{grid-template-columns:1fr;gap:12px;padding:20px}.ohl-single-buy{width:100%}.ohl-subscription-price strong{font-size:27px}}

/* OstadHub Learn Tools customer account panels */
.ohl-account-panel{--ohl-account-ink:#17324d;--ohl-account-muted:#6d7f91;color:var(--ohl-account-ink);font-family:inherit;line-height:1.85;max-width:100%;margin:10px 0 28px}
.ohl-account-panel *{box-sizing:border-box}
.ohl-account-heading{padding:25px 28px;border-radius:20px;background:linear-gradient(120deg,#102743,#155b70);color:#fff;margin-bottom:20px}
.ohl-account-heading>span{font-size:11px;font-weight:900;letter-spacing:.06em;color:#8ce8d9}
.ohl-account-heading h2{font-size:25px;color:#fff;margin:4px 0 6px}
.ohl-account-heading p{font-size:13px;color:#d7e7f0;margin:0}
.ohl-account-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ohl-account-tool-card{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:19px;border:1px solid #e1e9f1;border-radius:17px;background:#fff;box-shadow:0 8px 24px #1737560a}
.ohl-account-tool-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:#e2f8f1;color:#07856e;font-size:20px;font-weight:900}
.ohl-account-tool-card>div{flex:1;min-width:130px}
.ohl-account-tool-card h3{font-size:16px;margin:0 0 3px;color:#173b5b}
.ohl-account-tool-card p{font-size:12px;color:#6d7f91;margin:0}
.ohl-account-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 15px;border-radius:11px;background:#2368d8;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:900;white-space:nowrap}
.ohl-account-action:hover{background:#1856bd;color:#fff!important}
.ohl-account-empty{grid-column:1/-1;padding:28px;border:1px dashed #cbd8e5;border-radius:17px;text-align:center;background:#f8fbfe}
.ohl-account-empty strong{display:block;font-size:17px}.ohl-account-empty p{color:#718197;font-size:13px}
.ohl-account-subscription-card{padding:25px;border:1px solid #dce7f1;border-radius:20px;background:linear-gradient(120deg,#f4f8ff,#f2fbf8)}
.ohl-account-subscription-card.is-active{border-color:#bce8d9;background:linear-gradient(120deg,#f0fbf6,#f4f9ff)}
.ohl-account-status{display:inline-flex;padding:4px 11px;border-radius:30px;background:#fff0d9;color:#986018;font-size:11px;font-weight:900}
.ohl-account-subscription-card.is-active .ohl-account-status{background:#d8f7e9;color:#087b5c}
.ohl-account-subscription-card h3{font-size:20px;margin:10px 0 5px}.ohl-account-subscription-card p{font-size:13px;color:#61758a;margin:0 0 17px}
.ohl-account-bottom-link{margin:20px 0 0;font-size:13px;font-weight:800}.ohl-account-bottom-link a{color:#2368d8;text-decoration:none}
@media(max-width:680px){.ohl-account-tools-grid{grid-template-columns:1fr}.ohl-account-heading{padding:21px}.ohl-account-heading h2{font-size:22px}.ohl-account-tool-card{align-items:flex-start}.ohl-account-tool-card .ohl-account-action{width:100%}.ohl-account-subscription-card{padding:20px}}

/* Limited free vocabulary trial paywall */
.ohl-trial-paywall[hidden]{display:none!important}
.ohl-trial-paywall{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.72);backdrop-filter:blur(5px)}
.ohl-trial-paywall-card{width:min(100%,560px);padding:clamp(24px,5vw,42px);border-radius:26px;background:#fff;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.28);color:#172033}
.ohl-trial-lock{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:20px;background:#f5f3ff;font-size:30px}
.ohl-trial-paywall-card h2{font-size:clamp(24px,4vw,32px);margin:18px 0 10px;color:#111827}
.ohl-trial-paywall-card p{line-height:2;color:#64748b;margin:0 auto 24px;max-width:440px}
.ohl-trial-paywall-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.ohl-trial-paywall-actions a{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:13px;text-decoration:none!important;font-weight:800;min-height:48px}
.ohl-trial-paywall-buy{background:#6d28d9;color:#fff!important}
.ohl-trial-paywall-sub{border:1px solid #c4b5fd;background:#fff;color:#5b21b6!important}


/* v1.8.8: clearer single-purchase actions */
.ohl-home .ohl-tool-card-bottom a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 14px;
  border: 1px solid #b7e8dd;
  border-radius: 12px;
  background: linear-gradient(135deg, #ecfdf8 0%, #d8f7ef 100%);
  color: #087f70;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.6;
  box-shadow: 0 5px 14px rgba(12, 148, 126, .12);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.ohl-home .ohl-tool-card-bottom a:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #d8f7ef 0%, #bff0e3 100%);
  box-shadow: 0 8px 20px rgba(12, 148, 126, .2);
}
.ohl-home .ohl-tool-card-bottom { align-items: center; }
.ohl-home .ohl-plan-mini .ohl-home-btn.ohl-home-btn-outline {
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid #8bd9ca;
  border-radius: 13px;
  background: linear-gradient(135deg, #e7fbf5 0%, #c9f4e9 100%);
  color: #087f70;
  font-size: 15px;
  font-weight: 900;
  box-shadow: 0 7px 18px rgba(12, 148, 126, .13);
}
.ohl-home .ohl-plan-mini .ohl-home-btn.ohl-home-btn-outline:hover {
  background: linear-gradient(135deg, #d4f7ed 0%, #b6efdf 100%);
  box-shadow: 0 10px 22px rgba(12, 148, 126, .2);
}
@media (max-width: 600px) {
  .ohl-home .ohl-tool-card-bottom a { font-size: 13px; padding: 9px 11px; }
  .ohl-home .ohl-plan-mini .ohl-home-btn.ohl-home-btn-outline { font-size: 14px; }
}

/* Subscription promotion directly beneath the Learn Tools hero */
.ohl-subscription-promo{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin:20px 0 0;padding:25px 28px;border:1px solid #cce5e8;border-radius:24px;background:radial-gradient(circle at 8% 0%,#d8f5ef 0,transparent 35%),linear-gradient(115deg,#f4fbff 0%,#eefaf8 55%,#f8fbff 100%);box-shadow:0 12px 32px #1737560a;overflow:hidden}
.ohl-subscription-promo:after{content:"";position:absolute;left:-38px;bottom:-75px;width:180px;height:180px;border:1px solid #1b9d9224;border-radius:50%;box-shadow:0 0 0 18px #1b9d9208,0 0 0 38px #1b9d9205;pointer-events:none}
.ohl-subscription-promo-mark{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:76px;height:76px;border-radius:22px;background:linear-gradient(145deg,#173d62,#147d80);color:#fff;box-shadow:0 10px 22px #176b7624;transform:rotate(-3deg)}
.ohl-subscription-promo-mark span{font-size:27px;line-height:1;color:#83ead7}.ohl-subscription-promo-mark b{font-size:11px;letter-spacing:.16em}
.ohl-subscription-promo-copy,.ohl-subscription-promo-action{position:relative;z-index:1}.ohl-subscription-promo-kicker{font-size:11px;font-weight:900;color:#138b81}.ohl-subscription-promo-copy h3{font-size:clamp(19px,2.4vw,26px);line-height:1.6;color:#173755;margin:3px 0 5px}.ohl-subscription-promo-copy p{font-size:12px;line-height:1.9;color:#60778b;margin:0;max-width:720px}.ohl-subscription-promo-points{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:12px;color:#3c7180;font-size:10px;font-weight:700}.ohl-subscription-promo-action{display:flex;min-width:190px;flex-direction:column;align-items:stretch;gap:8px}.ohl-subscription-promo-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 17px;border-radius:14px;background:linear-gradient(120deg,#176b83,#128c80);box-shadow:0 8px 18px #157c7b25;color:#fff!important;font-size:13px;font-weight:900;text-decoration:none!important;transition:transform .2s,box-shadow .2s}.ohl-subscription-promo-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #157c7b35}.ohl-subscription-promo-action small{text-align:center;color:#7b91a0;font-size:10px}
@media(max-width:760px){.ohl-subscription-promo{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:20px;border-radius:20px}.ohl-subscription-promo-mark{width:60px;height:60px;border-radius:17px}.ohl-subscription-promo-copy h3{font-size:19px}.ohl-subscription-promo-action{grid-column:1/-1;min-width:0}.ohl-subscription-promo-button{width:100%}.ohl-subscription-promo-points{gap:6px 12px}}
@media(max-width:420px){.ohl-subscription-promo{grid-template-columns:1fr}.ohl-subscription-promo-mark{width:54px;height:54px}.ohl-subscription-promo-copy h3{font-size:18px}.ohl-subscription-promo-points{display:grid;gap:5px}}