#kr-howto-index{padding:64px 24px 96px;background:var(--kr-bg)}#kr-howto-index .page-inner{max-width:var(--kr-container);margin:0 auto}#kr-howto-index .page-header{text-align:center;margin-bottom:56px}#kr-howto-index .page-eyebrow{font-family:var(--kr-font-accent);font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--kr-blue);margin-bottom:12px}#kr-howto-index .page-title{font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.3;margin-bottom:16px;color:var(--kr-text)}#kr-howto-index .page-lead{font-size:15px;line-height:1.9;color:var(--kr-text-sub);max-width:640px;margin:0 auto}#kr-howto-index .empty-state{text-align:center;padding:80px 0;color:var(--kr-text-sub);font-size:15px}#kr-howto-index .howto-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}#kr-howto-index .howto-tab{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid var(--kr-border-soft);color:var(--kr-text-sub);padding:8px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;font-family:inherit;line-height:1.4}#kr-howto-index .howto-tab:hover{border-color:var(--kr-blue);color:var(--kr-blue)}#kr-howto-index .howto-tab.is-active{background:var(--kr-blue);border-color:var(--kr-blue);color:#fff}#kr-howto-index .howto-empty-cat{text-align:center;padding:40px 0;color:var(--kr-text-sub);font-size:14px}#kr-howto-index .howto-status{text-align:center;padding:24px 0;color:var(--kr-text-sub);font-size:13px}#kr-howto-index .howto-status[hidden]{display:none}#kr-howto-index .howto-card-skeleton{pointer-events:none;cursor:default}#kr-howto-index .card-thumb-skeleton{background:linear-gradient(90deg,#eef0f3 0%,#f7f8fa 50%,#eef0f3 100%);background-size:200% 100%;animation:krHowtoShimmer 1.4s ease-in-out infinite}@keyframes krHowtoShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}#kr-howto-index .howto-error{text-align:center;padding:48px 24px;grid-column:1 / -1;color:var(--kr-text-sub)}#kr-howto-index .howto-error-text{margin:0 0 16px;font-size:14px}#kr-howto-index .howto-error-retry{appearance:none;-webkit-appearance:none;border:1px solid var(--kr-blue);background:#fff;color:var(--kr-blue);padding:8px 20px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}#kr-howto-index .howto-error-retry:hover{background:var(--kr-blue);color:#fff}#kr-howto-index .howto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:32px}#kr-howto-index .howto-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--kr-border-soft);border-radius:var(--kr-radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}#kr-howto-index .howto-card:hover{transform:translateY(-4px);box-shadow:var(--kr-shadow-md);border-color:var(--kr-blue)}#kr-howto-index .card-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--kr-bg-soft);display:block}#kr-howto-index .card-thumb--placeholder{display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,#E8EFFD,#F4E8FD)}#kr-howto-index .card-body{padding:20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}#kr-howto-index .card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}#kr-howto-index .card-meta{font-family:var(--kr-font-accent);font-size:11px;color:var(--kr-text-sub);letter-spacing:.04em;margin:0}#kr-howto-index .card-category{font-size:11px;font-weight:600;color:var(--kr-blue);background:rgba(74,158,255,.08);padding:2px 10px;border-radius:999px;letter-spacing:.02em}#kr-howto-index .card-title{font-size:16px;font-weight:700;line-height:1.5;color:var(--kr-text)}#kr-howto-index .card-excerpt{font-size:13px;line-height:1.7;color:var(--kr-text-sub);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#kr-howto-index .card-cta{font-size:12px;font-weight:600;color:var(--kr-blue);margin-top:8px;border-top:1px solid var(--kr-border-soft);padding-top:12px}#kr-howto-index .info-note{font-size:12px;color:var(--kr-text-sub);text-align:center;line-height:1.7;padding:20px;background:var(--kr-bg-soft);border-radius:var(--kr-radius-md)}#kr-howto-index .howto-badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.02em;line-height:1.6}#kr-howto-index .howto-badge-sub{color:#c2185b;background:rgba(233,30,99,.1);border:1px solid rgba(233,30,99,.3)}#kr-howto-index .howto-badge-login{color:#1976d2;background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3)}@media (max-width: 600px){#kr-howto-index{padding:40px 16px 64px}#kr-howto-index .howto-grid{grid-template-columns:1fr}}