/* StudyMina Journal + feature landing pages. Uses the tokens from styles.css (blue and white). */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.j-wrap{padding-block:28px 72px}
.crumbs{margin:6px 0 22px;font-size:14px;color:var(--muted)}.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;padding:0}
.crumbs li+li::before{content:"/";margin-inline-end:8px;color:#a9b2c6}.crumbs a:hover{color:var(--indigo);text-decoration:underline}.crumbs [aria-current]{color:var(--text)}
.nav .mid a[aria-current]{color:var(--indigo)}
/* hero */
.j-hero{background:linear-gradient(135deg,var(--deep),var(--indigo));color:#fff;padding:72px 0 64px}
.j-hero .eyebrow{color:#bcd3f7;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin-bottom:14px}
.j-hero h1{color:#fff;font-size:clamp(34px,5.4vw,60px);max-width:18ch;text-wrap:balance}
.j-hero .lead{color:#d7e5fb;margin-top:18px}
.j-search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:8px 8px 8px 16px;margin-top:28px;max-width:640px;box-shadow:0 18px 40px -22px rgba(0,0,0,.5);color:var(--muted)}
.j-search input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:16px;color:var(--text);background:transparent;padding:10px 4px}
.j-search:focus-within{outline:3px solid #8db4f0}
.j-lh .j-search{box-shadow:none;border:1px solid var(--border);margin:18px 0}
/* sections + cards */
.j-sec{margin-top:56px}.j-sh{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.j-sh h2{font-size:clamp(24px,3vw,32px);color:var(--deep)}.j-sh a{color:var(--indigo);font-weight:600;font-size:15px}.j-sh a:hover{text-decoration:underline}
.j-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px}
.j-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.j-feat.two{grid-template-columns:1fr 1fr}.j-feat .big{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}
.j-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.j-card:hover{transform:translateY(-3px);border-color:#b9cdf2;box-shadow:0 18px 32px -22px rgba(11,37,89,.45)}
.j-cimg{display:block;aspect-ratio:1200/630;background:var(--deep)}.j-cimg img{width:100%;height:100%;display:block;object-fit:cover}
.j-cbody{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1}
.j-card h3{font-size:20px;line-height:1.25;letter-spacing:-.015em;color:var(--deep)}.j-card.big h3{font-size:clamp(24px,3vw,32px)}
.j-card h3 a:hover{color:var(--indigo)}.j-card .j-ex{color:var(--muted);font-size:15.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.j-cmeta{display:flex;gap:12px;font-size:13.5px;color:var(--muted);margin-top:auto}.j-cmeta span::before{content:"·";margin-inline-end:12px}
.j-pill{align-self:flex-start;display:inline-block;background:var(--lblue);color:var(--indigo);font-weight:600;font-size:13px;padding:4px 12px;border-radius:99px}.j-pill:hover{background:#d8e6fb}
.j-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.j-cat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s}.j-cat:hover{transform:translateY(-3px);border-color:#b9cdf2}
.j-cat img{aspect-ratio:1200/630;width:100%;height:auto;object-fit:cover;display:block}.j-cat-b{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.j-cat b{color:var(--deep);font-size:17px}.j-cat small{color:var(--muted);font-size:14px;line-height:1.4}.j-cat em{font-style:normal;color:var(--indigo);font-size:13px;font-weight:600;margin-top:4px}
.j-pager{display:flex;justify-content:space-between;align-items:center;margin-top:36px;color:var(--muted);font-size:15px}.j-pager a{font-weight:600;color:var(--indigo)}
.j-lh h1{font-size:clamp(32px,4.4vw,48px);color:var(--deep);text-wrap:balance}.j-lh .lead{margin-top:14px}.j-intro{max-width:70ch;color:var(--text);margin-top:14px}.j-lh{margin-bottom:34px}
.j-filter{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--muted)}.j-filter select{font:inherit;border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:#fff;color:var(--text)}
#j-status{color:var(--muted);margin:0 0 20px}
.j-planned{background:#fff;border:1px dashed #b9cdf2;border-radius:16px;padding:22px 26px;max-width:760px}.j-planned h2{font-size:22px;color:var(--deep);margin-bottom:8px}.j-planned ul{margin:12px 0 0;padding-inline-start:20px;color:var(--muted)}.j-planned li+li{margin-top:4px}
/* article */
.j-article{max-width:820px;margin-inline:auto}
.j-ah{margin-bottom:22px}.j-ah h1{font-size:clamp(32px,4.8vw,50px);line-height:1.1;color:var(--deep);margin:14px 0 14px;text-wrap:balance}
.j-dek{font-size:clamp(18px,2.2vw,21px);color:var(--muted);line-height:1.5}
.j-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;font-size:14.5px;color:var(--muted)}.j-meta b{color:var(--text);font-weight:600}
.j-cover{margin:0 0 28px}.j-cover img{width:100%;height:auto;aspect-ratio:1200/630;display:block;border-radius:16px;background:var(--deep)}
.j-col{max-width:760px;margin-inline:auto}
.j-body{font-size:18.5px;line-height:1.75;color:#1b2333}
.j-body>*+*{margin-top:1.15em}
.j-body h2{font-size:clamp(25px,3vw,31px);line-height:1.2;color:var(--deep);margin-top:2.1em;scroll-margin-top:84px}
.j-body h3{font-size:clamp(20px,2.4vw,23px);line-height:1.3;color:var(--deep);margin-top:1.8em;scroll-margin-top:84px}
.j-body a{color:var(--indigo);text-decoration:underline;text-underline-offset:3px}.j-body a:hover{color:var(--deep)}
.j-body ul,.j-body ol{padding-inline-start:1.4em}.j-body li+li{margin-top:.45em}
.j-body blockquote{border-inline-start:4px solid var(--indigo);background:var(--lblue);padding:14px 20px;border-radius:0 12px 12px 0;color:var(--deep)}
.j-body img{max-width:100%;height:auto;border-radius:12px}
.j-body code{background:#eef2f8;border-radius:6px;padding:.1em .4em;font-size:.9em}.j-body pre{background:#0f1b36;color:#e8eefc;padding:16px 18px;border-radius:12px;overflow-x:auto;font-size:15px}.j-body pre code{background:none;padding:0}
.j-body hr{border:0;border-top:1px solid var(--border);margin:2.2em 0}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.j-body table{border-collapse:collapse;width:100%;font-size:16px;min-width:480px}
.j-body th,.j-body td{border:1px solid var(--border);padding:10px 12px;text-align:start;vertical-align:top}.j-body th{background:var(--lblue);color:var(--deep)}
.math-block{overflow-x:auto;overflow-y:hidden;padding:6px 0;-webkit-overflow-scrolling:touch}.math-block .katex-display{margin:.4em 0}
.katex{font-size:1.08em}
.j-toc{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 20px;margin:0 0 28px}.j-toc summary{cursor:pointer;font-weight:700;color:var(--deep)}
.j-toc ol{margin:10px 0 2px;padding-inline-start:1.3em;font-size:16px}.j-toc li+li{margin-top:5px}.j-toc a{color:var(--indigo)}.j-toc a:hover{text-decoration:underline}
.j-note{border-inline-start:4px solid var(--gold);background:#fff8e8;border-radius:0 12px 12px 0;padding:14px 20px;margin:0 0 26px;font-size:16.5px;line-height:1.6}.j-note b{display:block;color:#7a4b00;margin-bottom:4px}.j-note p{color:#4a3a14}
.j-draft{background:#fff1f0;border:1px solid #f3b5b0;color:#8a1f17;border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:15px}
/* CTA component: visible but quiet */
.j-cta{display:flex;align-items:center;gap:16px;background:var(--lblue);border:1px solid #cfe0fa;border-radius:16px;padding:16px 18px;margin-block:2em;flex-wrap:wrap}
.j-cta-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;color:var(--indigo);flex:none}
.j-cta-tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:200px;font-size:15.5px;line-height:1.45;color:var(--muted)}.j-cta-tx b{color:var(--deep);font-size:17px}
.j-cta .btn{white-space:nowrap}.j-endcta{margin-top:2.4em}.j-endcta .j-cta{margin:0}
.j-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border);font-size:14.5px}.j-share b{margin-inline-end:6px;color:var(--deep)}
.j-share a,.j-share button{font:inherit;font-size:14px;font-weight:600;color:var(--deep);background:#fff;border:1px solid var(--border);border-radius:99px;padding:6px 14px;cursor:pointer}.j-share a:hover,.j-share button:hover{border-color:var(--indigo);color:var(--indigo)}
.j-rel{max-width:1100px;margin-inline:auto}
/* consent banner */
.sm-consent{position:fixed;inset-inline:12px;bottom:12px;z-index:90;max-width:560px;margin-inline:auto;background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 18px;box-shadow:0 18px 50px -12px rgba(11,37,89,.45);font-size:14.5px;line-height:1.5}
.sm-consent p{margin-bottom:12px;color:var(--muted)}.sm-consent div{display:flex;gap:10px;justify-content:flex-end}
/* feature landing pages */
.fp-hero{background:linear-gradient(180deg,var(--lblue),var(--bg));padding:64px 0 40px}
.fp-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.fp-hero h1{font-size:clamp(34px,4.8vw,56px);color:var(--deep);text-wrap:balance}.fp-hero .lead{margin-top:18px}.fp-hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.fp-hero .eyebrow{color:var(--indigo);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin-bottom:12px}
.fp-mock{padding:20px}.fp-mock .mock{margin-inline:auto;max-width:520px}.fp-exams .exams{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0}
.fp-exams .xc{padding:16px}.fp-exams .xc-full,.fp-exams .xc p:last-child{display:none}.fp-exams .xc h3{font-size:20px}
.fp-wrap{padding-block:12px 72px;max-width:980px}
.fp-sec{margin-top:52px}.fp-sec h2{font-size:clamp(25px,3vw,34px);color:var(--deep);margin-bottom:16px}.fp-sec>p{max-width:70ch;margin-bottom:12px;font-size:18px}
.fp-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.fp-cards li{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}.fp-cards b{color:var(--deep);font-size:17px}.fp-cards span{color:var(--muted);font-size:15.5px;line-height:1.5}
.fp-steps{list-style:none;padding:0;display:grid;gap:14px}.fp-steps li{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 20px}
.fp-steps .n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--indigo);color:#fff;font-weight:700;flex:none}.fp-steps b{display:block;color:var(--deep);font-size:17px}.fp-steps span:not(.n){color:var(--muted);font-size:16px}
.fp-faq details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 18px}.fp-faq details+details{margin-top:10px}.fp-faq summary{cursor:pointer;font-weight:600;color:var(--deep)}.fp-faq p{margin-top:10px;color:var(--muted);font-size:16.5px;line-height:1.6}
.fp-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}.fp-links a{color:var(--indigo);font-weight:600}.fp-links a:hover{text-decoration:underline}
.fp-wrap .j-note{margin-top:40px}
@media(max-width:960px){.j-feat{grid-template-columns:1fr}.j-feat.two{grid-template-columns:1fr 1fr}.j-feat .big{grid-template-columns:1fr}.fp-in{grid-template-columns:1fr;gap:28px}}
@media(max-width:560px){.j-hero{padding:48px 0 44px}.j-grid{grid-template-columns:1fr}.j-body{font-size:18px;line-height:1.7}.j-search{flex-wrap:wrap;padding:10px}.j-search input{flex-basis:60%}.j-cta .btn{width:100%}.fp-exams .exams{grid-template-columns:1fr}.j-wrap{padding-bottom:48px}}
[dir=rtl] .j-body{text-align:start}