/* Shared Hoipoi palette; standard pages use 960px and magazine content uses 1140px. */
html { font-size:10px; }
.hoipoi-native-theme { margin:0; color:#202229; background:#fff; font-family:"M PLUS Rounded 1c",sans-serif; font-size:16px; line-height:1.8; touch-action:auto; }
.hoipoi-native-theme * { box-sizing:border-box; }
.hoipoi-native-theme #container.hoipoi-native-shell { margin-top:0; padding-top:0; overflow:visible; }
.hoipoi-native-shell { --cm-content-width:calc(var(--cm-grid-width,960px) + 64px); }
.hoipoi-content-width { width:100%; max-width:var(--cm-content-width,1024px); margin:0 auto; padding-left:32px; padding-right:32px; }
.hoipoi-native-theme.hoipoi-magazine-page { overflow-x:clip; overflow-y:visible; }
.hoipoi-native-shell.hoipoi-magazine-shell { --cm-content-width:1204px; }
.hoipoi-native-theme .hoipoi-magazine-shell main { overflow:visible; }
.hoipoi-article-page { padding:132px 0 80px; background:linear-gradient(#151821 0 112px,#fff 112px); }
.hoipoi-article-breadcrumb { margin:0 0 32px; color:#676c76; font-size:12px; overflow-wrap:anywhere; }
.hoipoi-article-breadcrumb a { color:inherit; }
.hoipoi-article-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; align-items:start; gap:40px; }
.hoipoi-article-main-column { min-width:0; }
.hoipoi-article-header { margin-bottom:32px; }
.hoipoi-article-header .hoipoi-eyebrow { margin-top:0; }
.hoipoi-article-header h1 { margin:16px 0 20px; color:#202229; font-size:clamp(28px,3.1vw,38px); line-height:1.6; font-weight:700; overflow-wrap:anywhere; }
.hoipoi-article-main-column .hoipoi-comments { max-width:none; margin-top:32px; padding:32px; border:1px solid #e6e5e1; border-radius:12px; background:#f8f7f3; }
.hoipoi-article-sidebar { position:sticky; top:24px; align-self:start; max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px); overflow-y:auto; overscroll-behavior-y:contain; border:1px solid #e6e5e1; border-radius:12px; background:#fff; }
.admin-bar .hoipoi-article-sidebar { top:56px; max-height:calc(100vh - 80px); max-height:calc(100dvh - 80px); }
.hoipoi-consult-card { padding:24px; }
.hoipoi-consult-card .hoipoi-eyebrow { margin:0 0 12px; }
.hoipoi-consult-card h2 { margin:0 0 22px; padding:0; color:#202229; background:none; border:0; font-size:20px; line-height:1.65; font-weight:700; }
.hoipoi-consult-card h2::before { content:none; }
.hoipoi-consult-card__logo { display:block; width:150px; max-width:100%; height:auto; margin:0 auto 24px; }
.hoipoi-consult-card__description { margin:0 0 24px; color:#676c76; font-size:14px; line-height:1.9; }
.button_gradient.hoipoi-consult-card__button { display:flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:48px; padding:12px 16px; margin:0; font-size:15px; line-height:1.6; font-weight:700; text-decoration:none; }
@media(max-width:1000px) {
  .hoipoi-article-layout { grid-template-columns:1fr; gap:40px; }
  .hoipoi-article-sidebar,.admin-bar .hoipoi-article-sidebar { position:static; max-height:none; overflow:visible; }
  .hoipoi-consult-card { max-width:480px; margin:0 auto; }
}
@media(max-width:640px) {
  .hoipoi-article-page { padding-top:112px; padding-bottom:48px; background:linear-gradient(#151821 0 92px,#fff 92px); }
  .hoipoi-article-breadcrumb { margin-bottom:24px; }
  .hoipoi-article-header h1 { font-size:27px; }
}

.hoipoi-page-hero { padding:132px 0 52px; background:#151821; color:#fff; }
.hoipoi-page-hero h1 { margin:16px 0 20px; font-size:clamp(28px,3.1vw,42px); font-weight:700; line-height:1.6; letter-spacing:.025em; overflow-wrap:anywhere; }
.hoipoi-page-hero__description { max-width:760px; margin:16px 0 0; color:#c2c5cc; font-size:15px; line-height:2; }
.hoipoi-page-hero__description:empty { display:none; }
.hoipoi-page-hero.hoipoi-page-hero--categories { display:flex; flex-direction:column; padding-bottom:0; }
.hoipoi-page-hero--categories > .hoipoi-content-width { display:flex; flex:1; flex-direction:column; }
.hoipoi-category-nav { margin-top:auto; padding-top:32px; }
.hoipoi-category-nav ul { display:flex; gap:32px; margin:0; padding:0; overflow-x:auto; list-style:none; border-bottom:1px solid #45474e; scrollbar-width:thin; scrollbar-color:#8a692c #151821; }
.hoipoi-category-nav li { flex:0 0 auto; margin:0; }
.hoipoi-category-nav a { display:block; min-height:48px; padding:12px 4px; border-bottom:2px solid transparent; color:#c2c5cc; font-size:16px; line-height:1.6; font-weight:700; text-decoration:none; white-space:nowrap; }
.hoipoi-category-nav a:hover,.hoipoi-category-nav a[aria-current] { color:#d8b56d; border-bottom-color:#d8b56d; }
.hoipoi-category-nav a:focus-visible { outline:2px solid #d8b56d; outline-offset:-3px; }
.hoipoi-eyebrow { margin:20px 0 0; color:#d8b56d; font-size:12px; font-weight:700; letter-spacing:.18em; }
.hoipoi-page-hero .cm-breadcrumb { font-size:12px; color:#c2c5cc; }
.hoipoi-entry-meta { display:flex; flex-wrap:wrap; gap:8px; color:#202229; font-size:13px; line-height:1.6; }
.hoipoi-entry-meta__item { display:flex; align-items:baseline; gap:10px; max-width:100%; min-width:0; padding:9px 14px; border:1px solid #dedad0; border-radius:6px; background:#f8f7f3; }
.hoipoi-entry-meta__label { flex-shrink:0; color:#676c76; font-size:11px; }
.hoipoi-entry-meta__value { min-width:0; overflow-wrap:anywhere; }
.hoipoi-entry-meta a { color:#8a692c; font-weight:700; text-decoration:none; }
.hoipoi-entry-meta a:hover { text-decoration:underline; text-underline-offset:4px; }
.hoipoi-entry-meta a:focus-visible { outline:2px solid #8a692c; outline-offset:3px; }
.hoipoi-listing { padding-top:40px; padding-bottom:88px; }
.hoipoi-listing-tools { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:32px; }
.hoipoi-search { display:flex; width:min(100%,380px); gap:8px; }
.hoipoi-search input { width:100%; min-width:0; padding:10px 14px; border:1px solid #dcdde1; border-radius:6px; background:#fff; color:#202229; font:inherit; font-size:14px; }
.hoipoi-search button { min-width:64px; min-height:44px; border:0; border-radius:6px; background:#151821; color:#fff; font:inherit; font-size:14px; cursor:pointer; }
.hoipoi-pagination { margin:44px 0 0; }
.hoipoi-pagination ul { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0; padding:0; list-style:none; }
.hoipoi-pagination a,.hoipoi-pagination span { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:8px 12px; border:1px solid #e1ded7; border-radius:6px; color:#202229; text-decoration:none; font-size:14px; }
.hoipoi-pagination .current { background:#151821; color:#d8b56d; border-color:#151821; }
.hoipoi-text-link { color:#202229; font-size:14px; font-weight:700; text-underline-offset:5px; }
.hoipoi-entry-wrap { padding-top:48px; padding-bottom:72px; }
.hoipoi-entry .entry-content { float:none; width:auto; margin:0; padding:0; font-size:16px; line-height:1.9; overflow-wrap:anywhere; }
.hoipoi-entry .entry-content > :first-child { margin-top:0; }
.hoipoi-entry .entry-content img { max-width:100%; height:auto; }
.hoipoi-entry .entry-content figure { max-width:100%; margin:24px 0; }
.hoipoi-entry .entry-content iframe { max-width:100%; }
.hoipoi-entry .entry-content h2::before { content:none; }
.hoipoi-entry .entry-content h2 { margin:48px 0 20px; padding:14px 20px; font-size:24px; line-height:1.6; border:0; border-left:3px solid #d8b56d; border-radius:6px; background:#f8f7f3; }
.hoipoi-entry .entry-content h3 { margin:36px 0 16px; font-size:20px; line-height:1.7; border-left-color:#d8b56d; }
.hoipoi-entry .entry-content h4 { font-size:18px; line-height:1.7; border-left-color:#d8b56d; }
.hoipoi-entry .entry-content p { margin:20px 0; }
.hoipoi-entry .entry-content li { margin:6px 0; }
.hoipoi-entry .entry-content ul,.hoipoi-entry .entry-content ol { padding-left:24px; }
.hoipoi-entry .entry-content blockquote { margin:28px 0; padding:12px 24px; border-left:3px solid #d8b56d; background:#f8f7f3; }
.hoipoi-entry .entry-content pre { max-width:100%; overflow-x:auto; }
.hoipoi-entry-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; margin-top:40px; padding-top:24px; border-top:1px solid #e6e5e1; font-size:14px; }
.hoipoi-entry-tags { display:flex; align-items:flex-start; gap:12px; min-width:0; }
.hoipoi-entry-tags__label { padding-top:7px; color:#676c76; font-size:12px; font-weight:700; white-space:nowrap; }
.hoipoi-entry-tags ul { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.hoipoi-entry-tags li { min-width:0; }
.hoipoi-entry-tags a { display:inline-block; padding:6px 12px; border:1px solid #e6e5e1; border-radius:999px; background:#f8f7f3; color:#202229; font-size:12px; line-height:1.7; text-decoration:none; overflow-wrap:anywhere; }
.hoipoi-entry-tags a:hover { border-color:#d8b56d; }
.hoipoi-entry-back.cm-button-secondary { min-height:48px; gap:10px; padding:10px 20px; border-color:#d8b56d; background:#fff; color:#202229; font-size:13px; line-height:1.7; font-weight:700; }
.hoipoi-entry-back svg { flex-shrink:0; }
.hoipoi-entry-back:hover { background:#f8f7f3; }
.hoipoi-empty { padding-top:40px; padding-bottom:60px; }
.hoipoi-comments h2,.hoipoi-comments .comment-reply-title { margin:0 0 20px; padding:0; border:0; background:none; color:#202229; font-size:24px; font-weight:700; line-height:1.6; }
.hoipoi-comments h2::before { content:none; }
.hoipoi-comments a { color:#202229; text-underline-offset:4px; overflow-wrap:anywhere; }
.hoipoi-comments .comment-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:0; }
.hoipoi-comments .comment-form > p { grid-column:1/-1; min-width:0; margin:0; font-size:13px; line-height:1.9; }
.hoipoi-comments .comment-form > .comment-form-author,.hoipoi-comments .comment-form > .comment-form-email { grid-column:auto; }
.hoipoi-comments .logged-in-as,.hoipoi-comments .comment-notes { color:#676c76; }
.hoipoi-comments .required-field-message { display:block; margin-top:4px; }
.hoipoi-comments .comment-form label { display:block; margin-bottom:8px; color:#202229; font-size:14px; font-weight:700; line-height:1.7; }
.hoipoi-comments .comment-form label + br { display:none; }
.hoipoi-comments .comment-form input:not([type="hidden"]):not([type="checkbox"]):not([type="submit"]),.hoipoi-comments .comment-form textarea { display:block; width:100%; max-width:100%; min-height:48px; margin:0; padding:12px 14px; border:1px solid #dcdde1; border-radius:8px; background:#fff; color:#202229; font:inherit; font-size:16px; line-height:1.7; }
.hoipoi-comments .comment-form textarea { height:180px; min-height:180px; resize:vertical; }
.hoipoi-comments .comment-form textarea:focus-visible { outline:2px solid #b8974b; outline-offset:3px; }
.hoipoi-comments .comment-form img { display:block; max-width:100%; height:auto; margin:0; padding:12px; border:1px solid #e6e5e1; border-radius:8px; background:#fff; }
.hoipoi-comments .comment-form #siteguard_captcha { width:min(100%,240px); }
.hoipoi-comments .comment-form > .comment-form-cookies-consent { display:flex; align-items:flex-start; gap:10px; }
.hoipoi-comments .comment-form-cookies-consent input[type="checkbox"] { flex:0 0 18px; width:18px; height:18px; margin:4px 0 0; accent-color:#8b6a2c; }
.hoipoi-comments .comment-form-cookies-consent label { margin:0; color:#676c76; font-size:12px; font-weight:400; line-height:1.8; }
.hoipoi-comments .comment-form .form-submit { padding-top:4px; }
.hoipoi-comments .comment-form .submit { width:auto; max-width:100%; min-width:0; min-height:48px; padding:12px 24px; font:inherit; font-size:15px; font-weight:700; line-height:1.7; box-shadow:none; cursor:pointer; }
.hoipoi-comments .comment-form .submit:hover { filter:brightness(.96); }
.hoipoi-comments #cancel-comment-reply-link { display:inline-block; margin-left:12px; font-size:12px; font-weight:400; }
.hoipoi-comments .hoipoi-comment-list,.hoipoi-comments .hoipoi-comment-list .children { margin:0; padding:0; list-style:none; }
.hoipoi-comments .hoipoi-comment-list .children { padding-left:20px; }
.hoipoi-comments .comment-body { margin-bottom:20px; padding:24px; border:1px solid #e6e5e1; border-radius:8px; background:#fff; }
.hoipoi-comments .comment-author { color:#202229; font-size:14px; font-weight:700; }
.hoipoi-comments .comment-author .avatar { float:left; width:40px; height:40px; margin:0 12px 8px 0; border-radius:50%; }
.hoipoi-comments .comment-metadata { margin:4px 0 16px; color:#676c76; font-size:12px; }
.hoipoi-comments .comment-content { clear:both; font-size:14px; line-height:1.9; overflow-wrap:anywhere; }
.hoipoi-comments .comment-content p { margin:12px 0; }
.hoipoi-comments .comment-content img { max-width:100%; height:auto; }
.hoipoi-comments .comment-awaiting-moderation { color:#676c76; font-size:12px; }
.hoipoi-comments .reply { margin-top:16px; font-size:12px; }
.hoipoi-comments .comment-navigation { margin:24px 0; font-size:13px; }
.hoipoi-comments--has-list .comment-respond { margin-top:32px; padding-top:32px; border-top:1px solid #e6e5e1; }
.hoipoi-fallback-header { padding:18px 32px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; background:#151821; color:#fff; }
.hoipoi-fallback-header a { color:inherit; }
.hoipoi-fallback-footer { padding:32px; background:#151821; color:#fff; }
.screen-reader-text,.hoipoi-skip-link:not(:focus) { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.hoipoi-skip-link:focus { position:absolute; z-index:100; top:8px; left:8px; padding:12px 20px; background:#fff; color:#151821; font-size:14px; }
.hoipoi-native-shell a:focus-visible,.hoipoi-native-shell button:focus-visible,.hoipoi-native-shell input:focus-visible { outline:2px solid #b8974b; outline-offset:3px; }
@media(max-width:640px) {
  .hoipoi-content-width { padding-left:24px; padding-right:24px; }
  .hoipoi-page-hero { padding-top:112px; padding-bottom:36px; }
  .hoipoi-page-hero h1 { font-size:27px; line-height:1.6; }
  .hoipoi-category-nav { padding-top:24px; }
  .hoipoi-category-nav ul { gap:10px; }
  .hoipoi-category-nav a { font-size:14px; }
  .hoipoi-listing-tools { flex-direction:column; align-items:stretch; gap:16px; }
  .hoipoi-search { width:100%; }
  .hoipoi-entry-wrap { padding-top:32px; }
  .hoipoi-entry-footer { align-items:flex-start; gap:16px; }
  .hoipoi-entry-back.cm-button-secondary { width:100%; }
  .hoipoi-article-main-column .hoipoi-comments { padding:20px; }
  .hoipoi-comments .comment-reply-title,.hoipoi-comments h2 { font-size:21px; }
  .hoipoi-comments .comment-form { grid-template-columns:1fr; }
  .hoipoi-comments .comment-form .submit { width:100%; }
  .hoipoi-comments .comment-body { padding:16px; }
  .hoipoi-comments .hoipoi-comment-list .children { padding-left:12px; }
  .hoipoi-entry .entry-content { font-size:15px; }
  .hoipoi-entry .entry-content h2 { font-size:21px; padding:12px 16px; }
}