/* 로그인 섹션은 대시보드 첫 줄(히어로 옆)에만 둔다. 아래 탭 패널은 전체 폭을 쓴다. */
      .home-login-layout{margin:0 0 22px}
      #home-login-panel{box-sizing:border-box;min-width:0;min-height:0;margin:0 0 18px;padding:16px 18px;display:flex;flex-direction:column;justify-content:center;background:var(--bg-card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:18px;box-shadow:var(--sh-sm,0 8px 28px rgba(15,23,42,.06));color:var(--txt-hi,#0f172a);transition:outline-color .2s ease,box-shadow .2s ease}
      #home-login-panel.is-highlighted{outline:3px solid rgba(26,61,232,.34);outline-offset:3px;box-shadow:0 0 0 8px rgba(26,61,232,.08),var(--sh-sm,0 8px 28px rgba(15,23,42,.06))}
      .home-login-title{margin:0 0 3px;font-size:16px;line-height:1.3;font-weight:800;letter-spacing:-.025em}
      .home-login-description{margin:0 0 10px;color:var(--txt-mid,#64748b);font-size:12px;line-height:1.45;word-break:keep-all}
      .ic-provider-buttons{display:grid;gap:10px;width:100%;max-width:320px}
      .ic-provider-button{box-sizing:border-box;width:100%;max-width:320px;height:48px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;border:0;border-radius:12px;font:inherit;font-size:14px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:filter .15s ease,transform .15s ease}
      .ic-provider-button:hover{filter:brightness(.97)}
      .ic-provider-button:active{transform:translateY(1px)}
      .ic-provider-button:focus-visible{outline:3px solid #1a3de8;outline-offset:3px}
      .ic-provider-button--naver{background:#03A94D;color:#fff}
      .m-account-card .m-auth-state .ic-provider-button--naver{border:0;background:#03A94D;color:#fff}
      .ic-provider-button--naver img{display:block;width:20px;height:20px;flex:0 0 20px;object-fit:contain}
      .ic-provider-button--kakao{background:#FEE500;color:rgba(0,0,0,.85)}
      .m-account-card .m-auth-state .ic-provider-button--kakao{border:0;background:#FEE500;color:rgba(0,0,0,.85)}
      .ic-provider-kakao-mark{display:block;width:20px;height:20px;flex:0 0 20px}
      .m-account-card .ic-provider-buttons,.m-account-card .ic-provider-button{max-width:none}
      .home-login-legal{margin:8px 0 0;color:var(--txt-mid,#64748b);font-size:11px;line-height:1.5;word-break:keep-all}
      .home-login-legal a{color:inherit;text-underline-offset:2px;white-space:nowrap}
      .home-login-skeleton{min-height:92px;display:grid;align-content:start;gap:10px}
      .home-login-skeleton span{height:14px;display:block;border-radius:999px;background:linear-gradient(90deg,rgba(148,163,184,.12),rgba(148,163,184,.25),rgba(148,163,184,.12));background-size:200% 100%;animation:ic-login-shimmer 1.4s linear infinite}
      .home-login-skeleton span:nth-child(1){width:76%}.home-login-skeleton span:nth-child(2){width:100%;height:48px;border-radius:12px}.home-login-skeleton span:nth-child(3){width:100%;height:48px;border-radius:12px}
      @keyframes ic-login-shimmer{to{background-position:-200% 0}}
      .home-login-error{display:grid;gap:10px;color:var(--txt-hi,#0f172a);font-size:13px;line-height:1.5}
      .home-login-error button,.m-auth-retry{min-height:44px;padding:8px 12px;border:1px solid var(--border,#cbd5e1);border-radius:10px;background:var(--bg-card,#fff);color:var(--txt-hi,#0f172a);font:inherit;font-weight:700;cursor:pointer}
      .home-login-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid var(--border,#e5e7eb)}
      .home-login-eyebrow{color:var(--blue-mid,#1a3de8);font-size:10.5px;font-weight:800;letter-spacing:.12em}
      .home-login-date{color:var(--txt-mid,#64748b);font-size:11.5px;font-weight:600;white-space:nowrap}
      .home-login-profile{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 0 12px}
      .home-login-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#1a3de8,#4a70f5);color:#fff;font-size:18px;font-weight:800;box-shadow:0 4px 12px rgba(26,61,232,.22)}
      .home-login-avatar img{width:100%;height:100%;object-fit:cover}
      .home-login-id{display:grid;gap:4px;min-width:0}
      .home-login-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;letter-spacing:-.02em}
      .home-login-meta{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}
      .home-login-role{flex:0 0 auto;padding:2px 8px;border-radius:999px;background:rgba(26,61,232,.1);color:var(--blue-mid,#1a3de8);font-size:11px;font-weight:800}
      .home-login-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
      .home-login-logout{min-height:32px;padding:0 10px;border:1px solid var(--border,#e5e7eb);border-radius:8px;background:transparent;color:var(--txt-mid,#475569);font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}
      .home-login-logout:hover{border-color:var(--blue-mid,#1a3de8);color:var(--blue-mid,#1a3de8)}
      .home-login-wallet{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid rgba(26,61,232,.14);border-radius:12px;background:rgba(26,61,232,.05);color:var(--txt-hi,#0f172a);text-decoration:none;transition:border-color .15s ease}
      .home-login-wallet:hover{border-color:var(--blue-mid,#1a3de8)}
      .home-login-wallet-label{color:var(--txt-mid,#64748b);font-size:12px;font-weight:700}
      .home-login-points{font-size:17px;font-weight:900;letter-spacing:-.02em}
      .home-login-wallet-cta{margin-left:auto;color:var(--blue-mid,#1a3de8);font-size:11.5px;font-weight:800;white-space:nowrap}
      .home-login-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
      .home-login-link{box-sizing:border-box;min-height:38px;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border:1px solid var(--border,#e5e7eb);border-radius:10px;background:var(--bg-card,#fff);color:var(--txt-hi,#0f172a);font:inherit;font-size:12px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;word-break:keep-all;cursor:pointer}
      .home-login-link:hover{border-color:var(--blue-mid,#1a3de8);color:var(--blue-mid,#1a3de8)}
      .home-login-link-icon{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
      #home-login-panel[data-signed-in="true"]{justify-content:flex-start}
      #home-login-panel[data-signed-in="true"] #home-login-content{flex:1;display:flex;flex-direction:column}
      #home-login-panel[data-signed-in="true"] .home-login-links{margin-top:auto}
      [data-theme="dark"] .home-login-wallet{background:rgba(117,164,255,.08);border-color:rgba(117,164,255,.22)}
      [data-theme="dark"] .home-login-eyebrow,[data-theme="dark"] .home-login-wallet-cta{color:#9db4ff}
      #home-login-panel .ic-provider-buttons{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;max-width:none}
      #home-login-panel .ic-provider-button{height:44px;padding:0 8px;gap:6px;border-radius:10px;font-size:13px;white-space:nowrap}
      #home-login-panel .ic-provider-button img,#home-login-panel .ic-provider-kakao-mark{width:18px;height:18px;flex-basis:18px}
      #home-login-panel .home-login-skeleton{min-height:0}
      #home-login-panel .home-login-skeleton span:nth-child(2),#home-login-panel .home-login-skeleton span:nth-child(3){height:44px}
      .ic-login-modal[hidden]{display:none}
      .ic-login-modal{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.62)}
      .ic-login-modal-card{position:relative;box-sizing:border-box;width:min(420px,100%);padding:28px 24px 22px;border:1px solid var(--border,#e5e7eb);border-radius:20px;background:var(--bg-card,#fff);color:var(--txt-hi,#0f172a);box-shadow:0 24px 90px rgba(0,0,0,.28)}
      .ic-login-modal-card h2{margin:0 44px 8px 0;font-size:21px;line-height:1.35}
      .ic-login-modal-card>p{margin:0 0 18px;color:var(--txt-mid,#64748b);font-size:13px;line-height:1.55}
      .ic-login-modal-card .ic-provider-buttons{max-width:none}
      .ic-login-modal-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--txt-mid,#64748b);font-size:28px;cursor:pointer}
      .ic-login-modal-dismiss{width:100%;min-height:44px;margin-top:14px;border:1px solid var(--border,#cbd5e1);border-radius:11px;background:transparent;color:var(--txt-hi,#0f172a);font:inherit;font-weight:700;cursor:pointer}
      .ic-login-modal-error{margin:12px 0 0;color:var(--txt-mid,#64748b);font-size:12px}
      .ic-login-modal-error button{min-height:36px;margin-left:5px;border:0;background:none;color:var(--blue-mid,#1a3de8);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
      .ic-login-modal :focus-visible{outline:3px solid #1a3de8;outline-offset:3px}
      /* 모바일 계정 카드(로그인 후): [아바타 | 이름·등급·포인트 | 테마] / [마이페이지 | 내 공고 등록 | 로그아웃] */
      #m-account-card .m-auth-profile{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;color:var(--ic-premium-text,var(--txt-hi))}
      #m-account-card .m-auth-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;object-fit:cover;background:var(--ic-premium-surface-subtle,var(--bg))}
      #m-account-card .m-auth-avatar-default{font-size:20px}
      #m-account-card .m-auth-id{min-width:0;display:flex;flex-direction:column;gap:4px}
      #m-account-card .m-auth-nickname{min-width:0;overflow:hidden;color:var(--ic-premium-text,var(--txt-hi));font-size:15px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
      #m-account-card .m-auth-meta{display:flex;align-items:center;gap:5px;min-width:0}
      #m-account-card .ic-auth-role,#m-account-card .ic-auth-points{flex:0 0 auto;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.5;white-space:nowrap}
      #m-account-card .ic-auth-role{color:#475569;background:#eef2f7}
      #m-account-card .ic-auth-role-certified{color:#1d4ed8;background:#e0e9ff}
      #m-account-card .ic-auth-role-premium{color:#92400e;background:#fdf0d5}
      #m-account-card .ic-auth-role-admin{color:#6d28d9;background:#efe7ff}
      #m-account-card .ic-auth-points{color:#92400e;background:#fdf0d5}
      [data-theme="dark"] #m-account-card .ic-auth-role{color:#cbd5e1;background:rgba(148,163,184,.18)}
      [data-theme="dark"] #m-account-card .ic-auth-role-certified{color:#a9c1ff;background:rgba(79,109,240,.24)}
      [data-theme="dark"] #m-account-card .ic-auth-role-premium,[data-theme="dark"] #m-account-card .ic-auth-points{color:#fcd38d;background:rgba(245,158,11,.18)}
      [data-theme="dark"] #m-account-card .ic-auth-role-admin{color:#d4bcff;background:rgba(124,58,237,.26)}
      #m-account-card .m-acc-theme{display:inline-flex;gap:2px;margin:0;padding:3px;border:1px solid var(--ic-premium-line,var(--border));border-radius:12px;background:var(--ic-premium-surface-subtle,var(--bg))}
      #m-account-card .m-acc-theme .ic-m-theme-btn{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:transparent;color:inherit;font-size:15px;line-height:1;cursor:pointer}
      #m-account-card .m-acc-theme .ic-m-theme-btn.active{background:var(--ic-premium-surface,var(--bg-card));box-shadow:0 1px 3px rgba(15,23,42,.16),inset 0 0 0 1px var(--ic-premium-line-strong,var(--border))}
      #m-account-card .m-auth-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;margin-top:12px}
      #m-account-card .m-auth-actions a,#m-account-card .m-auth-actions button{box-sizing:border-box;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;margin:0;padding:8px 10px;border-radius:10px;font:inherit;font-size:13px;font-weight:800;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none;animation:none}
      #m-account-card .m-auth-actions a{border:1px solid var(--ic-premium-line,var(--border));background:var(--ic-premium-surface-subtle,var(--bg));color:var(--ic-premium-text,var(--txt-hi))}
      #m-account-card .m-auth-actions .m-posting-cta{border:1px solid var(--ic-premium-accent,#c9a45c);background:var(--ic-premium-accent,#c9a45c);color:var(--ic-premium-navy-950,#0b1020)}
      #m-account-card .m-auth-actions .m-auth-logout{padding:8px 12px;border:1px solid var(--ic-premium-line,var(--border));background:transparent;color:var(--ic-premium-text-muted,var(--txt-mid));font-weight:700}
      #m-account-card .m-auth-actions a:focus-visible,#m-account-card .m-auth-actions button:focus-visible,#m-account-card .m-acc-theme .ic-m-theme-btn:focus-visible{outline:3px solid var(--ic-premium-action,#1a3de8);outline-offset:2px}
      .m-auth-state .home-login-legal a{display:inline;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-decoration:underline}
      .m-account-card .m-auth-state .ic-provider-button{box-sizing:border-box;display:flex;width:100%;max-width:none;height:48px;min-height:44px;border-radius:12px;font-size:14px}
      .m-account-card .m-auth-state .ic-provider-button:focus-visible{outline:3px solid #1a3de8;outline-offset:3px}
      #m-home-ad[hidden]{display:none!important}
      #m-home-ad{margin:0}
      #m-home-ad .m-home-ad-card{box-sizing:border-box;width:100%;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px 10px 10px;border:1px solid var(--ic-premium-line,var(--border));border-radius:var(--ic-premium-radius-lg,16px);background:var(--ic-premium-surface,var(--bg-card));color:var(--ic-premium-text,var(--txt-hi));font:inherit;text-align:left;cursor:pointer}
      #m-home-ad .m-home-ad-card:active{border-color:var(--ic-premium-action,#1a3de8)}
      #m-home-ad .m-home-ad-card:focus-visible{outline:3px solid var(--ic-premium-action,#1a3de8);outline-offset:2px}
      #m-home-ad .m-home-ad-thumb{width:96px;height:96px;display:block;border-radius:10px;object-fit:cover;background:var(--ic-premium-surface-subtle,var(--bg))}
      #m-home-ad .m-home-ad-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
      #m-home-ad .m-home-ad-label{padding:1px 6px;border-radius:5px;background:var(--ic-premium-surface-subtle,var(--bg));border:1px solid var(--ic-premium-line,var(--border));color:var(--ic-premium-text-muted,var(--txt-mid));font-size:10px;font-weight:800;letter-spacing:.06em;line-height:1.5}
      #m-home-ad .m-home-ad-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--ic-premium-text,var(--txt-hi));font-size:15px;font-weight:800;line-height:1.35;word-break:keep-all}
      #m-home-ad .m-home-ad-cta{color:#1d4ed8;font-size:12.5px;font-weight:800}
      [data-theme="dark"] #m-home-ad .m-home-ad-cta{color:#9db4ff}
      #m-home-ad .m-home-ad-arrow{color:var(--ic-premium-text-muted,var(--txt-mid));font-size:22px;line-height:1}
      @media(max-width:359px){#m-account-card .m-auth-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#m-account-card .m-auth-actions .m-auth-logout{grid-column:1/-1}}
      #home-login-panel[data-signed-in="true"] .home-login-title{display:none}
      /* 홈에는 로그인 섹션(로그인 버튼·프로필·로그아웃)이 있으므로 상단바 계정 영역은 다른 화면에서만 보인다.
         다른 화면에서는 [로그인] 버튼과 로그인 후 계정 메뉴(마이페이지·로그아웃 등)가 그대로 유일한 입구다. */
      body[data-ic-page="home"] .pc-account-wrap{display:none!important}
      body.ic-premium-ui.ic-public-home:not(.ic-mobile) .ic-home-rail>#home-promo-video-slot:first-child{margin-top:0}
      .ic-promo-ad-slots{display:grid;gap:12px;width:100%;max-width:216px;margin:12px auto 0}
      .ic-promo-ad-slot{box-sizing:border-box;min-height:196px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:18px 14px;border:1.5px dashed var(--ic-premium-line,#d6dbe3);border-radius:var(--ic-premium-radius-lg,14px);background:var(--ic-premium-surface-subtle,#f7f8fa);color:var(--ic-premium-text-muted,#656c78);font:inherit;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}
      .ic-promo-ad-slot:hover,.ic-promo-ad-slot:focus-visible{border-color:var(--ic-premium-action,#1a3de8);background:rgba(26,61,232,.04)}
      .ic-promo-ad-slot:focus-visible{outline:2px solid var(--ic-premium-action,#1a3de8);outline-offset:2px}
      .ic-promo-ad-slot-no{font-size:9px;font-weight:800;letter-spacing:.12em}
      .ic-promo-ad-slot-mark{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1.5px dashed currentColor;border-radius:50%;font-size:12px;opacity:.7}
      .ic-promo-ad-slot-title{color:var(--ic-premium-text,#1c2430);font-size:13.5px;font-weight:800;letter-spacing:-.02em;word-break:keep-all}
      .ic-promo-ad-slot-copy{font-size:11px;line-height:1.55;word-break:keep-all}
      .ic-promo-ad-slot-cta{margin-top:2px;color:var(--ic-premium-action,#1a3de8);font-size:11.5px;font-weight:800}
      @media(min-width:900px){
        .home-login-layout #home-dashboard-pager{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,27vw,320px);grid-template-areas:"header login" "viewport viewport";column-gap:20px;align-items:stretch}
        #home-dashboard-pager>.hdp-header{grid-area:header;min-width:0}
        body #page-home #home-dashboard-pager>.hdp-header{align-content:center}
        #home-dashboard-pager>#home-login-panel{grid-area:login;min-height:150px}
        #home-dashboard-pager>.hdp-viewport{grid-area:viewport;min-width:0}
      }
      @media(max-width:899px){
        #home-login-panel .ic-provider-buttons{max-width:460px}
        #home-login-panel .home-login-links{grid-template-columns:repeat(4,minmax(0,1fr))}
      }
      /* 상단바: 로그인 계정 메뉴가 들어가도 네이버 노출 위젯과 겹치지 않게, 보조 버튼(알림음·파트너 전용)은 아이콘만 보여준다.
         상단바 내용 폭은 1360px 이상에서 1296px로 고정되므로 화면 폭과 무관하게 적용한다. 버튼 이름은 화면낭독기용으로 유지한다. */
      body.ic-premium-ui .pc-utility-button{width:44px;padding:6px}
      body.ic-premium-ui .pc-utility-button .pc-utility-button-label{display:block!important;position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
      body.ic-premium-ui .pc-account-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
      @media(max-width:768px){.home-login-layout{display:none}}
      @media(prefers-reduced-motion:reduce){.home-login-skeleton span,.ic-provider-button{animation:none;transition:none}}
      .hdp{width:100%;min-width:0}
      .hdp-header{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:13px 15px;border:1px solid var(--border);border-radius:16px;background:var(--bg-card);box-shadow:var(--sh-sm)}
      .hdp-heading{display:flex;align-items:center;gap:11px;min-width:0}
      .hdp-label{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--txt-lo);white-space:nowrap}
      .hdp-tabs{display:flex;align-items:center;gap:5px;padding:4px;border-radius:11px;background:var(--bg)}
      .hdp-tab{appearance:none;border:0;border-radius:8px;padding:8px 12px;background:transparent;color:var(--txt-mid);font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
      .hdp-tab[aria-selected="true"]{background:var(--blue-mid);color:#fff;box-shadow:var(--sh-sm)}
      .hdp-tab:focus-visible{outline:3px solid rgba(26,61,232,.3);outline-offset:2px}
      .hdp-indicator{display:flex;align-items:center;gap:6px;flex:0 0 auto}
      .hdp-dot{width:7px;height:7px;border-radius:999px;background:var(--border);transition:width .2s ease,background .2s ease}
      .hdp-dot.is-active{width:20px;background:var(--blue-mid)}
      .hdp-viewport{position:relative;width:100%}
      .hdp-panel{min-width:0}
      .hdp[data-hdp-ready="true"] .hdp-viewport{overflow:hidden;transition:height .24s ease}
      .hdp[data-hdp-ready="true"] .hdp-track{display:flex;align-items:flex-start;width:100%;transform:translate3d(0,0,0);transition:transform .32s ease}
      .hdp[data-hdp-ready="true"][data-hdp-page="1"] .hdp-track{transform:translate3d(-100%,0,0)}
      .hdp[data-hdp-ready="true"][data-hdp-page="2"] .hdp-track{transform:translate3d(-200%,0,0)}
      .hdp[data-hdp-ready="true"][data-hdp-page="3"] .hdp-track{transform:translate3d(-300%,0,0)}
      .hdp[data-hdp-ready="true"] .hdp-panel{flex:0 0 100%;width:100%;min-width:0}
      .hdp.is-sliding .hdp-track{will-change:transform}
      .hdp-live{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
      [data-theme="dark"] .hdp-tab[aria-selected="true"]{background:#4f6df0}
      @media(max-width:1024px){
        .hdp-header{align-items:flex-start;flex-wrap:wrap}
        .hdp-heading{width:100%;justify-content:space-between}
        .hdp-indicator{margin-left:auto;align-self:center}
      }
      @media(max-width:820px){
        .hdp-label{display:none}
        .hdp-tabs{width:100%}
        .hdp-tab{flex:1;min-height:44px}
      }
      @media(prefers-reduced-motion:reduce){
        .hdp[data-hdp-ready="true"] .hdp-track,.hdp[data-hdp-ready="true"] .hdp-viewport,.hdp-dot{transition:none}
      }