.shorts-home{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:clamp(24px,5vw,76px);align-items:center;background:#f2b632;color:#171717;padding:clamp(24px,5vw,64px);margin-block:40px}
.shorts-home h2{font-family:"Caveat Brush",cursive;font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.03;margin:0 0 22px;text-wrap:balance}
.shorts-home p{max-width:62ch;line-height:1.6}.shorts-home-poster{display:block;max-width:250px;margin-inline:auto}.shorts-home-poster img{display:block;width:100%;height:auto;border-radius:14px}
.shorts-progress-link{display:block;width:fit-content;margin-top:20px;text-underline-offset:5px;font-weight:700}.shorts-note{font-size:.9rem}.shorts-intro{max-width:70ch;margin-bottom:32px;line-height:1.65}
.shorts-jump{display:flex;flex-wrap:wrap;gap:12px;margin-block:24px 40px}.shorts-jump a{padding:10px 16px;background:#171717;color:#f7f3e9;border-radius:12px;text-underline-offset:4px}
.shorts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.shorts-grid article{min-width:0;scroll-margin-top:120px}.shorts-grid h2{font-size:clamp(1.6rem,2.7vw,2.3rem);line-height:1.1;margin:0 0 14px;text-wrap:balance}
.shorts-grid video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#171717;border-radius:14px}.shorts-grid p{line-height:1.6}.shorts-grid details{margin-top:20px;padding:16px;background:#fffaf0;border-radius:12px}.shorts-grid summary{font-weight:700;cursor:pointer}.shorts-grid details p{margin:14px 0}
.shorts-status{font-size:.93rem;color:#575757}.shorts-end{margin-block:48px 16px;max-width:70ch}.shorts-end a{margin-right:18px;text-underline-offset:4px}.progress-copy{max-width:72ch;line-height:1.7}.progress-copy h2{margin-top:40px;line-height:1.12;text-wrap:balance}.progress-copy time{font-weight:700}.progress-copy li{margin-bottom:12px}.progress-links{display:flex;flex-wrap:wrap;gap:12px;margin-block:24px}.progress-links a{padding:10px 16px;background:#28784e;color:#f7f3e9;border-radius:12px}
.shorts-home a:focus-visible,.shorts-jump a:focus-visible,.shorts-grid summary:focus-visible,.shorts-grid video:focus-visible,.progress-links a:focus-visible{outline:3px solid #171717;outline-offset:5px}.shorts-jump a:focus-visible,.shorts-grid video:focus-visible{outline-color:#ce3434}
@media(max-width:900px){.shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shorts-home{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:600px){.shorts-grid,.shorts-home{grid-template-columns:minmax(0,1fr)}.shorts-home-poster{max-width:180px}.shorts-grid{gap:44px}.shorts-jump{display:block}.shorts-jump a{display:block;margin-block:10px}}
@media(prefers-reduced-motion:reduce){.shorts-home *,.shorts-grid *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.page-content:has(.shorts-grid){max-width:1280px}.prose:has(.shorts-grid){max-width:none}