.home-hero{gap:var(--space-12);padding-block:var(--space-20);border-bottom:1px solid var(--color-rule);grid-template-columns:minmax(0,1.5fr) minmax(16rem,.7fr);align-items:end;display:grid}.home-hero h1{max-width:12ch;margin:var(--space-3) 0 var(--space-5);font-size:var(--text-hero);line-height:var(--leading-hero);letter-spacing:var(--tracking-hero);text-wrap:balance;word-break:keep-all}.home-hero__description{max-width:56ch;color:var(--color-muted);font-size:var(--text-body);line-height:var(--leading-reading);word-break:keep-all;margin:0}.home-hero__aside{gap:var(--space-4);display:grid}.home-hero__mascot{object-fit:contain;width:148px;height:148px;margin-left:auto}.story-section{padding-top:var(--space-16)}.story-section__heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-ink);display:flex}.story-section__heading h2{font-size:var(--text-section);line-height:var(--leading-tight);letter-spacing:var(--tracking-section);margin:0}.story-section__heading span{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.story-feed{margin:0;padding:0;list-style:none}.story-card{gap:var(--space-6);padding-block:var(--space-10);border-bottom:1px solid var(--color-rule);grid-template-columns:4rem minmax(0,1fr);display:grid}.story-card__number{color:var(--color-muted);font-size:var(--text-index);font-variant-numeric:tabular-nums;line-height:var(--leading-flat)}.story-card__meta{gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}.story-card h2{font-size:var(--text-section);line-height:var(--leading-tight);letter-spacing:var(--tracking-section);text-wrap:balance;word-break:keep-all;margin:0}.story-card h2 a{align-items:center;min-height:44px;text-decoration-color:#0000;transition:color .14s ease-out,text-decoration-color .14s ease-out;display:inline-flex}.story-card h2 a:hover{color:var(--color-action);text-decoration-color:currentColor}.story-card__description{max-width:60ch;margin:var(--space-3) 0 var(--space-6);color:var(--color-muted);line-height:var(--leading-card);word-break:keep-all}.story-card__preview{gap:var(--space-2);max-width:var(--reading-width);padding:var(--space-5);background:var(--color-surface-soft);border-left:3px solid var(--color-pinyin);font-family:var(--font-cjk);line-height:var(--leading-compact);display:grid}.story-card__preview>span{overflow-wrap:break-word;word-break:keep-all;min-width:0;max-width:100%}.story-card__romanization{color:var(--color-pinyin);font-family:var(--font-ui)}.home-ad{margin-top:var(--space-12)}.dynamic-stories{padding-block:var(--space-16);border-top:1px solid var(--color-ink)}.dynamic-stories [hidden]{display:none}.dynamic-stories__intro{gap:var(--space-6);padding:var(--space-8);background:var(--color-surface-soft);border:1px solid var(--color-rule);border-radius:var(--radius-card);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.dynamic-stories__intro h2{margin:var(--space-2) 0 var(--space-3);font-size:var(--text-section);line-height:var(--leading-tight);letter-spacing:var(--tracking-section);outline:none}.dynamic-stories__intro h2:focus-visible{outline:2px solid var(--color-action);outline-offset:var(--space-2)}.dynamic-stories__intro p:last-child{max-width:58ch;color:var(--color-muted);line-height:var(--leading-card);word-break:keep-all;margin:0}.dynamic-stories__status{min-height:var(--space-6);margin:var(--space-5) 0 0;color:var(--color-muted);line-height:var(--leading-card)}.dynamic-pagination{gap:var(--space-4);padding-top:var(--space-8);grid-template-columns:minmax(7rem,1fr) auto minmax(7rem,1fr);align-items:center;display:grid}.dynamic-pagination>span{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center}.dynamic-pagination>button{width:100%;max-width:10rem}.dynamic-pagination>button:last-child{justify-self:end}.pagination{gap:var(--space-4);padding-block:var(--space-10) var(--space-16);grid-template-columns:minmax(5rem,1fr) auto minmax(5rem,1fr);align-items:center;display:grid}.pagination>a:last-child{justify-self:end}.pagination ol{justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pagination .pagination__link{min-width:44px;min-height:44px;padding-inline:var(--space-2);border-radius:var(--radius-control);color:var(--color-action);font-weight:var(--weight-bold);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.pagination .pagination__link:hover{border-color:var(--color-action)}.pagination .pagination__link[aria-current=page]{color:var(--color-surface);background:var(--color-action)}@media (width<=767px){.home-hero{gap:var(--space-8);padding-block:var(--space-12);grid-template-columns:minmax(0,1fr)}.home-hero__aside{grid-template-columns:minmax(0,1fr) 96px;align-items:end}.home-hero__mascot{width:96px;height:96px}.story-card{gap:var(--space-3);padding-block:var(--space-8);grid-template-columns:2.5rem minmax(0,1fr)}.story-card__number{font-size:var(--text-index-mobile)}.pagination{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pagination ol{grid-area:1/1/auto/-1}.dynamic-stories__intro{padding:var(--space-6);grid-template-columns:minmax(0,1fr)}.dynamic-stories__intro .button{width:100%}.dynamic-pagination{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dynamic-pagination>span{grid-area:1/1/auto/-1}}