/* Shared vocabulary, idiom and grammar library presentation. */
.ess-library-studio #main .hs-library-hero{padding:24px 0 0;background:var(--hs-wash);border-bottom:1px solid var(--hs-line)}
.ess-library-studio #main .hs-library-breadcrumb{display:flex;gap:12px;align-items:center;margin-bottom:26px;font-size:13px;color:var(--hs-muted)}
.ess-library-studio #main .hs-library-breadcrumb a{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline}
.ess-library-studio #main .hs-library-hero h1{max-width:810px;font-size:clamp(34px,4vw,52px);margin-bottom:18px}
.ess-library-studio #main .hs-library-hero .hs-lead{max-width:700px;margin-bottom:26px}
.ess-library-studio #main .hs-library-tabs{display:flex;gap:10px;margin:0;flex-wrap:wrap}
.ess-library-studio #main .hs-library-tabs a{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;min-height:50px;font-size:15px;font-weight:650;white-space:nowrap;border-bottom:3px solid transparent}
.ess-library-studio #main .hs-library-tabs a[aria-current=page]{color:var(--hs-pink);border-bottom-color:var(--hs-pink);background:#fff;border-radius:6px 6px 0 0}
.ess-library-studio #main .hs-library-content{padding-block:32px 60px}
.ess-library-studio #main .hs-library-search{margin:0 0 16px}
.ess-library-studio #main .hs-library-fields{display:flex;gap:12px;align-items:end}
.ess-library-studio #main .hs-library-query{flex:1;min-width:0}
.ess-library-studio #main .hs-library-level{flex:0 1 200px;min-width:130px}
.ess-library-studio #main .hs-library-search label{display:block;font:650 14px/1.5 system-ui,sans-serif;margin-bottom:8px;color:var(--hs-ink)}
.ess-library-studio #main .hs-library-search :is(input[type=search],select){display:block;width:100%;min-width:0;min-height:50px;height:auto;padding:12px 14px;margin:0;box-sizing:border-box;background:#fff;border:1px solid #809c9d;border-radius:8px;font:400 16px/1.4 system-ui,sans-serif;color:var(--hs-ink);box-shadow:none}
.ess-library-studio #main .hs-library-search input::placeholder{color:var(--hs-muted);opacity:1}
.ess-library-studio #main .hs-library-search select:focus-visible{outline:3px solid var(--hs-pink);outline-offset:4px}
.ess-library-studio #main .hs-library-fields .hs-button{min-height:50px;flex-shrink:0}
.ess-library-studio #main #hs-library-hint{font-size:13px;color:var(--hs-muted);margin:10px 0 0;line-height:1.6}
.ess-library-studio #main .hs-library-clear{display:inline-flex;align-items:center;min-height:44px;margin-left:8px;text-decoration:underline;font-weight:650}
.ess-library-studio #main .hs-library-context{font-size:15px;padding:14px 18px;background:var(--hs-wash);border-radius:8px}
.ess-library-studio #main .hs-library-alphabet{margin:16px 0;border-block:1px solid var(--hs-line)}
.ess-library-studio #main .hs-library-alphabet summary{padding:14px 0;min-height:50px;font-size:15px}
.ess-library-studio #main .hs-library-alphabet nav{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:18px}
.ess-library-studio #main .hs-library-alphabet a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:7px 12px;border:1px solid var(--hs-line);border-radius:6px;background:#fff;font-size:15px}
.ess-library-studio #main .hs-library-alphabet a[aria-current=true]{color:#fff;background:var(--hs-teal);border-color:var(--hs-teal)}
.ess-library-studio #main .hs-library-results-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:24px 0 20px;font-size:14px}
.ess-library-studio #main .hs-library-results-bar p{font-size:14px;margin:0;font-weight:650}
.ess-library-studio #main .hs-library-results-bar p span{display:inline-block;margin-left:14px;font-weight:400;color:var(--hs-muted)}
.ess-library-studio #main .hs-library-note{font-size:13px;color:var(--hs-muted)}
.ess-library-studio #main .hs-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ess-library-studio #main .hs-library-card{display:flex;flex-direction:column;align-items:start;min-width:0;border:1px solid var(--hs-line);border-radius:12px;padding:26px;background:#fff}
.ess-library-studio #main .hs-library-card .hs-level{margin-bottom:14px}
.ess-library-studio #main .hs-library-card h2{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin-bottom:14px;width:100%}
.ess-library-studio #main .hs-library-card h2 a{color:var(--hs-ink);display:flex;align-items:center;min-height:44px}
.ess-library-studio #main .hs-library-card p{font-size:15px;line-height:1.7;color:var(--hs-muted);margin-bottom:18px}
.ess-library-studio #main .hs-library-card .hs-library-ipa{font-size:14px;line-height:1.6;margin-top:-4px;margin-bottom:16px;color:var(--hs-teal)}
.ess-library-studio #main .hs-library-ipa span{font:650 10px/1.5 system-ui,sans-serif;letter-spacing:.08em;margin-right:5px;color:var(--hs-muted)}
.ess-library-studio #main .hs-library-card>.hs-text-link{margin-top:auto;gap:16px}
.ess-library-studio #main .hs-library-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:32px 0}
.ess-library-studio #main .hs-library-pagination .page-numbers{min-width:44px;min-height:44px;display:inline-flex;justify-content:center;align-items:center;padding:8px 14px;background:#fff;border:1px solid var(--hs-line);border-radius:6px;font-size:14px}
.ess-library-studio #main .hs-library-pagination .current{background:var(--hs-teal);color:#fff;border-color:var(--hs-teal)}
.ess-library-studio #main .hs-library-pagination .dots{border-color:transparent;padding-inline:4px;min-width:20px}
.ess-library-studio #main .hs-library-empty{padding:28px;border:1px solid var(--hs-line);border-radius:12px;background:var(--hs-wash)}
.ess-library-studio #main .hs-library-empty h2{font-size:28px}
.ess-library-studio #main .hs-library-extra{margin-top:40px}
.ess-library-studio #main .ess-learning-directory{padding:12px 20px;background:var(--hs-wash);border:1px solid var(--hs-line);border-radius:10px}
.ess-library-studio #main .ess-learning-directory ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px;list-style:none;padding:0;margin:12px 0}
.ess-library-studio #main .ess-learning-directory a{display:flex;align-items:center;min-height:44px;text-decoration:underline}
.ess-library-studio #main .ess-idiom-topics{margin-top:48px;padding:0;border:0;background:none}
.ess-library-studio #main .ess-idiom-topics>p{max-width:760px;color:var(--hs-muted)}
.ess-library-studio #main .ess-idiom-topics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ess-library-studio #main .ess-idiom-topic{padding:26px;background:var(--hs-wash);border:1px solid var(--hs-line);border-radius:12px}
.ess-library-studio #main .ess-idiom-topic p{font-size:15px}
.ess-library-studio #main .ess-idiom-topic ul{padding-left:20px;margin:0 0 20px}
.ess-library-studio #main .ess-idiom-topic li a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-decoration:underline}
.ess-library-studio #main .hs-library-onward{margin-top:48px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;background:var(--hs-wash);border-radius:12px;border:1px solid var(--hs-line)}
.ess-library-studio #main .hs-library-onward h2{font-size:30px}
.ess-library-studio #main .hs-library-onward p:not(.hs-kicker){font-size:15px;max-width:540px;color:var(--hs-muted);margin:0}
.ess-library-studio #main .hs-library-actions{display:flex;flex-direction:column;align-items:start;gap:10px}
@media(max-width:1000px){.ess-library-studio #main .hs-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ess-library-studio #main .hs-library-hero{padding-top:12px}.ess-library-studio #main .hs-library-breadcrumb{margin-bottom:18px}.ess-library-studio #main .hs-library-hero .hs-lead{font-size:16px}.ess-library-studio #main .hs-library-tabs{gap:4px}.ess-library-studio #main .hs-library-tabs a{flex:1;padding:12px 14px}.ess-library-studio #main .hs-library-content{padding-top:24px}.ess-library-studio #main .hs-library-fields{flex-wrap:wrap}.ess-library-studio #main .hs-library-query{flex-basis:100%}.ess-library-studio #main .hs-library-level{flex:1 1 100%}.ess-library-studio #main .hs-library-fields .hs-button{width:100%}.ess-library-studio #main :is(.hs-library-grid,.ess-idiom-topics-grid){grid-template-columns:1fr}.ess-library-studio #main .hs-library-card{padding:24px}.ess-library-studio #main .hs-library-card h2{font-size:25px}.ess-library-studio #main .ess-learning-directory ul{grid-template-columns:1fr}.ess-library-studio #main .hs-library-onward{grid-template-columns:1fr;padding:24px;gap:20px}.ess-library-studio #main .hs-library-actions{align-items:stretch}.ess-library-studio #main .hs-library-actions .hs-text-link{justify-content:center}}
@media(max-width:400px){.ess-library-studio #main .hs-library-tabs a{padding-inline:8px;font-size:14px}}