@layer components{.issue-scope .hn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;display:grid}@media (min-width:640px){.issue-scope .hn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.issue-scope .hn-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 18px}}.issue-scope .hn-card{flex-direction:column;min-width:0;display:flex}.issue-scope .hn-cover{aspect-ratio:3/4;border:var(--y-line);box-shadow:5px 5px 0 var(--y-ink);background:#fff;padding:0;transition:transform .15s,box-shadow .15s;display:block;position:relative;overflow:hidden}.issue-scope .hn-cover img{object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block}.issue-scope .hn-cover:hover{box-shadow:7px 7px 0 var(--y-ink);transform:translate(-2px,-2px)}.issue-scope .hn-cover:focus-visible{outline:3px solid var(--y-yellow);outline-offset:3px}.issue-scope .hn-pages{background:var(--y-yellow);color:var(--y-ink);border:2px solid var(--y-ink);font:700 11.5px/1 var(--y-ui);padding:4px 7px;position:absolute;inset-block-start:8px;inset-inline-start:8px}.issue-scope .hn-title{font:400 18px/1.1 var(--y-disp);letter-spacing:-.3px;color:var(--y-ink);margin-top:12px}.issue-scope .hn-meta{font:600 13px var(--y-ui);color:var(--y-ink2);justify-content:space-between;gap:8px;margin-top:5px;display:flex}.issue-scope .hn-likes{align-items:center;gap:4px;display:inline-flex}.issue-scope .hn-overlay{z-index:1000;background:#111111d1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.issue-scope .hn-dialog{background:var(--y-page);border:var(--y-line);width:min(760px,100%);max-height:calc(100dvh - 32px);box-shadow:8px 8px 0 var(--y-red);outline:none;flex-direction:column;gap:14px;padding:16px;display:flex}.issue-scope .hn-bar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.issue-scope .hn-dtitle{font:400 26px/1.05 var(--y-disp);letter-spacing:-.5px;color:var(--y-ink);margin-top:6px}.issue-scope .hn-round{border:2px solid var(--y-ink);width:40px;height:40px;color:var(--y-ink);background:#fff;border-radius:999px;flex:none;place-items:center;display:grid}.issue-scope .hn-round:hover:not(:disabled){background:var(--y-yellow)}.issue-scope .hn-round:disabled{opacity:.3}.issue-scope .hn-stage{flex:1;justify-content:center;align-items:center;gap:12px;min-height:0;display:flex}.issue-scope .hn-page{object-fit:contain;border:var(--y-line);cursor:pointer;background:#fff;width:auto;min-width:0;max-width:100%;height:auto;max-height:calc(100dvh - 270px)}.issue-scope .hn-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.issue-scope .hn-story{font:500 14.5px/1.5 var(--y-ui);color:var(--y-ink2);flex:300px;gap:8px;display:flex}@media (max-width:639px){.issue-scope .hn-nav{display:none}.issue-scope .hn-dialog{gap:10px;padding:12px}.issue-scope .hn-dtitle{font-size:21px}.issue-scope .hn-page{max-height:calc(100dvh - 300px)}.issue-scope .hn-foot .y-btn{justify-content:center;width:100%}}}