.guide-page,.guide-list-page,.guide-first-page,.guide-updates-page { color:#183d36; }
.guide-page { padding-bottom:100px; }
.guide-eyebrow { display:block; color:#a57945; font-size:11px; font-weight:800; letter-spacing:.18em; }
.guide-intro { padding-top:102px; padding-bottom:104px; }
.guide-intro h1,.guide-section-heading h2,.guide-list-header h1,.guide-first-time h2,.guide-toolbox-cta h2 { font-family:"Noto Serif SC","Songti SC","SimSun",serif; letter-spacing:-.045em; }
.guide-intro h1 { margin:21px 0 23px; font-size:clamp(38px,4.2vw,60px); line-height:1.22; }
.guide-intro p { margin:0; color:#667a74; font-size:16px; line-height:1.9; }
.guide-section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:27px; }
.guide-section-heading h2 { margin:9px 0 7px; font-size:clamp(29px,3vw,40px); line-height:1.25; }
.guide-section-heading p { margin:0; color:#698077; font-size:14px; line-height:1.7; }
.guide-section-heading > a { padding-bottom:8px; color:#2b6c63; font-size:13px; font-weight:800; text-decoration:none; white-space:nowrap; }
.guide-section-heading > a:hover,.guide-category-card:hover .guide-category-action,.guide-featured-item:hover .guide-featured-action { color:#bb7540; }
.guide-category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.guide-category-card { position:relative; display:flex; flex-direction:column; min-width:0; min-height:228px; padding:23px 23px 21px; border:1px solid #e0e8df; border-radius:10px; background:#fff; text-decoration:none; transition:transform .18s,border-color .18s,box-shadow .18s; }
.guide-category-card:hover { transform:translateY(-3px); border-color:#b3cdbb; box-shadow:0 12px 24px #2144370c; }
.guide-category-card:focus-visible { outline-offset:2px; }
.guide-category-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:17px; }
.guide-category-number { color:#a7b5a8; font-family:Georgia,serif; font-size:13px; }
.guide-category-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#e8f1ea; color:#426f59; font-size:23px; }
.guide-category-arrival-airports .guide-category-icon,.guide-category-shopping-money .guide-category-icon { background:#fff0e0; }
.guide-category-getting-around .guide-category-icon,.guide-category-culture-etiquette .guide-category-icon { background:#edf1fa; }
.guide-category-card > strong { font-family:"Noto Serif SC","Songti SC","SimSun",serif; font-size:22px; line-height:1.3; }
.guide-category-english { margin-top:5px; color:#a27850; font-size:10px; font-weight:800; letter-spacing:.1em; }
.guide-category-description { margin-top:12px; color:#64796f; font-size:13px; line-height:1.55; }
.guide-category-topics { margin-top:7px; color:#86958d; font-size:11px; line-height:1.5; }
.guide-category-action { margin-top:auto; padding-top:17px; color:#2a6558; font-size:12px; font-weight:800; }
.guide-category-action span { margin-left:4px; }
.guide-mid-row { display:grid; grid-template-columns:minmax(0,7fr) minmax(280px,3fr); align-items:stretch; gap:16px; margin-top:76px; }
.guide-ad-panel,.guide-updates-panel { min-width:0; }
.guide-ad-panel .routes-ad-carousel,.guide-ad-fallback { display:block; width:100%; height:270px; margin:0; border-radius:10px; }
.guide-ad-fallback { display:flex; flex-direction:column; justify-content:center; gap:10px; padding:36px; background:linear-gradient(90deg,#123c35dd,#163f3599),url('/assets/destinations/chiang-mai.jpg') center/cover; color:#fff; text-decoration:none; }
.guide-ad-fallback span { color:#e9d1a3; font-size:11px; font-weight:800; letter-spacing:.16em; }
.guide-ad-fallback strong { font-family:"Noto Serif SC","Songti SC","SimSun",serif; font-size:28px; line-height:1.35; }
.guide-ad-fallback small { color:#ffe2af; font-size:13px; font-weight:800; }
.guide-ad-panel .routes-ad-content { left:8%; width:78%; }
.guide-ad-panel .routes-ad-content h2 { font-size:clamp(24px,2.5vw,33px); }
.guide-updates-panel { min-height:270px; padding:22px 24px; border:1px solid #e2e8e2; border-radius:10px; background:#fff; }
.guide-updates-heading { display:flex; justify-content:space-between; align-items:start; gap:8px; padding-bottom:12px; border-bottom:1px solid #e9ece7; }
.guide-updates-heading h2 { margin:0 0 3px; font-family:"Noto Serif SC","Songti SC","SimSun",serif; font-size:22px; }
.guide-updates-heading span { color:#aa8255; font-size:9px; font-weight:800; letter-spacing:.12em; }
.guide-updates-heading a { padding-top:4px; color:#426e62; font-size:11px; font-weight:800; text-decoration:none; white-space:nowrap; }
.guide-update-list { display:grid; }
.guide-update-item { display:grid; grid-template-columns:40px minmax(0,1fr); gap:10px; padding:12px 0; border-bottom:1px solid #edf0eb; }
.guide-update-item:last-child { border-bottom:0; }
.guide-update-item time { padding-top:3px; color:#9a856d; font-family:Georgia,serif; font-size:12px; }
.guide-update-item div { min-width:0; }
.guide-update-item a,.guide-update-item strong { display:inline; color:#24483f; font-size:12px; font-weight:700; line-height:1.55; text-decoration:none; }
.guide-update-item a:hover { text-decoration:underline; }
.guide-update-tag { display:inline-block; margin-right:5px; padding:2px 6px; border-radius:3px; background:#f6eadc; color:#955f2e; font-size:10px; font-weight:800; white-space:nowrap; }
.guide-update-transport { background:#e3eff7; color:#3a6d90; }.guide-update-sights { background:#eaf2df; color:#587a3b; }.guide-update-weather { background:#eaeafb; color:#65629e; }.guide-update-notice { background:#fae8e7; color:#a05b55; }
.guide-updates-empty { margin:27px 0 0; color:#7b8b81; font-size:13px; line-height:1.7; }
.guide-featured { padding-top:93px; }
.guide-featured-heading { margin-bottom:23px; }
.guide-overline { margin:6px 0 -2px!important; color:#6f827a!important; font-size:13px!important; }
.guide-featured-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:50px; }
.guide-featured-item { display:flex; flex-direction:column; align-items:start; gap:7px; min-width:0; padding:19px 0; border-top:1px solid #dfe6dc; text-decoration:none; }
.guide-featured-item > strong { font-size:18px; line-height:1.4; }
.guide-featured-meta { color:#a17e5b; font-size:11px; font-weight:800; }
.guide-featured-summary { display:-webkit-box; overflow:hidden; color:#6e8178; font-size:13px; line-height:1.6; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.guide-featured-action { color:#316f60; font-size:12px; font-weight:800; }
.guide-first-time { margin-top:90px; padding:47px 57px; border-radius:12px; background:linear-gradient(100deg,#123d34f0,#123d34e0 45%,#123d3455),url('/assets/destinations/bangkok.jpg') center 49%/cover; color:#fff; }
.guide-first-time > div > span { color:#f3d59e; font-size:11px; font-weight:800; letter-spacing:.17em; }
.guide-first-time h2 { margin:12px 0 9px; font-size:clamp(30px,3vw,42px); }
.guide-first-time p { margin:0 0 21px; color:#e0e9df; font-size:14px; line-height:1.8; }
.guide-first-time a { display:inline-flex; padding:11px 16px; border-radius:5px; background:#edc786; color:#213e31; font-size:13px; font-weight:800; text-decoration:none; }
.guide-toolbox-cta { display:grid; grid-template-columns:1.15fr 1.6fr; gap:20px 48px; align-items:center; margin-top:88px; padding:32px 0 0; border-top:1px solid #d8e1d7; }
.guide-toolbox-cta h2 { margin:10px 0 8px; font-size:clamp(27px,2.6vw,36px); line-height:1.3; }
.guide-toolbox-cta p { margin:0; color:#6c8276; font-size:13px; line-height:1.6; }
.guide-tool-links { display:flex; flex-wrap:wrap; gap:8px; }
.guide-tool-links a { padding:9px 12px; border:1px solid #d7e2d9; border-radius:6px; background:#fff; color:#3b6455; font-size:12px; font-weight:750; text-decoration:none; }
.guide-tool-links a:hover { border-color:#7aa687; }.guide-tool-links span { margin-right:5px; color:#bd8852; }
.guide-toolbox-button { grid-column:2; justify-self:start; color:#2e6c56; font-size:14px; font-weight:800; text-decoration:none; }
.guide-empty { padding:30px; border:1px solid #dde6dd; border-radius:9px; background:#fff; color:#6d7f74; font-size:14px; line-height:1.65; }
.guide-empty strong { display:block; color:#244a3d; font-size:19px; }.guide-empty p { margin:7px 0; }.guide-empty a { color:#2e745f; font-weight:800; text-decoration:none; }
.guide-list-page,.guide-first-page,.guide-updates-page { padding-top:28px; padding-bottom:100px; }
.guide-breadcrumb { display:flex; gap:9px; color:#839488; font-size:12px; }.guide-breadcrumb a { text-decoration:none; }.guide-breadcrumb a:hover { color:#2a755d; }
.guide-list-header { padding:70px 0 42px; border-bottom:1px solid #dfe7de; }.guide-list-title { display:flex; align-items:end; justify-content:space-between; gap:20px; }.guide-list-header h1 { margin:11px 0; font-size:clamp(34px,3.6vw,48px); }.guide-list-icon { margin-right:12px; font-size:.7em; }.guide-list-header p { margin:0; color:#70837a; font-size:14px; line-height:1.75; }.guide-list-title > a { margin-bottom:6px; color:#2c6d58; font-size:13px; font-weight:800; text-decoration:none; white-space:nowrap; }
.guide-topics { display:flex; flex-wrap:wrap; gap:8px; padding:24px 0 12px; }.guide-topics a { padding:8px 11px; border:1px solid #dbe5da; border-radius:5px; background:#fff; color:#527061; font-size:12px; text-decoration:none; }.guide-topics a:hover,.guide-topics a[aria-current="page"] { border-color:#2e755e; background:#2e755e; color:#fff; }
.guide-list-results { margin-top:15px; }.guide-list-results-head { display:flex; justify-content:space-between; align-items:end; margin-bottom:18px; }.guide-list-results-head h2,.guide-first-curated h2 { margin:8px 0 0; font-family:"Noto Serif SC","Songti SC","SimSun",serif; font-size:27px; }.guide-list-results-head > span { color:#77897d; font-size:12px; }
.guide-list-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }.guide-list-card { display:flex; flex-direction:column; min-height:155px; padding:21px; border:1px solid #e2e9e1; border-radius:8px; background:#fff; text-decoration:none; }.guide-list-card:hover { border-color:#9abfa4; }.guide-list-card > span { color:#a37f5e; font-size:11px; font-weight:800; }.guide-list-card h3 { margin:11px 0 6px; font-size:19px; line-height:1.4; }.guide-list-card p { margin:0; color:#708077; font-size:13px; line-height:1.6; }.guide-list-card small { margin-top:auto; padding-top:14px; color:#2b6e55; font-size:12px; font-weight:800; }
.guide-pagination { display:flex; align-items:center; gap:16px; padding:25px 0; color:#78897c; font-size:12px; }.guide-pagination a { color:#2b7057; font-weight:800; text-decoration:none; }
.guide-first-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-top:30px; }.guide-first-steps a { display:flex; flex-direction:column; min-height:173px; padding:20px; border:1px solid #e0e7df; border-radius:8px; background:#fff; text-decoration:none; }.guide-first-steps a:hover { border-color:#9bbba4; }.guide-first-steps span { color:#ad8965; font-family:Georgia,serif; font-size:13px; }.guide-first-steps strong { margin-top:25px; font-size:18px; }.guide-first-steps small { margin-top:6px; color:#75877a; font-size:12px; line-height:1.5; }.guide-first-steps b { margin-top:auto; padding-top:10px; color:#2d7259; }
.guide-first-curated { margin-top:55px; }.guide-first-curated h2 { margin-bottom:20px; }.guide-first-tool { display:inline-flex; margin-top:38px; color:#286b53; font-weight:800; text-decoration:none; }
.guide-updates-full-list { display:grid; gap:0; margin-top:30px; }.guide-updates-full-item { display:grid; grid-template-columns:120px 1fr; gap:20px; padding:26px 0; border-bottom:1px solid #dde6dd; }.guide-updates-full-item time { color:#a7825b; font-family:Georgia,serif; font-size:15px; }.guide-updates-full-item h2 { display:inline; margin:0; font-size:20px; line-height:1.5; }.guide-updates-full-item p { max-width:700px; margin:9px 0; color:#6d8174; font-size:14px; line-height:1.7; }.guide-updates-full-item a { color:#2d7059; font-size:13px; font-weight:800; text-decoration:none; }
.main-nav a[aria-current="page"] { color:#286e53; }
@media (max-width:1000px) { .guide-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.guide-mid-row { grid-template-columns:minmax(0,1fr); }.guide-ad-panel .routes-ad-carousel,.guide-ad-fallback { height:240px; }.guide-updates-panel { min-height:0; }.guide-first-steps { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:650px) { .guide-page { padding-bottom:70px; }.guide-intro { padding-top:65px; padding-bottom:65px; }.guide-intro h1 { font-size:37px; }.guide-intro p { font-size:14px; }.guide-intro p br { display:none; }.guide-category-grid { gap:10px; }.guide-category-card { min-height:205px; padding:15px; }.guide-category-top { margin-bottom:12px; }.guide-category-icon { width:34px; height:34px; font-size:18px; }.guide-category-card > strong { font-size:18px; }.guide-category-english { font-size:8px; }.guide-category-description { font-size:12px; }.guide-category-topics { display:none; }.guide-category-action { padding-top:10px; }.guide-mid-row { margin-top:60px; }.guide-ad-panel .routes-ad-carousel,.guide-ad-fallback { height:215px; }.guide-updates-panel { padding:20px; }.guide-featured { padding-top:65px; }.guide-section-heading { align-items:start; flex-direction:column; gap:8px; }.guide-section-heading h2 { font-size:29px; }.guide-featured-grid { grid-template-columns:1fr; }.guide-first-time { margin-top:65px; padding:35px 25px; }.guide-toolbox-cta { grid-template-columns:1fr; margin-top:63px; gap:20px; }.guide-toolbox-button { grid-column:1; }.guide-list-page,.guide-first-page,.guide-updates-page { padding-bottom:70px; }.guide-list-header { padding:48px 0 28px; }.guide-list-title { display:block; }.guide-list-title > a { display:inline-block; margin-top:18px; }.guide-list-grid { grid-template-columns:1fr; }.guide-first-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }.guide-first-steps a { min-height:155px; padding:15px; }.guide-first-steps strong { margin-top:20px; font-size:16px; }.guide-updates-full-item { grid-template-columns:1fr; gap:8px; } }
@media (prefers-reduced-motion:reduce) { .guide-category-card { transition:none; } }

/* Shared category navigation and article cards. */
.guide-list-icon{display:inline-flex;align-items:center;vertical-align:-.12em;color:#3a7158}
.guide-list-icon svg{width:.8em;height:.8em;stroke-width:1.7}
.guide-topics{gap:9px;padding-top:23px}
.guide-topics a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:650;line-height:1.25;transition:background .16s,border-color .16s,color .16s}
.guide-topics a:focus-visible{outline-offset:2px}
.guide-list-card{overflow:hidden}
.guide-list-card-cover{display:block;margin:-21px -21px 16px;aspect-ratio:16/9;overflow:hidden;background:#edf2ec}
.guide-list-card-cover img{display:block;width:100%;height:100%;object-fit:cover}
.guide-list-card-topic{color:#3d735a}
.guide-list-card small{display:flex;justify-content:space-between;align-items:center;gap:14px}
.guide-list-card small time{color:#788b7e;font-weight:500}
.guide-list-card small b{color:#2b6e55;white-space:nowrap}
@media(max-width:650px){.guide-topics a{min-height:44px;padding:10px 13px}.guide-list-card-cover{margin:-21px -21px 15px}}
.guide-shortcut-icon{display:inline-flex;align-items:center;justify-content:center;color:#2f725a}
.guide-shortcut-icon svg{width:1em;height:1em}

/* Practical guide magazine landing */
.guide-magazine { padding-bottom:100px; }
.guide-page-hero { position:relative; display:flex; align-items:center; min-height:320px; overflow:hidden; background:#304950; color:#fff; }
.guide-page-hero > img,.guide-page-hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.guide-page-hero > img { object-fit:cover; object-position:center 58%; }
.guide-page-hero-shade { background:linear-gradient(90deg,#112e38e8 0%,#173943c4 31%,#23485275 63%,#25434d1c 100%); }
.guide-page-hero-content { position:relative; z-index:1; padding-top:54px; padding-bottom:56px; }
.guide-page-hero-content > span { color:#f8e8c0; font-size:11px; font-weight:800; letter-spacing:.18em; }
.guide-page-hero h1 { max-width:650px; margin:12px 0 17px; font-family:"Noto Serif SC","Songti SC","SimSun",serif; font-size:clamp(38px,4vw,55px); letter-spacing:-.045em; line-height:1.2; }
.guide-page-hero p { max-width:630px; margin:0; color:#f0f6f4; font-size:15px; line-height:1.85; }
.guide-page-hero-credit { position:absolute; z-index:1; right:24px; bottom:14px; color:#ffffffe0; font-size:11px; text-decoration:none; }
.guide-shortcuts-section { padding-top:62px; padding-bottom:48px; }
.guide-shortcuts-heading { display:flex; align-items:end; justify-content:space-between; gap:22px; margin-bottom:24px; }
.guide-shortcuts-heading h2 { margin:9px 0 0; font-family:"Noto Serif SC","Songti SC","SimSun",serif; font-size:clamp(28px,3vw,37px); letter-spacing:-.04em; }
.guide-shortcuts-heading p { margin:0 0 5px; color:#73857c; font-size:13px; line-height:1.6; }
.guide-top-grid { display:grid; grid-template-columns:minmax(0,7fr) minmax(285px,3fr); gap:16px; height:390px; }
.guide-hero { position:relative; min-width:0; height:100%; overflow:hidden; border-radius:11px; background:#144b50; }
.guide-hero-slide { position:absolute; inset:0; animation:guide-hero-in .4s ease; }
.guide-hero-slide[hidden] { display:none; }
@keyframes guide-hero-in { from { opacity:.3; } to { opacity:1; } }
.guide-hero-slide > img,.guide-hero-shade { position:absolute; inset:0; display:block; width:100%; height:100%; }
.guide-hero-slide > img { object-fit:cover; }
.guide-hero-shade { background:linear-gradient(90deg,#052c3aa8 0%,#0e3d3b56 55%,#0f4a3718 100%),linear-gradient(0deg,#071c27ca 0%,transparent 34%); }
.guide-hero-copy { position:absolute; z-index:1; top:14%; left:7%; max-width:68%; color:#fff; }
.guide-hero-copy > span { color:#fff7cf; font-size:11px; font-weight:850; letter-spacing:.16em; }
.guide-hero-copy h2 { margin:12px 0 9px; font-family:"Noto Serif SC","Songti SC","SimSun",serif; font-size:clamp(28px,3.5vw,49px); line-height:1.24; text-shadow:0 2px 9px #19333252; }
.guide-hero-copy p { margin:0; color:#ecf8f2; font-size:14px; line-height:1.7; }
.guide-hero-copy a { display:inline-flex; align-items:center; gap:12px; margin-top:20px; padding:11px 18px; border-radius:30px; background:#f8d985; color:#264336; font-size:12px; font-weight:850; text-decoration:none; }
.guide-hero-copy a:hover { background:#ffe9ab; }
.guide-hero-arrow { position:absolute; z-index:4; bottom:90px; display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; border-radius:50%; background:#fff; color:#1c5870; font:inherit; font-size:25px; line-height:1; cursor:pointer; }
.guide-hero-prev { left:15px; }.guide-hero-next { right:15px; }
.guide-hero-thumbs { position:absolute; z-index:3; left:51px; right:51px; bottom:12px; display:flex; gap:7px; min-width:0; overflow-x:auto; scrollbar-width:none; }
.guide-hero-thumbs::-webkit-scrollbar { display:none; }
.guide-hero-thumbs button { position:relative; flex:1 0 75px; min-width:0; height:70px; overflow:hidden; padding:0; border:2px solid #fff9; border-radius:5px; background:#143c42; color:#fff; text-align:left; cursor:pointer; }
.guide-hero-thumbs button[aria-current="true"] { border-color:#ffd679; box-shadow:0 0 0 1px #fff; }
.guide-hero-thumbs img { width:100%; height:100%; object-fit:cover; }
.guide-hero-thumbs button::after { content:""; position:absolute; inset:20% 0 0; background:linear-gradient(transparent,#051d24b8); }
.guide-hero-thumbs span { position:absolute; z-index:1; right:5px; bottom:5px; left:6px; overflow:hidden; font-size:10px; font-weight:800; line-height:1.2; white-space:nowrap; text-overflow:ellipsis; }
.guide-top-side { display:grid; grid-template-rows:minmax(0,1fr) 108px; gap:12px; min-height:0; }
.guide-top-side .guide-updates-panel { min-height:0; overflow:hidden; padding:17px; }
.guide-top-side .guide-updates-heading { align-items:center; padding-bottom:9px; }
.guide-top-side .guide-updates-heading h2 { font-family:inherit; font-size:16px; }
.guide-top-side .guide-updates-heading span { font-size:8px; }
.guide-top-side .guide-update-item { grid-template-columns:37px minmax(0,1fr); gap:5px; padding:8px 0; }
.guide-top-side .guide-update-item time { font-size:10px; }.guide-top-side .guide-update-item a,.guide-top-side .guide-update-item strong { font-size:11px; }
.guide-top-side .guide-update-tag { font-size:9px; }.guide-top-side .guide-updates-empty { margin:21px 0; }.guide-top-side .guide-updates-empty strong { display:block; color:#315347; font-size:14px; }.guide-top-side .guide-updates-empty p { color:#7b8b81; font-size:12px; line-height:1.6; }
.guide-calendar-card { position:relative; display:flex; flex-direction:column; justify-content:center; overflow:hidden; padding:16px 20px; border-radius:9px; color:#fff; text-decoration:none; }
.guide-calendar-card img,.guide-calendar-card::before { position:absolute; inset:0; width:100%; height:100%; }
.guide-calendar-card img { object-fit:cover; object-position:center 56%; }
.guide-calendar-card::before { z-index:1; content:""; background:linear-gradient(90deg,#112f38d1,#123c4660); }
.guide-calendar-card span,.guide-calendar-card small,.guide-calendar-card b { position:relative; z-index:2; }.guide-calendar-card span { font-family:"Noto Serif SC","Songti SC","SimSun",serif; font-size:20px; font-weight:800; }.guide-calendar-card small { margin-top:4px; color:#e2edf0; font-size:11px; }.guide-calendar-card b { position:absolute; right:14px; bottom:14px; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#fff; color:#24586a; font-size:14px; }
.guide-shortcuts { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:10px; }
.guide-shortcut { display:flex; flex-direction:column; align-items:center; min-width:0; min-height:114px; padding:12px 7px 10px; border:1px solid #ebeee8; border-radius:8px; background:#fff; text-align:center; text-decoration:none; transition:transform .18s,border-color .18s; }
.guide-shortcut:hover { transform:translateY(-3px); border-color:#a5c4ae; }.guide-shortcut-icon { font-size:28px; line-height:1.2; }.guide-shortcut strong { margin-top:9px; font-size:13px; line-height:1.3; white-space:nowrap; }.guide-shortcut small { margin-top:5px; overflow:hidden; max-width:100%; color:#8a988d; font-size:9px; line-height:1.4; white-space:nowrap; text-overflow:ellipsis; }
.guide-mag-body { display:grid; grid-template-columns:minmax(0,3.25fr) minmax(215px,1fr); align-items:start; gap:23px; padding-top:75px; }
.guide-mag-main,.guide-mag-sidebar { min-width:0; }
.guide-mag-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }.guide-mag-heading > div { display:flex; flex-wrap:wrap; align-items:center; gap:7px 10px; }.guide-mag-heading h2 { margin:0; font-family:"Noto Serif SC","Songti SC","SimSun",serif; font-size:25px; line-height:1.25; }.guide-mag-heading p { margin:2px 0 0; color:#8b9a91; font-size:11px; }.guide-mag-heading > a { color:#2f755a; font-size:11px; font-weight:800; text-decoration:none; white-space:nowrap; }.guide-mag-icon { color:#f3aa42; font-size:25px; line-height:1; }.guide-mag-icon-blue { color:#407ab5; }
.guide-editor-lead-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.guide-editor-more-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:15px; }
.guide-editor-card { display:flex; flex-direction:column; overflow:hidden; min-width:0; border:1px solid #e2e8e2; border-radius:8px; background:#fff; text-decoration:none; }.guide-editor-card:hover { border-color:#abc9b2; box-shadow:0 8px 20px #244a3d0c; }
.guide-editor-photo { position:relative; display:block; overflow:hidden; background:#dce8de; }.guide-editor-lead .guide-editor-photo { aspect-ratio:2.05; }.guide-editor-small .guide-editor-photo,.guide-latest-card .guide-editor-photo { aspect-ratio:1.75; }.guide-editor-photo > img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s; }.guide-editor-card:hover .guide-editor-photo > img { transform:scale(1.035); }.guide-photo-placeholder { display:grid; place-items:center; width:100%; height:100%; min-height:120px; font-size:44px; }.guide-editor-photo em { position:absolute; bottom:8px; left:9px; padding:3px 7px; border-radius:4px; background:#2c83bc; color:#fff; font-size:10px; font-style:normal; font-weight:800; }
.guide-editor-card-body { position:relative; display:flex; flex:1; flex-direction:column; align-items:start; gap:7px; min-width:0; padding:13px; }.guide-editor-card-body > strong { display:-webkit-box; overflow:hidden; font-size:16px; line-height:1.4; -webkit-line-clamp:2; -webkit-box-orient:vertical; }.guide-editor-card-body > span { display:-webkit-box; overflow:hidden; color:#7a8b82; font-size:11px; line-height:1.55; -webkit-line-clamp:2; -webkit-box-orient:vertical; }.guide-editor-card-body small { display:flex; justify-content:space-between; gap:6px; width:100%; margin-top:auto; padding-top:10px; color:#9aa79e; font-size:10px; }.guide-editor-card-body small b { color:#2875a1; white-space:nowrap; }.guide-editor-card-body i { color:#ac7f49; font-size:10px; font-style:normal; }
.guide-editor-small .guide-editor-card-body { min-height:132px; padding:10px; }.guide-editor-small .guide-editor-card-body > strong { font-size:13px; }.guide-editor-small .guide-editor-card-body > span { font-size:10px; }.guide-editor-small .guide-editor-card-body small { font-size:9px; }
.guide-mag-sidebar { display:grid; gap:16px; }.guide-related-tools { padding:13px; border:1px solid #e2e8e2; border-radius:9px; background:#fff; }.guide-sidebar-heading { display:flex; justify-content:space-between; align-items:center; gap:7px; padding-bottom:10px; border-bottom:1px solid #edf0ed; }.guide-sidebar-heading h2 { margin:0; font-size:13px; }.guide-sidebar-heading a { color:#4182ac; font-size:9px; font-weight:800; text-decoration:none; white-space:nowrap; }.guide-related-tool { display:flex; align-items:center; gap:9px; padding:11px 2px; border-bottom:1px solid #eef1ec; text-decoration:none; }.guide-related-tool:last-child { border-bottom:0; }.guide-related-tool > span:first-child { display:grid; flex:none; place-items:center; width:30px; height:30px; border-radius:6px; background:#e7f1f8; color:#3982b4; font-size:19px; }.guide-related-tool:nth-of-type(3) > span:first-child { background:#e5f4e9; color:#27946f; }.guide-related-tool:nth-of-type(4) > span:first-child { background:#e6f6fa; color:#1f9ec1; }.guide-related-tool:nth-of-type(5) > span:first-child { background:#fff0dc; color:#d28322; }.guide-related-tool > span:nth-child(2) { display:grid; min-width:0; gap:3px; }.guide-related-tool strong { font-size:11px; }.guide-related-tool small { overflow:hidden; color:#91a097; font-size:9px; white-space:nowrap; text-overflow:ellipsis; }.guide-related-tool b { margin-left:auto; color:#4389b3; font-size:12px; }
.guide-side-banner { position:relative; display:flex; flex-direction:column; justify-content:end; overflow:hidden; min-height:190px; padding:18px; border-radius:9px; color:#fff; text-decoration:none; }.guide-side-banner img,.guide-side-banner > span { position:absolute; inset:0; width:100%; height:100%; }.guide-side-banner img { object-fit:cover; }.guide-side-banner > span { background:linear-gradient(0deg,#071f2cd9,#08293421 80%); }.guide-side-banner strong,.guide-side-banner small,.guide-side-banner b { position:relative; z-index:1; }.guide-side-banner strong { max-width:90%; font-family:"Noto Serif SC","Songti SC","SimSun",serif; font-size:19px; line-height:1.35; }.guide-side-banner small { margin-top:7px; color:#e2e9e9; font-size:10px; }.guide-side-banner b { align-self:start; margin-top:12px; padding:7px 11px; border-radius:20px; background:#fff; color:#194052; font-size:10px; }
.guide-inline-banner { position:relative; display:flex; align-items:center; overflow:hidden; min-height:155px; margin-top:35px; padding:20px 34px; border-radius:8px; color:#fff; text-decoration:none; }.guide-inline-banner > img,.guide-inline-shade { position:absolute; inset:0; width:100%; height:100%; }.guide-inline-banner > img { object-fit:cover; }.guide-inline-shade { background:linear-gradient(90deg,#0b343edc,#12445366 65%,#12445320); }.guide-inline-content { position:relative; z-index:1; display:flex; flex-direction:column; align-items:start; gap:6px; }.guide-inline-content small { color:#f6d7a3; font-size:10px; font-weight:800; letter-spacing:.13em; }.guide-inline-content strong { font-family:"Noto Serif SC","Songti SC","SimSun",serif; font-size:26px; }.guide-inline-content > span { color:#ecf4f2; font-size:11px; }.guide-inline-content b { display:inline-block; margin-top:4px; padding:7px 13px; border-radius:20px; background:#fff; color:#28627b; font-size:10px; }
.guide-latest { padding-top:40px; }.guide-latest-categories { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:17px; }.guide-latest-categories a { padding:7px 11px; border-radius:15px; background:#edf0ef; color:#61736c; font-size:10px; font-weight:700; text-decoration:none; }.guide-latest-categories a:hover,.guide-latest-categories .is-current { background:#173d40; color:#fff; }.guide-latest-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.guide-latest-card .guide-editor-card-body { min-height:130px; padding:10px; }.guide-latest-card .guide-editor-card-body > strong { font-size:13px; }.guide-latest-card .guide-editor-card-body > span { font-size:10px; }
@media (max-width:1000px) { .guide-top-grid { grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr); }.guide-hero-copy { max-width:77%; }.guide-shortcuts { grid-template-columns:repeat(4,minmax(0,1fr)); }.guide-mag-body { grid-template-columns:minmax(0,2.4fr) minmax(205px,1fr); }.guide-editor-more-grid,.guide-latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .guide-page-hero { min-height:300px; }.guide-shortcuts-section { padding-top:48px; padding-bottom:38px; }.guide-shortcuts-heading { align-items:start; flex-direction:column; gap:8px; }.guide-shortcuts-heading p { margin:0; }.guide-top-grid { grid-template-columns:1fr; height:auto; }.guide-hero { height:370px; }.guide-top-side { grid-template-columns:minmax(0,1fr) 230px; grid-template-rows:210px; }.guide-shortcuts { grid-template-columns:repeat(4,minmax(0,1fr)); }.guide-mag-body { grid-template-columns:1fr; padding-top:58px; }.guide-mag-sidebar { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }.guide-side-banner { min-height:210px; } }
@media (max-width:560px) { .guide-page-hero { min-height:350px; }.guide-page-hero > img { object-position:59% center; }.guide-page-hero-shade { background:linear-gradient(90deg,#112e38e8,#173943b0 62%,#2348526b); }.guide-page-hero-content { padding-top:45px; padding-bottom:65px; }.guide-page-hero h1 { max-width:350px; font-size:37px; }.guide-page-hero p { font-size:13px; }.guide-page-hero p br { display:none; }.guide-shortcuts-section { padding-top:42px; padding-bottom:31px; }.guide-shortcuts-heading h2 { font-size:28px; }.guide-hero { height:355px; }.guide-hero-copy { top:14%; left:8%; max-width:84%; }.guide-hero-copy h2 { font-size:31px; }.guide-hero-copy p { font-size:12px; }.guide-hero-copy a { margin-top:16px; }.guide-hero-thumbs { left:38px; right:38px; }.guide-hero-thumbs button { height:61px; }.guide-hero-arrow { bottom:77px; width:27px; height:27px; }.guide-hero-prev { left:6px; }.guide-hero-next { right:6px; }.guide-top-side { grid-template-columns:1fr; grid-template-rows:auto 96px; }.guide-top-side .guide-updates-panel { min-height:175px; }.guide-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.guide-shortcut { min-height:90px; padding:9px 6px; }.guide-shortcut-icon { font-size:23px; }.guide-shortcut strong { margin-top:5px; font-size:12px; }.guide-shortcut small { font-size:9px; }.guide-mag-heading { align-items:start; }.guide-mag-heading > div { display:block; }.guide-mag-heading h2 { display:inline; margin-left:6px; font-size:22px; }.guide-mag-heading p { margin-top:5px; }.guide-mag-heading > a { padding-top:7px; }.guide-editor-lead-grid,.guide-editor-more-grid,.guide-latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }.guide-editor-lead .guide-editor-photo { aspect-ratio:1.45; }.guide-editor-lead .guide-editor-card-body { padding:10px; min-height:140px; }.guide-editor-lead .guide-editor-card-body > strong { font-size:13px; }.guide-editor-lead .guide-editor-card-body > span { font-size:10px; }.guide-editor-card-body small { font-size:9px; }.guide-inline-banner { min-height:170px; padding:18px; }.guide-inline-content strong { font-size:22px; }.guide-mag-sidebar { grid-template-columns:1fr; }.guide-side-banner { min-height:170px; } }
@media (prefers-reduced-motion:reduce) { .guide-hero-slide { animation:none; }.guide-shortcut,.guide-editor-photo > img { transition:none; } }
.guide-news-section{padding-top:42px;padding-bottom:70px}.guide-news-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.guide-news-heading h2{font-size:25px;margin:0;color:#194a3b}.guide-news-heading>a{font-size:13px;color:#2d6b52;font-weight:700;text-decoration:none}.guide-news-grid{display:grid;gap:22px 18px}.guide-news-home{grid-template-columns:repeat(5,minmax(0,1fr))}.guide-news-list{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-news-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e0e7de;border-radius:10px;background:#fff;color:#20483a;text-decoration:none;transition:transform .15s,box-shadow .15s}.guide-news-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px #21433212;border-color:#adc6b0}.guide-news-photo{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#e5ede4}.guide-news-photo img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}.guide-news-photo img[hidden]{display:none}.guide-news-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#edf2e8,#d2e4d8);color:#6c927b}.guide-news-placeholder svg{width:40px;height:40px;opacity:.65}.guide-news-body{display:flex;flex-direction:column;flex:1;padding:14px;gap:9px}.guide-news-body>small{font-size:10px;color:#65836c;line-height:1.4}.guide-news-body>strong{font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.guide-news-body>time{font-size:11px;color:#8b968d;margin-top:auto;padding-top:6px}.guide-load-actions{display:flex;align-items:center;flex-direction:column;gap:14px;padding-top:32px}.guide-load-actions button{padding:12px 38px;border:1px solid #286b50;border-radius:7px;background:#286b50;color:white;font-size:14px;cursor:pointer}.guide-load-actions button:disabled{opacity:.6}.guide-load-actions button[hidden]{display:none}.guide-load-actions>span{font-size:12px;color:#7c8b80}.guide-load-actions>a{font-size:13px;color:#326d53}.guide-category-return{display:inline-block;margin-top:17px;color:#397259;font-size:12px;text-decoration:none}.guide-topics svg{width:18px;height:18px;flex-shrink:0}.guide-topics a{gap:7px}.guide-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:30px 0}.guide-pagination a,.guide-pagination>span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:40px;padding:7px 11px;border:1px solid #dbe5d9;border-radius:6px;background:white;color:#326649;text-decoration:none;font-size:13px}.guide-pagination a[aria-current]{background:#286b50;color:white;border-color:#286b50}.guide-pagination [aria-disabled]{color:#a0aaa1;background:transparent}.guide-list-results{scroll-margin-top:90px}.guide-list-status{font-size:13px;color:#78877c}.guide-list-page[aria-busy=true] .guide-list-results{opacity:.6}
@media(max-width:1100px){.guide-news-home{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.guide-news-home,.guide-news-list{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-shortcuts{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;padding-bottom:5px;overscroll-behavior-x:contain}.guide-shortcuts::-webkit-scrollbar{display:none}.guide-shortcut{flex:0 0 152px;scroll-snap-align:start;min-height:112px}.guide-topics{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:14px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.guide-topics::-webkit-scrollbar{display:none}.guide-topics a{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}.guide-topics>a:first-child{position:sticky;left:0;z-index:2;box-shadow:5px 0 10px #faf9f4}}
@media(max-width:560px){.guide-news-list{grid-template-columns:1fr}.guide-news-home{gap:14px 10px}.guide-news-body{padding:10px}.guide-news-body>strong{font-size:13px}.guide-news-heading h2{font-size:22px}.guide-news-heading>a{font-size:11px}.guide-shortcuts .guide-shortcut{flex:0 0 146px;min-height:108px}.guide-news-section{padding-top:30px}.guide-pagination{gap:5px}.guide-pagination a,.guide-pagination>span{min-width:34px;padding:6px 9px}}

.guide-list-context{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.guide-list-context .guide-category-return{margin-top:0}.guide-legacy-filter{font-size:12px;color:#718375}.guide-legacy-filter a{color:#2b6951;margin-left:8px}

/* Image-only carousel and the featured guide collection. */
@media(min-width:1001px){.guide-shortcuts{grid-template-columns:repeat(8,minmax(0,1fr))}}
.guide-shortcut-important{border-color:#cfb16f;background:#fffaf0}
.guide-shortcut-important .guide-shortcut-icon{color:#a17b32}
.guide-image-carousel .guide-hero-slide{display:block;color:inherit;text-decoration:none}
.guide-image-carousel .guide-hero-slide[hidden]{display:none}
.guide-image-carousel .guide-hero-slide:focus-visible{outline:3px solid #f8d985;outline-offset:-5px}
.guide-image-carousel .guide-hero-arrow{top:50%;bottom:auto;transform:translateY(-50%);background:#fffffff0;box-shadow:0 2px 10px #102f3540}
.guide-top-side{display:block;min-width:0}
.guide-top-side .guide-updates-panel{height:100%;box-sizing:border-box;overflow:auto;padding:20px}
.guide-top-side .guide-updates-heading{align-items:start;gap:12px}
.guide-top-side .guide-updates-heading h2{font-size:18px;line-height:1.5}
.guide-important-list{list-style:none;padding:0;margin:8px 0 0}
.guide-important-list li{display:flex;align-items:baseline;gap:10px;padding:12px 0;border-bottom:1px solid #edf0eb}
.guide-important-list li:last-child{border-bottom:0}
.guide-important-list li>span{color:#a88a50;font-size:20px;line-height:1;flex:none}
.guide-important-list a{color:#24483f;font-size:13px;font-weight:650;line-height:1.65;text-decoration:none;overflow-wrap:anywhere}
.guide-important-list a:hover{text-decoration:underline}
@media(max-width:760px){.guide-top-side .guide-updates-panel{height:auto;min-height:190px}.guide-top-side{min-height:0}}