/* Dedicated AI pages share the existing study palette and local SVG icons. */
html body .ai-pages{max-width:1320px!important;padding:30px 24px 64px!important;margin:auto!important}
html body .ai-pages-hero{margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid #d8e1d4}
html body .ai-pages-hero .resources-breadcrumb{margin:0 0 24px;display:flex;gap:9px;flex-wrap:wrap;color:#6a795f;font-size:12px}
html body .ai-pages-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
html body .ai-pages-heading h1{color:#193f33;font-size:clamp(28px,4vw,46px);line-height:1.2;letter-spacing:-.04em;margin:8px 0 12px}
html body .ai-pages-heading p{color:#62735a;margin:0;max-width:680px;font-size:15px;line-height:1.8}
html body .ai-pages-heading>.btn{flex:none;display:inline-flex;align-items:center;gap:9px;min-height:44px}
html body .ai-pages-mark{display:grid;place-items:center;width:84px;height:84px;flex:none;background:#eaf0de;border:1px solid #d4dfc5;border-radius:24px;color:#28543e}
.ai-pages-mark svg{width:38px;height:38px}
html body .ai-pages .ai-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
html body .ai-pages .ai-tool-card{padding:23px;border:1px solid #dce4d4;border-radius:18px;background:#fffef9;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-decoration:none!important;transition:transform .16s,border-color .16s}
html body .ai-pages .ai-tool-card:hover{transform:translateY(-3px);border-color:#80a168;background:#f7faef}
html body .ai-pages .ai-tool-card:focus-visible{outline:3px solid #6c914f;outline-offset:3px}
html body .ai-pages .ai-tool-icon{background:#edf3e4;color:#28513b;border-radius:13px;width:46px;height:46px;display:grid;place-items:center}
html body .ai-pages .ai-tool-copy strong{color:#234834;font-size:18px}
html body .ai-pages .ai-tool-copy small{color:#6b795f;font-size:13px;line-height:1.8;display:block;margin-top:6px}
html body .ai-pages .ai-tool-state{margin-top:auto;font-size:11px;display:flex;align-items:center;gap:6px;color:#5f744b}
html body .ai-single-tool{max-width:1120px!important}
html body .ai-single-tool .ai-complete-workspace{background:#fffef9;border:1px solid #dce4d4;border-radius:20px;padding:28px;margin-top:24px;box-shadow:none}
html body .ai-single-tool .ai-workspace-head{padding:0 0 18px;border-bottom:1px solid #e1e7d8;margin-bottom:20px}
html body .ai-single-tool .ai-workspace-head h2{font-size:20px;color:#234834}
html body .ai-single-tool .ai-workspace-head p{color:#687960}
html body .ai-single-tool .ai-feature-form{gap:20px}
html body .ai-single-tool :is(input,select,textarea){max-width:100%;box-sizing:border-box;border-color:#d5dfcb;border-radius:10px;background:#fafcf5;color:#234834}
html body .ai-single-tool .ai-feature-form textarea{min-height:150px}
html body .ai-single-tool :is(input,select,textarea):focus-visible{outline:2px solid #759956;outline-offset:2px}
html body .ai-single-tool .ai-feature-form .btn{min-height:44px}
html body .ai-single-tool .ai-tool-lock-panel{padding:24px;background:#f2f6e9;border-radius:14px;line-height:1.8}
html body .ai-pages .ai-access-strip,html body .ai-pages .ai-credit-strip{border:1px solid #dce4d4;border-radius:16px;background:#eef3e6;color:#34543a;box-shadow:none}
/* v3.19.302 — AI allowance, shared by the hub and dedicated tool pages. */
html body .ai-pages .ai-allowance{--allowance-accent:#285c47;display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;margin:0 0 32px;padding:8px;border:1px solid #d7e1d1;border-radius:24px;background:#fffef9;box-shadow:0 12px 32px -24px #193f3340;overflow:hidden}
html body .ai-allowance,html body .ai-allowance *{box-sizing:border-box}
html body .ai-allowance .ai-allowance-balance{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:24px 26px;border-radius:17px;background:#1d4738;color:#f7f9ef}
html body .ai-allowance .ai-allowance-symbol{display:grid;place-items:center;width:38px;height:38px;margin-bottom:18px;border:1px solid #547461;border-radius:12px;background:#315846;color:#deedc5}
html body .ai-allowance .jpf-icon{flex:none;width:20px!important;height:20px!important}
html body .ai-allowance .ai-allowance-label{color:#d1dfc7;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.5}
html body .ai-allowance .ai-allowance-balance>strong{display:block;margin:5px 0 6px;color:#f1f6df;font-size:46px;font-weight:750;line-height:1.1;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
html body .ai-allowance .ai-allowance-balance-note{color:#d1dfc7;font-size:12px;line-height:1.5}
html body .ai-allowance .ai-allowance-detail{min-width:0;padding:20px 26px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
html body .ai-allowance .ai-allowance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
html body .ai-allowance .ai-allowance-heading h2{margin:0;color:#234834;font-size:21px;line-height:1.3;letter-spacing:-.025em}
html body .ai-allowance .ai-allowance-heading p{margin:5px 0 0;color:#66715f;font-size:13px;line-height:1.5}
html body .ai-allowance .ai-allowance-portion{display:inline-flex;align-items:center;gap:6px;flex:none;padding:7px 11px;border:1px solid #d8e2cd;border-radius:999px;background:#eff4e7;color:#375338;font-size:12px;line-height:1.4;white-space:nowrap}
html body .ai-allowance .ai-allowance-portion b{font-weight:750;font-variant-numeric:tabular-nums}
html body .ai-allowance .ai-allowance-progress-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#5e6d58;font-size:12px;line-height:1.5}
html body .ai-allowance .ai-allowance-progress-label b{color:#234834;font-size:14px;font-variant-numeric:tabular-nums}
html body .ai-allowance .ai-allowance-track{height:10px;border:1px solid #d7e0cf;border-radius:999px;overflow:hidden;background:#eaf0e1}
html body .ai-allowance .ai-allowance-track i{display:block;width:var(--ai-credit-percent,0%);height:100%;border-radius:inherit;background:var(--allowance-accent);transition:width .25s ease}
html body .ai-allowance .ai-allowance-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid #e2e8db}
html body .ai-allowance .ai-allowance-reset{display:flex;align-items:center;gap:11px;min-width:0;color:#466346}
html body .ai-allowance .ai-allowance-reset>div{min-width:0}
html body .ai-allowance .ai-allowance-reset span{display:block;font-size:11px;color:#66715f;line-height:1.5}
html body .ai-allowance .ai-allowance-reset small{font-size:inherit;font-weight:400}
html body .ai-allowance .ai-allowance-reset strong{display:block;margin-top:3px;font-size:13px;font-weight:650;line-height:1.6;color:#294b36;overflow-wrap:anywhere}
html body .ai-allowance .ai-allowance-cycle{flex:none;margin:0;color:#4e6444;font-size:12px;font-weight:650;line-height:1.6;text-align:right}
html body .ai-allowance .ai-allowance-cycle span{display:block;color:#66715f;font-size:11px;font-weight:400}
html body .ai-allowance[data-usage-level="low"]{--allowance-accent:#956721}
html body .ai-allowance[data-usage-level="full"]{--allowance-accent:#a84c3e}
html body .ai-allowance[data-usage-level="low"] .ai-allowance-balance>strong{color:#f4df9c}
html body .ai-allowance[data-usage-level="full"] .ai-allowance-balance>strong{color:#ffcabe}
@media(max-width:1000px){html body .ai-pages .ai-allowance{grid-template-columns:210px minmax(0,1fr)}html body .ai-allowance .ai-allowance-detail{padding:18px 20px}html body .ai-allowance .ai-allowance-footer{align-items:flex-start;flex-direction:column;gap:12px}html body .ai-allowance .ai-allowance-cycle{text-align:left;padding-left:31px}}
@media(max-width:600px){html body .ai-pages .ai-allowance{grid-template-columns:minmax(0,1fr);border-radius:20px;margin-bottom:24px;padding:6px}html body .ai-allowance .ai-allowance-balance{position:relative;padding:19px 20px;border-radius:14px}html body .ai-allowance .ai-allowance-symbol{position:absolute;right:18px;top:20px;margin:0}html body .ai-allowance .ai-allowance-label{padding-right:48px;font-size:10px}html body .ai-allowance .ai-allowance-balance>strong{font-size:42px}html body .ai-allowance .ai-allowance-detail{padding:20px 14px 14px;gap:22px}html body .ai-allowance .ai-allowance-heading h2{font-size:19px}html body .ai-allowance .ai-allowance-heading p{font-size:12px;max-width:150px}html body .ai-allowance .ai-allowance-portion{padding:6px 9px;font-size:11px}html body .ai-allowance .ai-allowance-footer{gap:14px}html body .ai-allowance .ai-allowance-cycle{padding-left:31px}}
@media(prefers-reduced-motion:reduce){html body .ai-allowance .ai-allowance-track i{transition:none}}
@media(max-width:900px){html body .ai-pages .ai-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html body .ai-pages{padding:20px 14px 44px!important}html body .ai-pages-heading{align-items:flex-start;flex-direction:column;gap:16px}.ai-pages-mark{display:none!important}html body .ai-pages .ai-tool-grid{grid-template-columns:1fr}html body .ai-single-tool .ai-complete-workspace{padding:18px;border-radius:15px}html body .ai-single-tool .ai-feature-form{grid-template-columns:1fr}html body .ai-single-tool .ai-wide{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html body .ai-pages .ai-tool-card{transition:none;transform:none!important}}