/* Home + 问&办事 redesign (PO 2026-10-29): example questions, situation cards, topic pages,
   "ask KLW" card on search. Loaded after shell-v5.css. */

/* ── Example questions under the home ask box ── */
.h6-examples { margin-top: 0.75rem; display: grid; gap: 0.5rem; }
.h6-examples__list { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.h6-examples__label {font-size: 0.8125rem; font-weight: 600; color: #64748b; margin-right: 0.125rem; }
.h6-chip {
  display: inline-flex; align-items: center; min-height: 2.25rem; max-width: 100%;
  padding: 0.375rem 0.875rem; border-radius: 999px; border: 1px solid #dbeafe; background: #eff6ff;
  color: #1e40af; font: inherit; font-size: 0.875rem; line-height: 1.35; text-align: left; cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.h6-chip:hover { background: #dbeafe; border-color: #bfdbfe; }
.h6-chip:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }

/* ── Section heads ── */
.h6-sec { margin-top: 1.75rem; }
.h6-sec__title { margin: 0; font-size: 1.125rem; font-weight: 800; letter-spacing: -0.01em; color: #0f172a; }
.h6-sec__sub { margin: 0.25rem 0 0; font-size: 0.875rem; color: #64748b; }
.h6-sec__head { margin-bottom: 0.75rem; }

/* ── "Which situation are you in?" ── */
.h6-situ__list { display: grid; gap: 0.625rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.h6-situ__item {
  display: flex; align-items: center; gap: 0.875rem; padding: 0.875rem; min-height: 4.5rem;
  border-radius: 1rem; border: 1px solid #e2e8f0; background: #fff; color: #0f172a; text-decoration: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.h6-situ__item:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(30, 64, 175, 0.1); }
.h6-situ__item:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.h6-situ__icon {
  flex: none; width: 2.875rem; height: 2.875rem; border-radius: 0.875rem; display: flex; align-items: center;
  justify-content: center; font-size: 1.5rem; background: var(--h6-bg, #eff6ff);
}
.h6-situ__item--working { --h6-bg: #fff7ed; }
.h6-situ__item--moving { --h6-bg: #ecfdf5; }
.h6-situ__text { flex: 1 1 auto; min-width: 0; display: grid; gap: 0.125rem; }
.h6-situ__title { font-size: 1rem; font-weight: 800; line-height: 1.3; }
.h6-situ__desc { font-size: 0.8125rem; color: #64748b; line-height: 1.4; }
.h6-situ__badge {
  flex: none; font-size: 0.75rem; font-weight: 700; color: #1d4ed8; background: #eff6ff;
  padding: 0.25rem 0.5rem; border-radius: 999px; white-space: nowrap;
}
@media (max-width: 900px) {
  .h6-situ__list { grid-template-columns: 1fr; }
}

/* ── Common task chips (问&办事) open topic pages ── */
.h6-tasks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.5rem; }
.h6-task {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem;
  min-height: 4.5rem; padding: 0.625rem 0.25rem; border-radius: 0.875rem; border: 1px solid #e2e8f0; background: #fff;
  color: #0f172a; text-decoration: none; font-size: 0.8125rem; font-weight: 700; text-align: center; line-height: 1.3;
}
.h6-task__icon { font-size: 1.375rem; line-height: 1; }
.h6-task:hover { border-color: #bfdbfe; background: #f8fbff; }
.h6-task:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
@media (min-width: 720px) { .h6-tasks { grid-template-columns: repeat(7, minmax(0, 1fr)); } }

/* ── Topic page ── */
.h6-topic { max-width: 46rem; margin: 0 auto; padding: 1rem 1rem 6.5rem; }
.h6-topic__back {
  display: inline-flex; align-items: center; gap: 0.25rem; min-height: 2.75rem; padding: 0 0.25rem;
  color: #334155; text-decoration: none; font-size: 0.9375rem; font-weight: 600;
}
.h6-topic__head { display: flex; align-items: center; gap: 0.875rem; margin-top: 0.25rem; }
.h6-topic__icon {
  flex: none; width: 3.25rem; height: 3.25rem; border-radius: 1rem; background: #eff6ff;
  display: flex; align-items: center; justify-content: center; font-size: 1.75rem;
}
.h6-topic__label { font-size: 0.8125rem; color: #64748b; }
.h6-topic__title { margin: 0.125rem 0 0; font-size: 1.5rem; font-weight: 900; letter-spacing: -0.02em; color: #0f172a; line-height: 1.25; }
.h6-topic__sub { margin: 0.375rem 0 0; font-size: 0.9375rem; color: #475569; }

.h6-qlist { list-style: none; margin: 0; padding: 0; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; overflow: hidden; }
.h6-qlist li + li { border-top: 1px solid #f1f5f9; }
.h6-q {
  width: 100%; display: flex; align-items: center; gap: 0.625rem; min-height: 3.25rem; padding: 0.75rem 0.875rem;
  border: 0; background: none; font: inherit; font-size: 0.9375rem; line-height: 1.45; color: #0f172a; text-align: left; cursor: pointer;
}
.h6-q:hover { background: #f8fbff; }
.h6-q:focus-visible { outline: 2px solid #2563eb; outline-offset: -2px; }
.h6-q__icon { flex: none; color: #2563eb; display: flex; }
.h6-q__text { flex: 1 1 auto; min-width: 0; }
.h6-q__go { flex: none; color: #94a3b8; font-size: 1.125rem; }
.h6-hint { margin: 0.5rem 0.125rem 0; font-size: 0.8125rem; color: #64748b; }

.h6-journey {
  display: flex; align-items: center; gap: 0.875rem; padding: 0.875rem 1rem; border-radius: 1rem;
  background: #2563eb; color: #fff; text-decoration: none;
}
.h6-journey:hover { background: #1d4ed8; }
.h6-journey:focus-visible { outline: 2px solid #1e3a8a; outline-offset: 2px; }
.h6-journey__icon { flex: none; width: 2.75rem; height: 2.75rem; border-radius: 0.75rem; background: rgba(255, 255, 255, 0.18); display: flex; align-items: center; justify-content: center; font-size: 1.375rem; }
.h6-journey__text { flex: 1 1 auto; min-width: 0; display: grid; gap: 0.125rem; }
.h6-journey__title { font-size: 1rem; font-weight: 800; }
.h6-journey__desc { font-size: 0.8125rem; opacity: 0.92; }
.h6-journey__go { flex: none; font-size: 1.25rem; }

.h6-guides { display: grid; gap: 0.5rem; }
.h6-guide {
  display: block; padding: 0.75rem 0.875rem; border-radius: 0.875rem; border: 1px solid #e2e8f0; background: #fff;
  color: #0f172a; text-decoration: none;
}
.h6-guide:hover { border-color: #bfdbfe; }
.h6-guide:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.h6-guide__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 0.9375rem; font-weight: 700; line-height: 1.4; }
.h6-guide__meta { display: block; margin-top: 0.25rem; font-size: 0.75rem; color: #64748b; }
.h6-guide--skeleton { height: 3.5rem; background: linear-gradient(90deg, #f1f5f9, #e2e8f0, #f1f5f9); background-size: 200% 100%; animation: h6-shimmer 1.2s linear infinite; border: 0; }
@keyframes h6-shimmer { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .h6-guide--skeleton { animation: none; } }
.h6-more { display: inline-block; margin-top: 0.625rem; font-size: 0.875rem; font-weight: 600; color: #1d4ed8; text-decoration: none; min-height: 2.75rem; line-height: 2.75rem; }
.h6-note { margin: 0; padding: 0.75rem 0.875rem; border-radius: 0.875rem; background: #f8fafc; border: 1px dashed #cbd5e1; font-size: 0.875rem; color: #475569; }
.h6-sec__row { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; }

.h6-askbar { margin-top: 1.75rem; padding: 1rem; border-radius: 1rem; background: #fff; border: 1px solid #e2e8f0; }
.h6-askbar__title { margin: 0 0 0.625rem; font-size: 1rem; font-weight: 800; color: #0f172a; }
.h6-askbar__form { display: flex; align-items: center; gap: 0.5rem; background: #f1f5f9; border-radius: 0.875rem; padding: 0.25rem 0.25rem 0.25rem 0.875rem; }
.h6-askbar__input { flex: 1 1 auto; min-width: 0; border: 0; outline: none; background: transparent; font: inherit; font-size: 1rem; height: 2.75rem; color: #0f172a; }
.h6-askbar__btn { flex: none; height: 2.75rem; padding: 0 1.125rem; border-radius: 0.625rem; border: 0; background: #2563eb; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.h6-askbar__btn:hover { background: #1d4ed8; }

/* ── Search: "ask KLW" card + tidy recent searches ── */
.h6-askcard {
  display: flex; align-items: center; gap: 0.875rem; margin: 0 0 1rem; padding: 0.875rem 1rem; border-radius: 1rem;
  border: 1px solid #bfdbfe; background: #eff6ff;
}
.h6-askcard__text { flex: 1 1 auto; min-width: 0; display: grid; gap: 0.125rem; }
.h6-askcard__title { font-size: 0.9375rem; font-weight: 800; color: #1e3a8a; }
.h6-askcard__sub { font-size: 0.8125rem; color: #334155; }
.h6-askcard__btn { flex: none; min-height: 2.75rem; padding: 0 1rem; border-radius: 0.75rem; border: 0; background: #2563eb; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.h6-askcard__btn:hover { background: #1d4ed8; }
.search-recent__item { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ── Round 2 (PO 2026-10-29): warm home, two doors, continue card, explore block ── */
body.home-page.s5-home { background: #fbf8f4; }
.h6-home { background: linear-gradient(180deg, #fff7ed 0%, #fbf8f4 220px) !important; }
.h6-hello { margin: 0 0 0.25rem; font-size: 0.9375rem; color: #78716c; font-weight: 600; }
.h6-home .h6-examples { margin-top: 0.625rem; }
.h6-home .h6-examples__list { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.h6-home .h6-examples__list::-webkit-scrollbar { display: none; }
.h6-home .h6-chip { flex: none; white-space: nowrap; }

.h6-doors { margin-top: 1.125rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
.h6-door {
  position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 0.75rem;
  min-height: 8.5rem; padding: 1rem; border-radius: 1.25rem; overflow: hidden; text-decoration: none; color: #fff;
  box-shadow: 0 8px 22px rgba(28, 25, 23, 0.1); transition: transform 0.15s ease;
}
.h6-door:hover { transform: translateY(-2px); }
.h6-door:focus-visible { outline: 3px solid #1e3a8a; outline-offset: 2px; }
.h6-door--do { background: linear-gradient(150deg, #2563eb, #1d4ed8); }
.h6-door--discover { justify-content: flex-end; background: linear-gradient(150deg, #ea580c, #be185d); }
.h6-door__bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.h6-door__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.62)); }
.h6-door__icon { width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; background: rgba(255, 255, 255, 0.18); display: flex; align-items: center; justify-content: center; }
.h6-door__text { position: relative; display: grid; gap: 0.125rem; }
.h6-door__title { font-size: 1.1875rem; font-weight: 900; letter-spacing: -0.01em; }
.h6-door__desc { font-size: 0.75rem; opacity: 0.95; line-height: 1.4; }

.h6-continue {
  margin-top: 0.875rem; display: flex; align-items: center; gap: 0.75rem; padding: 0.875rem; border-radius: 1.125rem;
  background: #fff; border: 1px solid #e7e5e4; color: #1c1917; text-decoration: none;
}
.h6-continue[hidden] { display: none; }
.h6-continue:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.h6-continue__ring {
  flex: none; width: 2.75rem; height: 2.75rem; border-radius: 999px; display: flex; align-items: center; justify-content: center;
  background: conic-gradient(#16a34a 0 var(--h6-pct, 0%), #e7e5e4 var(--h6-pct, 0%) 100%);
}
.h6-continue__ring > span { width: 2.125rem; height: 2.125rem; border-radius: 999px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.6875rem; font-weight: 800; color: #15803d; }
.h6-continue__text { flex: 1 1 auto; min-width: 0; display: grid; gap: 0.125rem; }
.h6-continue__label { font-size: 0.75rem; color: #78716c; }
.h6-continue__next { font-size: 0.9375rem; font-weight: 800; line-height: 1.35; }
.h6-continue__go { flex: none; color: #2563eb; font-size: 1.125rem; }

.h6-sec__more { flex: none; font-size: 0.875rem; font-weight: 600; color: #1d4ed8; text-decoration: none; min-height: 2.75rem; display: inline-flex; align-items: center; }
.h6-sec__more--warm { color: #c2410c; }
.h6-home .h6-sec__row { margin-bottom: 0.75rem; }
.h6-tasks--grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.625rem 0.5rem; }
.h6-tasks--grid .h6-task { border: 0; background: transparent; min-height: 0; padding: 0.25rem 0; font-weight: 600; color: #1c1917; }
.h6-tasks--grid .h6-task__icon { width: 3.25rem; height: 3.25rem; border-radius: 1rem; background: #fff; border: 1px solid #f0ebe5; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; box-shadow: 0 2px 6px rgba(28, 25, 23, 0.05); }
.h6-tasks--grid .h6-task:hover .h6-task__icon { border-color: #bfdbfe; }
@media (min-width: 720px) { .h6-tasks--grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
.h6-situbar { margin-top: 0.875rem; padding: 0.75rem; border-radius: 1rem; background: #fff; border: 1px solid #e7e5e4; }
.h6-situbar__title { display: block; font-size: 0.8125rem; color: #78716c; }
.h6-situbar__list { margin-top: 0.5rem; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.h6-pill { display: inline-flex; align-items: center; gap: 0.25rem; min-height: 2.25rem; padding: 0 0.75rem; border-radius: 999px; background: #eff6ff; color: #1e40af; font-size: 0.8125rem; font-weight: 600; text-decoration: none; }
.h6-pill:hover { background: #dbeafe; }

.h6-explore { margin-top: 1.5rem; background: #fff7ed; padding: 1.25rem 0 1.375rem; }
.h6-explore__inner { max-width: 1120px; margin: 0 auto; padding: 0 1rem; }
.h6-explore .h6-sec__row { align-items: flex-start; }
.h6-cats { margin-top: 0.875rem; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem 0.5rem; }
@media (min-width: 720px) { .h6-cats { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
.h6-cat { display: flex; flex-direction: column; align-items: center; gap: 0.375rem; text-decoration: none; color: #1c1917; font-size: 0.75rem; font-weight: 600; text-align: center; line-height: 1.3; }
.h6-cat__icon { width: 3.25rem; height: 3.25rem; border-radius: 999px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; box-shadow: 0 2px 8px rgba(194, 65, 12, 0.12); }
.h6-cat:hover .h6-cat__icon { box-shadow: 0 4px 12px rgba(194, 65, 12, 0.22); }
.h6-cat:focus-visible { outline: 2px solid #c2410c; outline-offset: 2px; border-radius: 0.75rem; }
.h6-week__title { margin: 1.25rem 0 0.625rem; font-size: 1rem; font-weight: 800; color: #1c1917; }
.h6-week { display: flex; gap: 0.625rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 0.25rem; scrollbar-width: none; }
.h6-week::-webkit-scrollbar { display: none; }
.h6-weekcard { flex: none; width: 9.5rem; scroll-snap-align: start; text-decoration: none; color: #1c1917; }
.h6-weekcard__img { position: relative; display: block; height: 12rem; border-radius: 1rem; background: #e7e5e4 center / cover no-repeat; overflow: hidden; }
.h6-weekcard__tag { position: absolute; left: 0.5rem; top: 0.5rem; max-width: calc(100% - 1rem); padding: 0.1875rem 0.5rem; border-radius: 999px; background: rgba(28, 25, 23, 0.72); color: #fff; font-size: 0.6875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h6-weekcard__name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 0.375rem; font-size: 0.875rem; font-weight: 700; line-height: 1.35; }
.h6-weekcard__meta { display: block; margin-top: 0.125rem; font-size: 0.75rem; color: #78716c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.h6-toolsec { padding: 1.5rem 0 0; }
.h6-toolsec__inner { max-width: 1120px; margin: 0 auto; padding: 0 1rem; }
.h6-tag { display: inline-block; margin-top: 0.25rem; font-size: 0.6875rem; font-weight: 700; color: #15803d; }
/* Home main is a flex column with explicit orders (shell-v5.css); place the round-2 blocks. */
body.home-page.s5-home main > .h6-explore { order: 2; }
body.home-page.s5-home main > #posts { order: 3; }

/* ── Round 3 (PO 2026-10-29 evening) ── */
/* The hidden data-source carousel must not keep its height (it left a big empty gap). */
body.home-page .h6-explore #hv2Carousel, body.home-page .h6-explore #hv2Carousel[hidden] { display: none !important; }

/* Same width and side padding for every home block. */
.h6-explore { margin-top: 1.75rem; padding: 1.5rem var(--page-gutter, 1rem) 1.5rem; }
.h6-explore__inner { max-width: var(--home-content-width, 75rem); padding: 0; }
.h6-home .h6-sec { margin-top: 1.5rem; }

/* Two rotating cards */
.h6-doors { margin-top: 1.125rem; gap: 0.75rem; align-items: start; }
.h6-rot { position: relative; min-width: 0; }
.h6-rot__track {
  display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none;
  border-radius: 1.25rem; box-shadow: 0 8px 22px rgba(28, 25, 23, 0.1); -webkit-overflow-scrolling: touch;
}
.h6-rot__track::-webkit-scrollbar { display: none; }
.h6-rot .h6-slide { flex: 0 0 100%; scroll-snap-align: start; scroll-snap-stop: always; border-radius: 0; box-shadow: none; min-height: 9.5rem; }
.h6-rot .h6-slide:hover { transform: none; }
.h6-rot .h6-slide:focus-visible { outline: 3px solid #1e3a8a; outline-offset: -3px; }
.h6-rot__dots { display: flex; justify-content: center; gap: 0.25rem; margin-top: 0.375rem; min-height: 1.25rem; }
.h6-rot__dots[hidden] { display: none; }
.h6-rot__dot { width: 1.25rem; height: 1.25rem; padding: 0; border: 0; background: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.h6-rot__dot::before { content: ""; width: 0.4375rem; height: 0.4375rem; border-radius: 999px; background: #d6d3d1; transition: width 0.2s ease, background 0.2s ease; }
.h6-rot__dot.is-on::before { width: 1.125rem; background: #57534e; }
.h6-door--guides { background: linear-gradient(150deg, #0d9488, #0f766e); }
.h6-door--staff { background: linear-gradient(150deg, #7c3aed, #5b21b6); }
.h6-door--ai { background: linear-gradient(150deg, #4f46e5, #2563eb); }
.h6-door__icon--emoji { font-size: 1.375rem; }
.h6-staffcard { align-self: flex-start; display: grid; gap: 0.125rem; padding: 0.5rem 0.75rem; border-radius: 0.75rem; background: #fff; color: #1c1917; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); max-width: 100%; }
.h6-staffcard__ko { font-size: 1.125rem; font-weight: 900; letter-spacing: 0.01em; }
.h6-staffcard__tr { font-size: 0.75rem; color: #57534e; }
.h6-door--pick { justify-content: flex-end; }
.h6-door__bg--poster { background-position: center 22%; }
.h6-door__tag { display: inline-block; justify-self: start; margin-bottom: 0.25rem; padding: 0.125rem 0.5rem; border-radius: 999px; background: rgba(255, 255, 255, 0.22); font-size: 0.6875rem; font-weight: 700; }
.h6-door__title--pick { font-size: 1rem; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
@media (min-width: 720px) {
  .h6-rot .h6-slide { min-height: 11.5rem; padding: 1.25rem; }
  .h6-door__title { font-size: 1.375rem; }
  .h6-door__desc { font-size: 0.875rem; }
  .h6-staffcard__ko { font-size: 1.5rem; }
}
@media (max-width: 380px) {
  .h6-door__title { font-size: 1.0625rem; }
  .h6-staffcard__ko { font-size: 1rem; }
}

/* Tools right under the cards */
.h6-tools { margin-top: 1.25rem; }
.h6-tools .h6-sec__row { margin-bottom: 0.625rem; }
.h6-tools .hv2-tools { margin-top: 0; }

/* Bigger small-topic tiles (common tasks + explore categories) */
.h6-tasks--grid { gap: 0.875rem 0.5rem; }
.h6-tasks--grid .h6-task { font-size: 0.875rem; gap: 0.375rem; }
.h6-tasks--grid .h6-task__icon { width: 3.75rem; height: 3.75rem; font-size: 1.75rem; border-radius: 1.125rem; }
.h6-cats { gap: 1rem 0.5rem; }
.h6-cat { font-size: 0.875rem; gap: 0.5rem; }
.h6-cat__icon { width: 3.75rem; height: 3.75rem; font-size: 1.75rem; }
@media (min-width: 720px) {
  .h6-tasks--grid .h6-task__icon, .h6-cat__icon { width: 4.25rem; height: 4.25rem; font-size: 2rem; }
  .h6-tasks--grid .h6-task, .h6-cat { font-size: 0.9375rem; }
}
.h6-weekcard { width: 10.5rem; }
.h6-weekcard__img { height: 13rem; }
.h6-weekcard__img--poster { background-position: center top; }
@media (min-width: 720px) { .h6-weekcard { width: 12rem; } .h6-weekcard__img { height: 15rem; } }

/* More situations: pills wrap; on phones they scroll sideways in two rows */
.h6-situbar__list { gap: 0.5rem; }
.h6-pill { min-height: 2.5rem; font-size: 0.875rem; }

/* Community block: 大家在聊 · 一起去 · 兴趣群 + second-hand / exchange / art / volunteering */
.h6-comm { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.625rem; margin: 0.25rem 0 0.75rem; }
.h6-comm__item { display: flex; align-items: center; gap: 0.625rem; padding: 0.75rem; border-radius: 1rem; text-decoration: none; color: #1c1917; border: 1px solid transparent; min-width: 0; }
.h6-comm__item--talk { background: #eff6ff; border-color: #dbeafe; }
.h6-comm__item--together { background: #fff7ed; border-color: #fed7aa; }
.h6-comm__item--groups { background: #ecfdf5; border-color: #bbf7d0; }
.h6-comm__item:hover { filter: brightness(0.98); }
.h6-comm__item:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.h6-comm__icon { flex: none; width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; }
.h6-comm__text { min-width: 0; display: grid; gap: 0.0625rem; }
.h6-comm__text strong { font-size: 0.9375rem; font-weight: 800; }
.h6-comm__text span { font-size: 0.75rem; color: #57534e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h6-comm2 { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }
.h6-comm2__item { display: inline-flex; align-items: center; gap: 0.25rem; min-height: 2.5rem; padding: 0 0.875rem; border-radius: 999px; background: #fff; border: 1px solid #e7e5e4; color: #1c1917; font-size: 0.875rem; font-weight: 700; text-decoration: none; }
.h6-comm2__item:hover { border-color: #bfdbfe; }
.h6-comm__feedtitle { margin: 0.25rem 0 0.625rem; font-size: 1rem; font-weight: 800; color: #1c1917; }
@media (max-width: 640px) {
  .h6-comm { grid-template-columns: 1fr 1fr 1fr; gap: 0.5rem; }
  .h6-comm__item { flex-direction: column; align-items: center; text-align: center; padding: 0.75rem 0.375rem; gap: 0.375rem; }
  .h6-comm__text span { white-space: normal; }
  .h6-comm2 { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .h6-comm2::-webkit-scrollbar { display: none; }
  .h6-comm2__item { flex: none; }
}
.hf-card--group .hf-card__cover--group { display: grid; place-items: center; }
.hf-card--group .hf-card__cover-icon { font-size: 3rem; }

/* steps.html (situations) */
.h6-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.625rem; counter-reset: none; }
.h6-step { display: flex; gap: 0.75rem; align-items: flex-start; padding: 0.875rem; border-radius: 1rem; background: #fff; border: 1px solid #e2e8f0; }
.h6-step.is-done { background: #f0fdf4; border-color: #bbf7d0; }
.h6-step__n { flex: none; width: 2rem; height: 2rem; border-radius: 999px; background: #2563eb; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 0.9375rem; }
.h6-step.is-done .h6-step__n { background: #16a34a; }
.h6-step__body { flex: 1 1 auto; min-width: 0; display: grid; gap: 0.375rem; }
.h6-step__label { font-size: 0.75rem; color: #64748b; font-weight: 600; }
.h6-step__link { color: #0f172a; text-decoration: none; font-size: 1rem; font-weight: 700; line-height: 1.45; }
.h6-step__link:hover { color: #1d4ed8; }
.h6-step__meta { font-size: 0.75rem; color: #64748b; }
.h6-step__done { justify-self: start; min-height: 2.25rem; padding: 0 0.75rem; border-radius: 999px; border: 1px solid #cbd5e1; background: #fff; color: #334155; font: inherit; font-size: 0.8125rem; font-weight: 600; cursor: pointer; }
.h6-step.is-done .h6-step__done { border-color: #86efac; color: #15803d; background: #fff; }
.h6-steps__progress { margin: 0.75rem 0 0; font-size: 0.875rem; font-weight: 700; color: #15803d; }
.h6-topic__situ { margin-top: 0.625rem; display: flex; flex-wrap: wrap; gap: 0.5rem; }

@media (max-width: 768px) {
  /* styles.css resets every home section to padding 0 on phones; give Explore its gutter back. */
  body.home-page main > .h6-explore { margin-top: 1.5rem; padding: 1.25rem var(--hm-gutter, 16px) 1.375rem; }
  /* 11 situations: two rows that scroll sideways instead of six wrapped rows */
  .h6-home .h6-situbar__list { display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, auto); grid-auto-columns: max-content; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
  .h6-home .h6-situbar__list::-webkit-scrollbar { display: none; }
}

/* ── Round 4 (PO 2026-10-29 20:28) ── */
/* 「我要办事」 slides: light cards with small, working tools */
.h6-doors { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
.h6-rot .h6-mini { background: #fff; color: #1c1917; border: 1px solid #ece7e1; justify-content: flex-start; gap: 0.75rem; padding: 1rem; min-height: 15rem; }
.h6-mini__head { display: flex; align-items: center; gap: 0.625rem; }
.h6-mini__icon { flex: none; width: 2.25rem; height: 2.25rem; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; background: #eff6ff; }
.h6-mini--guides .h6-mini__icon { background: #ecfdf5; }
.h6-mini--staff .h6-mini__icon { background: #f5f3ff; }
.h6-mini--ai .h6-mini__icon { background: #eef2ff; }
.h6-mini__htext { flex: 1 1 auto; min-width: 0; display: grid; gap: 0.0625rem; }
.h6-mini__title { font-size: 1.0625rem; font-weight: 800; line-height: 1.3; }
.h6-mini__sub { font-size: 0.8125rem; color: #78716c; line-height: 1.35; }
.h6-mini__more { flex: none; font-size: 0.8125rem; font-weight: 700; color: #1d4ed8; text-decoration: none; min-height: 2.25rem; display: inline-flex; align-items: center; }
.h6-mini__tasks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.5rem; margin-top: auto; }
.h6-mini__task { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem; min-height: 4.75rem; border-radius: 0.875rem; background: #f8fafc; border: 1px solid #eef2f7; color: #1c1917; text-decoration: none; font-size: 0.875rem; font-weight: 700; }
.h6-mini__task:hover { background: #eff6ff; border-color: #bfdbfe; }
.h6-mini__taskicon { font-size: 1.5rem; line-height: 1; }
.h6-mini__list { display: grid; gap: 0.375rem; }
.h6-mini__row { display: flex; align-items: center; gap: 0.5rem; min-height: 2.75rem; padding: 0 0.75rem; border-radius: 0.75rem; background: #f8fafc; color: #1c1917; text-decoration: none; font-size: 0.875rem; font-weight: 600; }
.h6-mini__row:hover { background: #f0fdf4; }
.h6-mini__rowtext { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6-mini__chev { flex: none; color: #a8a29e; }
.h6-mini__row--skeleton { background: linear-gradient(90deg, #f1f5f9, #e2e8f0, #f1f5f9); background-size: 200% 100%; animation: h6-shimmer 1.2s linear infinite; }
.h6-mini__card { border-radius: 0.875rem; background: #fafaf9; border: 1px solid #f0ebe5; padding: 0.75rem 0.875rem; }
.h6-mini__ko { margin: 0; font-size: 1.5rem; font-weight: 900; line-height: 1.3; letter-spacing: -0.01em; color: #0c0a09; }
.h6-mini__tr { margin: 0.25rem 0 0; font-size: 0.8125rem; color: #57534e; }
.h6-mini__play { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; min-height: 3rem; border: 0; border-radius: 0.875rem; background: #2563eb; color: #fff; font: inherit; font-size: 1rem; font-weight: 800; cursor: pointer; }
.h6-mini__play:hover { background: #1d4ed8; }
.h6-mini__play.is-speaking { background: #16a34a; }
.h6-mini__ask { display: flex; gap: 0.5rem; padding: 0.25rem; border-radius: 0.875rem; background: #f1f5f9; }
.h6-mini__input { flex: 1 1 auto; min-width: 0; border: 0; background: transparent; font: inherit; font-size: 1rem; padding: 0 0.625rem; min-height: 2.75rem; outline: none; color: #0f172a; }
.h6-mini__send { flex: none; min-height: 2.75rem; padding: 0 1.125rem; border: 0; border-radius: 0.75rem; background: #2563eb; color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
.h6-mini__chips { display: flex; flex-wrap: wrap; gap: 0.375rem; }
.h6-mini__chip { min-height: 2.25rem; padding: 0 0.75rem; border-radius: 999px; border: 1px solid #dbeafe; background: #eff6ff; color: #1e40af; font: inherit; font-size: 0.8125rem; cursor: pointer; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6-rot .h6-door--discover { min-height: 15rem; }
.h6-rot__dot::before { background: #c4bdb6; width: 0.5rem; height: 0.5rem; }
.h6-rot__dot.is-on::before { background: #1c1917; width: 1.25rem; }

/* Show posters whole and upright (blurred copy behind), text beside them */
.h6-door__bg--blur { filter: blur(18px) brightness(0.55); transform: scale(1.2); }
.h6-door--poster { flex-direction: row; align-items: stretch; justify-content: flex-start; gap: 0.875rem; padding: 0.875rem; }
.h6-door__poster { position: relative; flex: none; height: 100%; max-height: 13.25rem; aspect-ratio: auto; width: auto; max-width: 48%; object-fit: contain; border-radius: 0.625rem; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35); align-self: center; }
.h6-door--poster .h6-door__text { align-self: flex-end; min-width: 0; }

/* Tools row: continue card sits beside the three tools (4 across; 2 × 2 on phones) */
.h6-toolgrid.h6-toolgrid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.h6-toolgrid .h6-continue { margin-top: 0; border-radius: inherit; }
.h6-toolgrid .h6-continue[hidden] { display: none; }
.h6-continue__ring--start { background: #eff6ff; }
.h6-continue__ring--start > span { font-size: 1.125rem; background: #eff6ff; }
@media (max-width: 768px) {
  .h6-doors { grid-template-columns: 1fr; gap: 0.5rem; }
  .h6-rot .h6-mini, .h6-rot .h6-door--discover { min-height: 14rem; }
  .h6-mini__ko { font-size: 1.3125rem; }
}

/* Explore categories: the colourful small cards again (not the same white circles as 常办事项) */
.h6-cats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.5rem; }
@media (min-width: 720px) { .h6-cats { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 0.75rem; } }
.h6-cat { padding: 0.75rem 0.25rem 0.625rem; border-radius: 1rem; background: var(--tile, #e2e8f0); gap: 0.375rem; font-weight: 700; color: #1c1917; }
.h6-cat:hover { filter: brightness(0.97); }
.h6-cat .h6-cat__icon { width: 2.75rem; height: 2.75rem; border-radius: 0.875rem; background: rgba(255, 255, 255, 0.65); box-shadow: none; font-size: 1.375rem; }
.h6-cat:hover .h6-cat__icon { box-shadow: none; }
@media (min-width: 720px) { .h6-cat .h6-cat__icon { width: 3.25rem; height: 3.25rem; font-size: 1.625rem; } }
.h6-cat[href*="concerts"] { --tile: #f5d0fe; }
.h6-cat[href*="performances"] { --tile: #c7d2fe; }
.h6-cat[href*="food"] { --tile: #fed7aa; }
.h6-cat[href*="attractions"] { --tile: #a7f3d0; }
.h6-cat[href*="events"] { --tile: #fde68a; }
.h6-cat[href*="beauty"] { --tile: #fbcfe8; }
.h6-cat[href*="medical_info"] { --tile: #bfdbfe; }
.h6-cat[href*="free_benefits"] { --tile: #bbf7d0; }

/* Round 4 fixes */
body.home-page .hv2-tools.h6-toolgrid.h6-toolgrid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.home-page .hv2-tools.h6-toolgrid .h6-continue { border-radius: 1rem; border: 1px solid #dbeafe; background: #fff; flex-direction: row; text-align: left; }
.h6-mini--do .h6-mini__tasks { flex: 1 1 auto; margin-top: 0.25rem; }
.h6-mini--do .h6-mini__task { min-height: 0; height: 100%; font-size: 0.9375rem; }
.h6-mini--do .h6-mini__taskicon { font-size: 1.875rem; }
@media (max-width: 768px) {
  body.home-page .hv2-tools.h6-toolgrid, body.home-page .hv2-tools.h6-toolgrid.h6-toolgrid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* same inset as the feed below (posts__list has 14px) */
  .home-community .h6-comm, .home-community .h6-comm__feedtitle { padding-left: 14px; padding-right: 14px; }
  .h6-mini--do .h6-mini__task { min-height: 5.25rem; }
}
@media (max-width: 768px) {
  body.home-page .hv2-tools.h6-toolgrid .h6-continue { flex-direction: column; text-align: center; justify-content: flex-start; gap: 0.375rem; padding: 0.7rem 0.5rem; }
  body.home-page .hv2-tools.h6-toolgrid .h6-continue .h6-continue__go { display: none; }
  body.home-page .hv2-tools.h6-toolgrid .h6-continue .h6-continue__next { font-size: 0.875rem; }
}

/* ── Round 5 (PO 2026-10-29 21:31) ── */
/* Both rotating cards the same height on wide screens */
@media (min-width: 769px) {
  .h6-rot .h6-slide, .h6-rot .h6-mini, .h6-rot .h6-door--discover { height: 16.5rem; min-height: 0; overflow: hidden; }
  .h6-door__poster { max-height: 14.5rem; }
}
/* Form mini: field → how to fill it */
.h6-mini--form .h6-mini__icon { background: #fff7ed; }
.h6-mini__form { display: grid; gap: 0.375rem; }
.h6-mini__frow { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 0.625rem; align-items: start; padding: 0.5rem 0.75rem; border-radius: 0.75rem; background: #fafaf9; border: 1px solid #f0ebe5; color: #1c1917; text-decoration: none; }
.h6-mini__frow:hover { border-color: #fed7aa; }
.h6-mini__fko { font-size: 0.875rem; font-weight: 800; color: #9a3412; line-height: 1.45; }
.h6-mini__fhow { min-width: 0; display: grid; gap: 0.0625rem; font-size: 0.8125rem; line-height: 1.4; color: #44403c; }
.h6-mini__fhow strong { font-size: 0.8125rem; color: #1c1917; }
.h6-mini__fhow span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.h6-mini__icon { width: 2.5rem; height: 2.5rem; font-size: 1.375rem; }

/* Tighter rhythm on the home page */
.h6-home .h6-examples { margin-top: 0.5rem; }
.h6-doors { margin-top: 0.875rem; }
.h6-rot__dots { margin-top: 0.25rem; }
.h6-tools { margin-top: 0.75rem; }
.h6-home .h6-sec { margin-top: 1.125rem; }
.h6-home .h6-sec__row { margin-bottom: 0.5rem; }
.h6-situbar { margin-top: 0.625rem; }
.h6-explore, body.home-page main > .h6-explore { margin-top: 1.25rem; padding-top: 1.125rem; padding-bottom: 1.125rem; }
.h6-week__title { margin-top: 1rem; }
.hv2-tools__icon { font-size: 1.75rem; }

/* 常办事项 chip row: phones only */
.h6-taskchips-wrap { display: none; }
@media (max-width: 768px) {
  .h6-taskchips-wrap { display: flex; align-items: center; gap: 0.5rem; margin-top: 0.625rem; }
  .h6-taskchips__label { flex: none; font-size: 0.8125rem; font-weight: 800; color: #3730a3; }
  .h6-taskchips { display: flex; gap: 0.375rem; overflow-x: auto; scrollbar-width: none; min-width: 0; padding: 2px 0; }
  .h6-taskchips::-webkit-scrollbar { display: none; }
  .h6-taskchip { flex: none; display: inline-flex; align-items: center; gap: 0.25rem; min-height: 2.375rem; padding: 0 0.75rem; border-radius: 999px; background: #fff; border: 1px solid #e7e5e4; color: #1c1917; font-size: 0.875rem; font-weight: 700; text-decoration: none; box-shadow: 0 1px 2px rgba(28, 25, 23, 0.05); }
  .h6-home .h6-examples { display: none; }
  /* the big tile grid is replaced by the chip row; the situations stay */
  .h6-tasksec > .h6-sec__head, .h6-tasksec > .h6-tasks { display: none; }
  .h6-tasksec { margin-top: 0.875rem; }
  .h6-tasksec .h6-situbar { margin-top: 0; }

  /* First screen a little smaller and tighter */
  body.home-page .h6-home.hv2-top { padding-top: 0.5rem; }
  .h6-hello { font-size: 0.8125rem; margin-bottom: 0.125rem; }
  .s5-home .h6-home .s5-hero { margin-bottom: 0.5rem; padding-bottom: 0.25rem; }
  .h6-home .s5-hero__title { font-size: 1.375rem; }
  .h6-home .s5-hero__sub { font-size: 0.8125rem; margin-top: 0.25rem; }
  .h6-doors { margin-top: 0.75rem; }
  .h6-rot .h6-mini { min-height: 0; padding: 0.875rem; gap: 0.625rem; }
  .h6-rot .h6-door--discover { min-height: 12.5rem; }
  .h6-mini__frow { grid-template-columns: 5.5rem minmax(0, 1fr); }
  .klw-subnav { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; }

  /* Tools: three in one row; with the continue card, 2 × 2 */
  body.home-page .hv2-tools.h6-toolgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; }
  body.home-page .hv2-tools.h6-toolgrid.h6-toolgrid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.home-page .h6-toolgrid .hv2-tools__item { padding: 0.625rem 0.375rem; }
  body.home-page .h6-toolgrid .hv2-tools__icon { width: 2.75rem; height: 2.75rem; font-size: 1.5rem; }
  body.home-page .h6-toolgrid .hv2-tools__title { font-size: 0.875rem; }
  body.home-page .h6-toolgrid .h6-tag { font-size: 0.6875rem; }
}

/* Round 5 touch-ups */
body.home-page .h6-home.home-hero { padding-bottom: 0.5rem; }
@media (max-width: 768px) {
  .h6-mini--form .h6-mini__title { font-size: 0.9375rem; }
  .h6-mini__form { gap: 0.3125rem; }
  .h6-mini__frow { grid-template-columns: 1fr; gap: 0.125rem; padding: 0.4375rem 0.625rem; }
  .h6-mini__frow:nth-child(3) { display: none; }
  .h6-mini__fko { font-size: 0.75rem; }
  body.home-page main > .h6-explore { margin-top: 1rem; }
}

/* ── PO 2026-10-30: phone carousels must read as cards, not a picture moving on the page ── */
@media (max-width: 768px) {
  /* The next card peeks in from the right edge, so it is obvious you can swipe. */
  .h6-rot__track {
    gap: 0.625rem; border-radius: 0; box-shadow: none;
    margin: -2px calc(-1 * var(--page-gutter, 1rem)) -12px 0;
    padding: 2px var(--page-gutter, 1rem) 12px 0;
  }
  .h6-rot .h6-slide { flex: 0 0 calc(100% - 1.75rem); border-radius: 1.25rem; overflow: hidden; box-shadow: 0 6px 16px rgba(28, 25, 23, 0.12); }
  .h6-rot .h6-slide:focus-visible { outline-offset: 2px; }
  /* 「我要办事」: its own light-blue card instead of white on the warm page */
  .h6-rot .h6-mini { background: linear-gradient(180deg, #e8f0fe 0, #f5f8ff 4.25rem, #fff 9rem); border: 1px solid #c9d8f3; }
  .h6-rot .h6-mini .h6-mini__icon { background: #fff; box-shadow: 0 1px 3px rgba(30, 58, 138, 0.12); }
  .h6-rot .h6-mini__frow, .h6-rot .h6-mini__card, .h6-rot .h6-mini__row { background: #fff; }
  .h6-rot__dots { margin-top: 0.125rem; }
  .h6-rot__dot.is-on::before { background: #2563eb; }
}

/* ── PO 2026-10-30 10:55: smaller headline, bigger search box, everything a bit higher (phone + desktop) ── */
body.home-page .h6-home.hv2-top { padding-top: 0.875rem; }
body.home-page .h6-home .s5-hero { margin-bottom: 0.625rem; padding-top: 0; }
body.home-page .h6-home .h6-hello { font-size: 0.8125rem; margin-bottom: 0.125rem; }
body.home-page .h6-home .s5-hero__title { font-size: 1.5rem; line-height: 1.3; }
body.home-page .h6-home .s5-hero__sub { font-size: 0.8125rem; margin-top: 0.125rem; }
body.home-page .h6-home .hero-search__field { min-height: 4.25rem; padding: 0.5rem 0.5rem 0.5rem 1.125rem; border-radius: 1.125rem; border-width: 1.5px; gap: 0.625rem; }
body.home-page .h6-home .hero-search__icon svg { width: 24px; height: 24px; }
body.home-page .h6-home .hero-search__input { font-size: 1.125rem; }
body.home-page .h6-home .hero-search__submit { min-height: 3.25rem; padding: 0 1.5rem; border-radius: 0.875rem; font-size: 1.0625rem; font-weight: 800; }
@media (max-width: 768px) {
  body.home-page .h6-home.hv2-top { padding-top: 0.25rem; }
  body.home-page .h6-home .s5-hero { margin-bottom: 0; }
  body.home-page .h6-home .h6-hello { font-size: 0.75rem; }
  body.home-page .h6-home .s5-hero__title { font-size: 1.1875rem; }
  body.home-page .h6-home .s5-hero__sub { font-size: 0.75rem; }
  body.home-page .h6-home .hero-search__field { min-height: 3.75rem; padding: 0.375rem 0.375rem 0.375rem 0.875rem; }
  body.home-page .h6-home .hero-search__input { font-size: 1.0625rem; }
  body.home-page .h6-home .hero-search__submit { min-height: 3rem; padding: 0 1.125rem; font-size: 1rem; }
}

/* ── PO 2026-10-30 11:22: whole home page tighter — blocks were too far apart (phone + desktop) ── */
body.home-page main { gap: 0.75rem; padding-bottom: 1.5rem; }
body.home-page main > .h6-explore, .h6-explore { margin-top: 0; padding-top: 0.875rem; padding-bottom: 0.875rem; }
.h6-doors { margin-top: 0.625rem; }
.h6-tools { margin-top: 0.5rem; }
.h6-home .h6-sec, .h6-tasksec { margin-top: 0.75rem; }
.h6-home .h6-sec__row, .h6-tasksec .h6-sec__head { margin-bottom: 0.375rem; }
.h6-situbar { margin-top: 0.5rem; }
.h6-cats { margin-top: 0.625rem; }
.h6-week__title { margin-top: 0.75rem; margin-bottom: 0.5rem; }
body.home-page .home-community .posts__inner { padding-top: 0.875rem; padding-bottom: 0.875rem; }
body.home-page .home-community .posts__header { margin-bottom: 0.625rem; }
.h6-comm { margin: 0 0 0.5rem; }
.h6-comm__feedtitle { margin: 0.25rem 0 0.5rem; }
@media (max-width: 768px) {
  body.home-page main { gap: 0.625rem; padding-top: 0.75rem; }
  .h6-doors { margin-top: 0.5rem; }
  .h6-taskchips-wrap { margin-top: 0.5rem; }
  .h6-tasksec { margin-top: 0.625rem; }
  body.home-page main > .h6-explore, .h6-explore { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  body.home-page .home-community .posts__inner { padding-top: 0.75rem; padding-bottom: 0.75rem; }
}