.hub-skip{position:absolute;left:16px;top:-80px;background:#fff;padding:12px;z-index:10}.hub-skip:focus{top:12px}
.hub-hero{padding:24px 0 44px}.hub-hero h1{font-size:clamp(32px,4.5vw,52px);line-height:1.5;letter-spacing:-.04em;margin:0 0 18px}.hub-hero .lead{font-size:14px;line-height:2}
.hub-eyecatch{margin:30px 0 0;background:#f5f5f5}.hub-eyecatch img{display:block;width:100%;height:auto}
.hub-genres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hub-genres a{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);padding:22px 18px;text-decoration:none;min-width:0}.hub-genres a:hover,.hub-thread[href]:hover{background:var(--wash);border-color:#a4b38c}.hub-genre-number{font-size:10px;color:var(--muted)}.hub-genres strong{font-size:14px}.hub-genres a>span:last-child{font-size:11px;color:var(--muted)}.hub-test-note{margin:24px 0 0}
.hub-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:48px;margin-top:44px}.hub-body{min-width:0}.hub-category{scroll-margin-top:24px;margin-bottom:46px}.hub-threads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hub-thread{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid var(--line);padding:23px;text-decoration:none;overflow-wrap:anywhere}.hub-thread h3{font-size:18px;margin:12px 0 8px;line-height:1.6}.hub-thread p{font-size:12px;color:var(--muted);margin:0 0 22px}.hub-thread-link{margin-top:auto;font-size:12px;font-weight:650;width:100%;display:flex;justify-content:space-between;gap:10px}.hub-status{font-size:10px;padding:2px 8px;background:#e6eddc;color:#596b45}.is-pending .hub-status{background:#f2f2f2;color:#737373}.is-pending .hub-thread-link{color:var(--muted);font-weight:400}.hub-empty{border:1px dashed var(--line);padding:25px;background:#fafafa}.hub-empty strong{font-size:13px}.hub-empty p{font-size:12px;color:var(--muted);margin:8px 0 0}.hub-sidebar{align-self:start;min-width:0}.hub-sidebar nav{display:flex;flex-direction:column}.hub-sidebar nav a{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;text-decoration:none}.hub-howto{padding-left:23px}.hub-howto li{padding:10px 0;border-bottom:1px solid var(--line)}.hub-howto strong{font-size:13px}.hub-howto p{font-size:12px;color:var(--muted);margin:6px 0}
@media(max-width:1000px){.hub-genres{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hub-layout{grid-template-columns:minmax(0,1fr);gap:24px}.hub-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hub-sidebar .aside-box{margin:0}}
@media(max-width:600px){.hub-hero{padding:15px 0 32px}.hub-hero .lead{font-size:12px}.hub-eyecatch{margin-top:24px}.hub-genres a{padding:17px 13px}.hub-genres strong{font-size:13px}.hub-threads,.hub-sidebar{grid-template-columns:minmax(0,1fr)}.hub-layout{margin-top:32px}.hub-thread{padding:20px}.hub-category{margin-bottom:34px}}