/* Guides Topic Explorer v1. Scoped to /guides & /vi/guides only. */
.topic-explorer {background:linear-gradient(180deg,#f8f9fe 0%,#fff 96%);padding-block:86px 96px;}
.topic-explorer .topic-explorer-head {margin-bottom:30px;max-width:920px;}
.topic-explorer .topic-explorer-head h2 {max-width:900px;letter-spacing:-.035em;}
.topic-explorer-subtitle {max-width:680px;margin:13px 0 0;color:#64718b;font-size:16px;line-height:1.75;}
.topic-explorer-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:18px;}
.topic-explorer-card {position:relative;display:flex;flex-direction:column;min-width:0;min-height:235px;gap:0;padding:25px 24px 22px;border:1px solid #e1e5f0;border-radius:20px;background:#fff;color:#172541;text-decoration:none;box-shadow:0 5px 20px rgba(30,37,89,.028);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;isolation:isolate;}
.topic-explorer-card:hover {transform:translateY(-3px);border-color:#b7b2ed;box-shadow:0 16px 40px rgba(35,38,101,.10);}
.topic-explorer-card:focus-visible {outline:3px solid #6654d8;outline-offset:3px;}
.topic-explorer-card-top {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px;}
.topic-explorer-icon {width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:#f0efff;color:#5d50c8;flex:0 0 auto;}
.topic-explorer-icon svg {width:23px;height:23px;stroke-width:1.7;}
.topic-explorer-title {display:block;font-weight:760;font-size:18px;letter-spacing:-.035em;line-height:1.28;text-wrap:balance;overflow-wrap:break-word;}
.topic-explorer-description {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;margin:10px 0 18px;color:#68758e;font-size:13px;line-height:1.65;}
.topic-explorer-footer {display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;min-height:24px;}
.topic-explorer-count {color:#68758c;font-size:11.5px;font-weight:600;line-height:1.5;}
.topic-explorer-next {display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#5d50c8;background:#f1efff;flex:0 0 auto;transition:transform .22s ease,background .22s ease;}
.topic-explorer-next svg {width:15px;height:15px;}
.topic-explorer-card:hover .topic-explorer-next {transform:translateX(2px);background:#e7e3fe;}
.topic-explorer-card--featured {grid-column:span 2;min-height:235px;padding:26px 30px 25px;background:linear-gradient(125deg,#f0efff 0%,#fbfaff 74%,#fff 100%);border-color:#dad6fa;}
.topic-explorer-card--featured .topic-explorer-icon {width:52px;height:52px;border-radius:15px;background:#e1dcff;color:#5140b7;}
.topic-explorer-card--featured .topic-explorer-icon svg {width:26px;height:26px;}
.topic-explorer-kicker {color:#6558af;font-size:10px;font-weight:800;letter-spacing:.13em;}
.topic-explorer-card--featured .topic-explorer-title {font-size:26px;max-width:470px;}
.topic-explorer-card--featured .topic-explorer-description {font-size:14px;max-width:550px;-webkit-line-clamp:2;line-clamp:2;}
.topic-explorer-card--featured .topic-explorer-count {color:#6d6694;}
.topic-explorer-explore {display:inline-flex;align-items:center;gap:7px;color:#5646c0;font-size:12px;font-weight:750;white-space:nowrap;}
.topic-explorer-explore svg {width:16px;height:16px;transition:transform .22s ease;}
.topic-explorer-card--featured:hover .topic-explorer-explore svg {transform:translateX(3px);}
@media(max-width:1000px) {
  .topic-explorer {padding-block:76px 84px;}
  .topic-explorer-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
  .topic-explorer-card--featured {grid-column:span 2;}
  .topic-explorer-card {min-height:208px;}
}
@media(max-width:680px) {
  .topic-explorer {padding-block:58px 68px;}
  .topic-explorer .topic-explorer-head {margin-bottom:23px;}
  .topic-explorer-subtitle {font-size:14px;margin-top:10px;line-height:1.65;}
  .topic-explorer-grid {grid-template-columns:minmax(0,1fr);gap:12px;}
  .topic-explorer-card,.topic-explorer-card--featured {grid-column:span 1;min-height:0;padding:19px 19px 17px;border-radius:17px;}
  .topic-explorer-card-top {margin-bottom:12px;}
  .topic-explorer-icon,.topic-explorer-card--featured .topic-explorer-icon {width:42px;height:42px;border-radius:12px;}
  .topic-explorer-icon svg,.topic-explorer-card--featured .topic-explorer-icon svg {width:21px;height:21px;}
  .topic-explorer-title {font-size:17px;}
  .topic-explorer-card--featured .topic-explorer-title {font-size:21px;}
  .topic-explorer-description,.topic-explorer-card--featured .topic-explorer-description {font-size:13px;margin-top:7px;margin-bottom:12px;-webkit-line-clamp:2;line-clamp:2;}
  .topic-explorer-explore {font-size:11px;}
  .topic-explorer-count {font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {
  .topic-explorer-card,.topic-explorer-next,.topic-explorer-explore svg {transition:none;}
  .topic-explorer-card:hover,.topic-explorer-card:hover .topic-explorer-next,.topic-explorer-card--featured:hover .topic-explorer-explore svg {transform:none;}
}