/* ============ FLAT CONTENT: Learning Hub + industry guides ============ */
.c-h1{font-size:clamp(34px,4.2vw,52px);font-weight:800;letter-spacing:-0.04em;line-height:1.05;margin:12px 0 14px}

.c-back{display:inline-block;font-size:13.5px;font-weight:650;color:var(--ink-3);text-decoration:none;margin-bottom:26px}
.c-back:hover{color:var(--red)}

.c-head{margin-bottom:38px}
.c-head h1{font-size:clamp(30px,3.8vw,46px);font-weight:800;letter-spacing:-0.04em;line-height:1.08;margin:14px 0 14px}
.c-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--red);background:#fdf1f0;border:1px solid #f4d9d7;padding:4px 10px;border-radius:100px}
.c-meta{font-size:13.5px;color:var(--ink-4);font-weight:500}
.c-lede{font-size:19px;color:var(--ink-2);line-height:1.55;margin-top:18px}

/* article body */
.c-body{font-size:17px;line-height:1.72;color:var(--ink-2)}
.c-body p{margin:0 0 20px}
.c-body h2{font-size:26px;font-weight:750;letter-spacing:-0.03em;color:var(--ink);margin:38px 0 14px;line-height:1.2}
.c-body h3{font-size:20px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin:30px 0 12px}
.c-body ul{margin:0 0 22px;padding-left:22px}
.c-body li{margin-bottom:9px}
.c-body a{color:var(--red);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(166,64,59,.3)}
.c-body a:hover{border-bottom-color:var(--red)}
.c-body strong{color:var(--ink);font-weight:700}

.c-foot{margin-top:52px;padding-top:34px;border-top:1px solid var(--line)}
.c-foot h3{font-size:21px;font-weight:750;letter-spacing:-0.025em;margin-bottom:8px}
.c-foot p{font-size:15.5px;color:var(--ink-3);margin-bottom:20px}
.c-foot .acts{display:flex;gap:12px;flex-wrap:wrap}

/* index cards */
.c-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:36px}
.c-card{display:flex;flex-direction:column;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;text-decoration:none;box-shadow:var(--sh-sm);transition:all .16s var(--ease)}
.c-card:hover{border-color:#cfd3d9;transform:translateY(-2px);box-shadow:var(--sh-lg)}
.c-card h3{font-size:19px;font-weight:750;letter-spacing:-0.025em;color:var(--ink);line-height:1.28}
.c-card p{font-size:14.5px;color:var(--ink-3);line-height:1.5;margin:0}
.c-card .c-meta{margin-top:auto;padding-top:4px}

/* guide cards */
.g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-top:36px}
.g-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;text-decoration:none;box-shadow:var(--sh-sm);transition:all .16s var(--ease)}
.g-card:hover{border-color:#cfd3d9;transform:translateY(-2px);box-shadow:var(--sh-lg)}
.g-card.pending{background:var(--bg-grey);box-shadow:none}
.g-top{display:flex;align-items:center;gap:10px}
.g-card h3{font-size:17.5px;font-weight:750;letter-spacing:-0.025em;color:var(--ink)}
.g-card p{font-size:14px;color:var(--ink-3);line-height:1.5;margin:0}
.g-meta{font-size:12.5px;color:var(--ink-4);margin-top:6px}

/* states */
.c-empty{background:var(--bg-grey);border:1px solid var(--line);border-radius:var(--r-lg);padding:44px 32px;text-align:center;margin-top:32px}
.c-empty h3{font-size:21px;font-weight:750;letter-spacing:-0.025em;margin-bottom:10px}
.c-empty p{font-size:15.5px;color:var(--ink-3);max-width:56ch;margin:0 auto 22px;line-height:1.6}
.c-note{background:#fdf3e0;border:1px solid #f0dcb4;color:#8a5a12;border-radius:var(--r);padding:14px 18px;font-size:14.5px;margin-top:26px}

@media(max-width:600px){
  .c-body{font-size:16px}
  .c-grid,.g-grid{grid-template-columns:1fr}
}