.first-visit-page{--fv-ink:#223a39;--fv-teal:#246b65;--fv-paper:#fffaf0;--fv-text-scale:1;background:#f4f4ec;color:var(--fv-ink)}
.first-visit-page [hidden]{display:none!important}.first-visit-page .site-header{position:relative}.first-visit-page .navbar{flex-wrap:wrap}.fv-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;margin:1.4rem auto;padding:clamp(1rem,3vw,3rem);max-width:1500px;background:#e6efdf;border-radius:24px;align-items:center}.fv-hero h1{font-size:clamp(2.6rem,5vw,5.4rem);line-height:1.05;margin:.4rem 0 1rem}.fv-hero p{font-size:1.15rem}.fv-hero figure{margin:0}.fv-hero img{width:100%;height:auto;border-radius:15px}.fv-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.3rem 0}.fv-chips span{border:1px solid #b4c6b4;border-radius:20px;padding:.35rem .7rem;font-size:.85rem}.fv-shell{width:min(1500px,96%);margin:auto}.fv-panel{padding:clamp(1.1rem,2.5vw,2.3rem);background:#fff;border:1px solid #d9dfd2;border-radius:18px;margin:1.2rem 0}.fv-panel h2{margin:.3rem 0 1rem}.fv-route{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.fv-route li{background:#f1f5ed;border-radius:12px;padding:1rem}.fv-route b,.fv-route span{display:block}.fv-route span{margin-top:.5rem}.fv-launch{display:grid;grid-template-columns:1fr minmax(240px,380px);gap:3rem;align-items:center}.fv-cover{padding:0!important;border:0!important;overflow:hidden;border-radius:4px 15px 15px 4px!important;background:#294641!important;color:#fff!important;box-shadow:-8px 0 #c4bca7,0 15px 30px #18372b30;transform:rotate(1deg)}.fv-cover img{width:100%;height:auto;display:block}.fv-cover span{display:grid;text-align:left;padding:1.5rem;border-left:10px solid #18332e}.fv-cover b{font:700 2rem Georgia,serif}.fv-cover small{margin-top:.5rem}.fv-guide summary{cursor:pointer;font-weight:700}.fv-muted{color:#52645e;font-size:.9rem}.first-visit-page button,.first-visit-page select{font:inherit}.fv-reader button,.fv-projector button,.fv-reader select{min-height:42px;padding:.45rem .8rem;border:1px solid #b3c4b7;border-radius:9px;background:#fffdf7;color:#223a39;cursor:pointer}.first-visit-page button:disabled{opacity:.42;cursor:default}.first-visit-page button:focus-visible,.first-visit-page summary:focus-visible,.first-visit-page select:focus-visible{outline:3px solid #e6a332;outline-offset:3px}.fv-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.fv-reader,.fv-projector{box-sizing:border-box;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#233a36;background:#e2e7db;overscroll-behavior:contain}.fv-reader[open],.fv-projector[open]{display:flex;flex-direction:column}.fv-reader::backdrop,.fv-projector::backdrop{background:#13251df0}.fv-reader-head,.fv-reader-foot,.fv-projector header,.fv-projector footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.65rem 1rem;flex:none}.fv-reader-head h2,.fv-projector h2{margin:0;font:700 clamp(1.1rem,2vw,1.65rem) Georgia,serif}.fv-reader-head>div,.fv-projector header>div{display:flex;gap:.4rem;flex-wrap:wrap}.fv-stages{display:flex;justify-content:center;gap:.5rem;padding:.2rem .8rem .6rem;flex:none}.fv-stages button{flex:1;max-width:250px}.fv-stages button[aria-pressed=true]{background:#255f56;color:white;border-color:#255f56}.fv-stage{min-height:0;flex:1;position:relative;margin:0 1rem;perspective:1800px}.fv-spread{height:100%;display:grid;grid-template-columns:55% 45%;border-radius:6px 14px 14px 6px;overflow:hidden;background:var(--fv-paper);box-shadow:0 6px #c6c0ad,0 9px #9eaa9b,0 12px 24px #233b3930}.fv-picture{border:0!important;border-radius:0!important;background:#eee9db!important;padding:0!important;position:relative;overflow:hidden;min-height:0;display:flex;align-items:center;justify-content:center}.fv-picture img{width:100%;height:100%;object-fit:contain}.fv-picture span{position:absolute;bottom:1rem;left:1rem;background:#173d35e8;color:white;padding:.5rem .9rem;border-radius:20px;font-size:.9rem}.fv-copy{overflow-y:auto;min-width:0;padding:clamp(1rem,2.7vw,3rem);border-left:1px solid #ddd6c5;background:linear-gradient(90deg,#ded7c470,transparent 6%),var(--fv-paper)}.fv-eyebrow{font-size:.85rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#677767;margin:0 0 1rem}.fv-prompt{font-family:Georgia,serif;font-size:calc(clamp(1.5rem,2.45vw,2.7rem)*var(--fv-text-scale));line-height:1.4;margin:0 0 1rem}.fv-question-nav{display:flex;gap:1rem;align-items:center;margin:.8rem 0}.fv-actions{display:flex;gap:.5rem;flex-wrap:wrap}.fv-copy details{margin:1.3rem 0;padding:.8rem;border:1px solid #cbd6c6;border-radius:10px}.fv-copy summary{font-weight:bold;cursor:pointer}.fv-copy details p{line-height:1.6;margin:.7rem 0}.fv-audio-row{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem 0;flex-wrap:wrap;flex:none;font-size:.85rem}.fv-audio-row audio{height:36px;width:260px;max-width:100%}.fv-audio-row label{white-space:nowrap}.fv-audio-row select{min-height:36px}.fv-reader-foot{padding-top:.4rem}.fv-reader-foot label{min-width:0}.fv-reader-foot select{width:100%;max-width:170px}.fv-leaf{display:none;position:absolute;inset:0 45% 0 0;background:#eee9db;transform-origin:right center;backface-visibility:hidden;pointer-events:none;z-index:2}.fv-leaf img{width:100%;height:100%;object-fit:contain}.fv-leaf.forward{display:block;animation:fv-turn .6s ease-in-out}.fv-leaf.backward{display:block;animation:fv-turn .6s ease-in-out reverse}@keyframes fv-turn{from{transform:rotateY(0);filter:brightness(1)}to{transform:rotateY(165deg);filter:brightness(.7)}}
.fv-projector{background:#101d1b;color:#fff}.fv-projector header{border-bottom:1px solid #ffffff25}.fv-projector footer{border-top:1px solid #ffffff25;justify-content:center;gap:1.5rem}.fv-projection-body{min-height:0;flex:1;overflow:auto;display:grid;place-items:center;padding:1rem}.fv-projection-body img{width:100%;height:100%;min-height:0;object-fit:contain}.fv-projection-body p{width:min(1200px,100%);box-sizing:border-box;font:500 clamp(1.8rem,4.5vw,5rem)/1.35 Georgia,serif;text-align:center;margin:auto;padding:1.2rem}.fv-projector.picture-mode .fv-projection-body{padding:0;overflow:hidden}.fv-projector.picture-mode footer{display:none}
@media(max-width:900px){.fv-hero{gap:1rem}.fv-route{grid-template-columns:repeat(2,1fr)}.fv-launch{gap:1.5rem}.fv-spread{grid-template-columns:52% 48%}.fv-leaf{right:48%}.fv-copy{padding:1.1rem}.fv-reader-head{padding:.4rem .7rem}.fv-prompt{font-size:calc(1.45rem*var(--fv-text-scale))}}
@media(max-width:680px){.fv-hero{grid-template-columns:1fr;margin:.7rem}.fv-hero figure{max-width:560px}.fv-launch{grid-template-columns:1fr}.fv-cover{max-width:380px;justify-self:center}.fv-reader-head h2{font-size:1rem}.fv-reader-head button,.fv-projector header button{padding:.4rem;font-size:.8rem;min-height:36px}.fv-reader-head>div{gap:.25rem}.fv-stages{gap:.25rem;padding:.2rem .4rem .4rem}.fv-stages button{font-size:.75rem;padding:.4rem .2rem;min-height:38px}.fv-stage{margin:0 .4rem;overflow-y:auto}.fv-spread{height:auto;min-height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(180px,32dvh) 1fr;overflow:visible}.fv-copy{overflow:visible;border-left:0;border-top:1px solid #ddd6c5}.fv-picture img{max-height:32dvh}.fv-picture span{bottom:.4rem;left:.4rem;font-size:.75rem}.fv-leaf{inset:0}.fv-audio-row{padding:.5rem .5rem 0;gap:.4rem}.fv-audio-row audio{width:175px}.fv-audio-row button{font-size:.75rem;padding:.3rem;min-height:34px}.fv-audio-row select{padding:.25rem;min-height:34px}.fv-audio-row #fvAudioStatus:empty{display:none}.fv-reader-foot{padding:.4rem;gap:.35rem}.fv-reader-foot button,.fv-reader-foot select{font-size:.8rem;padding:.4rem;min-height:38px}.fv-projector header{flex-wrap:wrap;padding:.5rem}.fv-projector footer{gap:.5rem;padding:.5rem;font-size:.8rem}.fv-projector footer button{padding:.4rem}.fv-projection-body p{padding:.5rem}}
@media(max-height:540px) and (min-width:681px){.fv-reader-head{padding:.3rem .7rem}.fv-reader-head button,.fv-stages button{min-height:32px;padding:.25rem .6rem}.fv-audio-row{padding:.3rem .7rem 0}.fv-copy{padding:.8rem 1.2rem}.fv-reader-foot{padding:.25rem .7rem}.fv-reader-foot button,.fv-reader-foot select{min-height:32px;padding:.25rem .6rem}}
@media(prefers-reduced-motion:reduce){.fv-leaf.forward,.fv-leaf.backward{animation:none;display:none}.fv-cover{transform:none}}
/* Keep shared course navigation and the hero inside narrow viewports. */
.first-visit-page .nav-links{flex-wrap:wrap;min-width:0;max-width:100%;gap:.5rem 1rem;padding-left:0}
.first-visit-page .fv-hero{box-sizing:border-box;width:calc(100% - 1.4rem);margin-left:auto;margin-right:auto}
.first-visit-page .fv-hero .ie2-grammar-hero-copy{display:block;color:#223a39;min-width:0}
.first-visit-page .fv-hero h1,.first-visit-page .fv-hero p{color:#223a39}
.first-visit-page .intermediate2-kicker{color:#426b4f;background:transparent;padding:0;font-size:.8rem}
.first-visit-page .fv-hero .jl-page-qr-open img{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;border-radius:0}