.twoko-cat-hub{--hub-ink:#24313a;--hub-muted:#5f6d76;--hub-line:#d8e1e6;--hub-main:#176b8f;--hub-pale:#f0f8fb;max-width:920px;margin:0 auto 2.4rem;color:var(--hub-ink);font-size:16px;line-height:1.85}
.twoko-cat-hub *{box-sizing:border-box}
.twoko-cat-hub a{color:#075c91;text-decoration:underline;text-underline-offset:3px}
.twoko-cat-hero{margin:0 0 1.5rem;padding:1.7rem 1.6rem;border:1px solid var(--hub-line);border-radius:16px;background:linear-gradient(135deg,var(--hub-pale),#fff)}
.twoko-cat-label,.twoko-cat-card-tag{display:inline-block;margin-bottom:.6rem;padding:.25rem .7rem;border-radius:999px;background:var(--hub-main);color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em}
.twoko-cat-lead{margin:0;font-size:17px;font-weight:600;line-height:1.8}
.twoko-cat-grid{display:grid;gap:1rem;margin:1.3rem 0 1.8rem}
.twoko-cat-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.twoko-cat-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.twoko-cat-card{display:flex;flex-direction:column;padding:1.25rem;border:1px solid var(--hub-line);border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(20,45,60,.05)}
.twoko-cat-card h2,.twoko-cat-section h2,.twoko-cat-feature h2{margin:0 0 .65rem;padding:0;border:0;background:none;color:#173e54;font-size:19px;line-height:1.5}
.twoko-cat-card p{margin:0 0 1rem;color:var(--hub-muted)}
.twoko-cat-card>a:last-child{margin-top:auto;font-weight:700}
.twoko-cat-button{display:inline-block;padding:.65rem .95rem;border-radius:9px;background:var(--hub-main);color:#fff!important;font-weight:700;text-decoration:none!important;text-align:center}
.twoko-cat-feature{display:grid;grid-template-columns:1fr auto;gap:1.25rem;align-items:center;margin:1.4rem 0;padding:1.35rem 1.4rem;border-left:5px solid var(--hub-main);background:var(--hub-pale)}
.twoko-cat-feature p{margin:0;color:var(--hub-muted)}
.twoko-cat-section{margin:1.7rem 0}
.twoko-cat-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.twoko-cat-links a{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border:1px solid var(--hub-line);border-radius:10px;background:#fff;text-decoration:none;font-weight:700}
.twoko-cat-links span{flex:0 0 auto;padding:.12rem .48rem;border-radius:5px;background:var(--hub-pale);color:var(--hub-main);font-size:11px}
.twoko-cat-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.2rem;margin:0;padding:0;list-style:none}
.twoko-cat-checks li{position:relative;padding-left:1.5rem}
.twoko-cat-checks li:before{content:"✓";position:absolute;left:0;color:var(--hub-main);font-weight:800}
.twoko-cat-note{margin:1.6rem 0 0;padding:1rem 1.1rem;border:1px solid #e3c978;border-radius:10px;background:#fffaf0;color:#5f5230;font-size:13px}
.twoko-cat-ai{--hub-main:#216a9a;--hub-pale:#eef7fc}
.twoko-cat-manga{--hub-main:#7b3f62;--hub-pale:#faf1f6}
.twoko-cat-travel{--hub-main:#167968;--hub-pale:#edf9f5}
@media(max-width:760px){
  .twoko-cat-hero{padding:1.25rem 1.1rem}
  .twoko-cat-lead{font-size:15px}
  .twoko-cat-grid-2,.twoko-cat-grid-3,.twoko-cat-links,.twoko-cat-checks{grid-template-columns:1fr}
  .twoko-cat-feature{grid-template-columns:1fr}
  .twoko-cat-card{padding:1.1rem}
}