.japanese-grammar *{box-sizing:border-box}.japanese-grammar p{margin:.4rem 0}.japanese-grammar header>p{margin:1rem 0}.japanese-grammar .page-header{line-height:1.2;text-wrap:balance}.japanese-grammar .eyebrow,.japanese-grammar .label{font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-1)}.japanese-grammar .eyebrow{display:block;margin-top:3rem}.japanese-grammar .eyebrow+.page-header{margin-top:1rem}.japanese-grammar .intro{font-size:1.1rem}.japanese-grammar .notes,.japanese-grammar .translation,.japanese-grammar .card-description,.japanese-grammar .vocabulary,.japanese-grammar .card-footer,.japanese-grammar footer{color:var(--text-1);font-size:.9rem}.japanese-grammar button,.japanese-grammar input,.japanese-grammar select{font:inherit;color:var(--text-0)}.japanese-grammar button,.japanese-grammar select,.japanese-grammar summary{cursor:pointer}.japanese-grammar button,.japanese-grammar input,.japanese-grammar select{background:var(--bg-0);border:1px solid var(--border-color);border-radius:4px;padding:.6rem .8rem;min-height:44px}.japanese-grammar button:hover{background:var(--bg-2)}.japanese-grammar :focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.japanese-grammar .controls{padding:1.25rem;background:var(--bg-1);border:1px solid var(--border-color);border-radius:6px;margin:2rem 0 1rem}.japanese-grammar .fields{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem}.japanese-grammar .field{min-width:0}.japanese-grammar .field label{display:block;font-size:.85rem;margin-bottom:.4rem}.japanese-grammar input,.japanese-grammar select{width:100%;min-width:0}.japanese-grammar .buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.japanese-grammar .result{align-self:center;font-size:.85rem;font-variant-numeric:tabular-nums}.japanese-grammar .grammar-sections{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:.5rem 1rem;margin:1rem 0 2rem;font-size:.85rem}.japanese-grammar h2>span{color:var(--text-1);font-size:.85rem;font-weight:normal}.japanese-grammar .card{border:1px solid var(--border-color);border-radius:6px;margin:.75rem 0;scroll-margin-top:1rem}.japanese-grammar .card>summary{padding:1rem 3rem 1rem 1.25rem;list-style:none;position:relative;border-radius:5px}.japanese-grammar .card>summary::-webkit-details-marker{display:none}.japanese-grammar .card>summary::after{content:"+";position:absolute;right:1.25rem;top:1rem;color:var(--primary-color);font-size:1.25rem}.japanese-grammar .card[open]>summary::after{content:"−"}.japanese-grammar .card>summary:hover{background:var(--bg-1)}.japanese-grammar .card[open]>summary{border-bottom:1px solid var(--border-color)}.japanese-grammar .card-title{display:block;font-family:var(--header-font);font-weight:600}.japanese-grammar .card-description{display:block;margin-top:.25rem}.japanese-grammar .card-body{padding:1.25rem}.japanese-grammar .pattern{background:var(--bg-1);border-radius:4px;padding:.75rem 1rem}.japanese-grammar .pattern p,.japanese-grammar .tip p{line-height:1.8}.japanese-grammar .example{padding:.8rem 0;border-bottom:1px solid var(--border-color)}.japanese-grammar .japanese{font-size:1.2rem;line-height:1.8;overflow-wrap:anywhere}.japanese-grammar .tip{border-left:3px solid var(--primary-color);padding-left:1rem;margin:1.25rem 0}.japanese-grammar .vocabulary{margin-top:1rem}.japanese-grammar .vocabulary summary{padding:.5rem 0}.japanese-grammar .vocabulary ul{columns:2;padding-left:1.25rem}.japanese-grammar .vocabulary li{break-inside:avoid}.japanese-grammar .card-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1rem}.japanese-grammar .empty{padding:2rem;border:1px dashed var(--border-color);text-align:center}.japanese-grammar footer{border-top:1px solid var(--border-color);margin-top:3rem;padding-top:1.5rem}.japanese-grammar .word{display:inline;font:inherit;color:inherit;background:rgba(0,0,0,0);border:0;border-radius:3px;padding:0;margin:0;min-height:0;cursor:help;text-decoration:underline dotted var(--text-2);text-underline-offset:.22em}.japanese-grammar .word:hover,.japanese-grammar .word[aria-expanded=true]{background:var(--bg-2)}.japanese-grammar #word-popup{position:fixed;z-index:1000;max-width:min(320px,100vw - 20px);padding:.75rem 1rem;background:var(--bg-1);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 6px 24px rgba(0,0,0,.15);overflow-wrap:anywhere}.japanese-grammar #word-romaji{display:block;font-size:1.15rem;font-weight:600}.japanese-grammar #word-kana{display:block;color:var(--text-1);font-size:.85rem;margin:.25rem 0 .5rem}.japanese-grammar #word-jisho{display:inline-block;padding:.5rem 0;font-size:.85rem}.japanese-grammar [hidden]{display:none !important}@media (max-width: 600px){.japanese-grammar .fields{grid-template-columns:1fr}.japanese-grammar .controls,.japanese-grammar .card-body{padding:1rem}.japanese-grammar .vocabulary ul{columns:1}.japanese-grammar .result{width:100%}}@media print{@page{size:A4;margin:14mm}body{display:block;background:#fff;color:#000}body>.left-content,body>.right-content,.content>nav{display:none}.japanese-grammar .controls,.japanese-grammar nav,.japanese-grammar .vocabulary,.japanese-grammar .card-footer,.japanese-grammar .card>summary::after,.japanese-grammar footer,.japanese-grammar .screen-note,.japanese-grammar #word-popup{display:none !important}.japanese-grammar .card{break-inside:avoid;border-color:#bbb}.japanese-grammar .card>summary,.japanese-grammar .card-body{padding:.5rem .75rem}.japanese-grammar .word{text-decoration:none;background:rgba(0,0,0,0) !important;color:inherit}.japanese-grammar h2{break-after:avoid}}