@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Libre+Baskerville:wght@400;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{--paper:#f7f5f0;--ink:#272322;--muted:#625d57;--red:#a13732;--green:#244f40;--line:#ddd8ce;--white:#fff;--display:'Cormorant Garamond',Georgia,serif;--body:'Libre Baskerville',Georgia,serif;--ui:'Noto Sans JP',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.75 var(--body)}a{color:inherit}button,input,select{font:inherit}button,a.button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1200px;margin:auto;padding:0 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--ink);font:700 1.75rem/1 var(--display);letter-spacing:.08em}.brand:visited{color:var(--ink)}.brand img{width:58px;height:58px;object-fit:contain}.brand small{display:block;font: .75rem/1.5 var(--ui);letter-spacing:0;color:var(--muted);margin-top:6px}.topbar nav{display:flex;gap:22px;font:.875rem var(--ui)}.topbar nav a{text-decoration:none}.topbar nav a:hover{text-decoration:underline}main{padding:36px 0 50px;min-height:65vh}.breadcrumb{font:.875rem/1.6 var(--ui);color:var(--muted);margin:0 0 24px}.eyebrow{font:700 .75rem var(--ui);letter-spacing:.12em;color:var(--red);text-transform:uppercase;margin:0 0 12px}h1,h2,h3{font-family:var(--display);line-height:1.12;font-weight:600;margin:0}h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.025em}h2{font-size:2rem}h3{font-size:1.6rem}.intro{max-width:760px;color:var(--muted);margin:16px 0 24px}.opening{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;margin-bottom:30px}.opening .button{white-space:nowrap}.button,button{display:inline-block;padding:12px 19px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);font:600 .875rem/1.6 var(--ui);text-decoration:none}.primary{background:var(--red);border-color:var(--red);color:white}.primary:hover{background:#842723}.quiet{background:transparent}.levels,.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 32px}.level-card,.collection-card{display:flex;flex-direction:column;padding:25px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);text-decoration:none;transition:box-shadow .15s}.level-card:hover,.collection-card:hover{box-shadow:0 8px 24px #2723220d}.level-card.draft{border-top-color:var(--muted)}.level-code{font:600 2.6rem/1 var(--display);color:var(--red)}.level-card p,.collection-card p{color:var(--muted);font-size:.875rem;margin:12px 0 20px}.card-meta{font:.8125rem var(--ui);color:var(--muted);margin-top:auto}.collection-card h2{font-size:1.8rem}.badge{font:.75rem/1.5 var(--ui);background:#eeeae2;padding:3px 8px;display:inline-block;border-radius:3px}.stats{display:flex;gap:28px;flex-wrap:wrap;font:.875rem var(--ui);color:var(--muted);margin:24px 0}.stats b{display:block;font:600 2rem var(--display);color:var(--ink)}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;border-top:1px solid var(--line);padding-top:25px}.help-grid p{color:var(--muted);font-size:.875rem}.help-grid h3{font-size:1.6rem}.note{color:var(--muted);font:.8125rem/1.75 var(--ui)}.editorial{margin:38px 0;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.editorial p{max-width:850px}.lesson-invite{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 0;border-top:1px solid var(--line);margin-top:38px}.lesson-invite p{color:var(--muted);font-size:.875rem;max-width:690px;margin-bottom:0}.lesson-invite a{white-space:nowrap}.setup{padding:24px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);margin:24px 0}.setup h2{margin-bottom:20px}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}label{display:block;font:600 .875rem/1.6 var(--ui)}input,select{width:100%;padding:12px;border:1px solid #c9c2b7;border-radius:4px;background:#fff;color:var(--ink);font:1rem/1.5 var(--ui);margin-top:7px}.setup-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}.setup-actions p{margin:0}.catalogue-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 16px}.search-label{max-width:420px;flex:1}.catalogue{display:grid;grid-template-columns:1fr 1fr;gap:12px}.entry{border:1px solid var(--line);background:#fff;border-radius:5px;padding:18px 20px}.entry summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:6px;align-items:baseline}.entry summary::-webkit-details-marker{display:none}.entry summary:after{content:'Esempio e dettagli';font:.75rem var(--ui);color:var(--red);grid-column:1/-1}.entry-term{font:500 1.4rem var(--ui)}.entry-meaning{font-size:.875rem;color:var(--muted)}.entry-content{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.reading{font:1.15rem/1.75 var(--ui);color:var(--red)}.jp{font-family:var(--ui)}.example{background:var(--paper);padding:16px;border-radius:4px;font:1rem/2 var(--ui);overflow-wrap:anywhere}.example small{display:block;font:.875rem/1.8 var(--body);color:var(--muted);margin-top:8px}.example rt{font-size:.62em}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;margin:24px 0;font:.875rem var(--ui)}.practice{max-width:760px;margin:auto}.practice-head{display:flex;justify-content:space-between;gap:20px;align-items:center;font:.875rem var(--ui)}.practice-head h2{font-size:2rem}.progress{height:4px;background:var(--line);margin:20px 0 25px}.progress div{height:100%;background:var(--red)}.flashcard{border:1px solid var(--line);background:#fff;min-height:300px;padding:35px;text-align:center;border-radius:8px}.task-label{font:.875rem var(--ui);color:var(--muted)}.word{font:500 clamp(2.5rem,8vw,4rem)/1.5 var(--ui);margin:25px 0 15px;overflow-wrap:anywhere}.word rt{font-size:.34em}.word.reverse{font:600 2.1rem/1.3 var(--display)}.answer{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.answer h3{margin:12px 0 18px}.answer .example{text-align:left}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.actions button{flex:1;max-width:230px}.actions .again{background:#f6e8e4;border-color:#dcb7ab}.practice .back{font:.875rem var(--ui)}.empty{text-align:center;padding:30px;border:1px solid var(--line);background:#fff}.success{padding:32px;border:1px solid var(--line);background:#fff;text-align:center}.success h1{font-size:2.6rem}.big{font:600 4rem var(--display);color:var(--red)}footer{border-top:1px solid var(--line);padding:26px 0 35px;color:var(--muted);font:.8125rem/1.8 var(--ui)}.footer-links{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links a{margin-right:18px}footer details{max-width:800px;margin-top:18px}footer input{max-width:360px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--ink);color:#fff;padding:12px 18px;border-radius:6px;z-index:5;font:.875rem/1.6 var(--ui)}.article{max-width:850px}.article h2{margin:32px 0 14px}.article li{margin:8px 0}.quick-links{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}.no-js{font:.875rem var(--ui)}@media(max-width:850px){.levels,.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.opening{grid-template-columns:1fr;gap:0}.opening .button{justify-self:start}.control-grid{grid-template-columns:1fr 1fr}.control-grid label:last-child{grid-column:1/-1}.lesson-invite{display:block}.lesson-invite a{margin-top:20px}.topbar nav{gap:12px}.catalogue{grid-template-columns:1fr}}@media(max-width:560px){.shell{padding:0 18px}.topbar{min-height:85px;align-items:center;gap:12px}.brand{font-size:1.35rem;gap:8px}.brand img{width:44px;height:44px}.brand small{font-size:.75rem;max-width:170px}.topbar nav{display:grid;gap:7px;font:.8125rem}.levels,.categories{gap:10px}.level-card,.collection-card{padding:18px 14px}.collection-card h2{font-size:1.5rem}.help-grid,.control-grid{grid-template-columns:1fr}.control-grid label:last-child{grid-column:auto}.setup{padding:19px}.catalogue-head{display:block}.search-label{margin-top:18px}.entry summary{grid-template-columns:1fr}.flashcard{padding:26px 20px}.actions button{padding:12px 10px}.practice-head{align-items:start}.stats{gap:18px}.lesson-invite a{white-space:normal}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}