/* v0.99.26.399 — Cẩm nang Public Master */
body.hc-guide-overview-page{margin:0;background:#fff;color:#072b4d}.hc-guide{font-family:var(--hc-ui-font,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);overflow:hidden}.hc-guide *{box-sizing:border-box}.hc-guide a{text-decoration:none;color:inherit}.hc-guide-shell{width:min(1500px,calc(100% - 56px));margin:0 auto}.hc-guide-hero{min-height:330px;background-image:linear-gradient(90deg,rgba(4,31,55,.92) 0%,rgba(4,31,55,.67) 46%,rgba(4,31,55,.12) 78%),var(--hc-guide-hero);background-size:cover;background-position:center;display:flex;align-items:center;color:#fff}.hc-guide-hero__inner{padding:34px 0 62px}.hc-guide-breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;margin-bottom:24px;opacity:.94}.hc-guide-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:46px;line-height:1.06;margin:0 0 8px;font-weight:700;letter-spacing:.01em}.hc-guide-hero h2{font-size:18px;color:#f5b43b;margin:0 0 12px;font-weight:700}.hc-guide-hero p{font-size:14px;line-height:1.65;max-width:560px;margin:0;color:rgba(255,255,255,.94)}
.hc-guide-search-wrap{position:relative;margin-top:-36px;z-index:4}.hc-guide-search{background:#fff;border:1px solid #dfe7ef;border-radius:16px;padding:14px;box-shadow:0 14px 35px rgba(4,31,55,.12);display:grid;grid-template-columns:1fr auto;gap:10px}.hc-guide-search label{display:block}.hc-guide-search input{width:100%;height:46px;border:1px solid #d7e0e9;border-radius:10px;padding:0 16px;font:inherit;font-size:13px;outline:none}.hc-guide-search input:focus{border-color:#0a4777;box-shadow:0 0 0 3px rgba(10,71,119,.08)}.hc-guide-search>button{height:46px;border:0;border-radius:10px;background:#072b4d;color:#fff;padding:0 24px;display:flex;gap:8px;align-items:center;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.hc-guide-search__icon{width:17px;height:17px}.hc-guide-search__quick{grid-column:1/-1;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:2px 4px 0;font-size:11px}.hc-guide-search__quick b{color:#56708b}.hc-guide-search__quick button{border:1px solid #d9e2eb;background:#fff;border-radius:999px;padding:6px 10px;font:inherit;font-size:10px;color:#173d60;cursor:pointer}.hc-guide-search__quick button:hover{border-color:#e3a327;color:#8a5f06}
.hc-guide-section{padding-top:34px}.hc-guide-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.hc-guide-heading h2{font-size:20px;line-height:1.2;margin:0;color:#082e50;font-weight:850}.hc-guide-heading h2 span{color:#f5a313}.hc-guide-heading p{margin:5px 0 0;color:#6c7f92;font-size:12px}.hc-guide-heading>a,.hc-guide-heading>button{font-size:11px;font-weight:800;color:#173d60;background:none;border:0;padding:0;cursor:pointer}.hc-guide-empty{border:1px dashed #cfdbe7;border-radius:14px;padding:28px;text-align:center;color:#6b7f91;background:#fbfcfe}
.hc-guide-featured__grid{display:grid;grid-template-columns:1.45fr 1fr;gap:12px}.hc-guide-featured__main{min-height:350px;border-radius:16px;overflow:hidden;background-image:linear-gradient(0deg,rgba(3,29,51,.88),rgba(3,29,51,.05) 62%),var(--hc-guide-image);background-size:cover;background-position:center;position:relative}.hc-guide-featured__main>div{position:absolute;left:26px;right:26px;bottom:22px;color:#fff}.hc-guide-featured__main h3{font-size:27px;line-height:1.16;max-width:700px;margin:10px 0}.hc-guide-featured__main p{font-size:12px;line-height:1.5;max-width:690px;margin:0 0 12px;color:rgba(255,255,255,.9)}.hc-guide-featured__meta{font-size:11px;opacity:.9}.hc-guide-featured__main a{position:absolute;right:0;bottom:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#f6a315;color:#fff;font-size:25px}.hc-guide-badge{display:inline-flex;background:#f6b13c;color:#082e50;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:900;text-transform:uppercase}.hc-guide-featured__side{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}.hc-guide-featured__side article{min-height:107px;border-radius:14px;overflow:hidden;background-image:linear-gradient(90deg,rgba(3,29,51,.9),rgba(3,29,51,.14)),var(--hc-guide-image);background-size:cover;background-position:center}.hc-guide-featured__side a{height:100%;display:flex;flex-direction:column;justify-content:center;padding:15px 20px;color:#fff}.hc-guide-featured__side h3{font-size:14px;line-height:1.25;margin:7px 0 5px;max-width:380px}.hc-guide-featured__side small{font-size:10px;opacity:.9}
.hc-guide-topics__rail{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.hc-guide-topic{min-height:96px;border:1px solid #e0e7ee;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(7,43,77,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#082e50;font:inherit;cursor:pointer;transition:.2s ease}.hc-guide-topic:hover,.hc-guide-topic.is-active{border-color:#efaa2e;transform:translateY(-2px);box-shadow:0 10px 22px rgba(7,43,77,.08)}.hc-guide-topic__icon{width:29px;height:29px;color:#f39a0a}.hc-guide-topic:nth-child(2) .hc-guide-topic__icon{color:#25b77c}.hc-guide-topic:nth-child(6) .hc-guide-topic__icon{color:#f28a2c}.hc-guide-topic:nth-child(7) .hc-guide-topic__icon{color:#ef4c66}.hc-guide-topic:nth-child(8) .hc-guide-topic__icon{color:#ec4387}.hc-guide-topic span{font-size:11px;font-weight:750}
.hc-guide-latest-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:24px}.hc-guide-latest-grid,.hc-guide-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hc-guide-card{border:1px solid #e1e8ef;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 7px 22px rgba(7,43,77,.055)}.hc-guide-card__media{height:150px;background-image:var(--hc-guide-image);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:10px}.hc-guide-card__media span{background:#f2ad2f;color:#082e50;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:900;text-transform:uppercase}.hc-guide-card__body{padding:12px 13px 13px}.hc-guide-card h3{font-size:13px;line-height:1.35;margin:0 0 12px;min-height:35px}.hc-guide-card__meta{padding-top:10px;border-top:1px solid #edf1f4;color:#76889a;font-size:9px;display:flex;gap:8px;justify-content:space-between}.hc-guide-popular{border:1px solid #e1e8ef;border-radius:14px;padding:16px 18px;background:#fff;align-self:start}.hc-guide-popular h2{font-size:18px;margin:0 0 4px}.hc-guide-popular>p{font-size:10px;color:#789;margin:0 0 10px}.hc-guide-popular ol{list-style:none;padding:0;margin:0}.hc-guide-popular li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:11px 0;border-top:1px solid #edf1f4}.hc-guide-popular li:first-child{border-top:0}.hc-guide-popular li>span{font-family:Georgia,serif;font-size:18px;color:#163b5d}.hc-guide-popular a{font-size:11px;line-height:1.35;font-weight:700}.hc-guide-results-title{padding-top:2px}.hc-guide-results-title button{border:1px solid #dce5ed!important;border-radius:8px!important;padding:8px 12px!important}
.hc-guide-destination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hc-guide-destination-grid article{min-height:135px;border-radius:14px;overflow:hidden;background-image:linear-gradient(0deg,rgba(3,29,51,.82),rgba(3,29,51,.05)),var(--hc-guide-image);background-size:cover;background-position:center;position:relative}.hc-guide-destination-grid article>div{position:absolute;left:18px;right:18px;bottom:14px;color:#fff}.hc-guide-destination-grid h3{font-size:18px;margin:0 0 2px}.hc-guide-destination-grid p{font-size:10px;margin:0 0 10px}.hc-guide-destination-grid a{display:inline-flex;border:1px solid rgba(255,255,255,.85);border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}
.hc-guide-decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.hc-guide-card.is-compact .hc-guide-card__media{height:120px}.hc-guide-card.is-compact h3{min-height:35px}.hc-guide-card.is-compact .hc-guide-card__meta span:last-child{display:none}
.hc-guide-cta{margin-top:34px;background-image:linear-gradient(90deg,rgba(3,34,59,.96),rgba(3,34,59,.68) 55%,rgba(3,34,59,.2)),var(--hc-guide-cta);background-size:cover;background-position:center;color:#fff}.hc-guide-cta__inner{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:30px}.hc-guide-cta h2{font-size:24px;margin:0 0 7px}.hc-guide-cta p{font-size:11px;margin:0;color:rgba(255,255,255,.88)}.hc-guide-cta__actions{display:flex;gap:10px;flex-wrap:wrap}.hc-guide-cta__actions a{border:1px solid rgba(255,255,255,.76);border-radius:9px;padding:13px 18px;font-size:10px;font-weight:850}.hc-guide-cta__actions .is-primary{background:#f6b33f;color:#092f50;border-color:#f6b33f}.hc-guide.is-loading [data-guide-results]{opacity:.55;pointer-events:none}.hc-guide [data-guide-results]{transition:opacity .18s ease}
@media(max-width:1100px){.hc-guide-shell{width:min(100% - 40px,1200px)}.hc-guide-featured__grid{grid-template-columns:1.2fr 1fr}.hc-guide-topics__rail{grid-template-columns:repeat(4,1fr)}.hc-guide-decision-grid{grid-template-columns:repeat(2,1fr)}.hc-guide-destination-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hc-guide-shell{width:min(100% - 28px,720px)}.hc-guide-hero{min-height:315px}.hc-guide-hero__inner{padding:28px 0 58px}.hc-guide-hero h1{font-size:34px}.hc-guide-hero h2{font-size:15px;line-height:1.35}.hc-guide-search{grid-template-columns:1fr}.hc-guide-search>button{width:100%;justify-content:center}.hc-guide-search__quick{grid-column:1}.hc-guide-featured__grid{grid-template-columns:1fr}.hc-guide-featured__main{min-height:300px}.hc-guide-featured__side{grid-template-rows:none;grid-template-columns:1fr}.hc-guide-featured__side article{min-height:120px}.hc-guide-topics__rail{display:flex;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.hc-guide-topic{min-width:116px;scroll-snap-align:start}.hc-guide-latest-layout{grid-template-columns:1fr}.hc-guide-latest-grid,.hc-guide-results-grid{grid-template-columns:1fr}.hc-guide-destination-grid,.hc-guide-decision-grid{grid-template-columns:1fr 1fr}.hc-guide-heading{align-items:flex-start}.hc-guide-cta__inner{min-height:160px;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 0}.hc-guide-cta__actions{width:100%}.hc-guide-cta__actions a{flex:1;text-align:center}.hc-guide-card__media{height:190px}}
@media(max-width:480px){.hc-guide-destination-grid,.hc-guide-decision-grid{grid-template-columns:1fr}.hc-guide-featured__main>div{left:18px;right:18px;bottom:18px}.hc-guide-featured__main h3{font-size:22px}.hc-guide-cta__actions a{flex-basis:100%}}

/* v0.99.26.400 — Cẩm nang visual polish candidate.
 * Scope: Guide Overview only. Improves editorial readability, badge sizing,
 * section rhythm and CTA/footer continuity without changing data flows. */
@media(min-width:761px){
  body.hc-guide-overview-page .hc-guide-section{padding-top:30px}
  body.hc-guide-overview-page .hc-guide-heading{margin-bottom:16px}
  body.hc-guide-overview-page .hc-guide-heading h2{font-size:21px}
  body.hc-guide-overview-page .hc-guide-heading p{font-size:12.5px;line-height:1.5}
  body.hc-guide-overview-page .hc-guide-featured__side a{align-items:flex-start}
  body.hc-guide-overview-page .hc-guide-featured__side .hc-guide-badge{width:auto;max-width:max-content;align-self:flex-start;flex:0 0 auto}
  body.hc-guide-overview-page .hc-guide-featured__side h3{font-size:14.5px;line-height:1.32}
  body.hc-guide-overview-page .hc-guide-featured__side small{font-size:10.5px}
  body.hc-guide-overview-page .hc-guide-card h3{font-size:13.5px;line-height:1.4}
  body.hc-guide-overview-page .hc-guide-card__meta{font-size:10px}
  body.hc-guide-overview-page .hc-guide-card__media span{font-size:8.5px}
  body.hc-guide-overview-page .hc-guide-popular>p{font-size:11px;line-height:1.45}
  body.hc-guide-overview-page .hc-guide-popular a{font-size:11.5px;line-height:1.42}
  body.hc-guide-overview-page .hc-guide-destination-grid p{font-size:10.5px}
  body.hc-guide-overview-page .hc-guide-destination-grid a{font-size:9.5px}
  body.hc-guide-overview-page .hc-guide-decision{padding-bottom:30px}
  body.hc-guide-overview-page .hc-guide-cta{margin-top:0}
}
body.hc-guide-overview-page .hc-guide-badge{width:max-content;max-width:100%}
body.hc-guide-overview-page .hc-guide-cta{margin-bottom:0}


/* v0.99.26.409 — Featured Guide 1+2 tall-card composition.
 * Scope: Guide Overview only. Keep one editorial hero plus two taller
 * supporting stories to improve image presence, scanability and hierarchy. */
@media (min-width:1101px){
  body.hc-guide-overview-page .hc-guide-featured__grid{
    grid-template-columns:minmax(0,1.48fr) minmax(430px,1fr);
    gap:16px;
    align-items:stretch;
  }
  body.hc-guide-overview-page .hc-guide-featured__main{
    min-height:460px;
  }
  body.hc-guide-overview-page .hc-guide-featured__main>div{
    left:30px;
    right:30px;
    bottom:26px;
  }
  body.hc-guide-overview-page .hc-guide-featured__main h3{
    font-size:30px;
    line-height:1.14;
    max-width:760px;
  }
  body.hc-guide-overview-page .hc-guide-featured__main p{
    font-size:13px;
    line-height:1.58;
    max-width:760px;
  }
  body.hc-guide-overview-page .hc-guide-featured__side{
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:16px;
  }
  body.hc-guide-overview-page .hc-guide-featured__side article{
    min-height:222px;
  }
  body.hc-guide-overview-page .hc-guide-featured__side a{
    position:relative;
    justify-content:flex-end;
    padding:24px 72px 24px 24px;
    background:linear-gradient(0deg,rgba(3,29,51,.88),rgba(3,29,51,.06) 72%);
  }
  body.hc-guide-overview-page .hc-guide-featured__side a::after{
    content:'→';
    position:absolute;
    right:22px;
    bottom:22px;
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.92);
    border-radius:50%;
    display:grid;
    place-items:center;
    font-size:22px;
    line-height:1;
    color:#fff;
    background:rgba(4,31,55,.28);
  }
  body.hc-guide-overview-page .hc-guide-featured__side h3{
    font-size:20px;
    line-height:1.28;
    max-width:520px;
    margin:10px 0 9px;
  }
  body.hc-guide-overview-page .hc-guide-featured__side small{
    font-size:12px;
  }
  body.hc-guide-overview-page .hc-guide-featured__side .hc-guide-badge{
    padding:6px 10px;
    font-size:9.5px;
  }
}
@media (min-width:761px) and (max-width:1100px){
  body.hc-guide-overview-page .hc-guide-featured__grid{grid-template-columns:1.25fr 1fr;gap:14px}
  body.hc-guide-overview-page .hc-guide-featured__main{min-height:410px}
  body.hc-guide-overview-page .hc-guide-featured__side{grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}
  body.hc-guide-overview-page .hc-guide-featured__side article{min-height:198px}
  body.hc-guide-overview-page .hc-guide-featured__side a{justify-content:flex-end;padding:20px}
  body.hc-guide-overview-page .hc-guide-featured__side h3{font-size:17px;line-height:1.3}
  body.hc-guide-overview-page .hc-guide-featured__side small{font-size:11px}
}
@media (max-width:760px){
  body.hc-guide-overview-page .hc-guide-featured__main{min-height:330px}
  body.hc-guide-overview-page .hc-guide-featured__side{grid-template-columns:1fr;gap:12px}
  body.hc-guide-overview-page .hc-guide-featured__side article{min-height:170px}
  body.hc-guide-overview-page .hc-guide-featured__side a{justify-content:flex-end;padding:20px}
  body.hc-guide-overview-page .hc-guide-featured__side h3{font-size:16px;line-height:1.3}
}

/* v0.99.26.410 — Featured Guide height increase requested after visual QA.
 * Desktop only: main card 600px, two side cards 230px each.
 * Preserve the approved 1+2 composition and existing responsive rules. */
@media(min-width:1101px){
  body.hc-guide-overview-page .hc-guide-featured__main{
    min-height:600px;
  }
  body.hc-guide-overview-page .hc-guide-featured__side{
    grid-template-rows:repeat(2,230px);
    align-content:center;
    gap:16px;
  }
  body.hc-guide-overview-page .hc-guide-featured__side article{
    min-height:230px;
    height:230px;
  }
}


/* v0.99.26.412 — Featured Guide compact rebalance after final visual QA.
 * Desktop: reduce the editorial hero to 500px and keep two 242px
 * supporting cards with a 16px gap so both columns align exactly. */
@media(min-width:1101px){
  body.hc-guide-overview-page .hc-guide-featured__heading{
    align-items:flex-end;
  }
  body.hc-guide-overview-page .hc-guide-featured__all{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#082e50;
    font-size:12px;
    line-height:1;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
    margin-bottom:3px;
  }
  body.hc-guide-overview-page .hc-guide-featured__all span{
    font-size:18px;
    line-height:1;
  }
  body.hc-guide-overview-page .hc-guide-featured__grid{
    grid-template-columns:minmax(0,1.55fr) minmax(440px,1fr);
    gap:16px;
    align-items:stretch;
  }
  body.hc-guide-overview-page .hc-guide-featured__main{
    min-height:500px;
    height:500px;
    box-shadow:0 10px 28px rgba(8,46,80,.08);
  }
  body.hc-guide-overview-page .hc-guide-featured__main>div{
    left:32px;
    right:32px;
    bottom:28px;
  }
  body.hc-guide-overview-page .hc-guide-featured__main h3{
    font-size:32px;
    line-height:1.14;
    max-width:780px;
    margin:12px 0 10px;
  }
  body.hc-guide-overview-page .hc-guide-featured__main p{
    font-size:13.5px;
    line-height:1.6;
    max-width:760px;
    margin-bottom:16px;
  }
  body.hc-guide-overview-page .hc-guide-featured__main a{
    position:absolute;
    right:0;
    bottom:0;
    width:auto;
    min-width:188px;
    height:48px;
    padding:0 18px 0 20px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    background:#f6a315;
    color:#082e50;
    font-size:12px;
    font-weight:900;
    letter-spacing:.01em;
  }
  body.hc-guide-overview-page .hc-guide-featured__main a b{
    font-size:22px;
    line-height:1;
    font-weight:700;
  }
  body.hc-guide-overview-page .hc-guide-featured__side{
    display:grid;
    grid-template-rows:repeat(2,242px);
    gap:16px;
    align-content:stretch;
    height:500px;
  }
  body.hc-guide-overview-page .hc-guide-featured__side article{
    min-height:0;
    height:auto;
    box-shadow:0 10px 28px rgba(8,46,80,.07);
  }
  body.hc-guide-overview-page .hc-guide-featured__side a{
    padding:28px 78px 26px 26px;
  }
  body.hc-guide-overview-page .hc-guide-featured__side h3{
    font-size:21px;
    line-height:1.28;
    max-width:520px;
    margin:11px 0 10px;
  }
  body.hc-guide-overview-page .hc-guide-featured__side small{
    font-size:12.5px;
  }
  body.hc-guide-overview-page .hc-guide-featured__side a::after{
    right:24px;
    bottom:24px;
    width:44px;
    height:44px;
  }
}
@media(max-width:1100px){
  body.hc-guide-overview-page .hc-guide-featured__all{display:none}
}

/* v0.99.26.413 — Guide card depth + destination direct-article UX.
 * Scope: Guide Overview only. Increase article-card height for stronger editorial
 * presence and replace destination-category gateway cards with direct article cards. */
body.hc-guide-overview-page .hc-guide-card__excerpt{
  margin:0 0 14px;
  color:#60758a;
  font-size:11px;
  line-height:1.52;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
body.hc-guide-overview-page .hc-guide-destination-articles{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
body.hc-guide-overview-page .hc-guide-card--destination .hc-guide-card__media span{
  max-width:calc(100% - 4px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.hc-guide-overview-page .hc-guide-card--destination .hc-guide-card__meta a{
  color:#082e50;
  font-weight:850;
  white-space:nowrap;
}
@media(min-width:1101px){
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card{
    min-height:390px;
    display:flex;
    flex-direction:column;
  }
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card__media{
    height:210px;
    flex:0 0 210px;
  }
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card__body{
    min-height:178px;
    display:flex;
    flex-direction:column;
    padding:15px 15px 14px;
  }
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card h3{
    font-size:14.5px;
    min-height:40px;
    margin-bottom:9px;
  }
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card__meta{
    margin-top:auto;
  }
  body.hc-guide-overview-page .hc-guide-popular{
    min-height:390px;
    padding:20px 20px;
  }
  body.hc-guide-overview-page .hc-guide-popular li{
    padding:14px 0;
  }
  body.hc-guide-overview-page .hc-guide-destination-articles .hc-guide-card{
    min-height:340px;
    display:flex;
    flex-direction:column;
  }
  body.hc-guide-overview-page .hc-guide-destination-articles .hc-guide-card__media{
    height:190px;
    flex:0 0 190px;
  }
  body.hc-guide-overview-page .hc-guide-destination-articles .hc-guide-card__body{
    min-height:148px;
    display:flex;
    flex-direction:column;
    padding:14px 14px 13px;
  }
  body.hc-guide-overview-page .hc-guide-destination-articles .hc-guide-card h3{
    font-size:14px;
    line-height:1.4;
    min-height:40px;
    margin-bottom:8px;
  }
  body.hc-guide-overview-page .hc-guide-destination-articles .hc-guide-card__excerpt{
    -webkit-line-clamp:2;
    margin-bottom:10px;
  }
  body.hc-guide-overview-page .hc-guide-destination-articles .hc-guide-card__meta{
    margin-top:auto;
  }
  body.hc-guide-overview-page .hc-guide-decision-grid .hc-guide-card{
    min-height:315px;
    display:flex;
    flex-direction:column;
  }
  body.hc-guide-overview-page .hc-guide-card.is-compact .hc-guide-card__media{
    height:180px;
    flex:0 0 180px;
  }
  body.hc-guide-overview-page .hc-guide-card.is-compact .hc-guide-card__body{
    min-height:133px;
    display:flex;
    flex-direction:column;
    padding:14px 14px 13px;
  }
  body.hc-guide-overview-page .hc-guide-card.is-compact .hc-guide-card__meta{
    margin-top:auto;
  }
}
@media(max-width:1100px){
  body.hc-guide-overview-page .hc-guide-destination-articles{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.hc-guide-overview-page .hc-guide-destination-articles .hc-guide-card__media{height:190px}
}
@media(max-width:760px){
  body.hc-guide-overview-page .hc-guide-destination-articles{grid-template-columns:1fr}
  body.hc-guide-overview-page .hc-guide-destination-articles .hc-guide-card__media{height:210px}
  body.hc-guide-overview-page .hc-guide-card__excerpt{-webkit-line-clamp:2}
}


/* v0.99.26.414 — Guide article depth + popular-column balance.
 * Scope: Guide Overview only. Compact decision cards now surface excerpts,
 * while the Popular column aligns its list box with the Latest article cards. */
body.hc-guide-overview-page .hc-guide-popular-wrap{min-width:0}
body.hc-guide-overview-page .hc-guide-popular-heading{margin-bottom:14px}
body.hc-guide-overview-page .hc-guide-popular-heading h2{font-size:20px}
body.hc-guide-overview-page .hc-guide-popular-heading p{font-size:12px}
body.hc-guide-overview-page .hc-guide-popular{padding:0;background:#fff}
body.hc-guide-overview-page .hc-guide-popular ol{height:100%}
body.hc-guide-overview-page .hc-guide-popular li>div{min-width:0}
body.hc-guide-overview-page .hc-guide-popular li p{margin:5px 0 6px;color:#65798d;font-size:10.5px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.hc-guide-overview-page .hc-guide-popular li small{display:block;color:#8494a4;font-size:9.5px;line-height:1.2}
body.hc-guide-overview-page .hc-guide-card.is-compact .hc-guide-card__excerpt{margin-bottom:12px;-webkit-line-clamp:3}
@media(min-width:1101px){
  body.hc-guide-overview-page .hc-guide-latest-layout{align-items:start}
  body.hc-guide-overview-page .hc-guide-popular-wrap{display:flex;flex-direction:column}
  body.hc-guide-overview-page .hc-guide-popular{height:390px;min-height:390px;padding:10px 20px 8px;display:flex}
  body.hc-guide-overview-page .hc-guide-popular ol{display:flex;flex-direction:column;width:100%}
  body.hc-guide-overview-page .hc-guide-popular li{flex:1;grid-template-columns:38px 1fr;align-items:center;padding:9px 0}
  body.hc-guide-overview-page .hc-guide-popular li>span{font-size:19px}
  body.hc-guide-overview-page .hc-guide-popular a{font-size:11.5px;line-height:1.35}
  body.hc-guide-overview-page .hc-guide-decision-grid .hc-guide-card{min-height:360px}
  body.hc-guide-overview-page .hc-guide-card.is-compact .hc-guide-card__body{min-height:178px;padding:15px 15px 14px}
  body.hc-guide-overview-page .hc-guide-card.is-compact h3{font-size:14px;line-height:1.4;min-height:40px;margin-bottom:9px}
  body.hc-guide-overview-page .hc-guide-card.is-compact .hc-guide-card__meta{padding-top:10px}
}
@media(max-width:1100px){
  body.hc-guide-overview-page .hc-guide-popular{padding:14px 16px}
}

/* v0.99.26.415 — Latest + Popular editorial row compact balance.
 * Scope: Guide Overview only. Keep Latest article cards editorially rich while
 * making the Popular rail the same visual height with four compact rows. */
@media(min-width:1101px){
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card{
    height:440px;
    min-height:440px;
  }
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card__media{
    height:220px;
    flex:0 0 220px;
  }
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card__body{
    min-height:218px;
    padding:16px 15px 14px;
  }
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card h3{
    font-size:14.5px;
    line-height:1.4;
    min-height:40px;
    margin-bottom:10px;
  }
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card__excerpt{
    font-size:11px;
    line-height:1.5;
    -webkit-line-clamp:3;
    margin-bottom:12px;
  }
  body.hc-guide-overview-page .hc-guide-popular-wrap{
    display:flex;
    flex-direction:column;
    min-width:0;
  }
  body.hc-guide-overview-page .hc-guide-popular{
    height:440px;
    min-height:440px;
    padding:10px 20px;
    display:flex;
  }
  body.hc-guide-overview-page .hc-guide-popular ol{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
  }
  body.hc-guide-overview-page .hc-guide-popular li{
    flex:1 1 25%;
    min-height:0;
    grid-template-columns:36px minmax(0,1fr);
    align-items:center;
    gap:9px;
    padding:10px 0;
  }
  body.hc-guide-overview-page .hc-guide-popular li>span{
    font-size:18px;
    align-self:start;
    padding-top:2px;
  }
  body.hc-guide-overview-page .hc-guide-popular a{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:11.5px;
    line-height:1.35;
  }
  body.hc-guide-overview-page .hc-guide-popular li p{
    margin:4px 0 5px;
    font-size:10px;
    line-height:1.4;
    -webkit-line-clamp:2;
  }
  body.hc-guide-overview-page .hc-guide-popular li small{
    font-size:9.5px;
  }
}


/* v0.99.26.417 — Compact bottom-corner article action.
 * Scope: Guide Overview only. Move the article action to the lower-right
 * corner of Latest + Decision cards, keep read-time/date together on the left,
 * and reduce CTA visual weight. */
body.hc-guide-overview-page .hc-guide-card__body{
  position:relative;
}
body.hc-guide-overview-page .hc-guide-card__cta{
  position:absolute;
  right:13px;
  bottom:11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:26px;
  margin:0;
  padding:5px 8px;
  border:1px solid #d8e1e9;
  border-radius:7px;
  color:#0b3558;
  background:#fff;
  font-size:8.75px;
  line-height:1;
  font-weight:750;
  text-decoration:none;
  white-space:nowrap;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}
body.hc-guide-overview-page .hc-guide-card__cta:hover,
body.hc-guide-overview-page .hc-guide-card__cta:focus-visible{
  background:#0b3558;
  border-color:#0b3558;
  color:#fff;
  transform:translateY(-1px);
}
body.hc-guide-overview-page .hc-guide-card__cta span{
  font-size:10px;
  line-height:1;
}
body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card__meta,
body.hc-guide-overview-page .hc-guide-card.is-compact .hc-guide-card__meta{
  justify-content:flex-start;
  align-items:center;
  gap:8px;
  padding-right:78px;
}
body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card__meta span:last-child,
body.hc-guide-overview-page .hc-guide-card.is-compact .hc-guide-card__meta span:last-child{
  display:inline;
  padding-left:8px;
  border-left:1px solid #dde5ec;
}
@media(min-width:1101px){
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card__body,
  body.hc-guide-overview-page .hc-guide-card.is-compact .hc-guide-card__body{
    padding-bottom:48px;
  }
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card__meta,
  body.hc-guide-overview-page .hc-guide-card.is-compact .hc-guide-card__meta{
    position:absolute;
    left:15px;
    right:12px;
    bottom:12px;
    margin-top:0;
  }
}
@media(max-width:760px){
  body.hc-guide-overview-page .hc-guide-card__cta{
    right:12px;
    bottom:10px;
    min-height:28px;
    font-size:9px;
  }
  body.hc-guide-overview-page .hc-guide-latest-grid .hc-guide-card__meta,
  body.hc-guide-overview-page .hc-guide-card.is-compact .hc-guide-card__meta{
    padding-right:74px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.hc-guide-overview-page .hc-guide-card__cta{transition:none}
}

/* v0.99.26.418 — Guide typography uplift + borderless controls.
 * Scope: Cẩm nang Overview only. Improve reading comfort across the whole page
 * and remove visible outlines from button-like controls without changing flows. */
body.hc-guide-overview-page .hc-guide-search>button,
body.hc-guide-overview-page .hc-guide-search__quick button,
body.hc-guide-overview-page .hc-guide-topic,
body.hc-guide-overview-page .hc-guide-heading>button,
body.hc-guide-overview-page .hc-guide-results-title button,
body.hc-guide-overview-page .hc-guide-card__cta,
body.hc-guide-overview-page .hc-guide-destination-grid a,
body.hc-guide-overview-page .hc-guide-cta__actions a,
body.hc-guide-overview-page .hc-guide-featured__side a::after{
  border:0!important;
}
body.hc-guide-overview-page .hc-guide-card__cta:hover,
body.hc-guide-overview-page .hc-guide-card__cta:focus-visible{
  border:0!important;
}
@media(min-width:761px){
  body.hc-guide-overview-page .hc-guide-breadcrumb{font-size:14px}
  body.hc-guide-overview-page .hc-guide-hero h2{font-size:20px}
  body.hc-guide-overview-page .hc-guide-hero p{font-size:15.5px;line-height:1.65}
  body.hc-guide-overview-page .hc-guide-search input{font-size:14.5px}
  body.hc-guide-overview-page .hc-guide-search>button{font-size:13.5px}
  body.hc-guide-overview-page .hc-guide-search__quick{font-size:12.5px}
  body.hc-guide-overview-page .hc-guide-search__quick button{font-size:11.5px}
  body.hc-guide-overview-page .hc-guide-heading h2{font-size:23px}
  body.hc-guide-overview-page .hc-guide-heading p{font-size:14px;line-height:1.55}
  body.hc-guide-overview-page .hc-guide-heading>a,
  body.hc-guide-overview-page .hc-guide-heading>button{font-size:12.5px}
  body.hc-guide-overview-page .hc-guide-featured__main p{font-size:14px;line-height:1.6}
  body.hc-guide-overview-page .hc-guide-featured__meta{font-size:12.5px}
  body.hc-guide-overview-page .hc-guide-featured__side small{font-size:12.5px}
  body.hc-guide-overview-page .hc-guide-badge{font-size:10px}
  body.hc-guide-overview-page .hc-guide-topic span{font-size:12.5px}
  body.hc-guide-overview-page .hc-guide-card h3{font-size:15.5px;line-height:1.4}
  body.hc-guide-overview-page .hc-guide-card__excerpt{font-size:13px;line-height:1.55}
  body.hc-guide-overview-page .hc-guide-card__meta{font-size:11px}
  body.hc-guide-overview-page .hc-guide-card__media span{font-size:9.5px}
  body.hc-guide-overview-page .hc-guide-card__cta{font-size:10.5px;font-weight:750}
  body.hc-guide-overview-page .hc-guide-card__cta span{font-size:11.5px}
  body.hc-guide-overview-page .hc-guide-popular h2{font-size:20px}
  body.hc-guide-overview-page .hc-guide-popular>p{font-size:12.5px;line-height:1.5}
  body.hc-guide-overview-page .hc-guide-popular a{font-size:12.5px;line-height:1.45}
  body.hc-guide-overview-page .hc-guide-popular li p{font-size:11.5px;line-height:1.45}
  body.hc-guide-overview-page .hc-guide-popular li small{font-size:10.5px}
  body.hc-guide-overview-page .hc-guide-destination-grid h3{font-size:19px}
  body.hc-guide-overview-page .hc-guide-destination-grid p{font-size:12px}
  body.hc-guide-overview-page .hc-guide-destination-grid a{font-size:11px}
  body.hc-guide-overview-page .hc-guide-cta h2{font-size:26px}
  body.hc-guide-overview-page .hc-guide-cta p{font-size:13px}
  body.hc-guide-overview-page .hc-guide-cta__actions a{font-size:11.5px}
}
@media(max-width:760px){
  body.hc-guide-overview-page .hc-guide-hero p{font-size:14px}
  body.hc-guide-overview-page .hc-guide-search input{font-size:14px}
  body.hc-guide-overview-page .hc-guide-search>button{font-size:13px}
  body.hc-guide-overview-page .hc-guide-heading h2{font-size:21px}
  body.hc-guide-overview-page .hc-guide-heading p{font-size:13px}
  body.hc-guide-overview-page .hc-guide-card h3{font-size:15px}
  body.hc-guide-overview-page .hc-guide-card__excerpt{font-size:12.5px;line-height:1.5}
  body.hc-guide-overview-page .hc-guide-card__meta{font-size:10.5px}
  body.hc-guide-overview-page .hc-guide-card__cta{font-size:10px}
}

/* v0.99.26.419 — Guide typography readability uplift.
 * Scope: Cẩm nang Overview only. Increase text sizes across editorial cards,
 * metadata, supporting copy and popular list while preserving existing layout. */
@media(min-width:761px){
  body.hc-guide-overview-page .hc-guide-breadcrumb{font-size:15px}
  body.hc-guide-overview-page .hc-guide-hero h2{font-size:22px}
  body.hc-guide-overview-page .hc-guide-hero p{font-size:16.5px;line-height:1.65}
  body.hc-guide-overview-page .hc-guide-search input{font-size:15.5px}
  body.hc-guide-overview-page .hc-guide-search>button{font-size:14.5px}
  body.hc-guide-overview-page .hc-guide-search__quick{font-size:13.5px}
  body.hc-guide-overview-page .hc-guide-search__quick button{font-size:12.5px}
  body.hc-guide-overview-page .hc-guide-heading h2{font-size:26px;line-height:1.22}
  body.hc-guide-overview-page .hc-guide-heading p{font-size:15.5px;line-height:1.55}
  body.hc-guide-overview-page .hc-guide-heading>a,
  body.hc-guide-overview-page .hc-guide-heading>button{font-size:13.5px}
  body.hc-guide-overview-page .hc-guide-featured__main p{font-size:15px;line-height:1.62}
  body.hc-guide-overview-page .hc-guide-featured__meta{font-size:13px}
  body.hc-guide-overview-page .hc-guide-featured__side small{font-size:13px}
  body.hc-guide-overview-page .hc-guide-badge{font-size:10.5px}
  body.hc-guide-overview-page .hc-guide-topic span{font-size:13.5px}
  body.hc-guide-overview-page .hc-guide-card h3{font-size:17.5px;line-height:1.42}
  body.hc-guide-overview-page .hc-guide-card__excerpt{font-size:14.5px;line-height:1.6}
  body.hc-guide-overview-page .hc-guide-card__meta{font-size:12.5px;line-height:1.35}
  body.hc-guide-overview-page .hc-guide-card__media span{font-size:10.5px}
  body.hc-guide-overview-page .hc-guide-card__cta{font-size:11.5px;font-weight:750}
  body.hc-guide-overview-page .hc-guide-card__cta span{font-size:12px}
  body.hc-guide-overview-page .hc-guide-popular h2{font-size:22px}
  body.hc-guide-overview-page .hc-guide-popular>p{font-size:14px;line-height:1.5}
  body.hc-guide-overview-page .hc-guide-popular a{font-size:13.5px;line-height:1.48}
  body.hc-guide-overview-page .hc-guide-popular li p{font-size:12.5px;line-height:1.5}
  body.hc-guide-overview-page .hc-guide-popular li small{font-size:11.5px}
  body.hc-guide-overview-page .hc-guide-destination-grid h3{font-size:20px}
  body.hc-guide-overview-page .hc-guide-destination-grid p{font-size:13px;line-height:1.5}
  body.hc-guide-overview-page .hc-guide-destination-grid a{font-size:12px}
  body.hc-guide-overview-page .hc-guide-cta h2{font-size:28px}
  body.hc-guide-overview-page .hc-guide-cta p{font-size:14px}
  body.hc-guide-overview-page .hc-guide-cta__actions a{font-size:12.5px}
}
@media(max-width:760px){
  body.hc-guide-overview-page .hc-guide-breadcrumb{font-size:13px}
  body.hc-guide-overview-page .hc-guide-hero p{font-size:15px;line-height:1.6}
  body.hc-guide-overview-page .hc-guide-search input{font-size:15px}
  body.hc-guide-overview-page .hc-guide-search>button{font-size:14px}
  body.hc-guide-overview-page .hc-guide-heading h2{font-size:23px;line-height:1.25}
  body.hc-guide-overview-page .hc-guide-heading p{font-size:14px;line-height:1.5}
  body.hc-guide-overview-page .hc-guide-card h3{font-size:16.5px;line-height:1.42}
  body.hc-guide-overview-page .hc-guide-card__excerpt{font-size:13.5px;line-height:1.55}
  body.hc-guide-overview-page .hc-guide-card__meta{font-size:11.5px}
  body.hc-guide-overview-page .hc-guide-card__cta{font-size:11px}
  body.hc-guide-overview-page .hc-guide-popular a{font-size:13px}
  body.hc-guide-overview-page .hc-guide-popular li p{font-size:12px}
}