/* EnTree BAR — official PDF language selector */
:root{color-scheme:dark;--bg:#123e32;--bg2:#174b3c;--pale:#e1dfd4;--gold:#c5aa76;--muted:#aabbb1;--line:rgba(197,170,118,.27)}
*{box-sizing:border-box}html{width:100%;max-width:100%;min-width:0;overflow-x:hidden;background:var(--bg);scroll-behavior:smooth}body{margin:0;width:100%;max-width:100%;min-height:100svh;min-width:0;overflow-x:hidden;display:grid;place-items:center;padding:clamp(18px,4.5vw,44px);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--pale);background:radial-gradient(ellipse at 48% 5%,#235c48 0%,#174b3c 42%,#103a2e 100%);-webkit-font-smoothing:antialiased}
/* Background glows are painted INSIDE the viewport; never create off-screen boxes. */
.ambient{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;border:0;border-radius:0;filter:none;z-index:0}
.ambient--one{background:radial-gradient(circle 220px at 0% 0%,rgba(210,193,150,.09),transparent 75%)}
.ambient--two{background:radial-gradient(circle 220px at 100% 100%,rgba(210,193,150,.075),transparent 75%)}
.shell{position:relative;isolation:isolate;width:min(100%,620px);margin:auto;padding:clamp(30px,7vw,62px) clamp(19px,6vw,56px) clamp(28px,5vw,43px);border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.065),rgba(0,0,0,.11) 64%);box-shadow:0 28px 95px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.06);text-align:center;max-width:100%}
.shell::before{content:"";position:absolute;inset:11px;border:1px solid rgba(197,170,118,.13);border-radius:12px;pointer-events:none}.corner{position:absolute;width:25px;height:25px;border-color:var(--gold);opacity:.6;pointer-events:none}.corner--tl{left:18px;top:18px;border-left:1px solid;border-top:1px solid}.corner--br{right:18px;bottom:18px;border-right:1px solid;border-bottom:1px solid}
.logo{display:block;width:clamp(125px,30vw,164px);height:auto;max-width:45%;margin:0 auto 12px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(0,0,0,.18))}.brand-line{width:58px;height:1px;background:var(--gold);margin:0 auto 22px;opacity:.75}.eyebrow{margin:0;color:var(--gold);font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:650}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em;font-size:clamp(29px,5vw,41px);line-height:1.22;margin:16px auto 14px;max-width:510px;text-wrap:balance;text-shadow:0 2px 5px rgba(0,0,0,.18)}.serif-accent{color:var(--gold);font-weight:400}.intro{margin:0 auto 30px;font-size:clamp(13px,2.5vw,15px);line-height:1.75;color:var(--muted)}
.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;text-align:left}.language-card{min-width:0;position:relative;display:flex;align-items:center;gap:13px;min-height:105px;padding:19px 17px;border:1px solid rgba(197,170,118,.45);border-radius:12px;color:var(--pale);text-decoration:none;background:linear-gradient(135deg,rgba(217,195,144,.11),rgba(0,0,0,.13));transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.language-card:hover{transform:translateY(-3px);background:linear-gradient(135deg,rgba(217,195,144,.17),rgba(0,0,0,.10));border-color:var(--gold);box-shadow:0 10px 25px rgba(0,0,0,.14)}.language-card:focus-visible{outline:2px solid #e9d5a8;outline-offset:4px}.flag{display:grid;flex:none;place-items:center;width:41px;height:41px;border:1px solid rgba(197,170,118,.48);border-radius:50%;font-family:Georgia,serif;color:var(--gold);font-size:14px;font-weight:700}.language-copy{min-width:0;flex:1}.language-copy strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,2.7vw,24px);font-weight:500;line-height:1.2}.language-copy small{display:block;margin-top:8px;font-size:11px;color:var(--muted);line-height:1.3}.launch{flex:none;color:var(--gold);align-self:flex-start;opacity:.9}
.hint{margin:23px auto 0;color:var(--muted);font-size:11px;line-height:1.65}footer{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:32px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:10px}footer .footer-rule{display:block;flex:0 1 52px;max-width:52px;height:1px;background:var(--line)}.footer-dot{opacity:.55}
@media(max-width:490px){body{padding:16px}.shell{padding:34px 18px 31px}.shell::before{inset:8px}.logo{max-width:55%}.language-grid{grid-template-columns:1fr;gap:12px}.language-card{min-height:76px;padding:14px 17px}.hint{margin-top:20px}.corner--tl{left:14px;top:14px}.corner--br{right:14px;bottom:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Mobile overflow hardening. No sideways scrolling at any viewport size. */
main,header,nav,footer,.language-card,.language-copy{min-width:0;max-width:100%}
.shell{min-width:0;overflow:hidden}
h1,.intro,.hint,.eyebrow,.language-copy,.language-copy strong,.language-copy small{overflow-wrap:anywhere}
.language-grid{width:100%;min-width:0}
.language-card{width:100%;min-width:0}
.language-copy{overflow:hidden}
footer{min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}
@media(max-width:360px){
 body{padding:12px}
 .shell{padding:32px 14px 26px;border-radius:16px}
 h1{font-size:clamp(25px,8vw,30px)}
 .language-card{gap:10px;padding:12px;min-height:72px}
 .flag{width:36px;height:36px}
 .launch{width:18px;height:18px}
 footer{gap:7px;font-size:9px;letter-spacing:.09em}
 footer .footer-rule{flex-basis:20px}
}