.page{flex-direction:column;gap:2rem;max-width:820px;min-height:100vh;margin:0 auto;padding:1rem 1rem 2rem;display:flex}.site-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.site-nav .brand{color:var(--fg);font-size:1.1rem;font-weight:800;text-decoration:none}.site-links{align-items:center;gap:1rem;font-weight:600;display:flex}.site-links a:not(.btn){color:var(--fg);text-decoration:none}.stories-index,.story{flex-direction:column;flex:1;gap:1.5rem;display:flex}.lead{font-size:1.05rem}.level-group h2,.story-grammar h2,.cta h2{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.2rem;display:flex}.story-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.story-card{height:100%;color:inherit;flex-direction:column;gap:.25rem;text-decoration:none;display:flex}.story-card strong{font-size:1.1rem}.story-card:hover,.story-pager a:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.crumbs a{color:inherit}.story-head{flex-direction:column;gap:.4rem;display:flex}.story-head h1{font-size:2rem}.story-text{flex-direction:column;gap:1rem;padding:1.25rem 1.4rem;font-size:1.15rem;line-height:1.95;display:flex}.story-sentence{transition:background-color .4s var(--ease);border-radius:4px;scroll-margin-top:30vh}.story-sentence:target{background:color-mix(in srgb, var(--warning) 22%, transparent)}.sentence-ref{margin:0 .1rem 0 .05rem;font-size:.62em;font-weight:700;line-height:0}.sentence-ref a{color:var(--muted);padding:0 .15rem;text-decoration:none}.sentence-ref a:hover,.sentence-ref a:focus-visible{color:var(--primary);text-decoration:underline}.analysis .sentence{scroll-margin-top:1rem}.analysis .sentence:target{border-radius:var(--radius-sm);box-shadow:-.75rem 0 0 0 color-mix(in srgb, var(--primary) 30%, transparent)}.back-to-text{float:right;margin-left:.75rem;font-size:.8rem;font-weight:600;text-decoration:none}.back-to-text:hover{text-decoration:underline}.story-image{border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:var(--shadow-sm)}.story-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);width:100%;height:auto;margin-bottom:.5rem}.story-translation summary{cursor:pointer;font-weight:700}.story-translation p{color:var(--muted);margin-top:.75rem}.cta{background:var(--primary-soft);flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 1.4rem;display:flex}.cta h2{margin:0}.story-pager{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.story-pager a{color:inherit;flex-wrap:wrap;align-items:center;gap:.4rem;text-decoration:none;display:flex}.story-pager .next{text-align:right;justify-content:flex-end}.site-footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;font-size:.9rem;display:flex}.footer-links{flex-wrap:wrap;gap:1rem;display:flex}.footer-theme{min-width:220px}.site-links [data-mount=theme-toggle]{display:inline-flex}.site-footer a{color:inherit}@media (width<=560px){.story-head h1{font-size:1.6rem}.story-pager{grid-template-columns:1fr}}
