/* Canonical cascade order. Generate page-specific output with npm run styles. */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* /doctort/black */
.doctor-black-page {
  --black-navy: #17324d;
  --black-blue: #1976a8;
  --black-blue-deep: #0b5f8b;
  --black-sky: #edf8fc;
  --black-yellow: #fff2a8;
  --black-orange: #ee7b2d;
  --black-red: #d94c4c;
  --black-line: #d7e7ee;
  overflow: hidden;
  background: #fff;
  color: #273744;
}
.doctor-black-page .blackInner,
.doctor-black-page .blackWideInner,
.doctor-black-page .blackArticle {
  width: min(100% - 32px, 1120px);
  margin-inline: auto;
}
.doctor-black-page .blackArticle {
  width: min(100% - 32px, 760px);
}
.doctor-black-page .blackSiteHeader {
  position: relative;
  z-index: 20;
  border-bottom: 1px solid #e1eaee;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 5px 18px rgba(23, 50, 77, 0.05);
}
.doctor-black-page .blackSiteHeader .blackInner {
  display: flex;
  min-height: 66px;
  align-items: center;
  justify-content: center;
}
.doctor-black-page .blackHeaderLogo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--black-navy);
}
.doctor-black-page .blackHeaderLogoMark {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  background: linear-gradient(135deg, #49bfd0, #1879ab);
  color: #fff;
  font-size: 29px;
  font-weight: 900;
  box-shadow: 0 6px 14px rgba(25, 118, 168, 0.24);
}
.doctor-black-page .blackHeaderLogo > span:last-child {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.doctor-black-page .blackHeaderLogo strong {
  font-size: 22px;
  letter-spacing: 0.03em;
}
.doctor-black-page .blackHeaderLogo small {
  color: #4d6a7b;
  font-size: 13px;
  font-weight: 800;
}
.doctor-black-page .blackHero {
  width: min(100% - 24px, 1120px);
  margin: 18px auto 0;
}
.doctor-black-page .blackHeroPlaceholder {
  position: relative;
  display: grid;
  min-height: 430px;
  place-content: center;
  justify-items: center;
  overflow: hidden;
  padding: 54px 28px;
  border: 2px dashed #8fbacb;
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(238,248,252,.92)),
    repeating-linear-gradient(-45deg, #f6fbfd 0, #f6fbfd 16px, #edf6fa 16px, #edf6fa 32px);
  text-align: center;
}
.doctor-black-page .blackHeroPlaceholder::before,
.doctor-black-page .blackHeroPlaceholder::after {
  position: absolute;
  content: "";
  border-radius: 50%;
  background: rgba(73, 191, 208, 0.12);
}
.doctor-black-page .blackHeroPlaceholder::before {
  top: -70px;
  left: -40px;
  width: 230px;
  height: 230px;
}
.doctor-black-page .blackHeroPlaceholder::after {
  right: -80px;
  bottom: -100px;
  width: 300px;
  height: 300px;
  background: rgba(255, 211, 94, 0.15);
}
.doctor-black-page .blackHeroPlaceholder > * {
  position: relative;
  z-index: 1;
}
.doctor-black-page .blackHeroPlaceholder > span {
  padding: 6px 14px;
  border-radius: 999px;
  background: #d8ecf4;
  color: #3d6f86;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
}
.doctor-black-page .blackHeroPlaceholder p {
  margin: 22px 0 10px;
  color: #536b7a;
  font-size: clamp(17px, 2.2vw, 23px);
  font-weight: 800;
  line-height: 1.55;
}
.doctor-black-page .blackHeroPlaceholder h1 {
  margin: 0;
  color: var(--black-navy);
  font-size: clamp(30px, 4.8vw, 52px);
  font-weight: 900;
  line-height: 1.32;
  letter-spacing: -0.025em;
}
.doctor-black-page .blackHeroPlaceholder h1 strong {
  color: var(--black-blue);
  background: linear-gradient(transparent 64%, var(--black-yellow) 64%);
}
.doctor-black-page .blackHeroPlaceholder > small {
  margin-top: 24px;
  color: #78909d;
  font-size: 12px;
  font-weight: 700;
}
.doctor-black-page .blackAdNotice {
  margin: 8px 4px 0;
  color: #6b7b85;
  font-size: 11px;
  line-height: 1.5;
  text-align: right;
}
.doctor-black-page .blackIntro,
.doctor-black-page .blackContentSection,
.doctor-black-page .blackRecommendation {
  padding-block: 58px 12px;
}
.doctor-black-page .blackOpeningChecklist {
  display: grid;
  gap: 12px;
  margin: 0 0 34px;
  padding: 22px 24px;
  border: 2px solid #c9e2ec;
  border-radius: 18px;
  background: #f7fcfe;
  list-style: none;
}
.doctor-black-page .blackOpeningChecklist li {
  position: relative;
  padding-left: 32px;
  color: var(--black-navy);
  font-size: 16px;
  font-weight: 800;
}
.doctor-black-page .blackOpeningChecklist li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--black-blue);
  content: "✓";
  font-size: 22px;
  font-weight: 900;
}
.doctor-black-page .blackIntro > p,
.doctor-black-page .blackContentSection > p,
.doctor-black-page .blackRecommendation .blackArticle > p {
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 2;
}
.doctor-black-page .blackLeadText strong {
  color: var(--black-blue);
  font-size: 20px;
}
.doctor-black-page .blackSpeechList {
  display: grid;
  gap: 16px;
  margin-top: 28px;
}
.doctor-black-page .blackSpeechList p {
  position: relative;
  margin: 0 0 0 26px;
  padding: 17px 20px;
  border-radius: 5px 16px 16px 16px;
  background: #f2f6f8;
  color: #435866;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.75;
}
.doctor-black-page .blackSpeechList p::before {
  position: absolute;
  top: 0;
  left: -22px;
  border-top: 22px solid #f2f6f8;
  border-left: 22px solid transparent;
  content: "";
}
.doctor-black-page .blackCaution {
  margin-top: 28px;
  padding: 18px 20px 18px 56px;
  border: 2px solid #f3d477;
  border-radius: 14px;
  background: #fffbed;
  font-size: 14px;
  line-height: 1.8;
  position: relative;
}
.doctor-black-page .blackCaution::before {
  position: absolute;
  top: 15px;
  left: 18px;
  color: #d39b00;
  content: "!";
  font-size: 26px;
  font-weight: 900;
}
.doctor-black-page .blackContentSection h2,
.doctor-black-page .blackRecommendation h2 {
  margin: 0 0 26px;
  padding: 18px 22px;
  border-left: 7px solid var(--black-blue);
  border-radius: 4px 16px 16px 4px;
  background: linear-gradient(90deg, #e9f7fb, #f8fcfd);
  color: var(--black-navy);
  font-size: clamp(22px, 3.6vw, 30px);
  font-weight: 900;
  line-height: 1.55;
}
.doctor-black-page .blackContentSection h2 em,
.doctor-black-page .blackRecommendation h2 em {
  color: var(--black-blue);
  font-style: normal;
}
.doctor-black-page .blackSectionImagePlaceholder {
  display: grid;
  min-height: 270px;
  place-content: center;
  justify-items: center;
  gap: 10px;
  margin: 0 0 28px;
  padding: 28px;
  border: 2px dashed #a8c9d6;
  border-radius: 18px;
  background: repeating-linear-gradient(-45deg, #f9fcfd 0, #f9fcfd 14px, #f1f7f9 14px, #f1f7f9 28px);
  color: #5f7f90;
  text-align: center;
}
.doctor-black-page .blackSectionImagePlaceholder span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
}
.doctor-black-page .blackSectionImagePlaceholder strong {
  color: var(--black-navy);
  font-size: 22px;
}
.doctor-black-page .blackSectionImagePlaceholder small {
  font-size: 12px;
  font-weight: 700;
}
.doctor-black-page .blackConditionBox,
.doctor-black-page .blackInfoBox {
  margin: 28px 0;
  padding: 24px;
  border: 2px solid #f0d261;
  border-radius: 18px;
  background: linear-gradient(180deg, #fffdf2, #fff9d8);
}
.doctor-black-page .blackConditionBox > span,
.doctor-black-page .blackInfoBox h3 {
  display: block;
  margin: 0 0 15px;
  color: var(--black-navy);
  font-size: 18px;
  font-weight: 900;
  text-align: center;
}
.doctor-black-page .blackConditionBox ul,
.doctor-black-page .blackInfoBox ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.doctor-black-page .blackConditionBox li,
.doctor-black-page .blackInfoBox li {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 800;
}
.doctor-black-page .blackConditionBox li::before,
.doctor-black-page .blackInfoBox li::before {
  position: absolute;
  left: 0;
  color: #d69116;
  content: "✓";
  font-weight: 900;
}
.doctor-black-page .blackMarker {
  color: var(--black-orange);
  font-size: 1.14em;
  background: linear-gradient(transparent 62%, var(--black-yellow) 62%);
}
.doctor-black-page .blackQuickRanking {
  margin: 38px 0 0;
  overflow: hidden;
  border: 2px solid #bcdce8;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(29, 98, 130, .11);
}
.doctor-black-page .blackQuickRankingLead {
  margin: 0;
  padding: 18px 20px;
  background: linear-gradient(135deg, #1477a7, #3eb1bd);
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.55;
  text-align: center;
}
.doctor-black-page .blackQuickRankingLead span {
  display: block;
  color: #fff3a8;
  font-size: 12px;
}
.doctor-black-page .blackQuickRanking ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.doctor-black-page .blackQuickRanking li {
  display: grid;
  grid-template-columns: 58px 1fr;
  align-items: center;
  gap: 14px;
  padding: 16px 22px;
  border-bottom: 1px solid #e0edf2;
}
.doctor-black-page .blackQuickRank,
.doctor-black-page .blackTableRank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #bb8a62;
  color: #fff;
  font-weight: 900;
}
.doctor-black-page .blackQuickRank {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 21px;
  box-shadow: inset 0 0 0 4px rgba(255,255,255,.28);
}
.doctor-black-page .blackQuickRank.rank1,
.doctor-black-page .blackTableRank.rank1 { background: #dfaa24; }
.doctor-black-page .blackQuickRank.rank2,
.doctor-black-page .blackTableRank.rank2 { background: #7896a4; }
.doctor-black-page .blackQuickRanking li a {
  display: block;
}
.doctor-black-page .blackQuickRanking li small {
  display: block;
  color: var(--black-red);
  font-size: 12px;
  font-weight: 900;
}
.doctor-black-page .blackQuickRanking li strong {
  display: inline-block;
  margin-top: 3px;
  color: var(--black-blue);
  font-size: 21px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.doctor-black-page .blackQuickNote {
  margin: 0;
  padding: 13px 18px;
  background: #f4fafc;
  color: #627985;
  font-size: 12px;
  text-align: center;
}
.doctor-black-page .blackInfoBox {
  border-color: #b6dce9;
  background: linear-gradient(180deg, #f6fcfe, #ebf7fb);
}
.doctor-black-page .blackInfoBox li::before {
  color: var(--black-blue);
}
.doctor-black-page .blackFourPoints {
  margin-top: 28px;
  padding: 26px;
  border: 2px solid #c4deea;
  border-radius: 18px;
  background: #f6fbfd;
}
.doctor-black-page .blackFourPoints h3 {
  margin: 0 0 18px;
  color: var(--black-navy);
  font-size: 18px;
  text-align: center;
}
.doctor-black-page .blackFourPoints ol {
  display: grid;
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.doctor-black-page .blackFourPoints li {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 11px 14px;
  border-radius: 12px;
  background: #fff;
  font-size: 14px;
}
.doctor-black-page .blackFourPoints b {
  display: grid;
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  place-items: center;
  border-radius: 50%;
  background: var(--black-blue);
  color: #fff;
}
.doctor-black-page .blackRankingSection {
  margin-top: 70px;
  padding: 68px 0 78px;
  background: linear-gradient(180deg, #eef8fb 0, #fff 24%, #f8fbfc 100%);
  border-top: 1px solid #d9eaf0;
}
.doctor-black-page .blackSectionEyebrow {
  margin: 0 0 8px;
  color: var(--black-blue);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .06em;
  text-align: center;
}
.doctor-black-page .blackRankingSection > .blackWideInner > h2 {
  margin: 0;
  color: var(--black-navy);
  font-size: clamp(26px, 4.1vw, 40px);
  font-weight: 900;
  line-height: 1.45;
  text-align: center;
}
.doctor-black-page .blackRankingSection > .blackWideInner > h2 strong {
  color: var(--black-blue);
  background: linear-gradient(transparent 67%, var(--black-yellow) 67%);
}
.doctor-black-page .blackRankingLead {
  width: min(100%, 760px);
  margin: 20px auto 34px;
  color: #536b78;
  font-size: 15px;
  line-height: 1.9;
  text-align: center;
}
.doctor-black-page .blackComparisonWrap {
  overflow-x: auto;
  margin-bottom: 56px;
  padding-bottom: 6px;
  border-radius: 18px;
  box-shadow: 0 14px 38px rgba(30, 90, 120, .12);
  -webkit-overflow-scrolling: touch;
}
.doctor-black-page .blackComparisonHint {
  display: none;
  margin: 0;
  padding: 9px 14px;
  background: var(--black-navy);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-align: right;
}
.doctor-black-page .blackComparisonTable {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
}
.doctor-black-page .blackComparisonTable th,
.doctor-black-page .blackComparisonTable td {
  border-right: 1px solid #d7e5eb;
  border-bottom: 1px solid #d7e5eb;
  padding: 16px 13px;
  vertical-align: middle;
  text-align: center;
}
.doctor-black-page .blackComparisonTable th {
  background: var(--black-navy);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}
.doctor-black-page .blackComparisonTable th:nth-child(1) { width: 25%; }
.doctor-black-page .blackComparisonTable th:nth-child(2) { width: 13%; }
.doctor-black-page .blackComparisonTable th:nth-child(3) { width: 16%; }
.doctor-black-page .blackComparisonTable th:nth-child(4) { width: 27%; }
.doctor-black-page .blackComparisonTable th:nth-child(5) { width: 19%; }
.doctor-black-page .blackComparisonTable tbody tr:nth-child(even) td {
  background: #f8fbfc;
}
.doctor-black-page .blackTableRank {
  min-width: 52px;
  height: 25px;
  margin-bottom: 9px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
}
.doctor-black-page .blackTableBannerLink {
  display: block;
  width: 132px;
  margin: 0 auto 8px;
}
.doctor-black-page .blackTableBannerLink img,
.doctor-black-page .blackAgentBannerLink img {
  width: 100%;
  height: auto;
  border-radius: 9px;
  box-shadow: 0 7px 15px rgba(31, 70, 89, .12);
}
.doctor-black-page .blackTableAgentName {
  color: var(--black-blue-deep);
  font-size: 15px;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.doctor-black-page .blackStars {
  display: inline-grid;
  justify-items: center;
  color: #f6af22;
  font-size: 16px;
  letter-spacing: -.04em;
  white-space: nowrap;
}
.doctor-black-page .blackStars strong {
  color: #d86c2d;
  font-size: 17px;
  letter-spacing: normal;
}
.doctor-black-page .blackJobsCount {
  display: block;
  color: var(--black-navy);
  font-size: 18px;
}
.doctor-black-page .blackMiniList,
.doctor-black-page .blackPointList {
  display: grid;
  gap: 6px;
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.doctor-black-page .blackMiniList li,
.doctor-black-page .blackPointList li {
  position: relative;
  padding-left: 17px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.55;
}
.doctor-black-page .blackMiniList li::before,
.doctor-black-page .blackPointList li::before {
  position: absolute;
  left: 0;
  color: var(--black-blue);
  content: "✓";
  font-weight: 900;
}
.doctor-black-page .blackCta {
  display: grid;
  width: min(100%, 520px);
  min-height: 76px;
  margin: 26px auto 0;
  place-content: center;
  padding: 13px 26px;
  border: 2px solid #cf661d;
  border-radius: 12px;
  background: linear-gradient(180deg, #ff9b42, #ec741f);
  box-shadow: 0 7px 0 #b75417, 0 12px 22px rgba(184, 89, 25, .22);
  color: #fff;
  text-align: center;
  transition: transform .15s ease, box-shadow .15s ease;
}
.doctor-black-page .blackCta:hover {
  transform: translateY(2px);
  box-shadow: 0 5px 0 #b75417, 0 9px 16px rgba(184, 89, 25, .19);
}
.doctor-black-page .blackCta span {
  font-size: 19px;
  font-weight: 900;
}
.doctor-black-page .blackCta small {
  color: #fff5c8;
  font-size: 11px;
  font-weight: 800;
}
.doctor-black-page .blackCta.isCompact {
  min-height: 54px;
  margin: 0;
  padding: 8px 11px;
  border-radius: 9px;
  box-shadow: 0 4px 0 #b75417;
}
.doctor-black-page .blackCta.isCompact span {
  font-size: 14px;
}
.doctor-black-page .blackCta.isCompact small {
  font-size: 9px;
}
.doctor-black-page .blackAgentList {
  display: grid;
  gap: 52px;
}
.doctor-black-page .blackAgentCard {
  width: min(100%, 920px);
  margin-inline: auto;
  overflow: hidden;
  padding: 0 30px 34px;
  border: 1px solid #cfe1e8;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(29, 79, 102, .11);
}
.doctor-black-page .blackAgentHeader {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 -30px 28px;
  padding: 18px 30px;
  background: linear-gradient(135deg, #145f89, #2497ad);
  color: #fff;
}
.doctor-black-page .blackAgentCard.rank2 .blackAgentHeader {
  background: linear-gradient(135deg, #607c8a, #8babb8);
}
.doctor-black-page .blackAgentCard.rank3 .blackAgentHeader {
  background: linear-gradient(135deg, #8f6549, #b98a64);
}
.doctor-black-page .blackAgentRank {
  display: grid;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  place-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.4);
  font-size: 13px;
  text-align: center;
}
.doctor-black-page .blackAgentRank b {
  font-size: 27px;
  line-height: .9;
}
.doctor-black-page .blackAgentHeader p {
  margin: 0 0 2px;
  color: #f8f3c5;
  font-size: 12px;
  font-weight: 900;
}
.doctor-black-page .blackAgentHeader h3 {
  margin: 0;
  font-size: clamp(24px, 4vw, 34px);
  line-height: 1.25;
}
.doctor-black-page .blackAgentHeader h3 a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.doctor-black-page .blackAgentOverview {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  align-items: center;
  gap: 26px;
}
.doctor-black-page .blackAgentBannerLink {
  display: block;
  width: min(100%, 300px);
}
.doctor-black-page .blackAgentPoints {
  padding: 21px;
  border: 2px solid #c9e2ed;
  border-radius: 16px;
  background: #f4fbfd;
}
.doctor-black-page .blackAgentPoints > span {
  display: inline-block;
  margin-bottom: 12px;
  padding: 5px 12px;
  border-radius: 999px;
  background: #d9edf5;
  color: #28677f;
  font-size: 12px;
  font-weight: 900;
}
.doctor-black-page .blackAgentPoints ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.doctor-black-page .blackAgentPoints li {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.55;
}
.doctor-black-page .blackAgentPoints li::before {
  position: absolute;
  left: 0;
  color: var(--black-orange);
  content: "✓";
  font-size: 17px;
}
.doctor-black-page .blackAgentFacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: 26px 0 0;
  border: 1px solid #c9dce4;
  border-radius: 14px;
  background: #c9dce4;
}
.doctor-black-page .blackAgentFacts div {
  min-width: 0;
  background: #fff;
  text-align: center;
}
.doctor-black-page .blackAgentFacts dt {
  padding: 8px;
  background: #eef7fa;
  color: #386777;
  font-size: 11px;
  font-weight: 900;
}
.doctor-black-page .blackAgentFacts dd {
  display: grid;
  min-height: 62px;
  margin: 0;
  place-items: center;
  padding: 9px 7px;
  color: var(--black-navy);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.doctor-black-page .blackAgentBody {
  margin-top: 25px;
  padding: 22px 24px;
  border-radius: 16px;
  background: #fffaf2;
  border: 1px solid #f0dfc6;
}
.doctor-black-page .blackAgentBody p {
  margin: 0;
  font-size: 14px;
  line-height: 1.9;
}
.doctor-black-page .blackAgentBody p + p {
  margin-top: 10px;
}
.doctor-black-page .blackFitGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 25px;
}
.doctor-black-page .blackFitBox {
  overflow: hidden;
  border: 2px solid #abd9c0;
  border-radius: 15px;
  background: #f5fcf8;
}
.doctor-black-page .blackFitBox.isBad {
  border-color: #e6b8b8;
  background: #fff8f8;
}
.doctor-black-page .blackFitBox h4 {
  margin: 0;
  padding: 10px 14px;
  background: #58a779;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.doctor-black-page .blackFitBox.isBad h4 {
  background: #c97878;
}
.doctor-black-page .blackFitBox ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 16px 18px 17px 36px;
}
.doctor-black-page .blackFitBox li {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
}
.doctor-black-page .blackVoices {
  margin-top: 28px;
}
.doctor-black-page .blackVoices > h4 {
  margin: 0 0 15px;
  color: var(--black-navy);
  font-size: 18px;
  text-align: center;
}
.doctor-black-page .blackVoices > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.doctor-black-page .blackVoices blockquote {
  position: relative;
  margin: 0;
  padding: 21px;
  border: 1px solid #d8e6eb;
  border-radius: 15px;
  background: #f8fbfc;
}
.doctor-black-page .blackVoices blockquote::after {
  position: absolute;
  bottom: -10px;
  left: 25px;
  width: 20px;
  height: 20px;
  border-right: 1px solid #d8e6eb;
  border-bottom: 1px solid #d8e6eb;
  background: #f8fbfc;
  content: "";
  transform: rotate(45deg);
}
.doctor-black-page .blackVoices blockquote > span {
  display: block;
  color: var(--black-blue);
  font-size: 11px;
  font-weight: 900;
}
.doctor-black-page .blackVoices blockquote > strong {
  display: block;
  margin-top: 5px;
  color: var(--black-navy);
  font-size: 14px;
}
.doctor-black-page .blackVoices blockquote p {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.75;
}
.doctor-black-page .blackVoices > small {
  display: block;
  margin-top: 12px;
  color: #71808a;
  font-size: 10px;
}
.doctor-black-page .blackRecommendation {
  padding: 70px 0 80px;
  background: #fff;
}
.doctor-black-page .blackRecommendation .blackInfoBox.isRecommendation {
  margin-top: 28px;
}
.doctor-black-page .blackFlow {
  margin-top: 68px;
}
.doctor-black-page .blackFlow > h3 {
  margin: 0 0 24px;
  color: var(--black-navy);
  font-size: clamp(23px, 3.6vw, 30px);
  text-align: center;
}
.doctor-black-page .blackFlow ol {
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.doctor-black-page .blackFlow li {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding: 22px;
  border: 1px solid #cde1e9;
  border-radius: 16px;
  background: #f7fbfc;
}
.doctor-black-page .blackFlow li > span {
  display: grid;
  width: 74px;
  height: 74px;
  place-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #1e88af, #49bec5);
  box-shadow: 0 7px 14px rgba(28, 123, 163, .2);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .06em;
  text-align: center;
}
.doctor-black-page .blackFlow li > span b {
  font-size: 24px;
  line-height: 1;
}
.doctor-black-page .blackFlow h4 {
  margin: 0;
  color: var(--black-navy);
  font-size: 17px;
}
.doctor-black-page .blackFlow p {
  margin: 7px 0 0;
  font-size: 13px;
  line-height: 1.75;
}
.doctor-black-page .blackClosingCta {
  margin-top: 42px;
  padding: 26px;
  border-radius: 18px;
  background: linear-gradient(135deg, #e8f7fb, #f9fcfd);
  border: 2px solid #bcdde8;
}
.doctor-black-page .blackClosingCta > p {
  margin: 0;
  color: var(--black-blue-deep);
  font-size: 15px;
  font-weight: 900;
  text-align: center;
}
@media (max-width: 760px) {
  .doctor-black-page .blackInner,
  .doctor-black-page .blackWideInner,
  .doctor-black-page .blackArticle {
    width: min(100% - 24px, 100%);
  }

  .doctor-black-page .blackSiteHeader .blackInner {
    min-height: 58px;
  }

  .doctor-black-page .blackHeaderLogoMark {
    width: 36px;
    height: 36px;
    border-radius: 11px;
    font-size: 25px;
  }

  .doctor-black-page .blackHeaderLogo strong { font-size: 19px; }
  .doctor-black-page .blackHeaderLogo small { font-size: 11px; }

  .doctor-black-page .blackHero {
    width: calc(100% - 16px);
    margin-top: 10px;
  }

  .doctor-black-page .blackHeroPlaceholder {
    min-height: 400px;
    padding: 38px 18px;
    border-radius: 18px;
  }

  .doctor-black-page .blackHeroPlaceholder p {
    margin-top: 18px;
    font-size: 16px;
  }

  .doctor-black-page .blackHeroPlaceholder h1 {
    font-size: clamp(27px, 8.4vw, 36px);
  }

  .doctor-black-page .blackAdNotice {
    font-size: 9px;
  }

  .doctor-black-page .blackIntro,
  .doctor-black-page .blackContentSection {
    padding-top: 45px;
  }

  .doctor-black-page .blackOpeningChecklist {
    padding: 18px;
  }

  .doctor-black-page .blackOpeningChecklist li {
    padding-left: 27px;
    font-size: 14px;
  }

  .doctor-black-page .blackIntro > p,
  .doctor-black-page .blackContentSection > p,
  .doctor-black-page .blackRecommendation .blackArticle > p {
    font-size: 15px;
    line-height: 1.9;
  }

  .doctor-black-page .blackContentSection h2,
  .doctor-black-page .blackRecommendation h2 {
    padding: 15px 16px;
    border-left-width: 5px;
    font-size: 21px;
  }

  .doctor-black-page .blackSectionImagePlaceholder {
    min-height: 210px;
    padding: 20px;
  }

  .doctor-black-page .blackSectionImagePlaceholder strong {
    font-size: 18px;
  }

  .doctor-black-page .blackConditionBox,
  .doctor-black-page .blackInfoBox,
  .doctor-black-page .blackFourPoints {
    padding: 19px;
  }

  .doctor-black-page .blackConditionBox ul,
  .doctor-black-page .blackInfoBox ul {
    grid-template-columns: 1fr;
  }

  .doctor-black-page .blackQuickRanking li {
    grid-template-columns: 48px 1fr;
    padding: 14px;
  }

  .doctor-black-page .blackQuickRank {
    width: 42px;
    height: 42px;
  }

  .doctor-black-page .blackQuickRanking li strong {
    font-size: 18px;
  }

  .doctor-black-page .blackRankingSection {
    margin-top: 52px;
    padding: 54px 0 60px;
  }

  .doctor-black-page .blackRankingSection > .blackWideInner > h2 {
    font-size: 25px;
  }

  .doctor-black-page .blackRankingLead {
    font-size: 13px;
    text-align: left;
  }

  .doctor-black-page .blackComparisonHint {
    display: block;
  }

  .doctor-black-page .blackComparisonWrap {
    border-radius: 13px;
  }

  .doctor-black-page .blackAgentCard {
    padding: 0 16px 27px;
    border-radius: 17px;
  }

  .doctor-black-page .blackAgentHeader {
    gap: 12px;
    margin: 0 -16px 22px;
    padding: 15px 16px;
  }

  .doctor-black-page .blackAgentRank {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
  }

  .doctor-black-page .blackAgentRank b { font-size: 22px; }
  .doctor-black-page .blackAgentHeader p { font-size: 10px; }
  .doctor-black-page .blackAgentHeader h3 { font-size: 23px; }

  .doctor-black-page .blackAgentOverview {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .doctor-black-page .blackAgentBannerLink {
    margin-inline: auto;
  }

  .doctor-black-page .blackAgentFacts {
    grid-template-columns: 1fr 1fr;
  }

  .doctor-black-page .blackFitGrid,
  .doctor-black-page .blackVoices > div {
    grid-template-columns: 1fr;
  }

  .doctor-black-page .blackCta {
    min-height: 70px;
    padding-inline: 18px;
  }

  .doctor-black-page .blackCta span { font-size: 17px; }

  .doctor-black-page .blackRecommendation {
    padding: 55px 0 65px;
  }

  .doctor-black-page .blackFlow li {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 13px;
    padding: 16px 14px;
  }

  .doctor-black-page .blackFlow li > span {
    width: 54px;
    height: 54px;
    font-size: 8px;
  }

  .doctor-black-page .blackFlow li > span b { font-size: 20px; }
  .doctor-black-page .blackFlow h4 { font-size: 15px; }
  .doctor-black-page .blackFlow p { font-size: 12px; }

  .doctor-black-page .blackClosingCta {
    padding: 20px 14px;
  }
}
/* /doctort/black now shares /pharmacist/black layout components */
.doctort-black-matched .doctorLogoMark {
  display: grid;
  place-items: center;
  border-radius: 2px;
  background: #2f8073;
  color: #fff;
  font-size: 27px;
  font-weight: 900;
  line-height: 1;
}
.doctort-black-matched .blackRecommendationBanner img,
.doctort-black-matched .blackRankingBanner img,
.doctort-black-matched .blackCompareTable tbody th img {
  aspect-ratio: 300 / 250;
  object-fit: contain;
}
html {
  scroll-behavior: smooth;
  overflow-x: clip;
}
body {
  margin: 0;
  background: #fff;
  font-family:
    "Hiragino Sans",
    "Yu Gothic",
    "Yu Gothic Medium",
    Meiryo,
    sans-serif;
  line-height: 1.6;
  overflow-x: clip;
}
/* /pharmacist/black */
.pharmacist-black-page {
  --black-ink: #182430;
  --black-muted: #5d6872;
  --black-navy: #173444;
  --black-teal: #1e9ba1;
  --black-teal-dark: #14777d;
  --black-red: #df4c59;
  --black-pink: #f46f9f;
  --black-cream: #fff9f2;
  --black-line: #dce5e8;
  min-height: 100vh;
  color: var(--black-ink);
  background: #f3f6f7;
  font-family: "Hiragino Sans", "Yu Gothic", "Yu Gothic Medium", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.9;
}
.pharmacist-black-page *,
.pharmacist-black-page *::before,
.pharmacist-black-page *::after { box-sizing: border-box; }
.pharmacist-black-page a { color: inherit; text-decoration: none; }
.pharmacist-black-page img { display: block; max-width: 100%; }
.pharmacist-black-page .blackSiteHeader {
  position: sticky;
  top: 0;
  z-index: 40;
  border-bottom: 1px solid rgba(23, 52, 68, 0.1);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
}
.pharmacist-black-page .blackHeaderInner {
  width: min(1000px, calc(100% - 32px));
  min-height: 64px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.pharmacist-black-page .blackLogo { display: inline-flex; align-items: center; gap: 9px; font-weight: 800; line-height: 1; }
.pharmacist-black-page .blackLogoIcon { width: 38px; height: 38px; flex: 0 0 38px; }
.pharmacist-black-page .blackLogoIcon svg { display: block; width: 100%; height: 100%; }
.pharmacist-black-page .blackLogo > span:last-child { color: #336b70; font-size: clamp(17px, 2.5vw, 24px); white-space: nowrap; }
.pharmacist-black-page .blackLogo strong { color: #167f86; }
.pharmacist-black-page .blackHeaderLabel { padding: 4px 10px; border-radius: 999px; background: #173444; color: #fff; font-size: 12px; font-weight: 800; line-height: 1.5; }
.pharmacist-black-page .blackAdNotice { width: min(800px, calc(100% - 32px)); margin: 0 auto; padding: 8px 0 4px; color: #748089; font-size: 11px; text-align: right; }
.pharmacist-black-page .blackHero { width: min(1000px, 100%); margin: 0 auto; padding: 0 16px; }
.pharmacist-black-page .blackHeroPlaceholder {
  position: relative;
  min-height: 480px;
  padding: 72px clamp(28px, 7vw, 80px) 56px;
  overflow: hidden;
  border-radius: 12px;
  background:
    radial-gradient(circle at 82% 24%, rgba(244, 111, 159, 0.3), transparent 22%),
    radial-gradient(circle at 75% 80%, rgba(67, 190, 194, 0.24), transparent 30%),
    linear-gradient(125deg, #102b3a 0%, #183e4e 56%, #102631 100%);
  color: #fff;
  box-shadow: 0 22px 50px rgba(20, 50, 66, 0.2);
}
.pharmacist-black-page .blackHeroPlaceholder::before {
  content: ""; position: absolute; inset: 22px; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; pointer-events: none;
}
.pharmacist-black-page .blackHeroPlaceholder::after {
  content: "BLACK JOBS"; position: absolute; right: -30px; bottom: -30px; color: rgba(255,255,255,.04); font-size: clamp(70px, 13vw, 150px); font-weight: 900; letter-spacing: -.08em; line-height: 1;
}
.pharmacist-black-page .blackHeroStatus { position: absolute; top: 18px; right: 18px; padding: 3px 9px; border: 1px dashed rgba(255,255,255,.45); border-radius: 4px; color: rgba(255,255,255,.72); font-size: 11px; font-weight: 700; }
.pharmacist-black-page .blackHeroPlaceholder > p { position: relative; z-index: 1; margin: 0 0 10px; color: #a9e6e5; font-size: 18px; font-weight: 800; letter-spacing: .08em; }
.pharmacist-black-page .blackHeroPlaceholder h1 { position: relative; z-index: 1; margin: 0; font-size: clamp(40px, 7vw, 74px); line-height: 1.2; letter-spacing: .03em; }
.pharmacist-black-page .blackHeroPlaceholder h1 em { color: #ff8090; font-style: normal; text-decoration: underline; text-decoration-thickness: .12em; text-underline-offset: .12em; }
.pharmacist-black-page .blackHeroPlaceholder ul { position: relative; z-index: 1; margin: 30px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.pharmacist-black-page .blackHeroPlaceholder li { padding: 5px 12px; border: 1px solid rgba(255,255,255,.32); border-radius: 999px; background: rgba(255,255,255,.08); font-size: 13px; font-weight: 700; }
.pharmacist-black-page .blackAnchorNav { position: sticky; top: 64px; z-index: 30; width: min(800px, 100%); margin: 18px auto 0; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--black-line); border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 8px 22px rgba(22, 53, 68, .1); }
.pharmacist-black-page .blackAnchorNav a { padding: 9px 6px; border-right: 1px solid var(--black-line); color: #31515d; font-size: 13px; font-weight: 800; text-align: center; }
.pharmacist-black-page .blackAnchorNav a:last-child { border-right: 0; }
.pharmacist-black-page .blackArticleShell { width: min(800px, 100%); margin: 20px auto 0; padding: 42px clamp(20px, 5vw, 48px) 20px; background: #fff; box-shadow: 0 8px 28px rgba(22, 53, 68, .08); }
.pharmacist-black-page .blackIntroLabel { margin: 0 0 8px; color: var(--black-red); font-size: 14px; font-weight: 900; text-align: center; }
.pharmacist-black-page .blackLeadSection h2,
.pharmacist-black-page .blackArticleSection > h2,
.pharmacist-black-page .blackDifferenceSection > h2 { margin: 0; color: #fff; background: linear-gradient(135deg, var(--black-teal-dark), var(--black-teal)); font-size: clamp(23px, 4vw, 34px); line-height: 1.45; letter-spacing: .02em; }
.pharmacist-black-page .blackLeadSection h2 { padding: 25px 28px; text-align: center; }
.pharmacist-black-page .blackArticleSection > h2,
.pharmacist-black-page .blackDifferenceSection > h2 { padding: 20px 24px; border-radius: 5px; }
.pharmacist-black-page .blackLeadSection > p:last-child { margin: 22px 0 0; font-size: 17px; }
.pharmacist-black-page .blackImagePlaceholder { min-height: 280px; margin: 22px 0 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 2px dashed #bdcbd0; border-radius: 6px; background: repeating-linear-gradient(135deg,#f7f9fa,#f7f9fa 12px,#f2f5f6 12px,#f2f5f6 24px); color: #6e7b82; text-align: center; }
.pharmacist-black-page .blackImagePlaceholderIcon { color: #91a6ad; font-size: 36px; line-height: 1; }
.pharmacist-black-page .blackImagePlaceholder > span:nth-child(2) { font-weight: 800; }
.pharmacist-black-page .blackImagePlaceholder small { font-size: 11px; }
.pharmacist-black-page .blackPainBox { margin: 24px 0; padding: 0 22px 20px; border: 2px solid #f0a5ac; border-radius: 7px; background: #fff8f8; }
.pharmacist-black-page .blackPainBox > span { display: table; margin: -14px auto 12px; padding: 3px 18px; border-radius: 999px; background: var(--black-red); color: #fff; font-size: 14px; font-weight: 900; }
.pharmacist-black-page .blackPainBox ul { margin: 0; padding-left: 1.4em; columns: 2; column-gap: 30px; }
.pharmacist-black-page .blackPainBox li { break-inside: avoid; font-weight: 700; }
.pharmacist-black-page .blackArticleSection,
.pharmacist-black-page .blackDifferenceSection { padding: 58px 0 10px; scroll-margin-top: 126px; }
.pharmacist-black-page .blackEyebrow { margin: 0 0 6px; color: var(--black-red); font-size: 13px; font-weight: 900; letter-spacing: .08em; }
.pharmacist-black-page .blackArticleBody p { margin: 18px 0; }
.pharmacist-black-page .blackCallout { margin: 24px 0; padding: 20px 24px; border-radius: 7px; }
.pharmacist-black-page .blackCallout.is-danger { border: 1px solid #efb0b7; background: #fff6f7; }
.pharmacist-black-page .blackCallout.is-good { border: 1px solid #8ccbc8; background: #f0fbfa; }
.pharmacist-black-page .blackCallout > strong { display: block; margin-bottom: 8px; font-size: 18px; }
.pharmacist-black-page .blackCallout.is-danger > strong { color: #ba3745; }
.pharmacist-black-page .blackCallout.is-good > strong { color: #14777d; }
.pharmacist-black-page .blackCallout ul { margin: 0; padding-left: 1.4em; }
.pharmacist-black-page .blackCallout li { margin: 3px 0; font-weight: 700; }
.pharmacist-black-page .blackMismatchList { display: grid; gap: 12px; margin-top: 24px; }
.pharmacist-black-page .blackMismatchItem { padding: 18px 20px; border: 1px solid #e6ddda; border-radius: 8px; background: var(--black-cream); text-align: center; }
.pharmacist-black-page .blackMismatchBefore { display: block; color: #666; font-size: 14px; font-weight: 700; }
.pharmacist-black-page .blackMismatchArrow { display: block; height: 26px; color: var(--black-red); font-size: 24px; line-height: 1; }
.pharmacist-black-page .blackMismatchItem strong { color: #9d303a; }
.pharmacist-black-page .blackDifferenceTableWrap { margin-top: 24px; overflow-x: auto; border: 1px solid var(--black-line); border-radius: 7px; }
.pharmacist-black-page .blackDifferenceTable { width: 100%; min-width: 600px; border-collapse: collapse; font-size: 14px; line-height: 1.55; }
.pharmacist-black-page .blackDifferenceTable th,
.pharmacist-black-page .blackDifferenceTable td { padding: 13px 14px; border-right: 1px solid var(--black-line); border-bottom: 1px solid var(--black-line); text-align: left; }
.pharmacist-black-page .blackDifferenceTable tr:last-child > * { border-bottom: 0; }
.pharmacist-black-page .blackDifferenceTable tr > *:last-child { border-right: 0; }
.pharmacist-black-page .blackDifferenceTable thead th { background: #173444; color: #fff; text-align: center; }
.pharmacist-black-page .blackDifferenceTable tbody th { width: 22%; background: #f3f7f8; }
.pharmacist-black-page .blackDifferenceTable tbody td:last-child { background: #effafa; font-weight: 700; }
.pharmacist-black-page .blackTableNote { margin: 7px 0 0; color: #748089; font-size: 11px; text-align: right; }
.pharmacist-black-page .blackChecklist { margin: 24px 0 0; padding: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; border: 2px solid #f0c66c; border-radius: 8px; background: #fffbef; list-style: none; }
.pharmacist-black-page .blackChecklist li { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 800; line-height: 1.5; }
.pharmacist-black-page .blackChecklist li > span { width: 27px; height: 27px; flex: 0 0 27px; display: grid; place-items: center; border-radius: 50%; background: #edae29; color: #fff; font-size: 12px; }
.pharmacist-black-page .blackSectionHeading { width: min(800px, calc(100% - 32px)); margin: 0 auto 24px; text-align: center; }
.pharmacist-black-page .blackSectionHeading > span { display: inline-block; margin-bottom: 7px; color: var(--black-red); font-size: 14px; font-weight: 900; }
.pharmacist-black-page .blackSectionHeading h2 { margin: 0; color: #173444; font-size: clamp(28px, 5vw, 42px); line-height: 1.35; letter-spacing: .02em; }
.pharmacist-black-page .blackSectionHeading h2::after { content: ""; display: block; width: 68px; height: 5px; margin: 14px auto; border-radius: 99px; background: linear-gradient(90deg,var(--black-teal),var(--black-pink)); }
.pharmacist-black-page .blackSectionHeading p { margin: 0; color: var(--black-muted); }
.pharmacist-black-page .blackCompareSection { padding: 72px 16px; scroll-margin-top: 126px; background: #eaf3f4; }
.pharmacist-black-page .blackCompareScroll { width: min(1100px, 100%); margin: 0 auto; overflow-x: auto; border-radius: 9px; background: #fff; box-shadow: 0 15px 34px rgba(20, 50, 66, .12); }
.pharmacist-black-page .blackCompareTable { width: 100%; min-width: 920px; border-collapse: collapse; font-size: 14px; line-height: 1.55; }
.pharmacist-black-page .blackCompareTable th,
.pharmacist-black-page .blackCompareTable td { padding: 14px; border-right: 1px solid #dae4e7; border-bottom: 1px solid #dae4e7; text-align: center; vertical-align: middle; }
.pharmacist-black-page .blackCompareTable thead th { background: #173444; color: #fff; }
.pharmacist-black-page .blackCompareTable tbody th { width: 220px; background: #f8fafb; }
.pharmacist-black-page .blackCompareTable tbody th img { width: 170px; aspect-ratio: 3 / 1.15; margin: 4px auto 7px; object-fit: contain; background: #fff; }
.pharmacist-black-page .blackCompareTable tbody th > strong { display: block; color: #175d66; font-size: 16px; }
.pharmacist-black-page .blackCompareTable td:nth-child(4) { max-width: 280px; text-align: left; font-weight: 700; }
.pharmacist-black-page .blackCompareTable td > small { display: block; color: #748089; }
.pharmacist-black-page .blackRankBadge { display: inline-block; min-width: 46px; padding: 2px 8px; border-radius: 999px; color: #fff; font-size: 11px; font-weight: 900; }
.pharmacist-black-page .blackRankBadge.rank-1 { background: #d69d18; }
.pharmacist-black-page .blackRankBadge.rank-2 { background: #7c8a91; }
.pharmacist-black-page .blackRankBadge.rank-3 { background: #a9683e; }
.pharmacist-black-page .blackStars { display: block; color: #efad25; font-size: 18px; letter-spacing: -2px; white-space: nowrap; }
.pharmacist-black-page .blackCompareTable td:nth-child(2) b { color: #d54f5c; font-size: 19px; }
.pharmacist-black-page .blackSmallCta { display: inline-block; min-width: 120px; padding: 10px 13px; border-radius: 5px; background: linear-gradient(#f68b55,#ec642c); color: #fff; font-weight: 900; box-shadow: 0 4px 0 #b7461e; }
.pharmacist-black-page .blackCompareAdvice { width: min(900px, calc(100% - 16px)); margin: 20px auto 0; padding: 15px 18px; border-left: 5px solid var(--black-teal); background: #fff; font-size: 14px; font-weight: 700; }
.pharmacist-black-page .blackRankingSection { padding: 76px 16px; background: #fff; scroll-margin-top: 126px; }
.pharmacist-black-page .blackRankingList { width: min(900px, 100%); margin: 0 auto; display: grid; gap: 42px; }
.pharmacist-black-page .blackRankingCard { overflow: hidden; border: 1px solid #d9e3e6; border-radius: 12px; background: #fff; box-shadow: 0 15px 40px rgba(20,50,66,.1); }
.pharmacist-black-page .blackRankingCard.rank-1 { border: 3px solid #e2b13a; }
.pharmacist-black-page .blackRankingHeader { min-height: 112px; padding: 18px 24px; display: grid; grid-template-columns: 74px minmax(0,1fr) auto; align-items: center; gap: 16px; background: linear-gradient(110deg,#153746,#1d5961); color: #fff; }
.pharmacist-black-page .blackRankingCard.rank-1 .blackRankingHeader { background: linear-gradient(110deg,#49370c,#957019); }
.pharmacist-black-page .blackRankingNumber { width: 66px; height: 66px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font: 900 36px/1 Arial,sans-serif; }
.pharmacist-black-page .blackRankingNumber small { margin-left: 1px; font-size: 12px; }
.pharmacist-black-page .blackRankingHeader p { margin: 0 0 2px; color: #d6eff0; font-size: 12px; font-weight: 700; line-height: 1.45; }
.pharmacist-black-page .blackRankingHeader h3 { margin: 0; font-size: clamp(25px,4vw,34px); line-height: 1.25; }
.pharmacist-black-page .blackRankingScore { text-align: right; line-height: 1.3; }
.pharmacist-black-page .blackRankingScore span { display: block; color: #ffd04d; letter-spacing: -2px; }
.pharmacist-black-page .blackRankingScore strong { font-size: 27px; }
.pharmacist-black-page .blackRankingScore small { color: #d7e3e5; }
.pharmacist-black-page .blackRankingGrid { padding: 28px; display: grid; grid-template-columns: minmax(240px, .9fr) 1.1fr; gap: 24px; align-items: center; }
.pharmacist-black-page .blackRankingBanner { display: block; padding: 10px; border: 1px solid #e1e6e8; border-radius: 7px; }
.pharmacist-black-page .blackRankingBanner img { width: 100%; aspect-ratio: 3 / 1.15; object-fit: contain; }
.pharmacist-black-page .blackRankingPoints { padding: 18px 20px; border-radius: 7px; background: #eef9f8; }
.pharmacist-black-page .blackRankingPoints > strong { color: var(--black-teal-dark); }
.pharmacist-black-page .blackRankingPoints ul { margin: 8px 0 0; padding: 0; list-style: none; }
.pharmacist-black-page .blackRankingPoints li { position: relative; padding-left: 23px; font-size: 14px; font-weight: 700; }
.pharmacist-black-page .blackRankingPoints li::before { content: "✓"; position: absolute; left: 0; color: var(--black-teal); font-weight: 900; }
.pharmacist-black-page .blackProsCons { padding: 0 28px 25px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.pharmacist-black-page .blackProsCons > div { padding: 16px 18px; border-radius: 7px; font-size: 14px; }
.pharmacist-black-page .blackProsCons .is-merit { border: 1px solid #8dcfba; background: #f1fbf7; }
.pharmacist-black-page .blackProsCons .is-caution { border: 1px solid #d7c8b1; background: #fffbf4; }
.pharmacist-black-page .blackProsCons strong { display: block; margin-bottom: 5px; }
.pharmacist-black-page .blackProsCons ul { margin: 0; padding-left: 1.2em; }
.pharmacist-black-page .blackAgentDescription { margin: 0 28px 25px; }
.pharmacist-black-page .blackAgentDetail,
.pharmacist-black-page .blackAgentVoices { margin: 0 28px 25px; }
.pharmacist-black-page .blackMiniTitle { margin: 0 0 12px; padding: 8px 13px; border-left: 5px solid #efb63b; background: #fff8df; font-weight: 900; }
.pharmacist-black-page .blackAgentDetail dl { margin: 0; border: 1px solid #dae3e5; border-radius: 7px; overflow: hidden; }
.pharmacist-black-page .blackAgentDetail dl > div { display: grid; grid-template-columns: 130px 1fr; border-bottom: 1px solid #dae3e5; }
.pharmacist-black-page .blackAgentDetail dl > div:last-child { border-bottom: 0; }
.pharmacist-black-page .blackAgentDetail dt,
.pharmacist-black-page .blackAgentDetail dd { margin: 0; padding: 11px 14px; }
.pharmacist-black-page .blackAgentDetail dt { background: #f0f5f6; font-weight: 800; }
.pharmacist-black-page .blackVoiceGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pharmacist-black-page .blackVoiceGrid blockquote { margin: 0; padding: 18px; border: 1px solid #dfe6e8; border-radius: 8px; background: #fafcfc; }
.pharmacist-black-page .blackVoiceGrid blockquote:only-child { grid-column: 1 / -1; }
.pharmacist-black-page .blackVoiceGrid blockquote > span { display: inline-block; margin-bottom: 6px; padding: 2px 8px; border-radius: 99px; background: #dceff0; color: #397278; font-size: 11px; font-weight: 800; }
.pharmacist-black-page .blackVoiceGrid blockquote > strong { display: block; color: #214f57; font-size: 15px; line-height: 1.5; }
.pharmacist-black-page .blackVoiceGrid blockquote p { margin: 7px 0 0; font-size: 13px; line-height: 1.7; }
.pharmacist-black-page .blackAgentVoices > small { display: block; margin-top: 6px; color: #78838a; text-align: right; }
.pharmacist-black-page .blackCtaArea { padding: 7px 28px 32px; text-align: center; }
.pharmacist-black-page .blackCtaArea p { margin: 0 0 5px; color: var(--black-red); font-size: 13px; font-weight: 900; }
.pharmacist-black-page .blackCtaArea > a { max-width: 600px; margin: 0 auto; padding: 16px 24px; display: flex; align-items: center; justify-content: center; gap: 12px; border-radius: 7px; background: linear-gradient(180deg,#f88e58,#ea622b); color: #fff; font-size: clamp(17px,3vw,22px); font-weight: 900; box-shadow: 0 6px 0 #b44820,0 12px 22px rgba(184,72,32,.2); }
.pharmacist-black-page .blackCtaArea > a:hover { transform: translateY(2px); box-shadow: 0 4px 0 #b44820,0 9px 18px rgba(184,72,32,.18); }
.pharmacist-black-page .blackCtaArea > a span { font-size: 30px; line-height: 1; }
.pharmacist-black-page .blackCtaArea > small { display: block; margin-top: 11px; color: #768188; }
.pharmacist-black-page .blackRecommendation { padding: 78px 16px; background: linear-gradient(150deg,#effafa,#fff8f3); }
.pharmacist-black-page .blackRecommendationInner { width: min(800px,100%); margin: 0 auto; padding: clamp(26px,5vw,48px); border-radius: 13px; background: #fff; box-shadow: 0 18px 42px rgba(20,50,66,.12); text-align: center; }
.pharmacist-black-page .blackRecommendation h2 { margin: 0 0 22px; color: #173444; font-size: clamp(28px,5vw,42px); line-height: 1.4; }
.pharmacist-black-page .blackRecommendation h2 em { color: var(--black-teal-dark); font-style: normal; }
.pharmacist-black-page .blackRecommendationBanner { width: min(440px,100%); margin: 0 auto 22px; display: block; padding: 10px; border: 1px solid #dde5e7; border-radius: 8px; }
.pharmacist-black-page .blackRecommendationBanner img { width: 100%; }
.pharmacist-black-page .blackRecommendationInner > p:not(.blackEyebrow) { text-align: left; }
.pharmacist-black-page .blackRecommendationInner > ul { margin: 20px auto; padding: 0; display: table; list-style: none; text-align: left; }
.pharmacist-black-page .blackRecommendationInner > ul li { position: relative; padding-left: 28px; font-weight: 800; }
.pharmacist-black-page .blackRecommendationInner > ul li::before { content: "✓"; position: absolute; left: 0; color: var(--black-teal); font-weight: 900; }
.pharmacist-black-page .blackCtaArea.is-final { padding: 15px 0 8px; }
.pharmacist-black-page .siteFooter { padding: 26px 16px; background: #122a35; color: #dce8ea; text-align: center; }
.pharmacist-black-page .siteFooter .inner { width: min(800px,100%); margin: 0 auto; }
.pharmacist-black-page .footerLinks { margin-bottom: 7px; }
.pharmacist-black-page .footerLinks a { font-size: 13px; text-decoration: underline; }
.pharmacist-black-page .footerCopy { margin: 0; font-size: 11px; }
@media (max-width: 720px) {
  .pharmacist-black-page { font-size: 15px; line-height: 1.85; }
  .pharmacist-black-page .blackHeaderInner { width: calc(100% - 20px); min-height: 56px; }
  .pharmacist-black-page .blackLogoIcon { width: 31px; height: 31px; flex-basis: 31px; }
  .pharmacist-black-page .blackLogo > span:last-child { font-size: 16px; }
  .pharmacist-black-page .blackHeaderLabel { padding: 3px 7px; font-size: 9px; }
  .pharmacist-black-page .blackHero { padding: 0 10px; }
  .pharmacist-black-page .blackHeroPlaceholder { min-height: 430px; padding: 78px 26px 40px; border-radius: 9px; }
  .pharmacist-black-page .blackHeroPlaceholder h1 { font-size: clamp(36px,10.2vw,44px); }
  .pharmacist-black-page .blackHeroPlaceholder > p { font-size: 15px; }
  .pharmacist-black-page .blackHeroStatus { left: 16px; right: auto; font-size: 9px; }
  .pharmacist-black-page .blackAnchorNav { top: 56px; margin-top: 12px; border-radius: 0; }
  .pharmacist-black-page .blackAnchorNav a { padding: 8px 3px; font-size: 10px; }
  .pharmacist-black-page .blackArticleShell { margin-top: 12px; padding: 30px 17px 12px; }
  .pharmacist-black-page .blackLeadSection h2 { padding: 20px 16px; font-size: 24px; }
  .pharmacist-black-page .blackArticleSection > h2,
  .pharmacist-black-page .blackDifferenceSection > h2 { padding: 17px; font-size: 23px; }
  .pharmacist-black-page .blackImagePlaceholder { min-height: 210px; margin: 17px 0 20px; }
  .pharmacist-black-page .blackPainBox ul { columns: 1; }
  .pharmacist-black-page .blackArticleSection,
  .pharmacist-black-page .blackDifferenceSection { padding-top: 48px; scroll-margin-top: 108px; }
  .pharmacist-black-page .blackChecklist { grid-template-columns: 1fr; padding: 16px; }
  .pharmacist-black-page .blackCompareSection,
  .pharmacist-black-page .blackRankingSection { padding: 55px 10px; scroll-margin-top: 108px; }
  .pharmacist-black-page .blackCompareScroll::before { content: "← 横にスクロールできます →"; position: sticky; left: 0; display: block; padding: 5px 10px; background: #dbecee; color: #49646c; font-size: 10px; font-weight: 800; text-align: center; }
  .pharmacist-black-page .blackRankingList { gap: 30px; }
  .pharmacist-black-page .blackRankingHeader { padding: 15px; grid-template-columns: 54px minmax(0,1fr); gap: 10px; }
  .pharmacist-black-page .blackRankingNumber { width: 50px; height: 50px; font-size: 29px; }
  .pharmacist-black-page .blackRankingHeader h3 { font-size: 24px; }
  .pharmacist-black-page .blackRankingScore { grid-column: 2; margin-top: -7px; text-align: left; }
  .pharmacist-black-page .blackRankingScore span { display: inline; margin-right: 8px; }
  .pharmacist-black-page .blackRankingScore strong { font-size: 21px; }
  .pharmacist-black-page .blackRankingGrid { padding: 20px; grid-template-columns: 1fr; gap: 15px; }
  .pharmacist-black-page .blackProsCons { padding: 0 20px 20px; grid-template-columns: 1fr; }
  .pharmacist-black-page .blackAgentDescription,
  .pharmacist-black-page .blackAgentDetail,
  .pharmacist-black-page .blackAgentVoices { margin-right: 20px; margin-left: 20px; }
  .pharmacist-black-page .blackAgentDetail dl > div { grid-template-columns: 100px 1fr; }
  .pharmacist-black-page .blackAgentDetail dt,
  .pharmacist-black-page .blackAgentDetail dd { padding: 9px 10px; }
  .pharmacist-black-page .blackVoiceGrid { grid-template-columns: 1fr; }
  .pharmacist-black-page .blackCtaArea { padding: 5px 20px 28px; }
  .pharmacist-black-page .blackCtaArea > a { padding: 14px 12px; font-size: 16px; }
  .pharmacist-black-page .blackRecommendation { padding: 55px 10px; }
  .pharmacist-black-page .blackRecommendationInner { padding: 28px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .pharmacist-black-page * { scroll-behavior: auto !important; transition: none !important; }
}
/* .it-agent-page */
html {
  scroll-behavior: smooth;
  overflow-x: clip;
}
.compareScreeningNotice {
  display: grid;
  width: calc(100% + 8px);
  min-height: 64px;
  margin: 26px 0 30px -4px;
  place-items: center;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  background: #f6f6f6;
  color: #1e3b5f;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}
.compareScreeningNoticeLines {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.compareScreeningNoticeLines > span {
  display: block;
  white-space: nowrap;
}
.screeningNoticeRiskPhrase {
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
}
.screeningNoticeRiskDots {
  position: absolute;
  right: 2px;
  bottom: 0;
  left: 2px;
  height: 5px;
  background-image: radial-gradient(circle, #d99b18 0 2px, transparent 2.2px);
  background-position: center;
  background-repeat: repeat-x;
  background-size: 9px 5px;
  filter: drop-shadow(0 1px 1px rgba(113, 75, 6, .18));
  opacity: .92;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.compareScreeningNotice .compareScreeningNoticeLink {
  color: #176d91;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.compareScreeningNotice .compareScreeningNoticeLink:hover {
  color: #0b5f8b;
}
.pharmacist-page .compareScreeningNotice,
.ptot-page .compareScreeningNotice {
  margin-top: 0;
}
@keyframes it-agent-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}
.game-agent-page .comparisonTable .featureList.compact {
  background: #eef8fc !important;
  border-color: #bfe7f6 !important;
}
.game-agent-page .comparisonTable .gameMetricBadge .metricSubItems {
  display: grid !important;
  gap: 2px;
  margin-top: 6px;
  color: #333 !important;
  font-size: 16.5px !important;
  line-height: 1.25 !important;
  font-weight: 800;
  white-space: normal !important;
}
.game-agent-page .comparisonTable .gameMetricBadge .metricSubItems span {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit;
  white-space: normal !important;
}
@media (max-width: 768px) {
  .game-agent-page .comparisonTable .gameMetricBadge .metricSubItems {
    gap: 1px;
    margin-top: 4px;
    font-size: 9px !important;
    line-height: 1.18 !important;
  }
}
/* /pharmacist/black — editorial redesign */
.pharmacist-black-page {
  --black-ink: #24302d;
  --black-muted: #646d68;
  --black-navy: #263d38;
  --black-teal: #2f8073;
  --black-teal-dark: #205f56;
  --black-red: #d84c50;
  --black-pink: #e56570;
  --black-cream: #fbf8f1;
  --black-line: #d7d5cd;
  background: #f2efe8;
  color: #24302d;
  line-height: 1.85;
}
.pharmacist-black-page .blackSiteHeader {
  position: sticky;
  top: 0;
  border-bottom: 3px solid #2b5f56;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: none;
}
.pharmacist-black-page .blackHeaderInner {
  width: min(1060px, calc(100% - 36px));
  min-height: 66px;
}
.pharmacist-black-page .blackHeaderLabel {
  padding: 5px 12px;
  border-radius: 2px;
  background: #d84c50;
  font-size: 11px;
  letter-spacing: .08em;
}
.pharmacist-black-page .blackAdNotice {
  width: min(1060px, calc(100% - 36px));
  padding: 10px 0 7px;
}
.pharmacist-black-page .blackHero {
  width: min(1100px, 100%);
  padding: 0 20px 28px;
}
.pharmacist-black-page .blackHeroImageOnly {
  width: 100%;
  aspect-ratio: 1920 / 400;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #aeb8b2;
  background:
    linear-gradient(135deg, transparent 49.9%, rgba(74, 98, 89, .12) 50%, transparent 50.1%),
    linear-gradient(45deg, transparent 49.9%, rgba(74, 98, 89, .12) 50%, transparent 50.1%),
    #e6ebe7;
  color: #53675f;
  text-align: center;
}
.pharmacist-black-page .blackHeroImageOnly > span {
  font: 900 11px/1 Arial, sans-serif;
  letter-spacing: .18em;
}
.pharmacist-black-page .blackHeroImageOnly h1 {
  margin: 12px 0 5px;
  color: #43574f;
  font-size: clamp(22px, 3vw, 34px);
  line-height: 1.3;
}
.pharmacist-black-page .blackHeroImageOnly small { font-size: 11px; }
.pharmacist-black-page .blackHeroPlaceholder {
  min-height: 585px;
  padding: 0;
  display: grid;
  grid-template-columns: 1.06fr .94fr;
  overflow: hidden;
  border: 1px solid #d6d2c8;
  border-radius: 0;
  background: #fff;
  color: #24302d;
  box-shadow: 14px 14px 0 #d9e3dd;
}
.pharmacist-black-page .blackHeroPlaceholder::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  border: 0;
  border-radius: 0;
  background: #d84c50;
}
.pharmacist-black-page .blackHeroPlaceholder::after { display: none; }
.pharmacist-black-page .blackHeroCopy {
  position: relative;
  z-index: 2;
  padding: 66px 44px 50px 60px;
}
.pharmacist-black-page .blackHeroKicker {
  display: inline-block;
  margin-bottom: 25px;
  padding: 3px 10px;
  border-left: 4px solid #d84c50;
  background: #f7eee9;
  color: #a83b40;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .06em;
}
.pharmacist-black-page .blackHeroCopy > p:not(.blackHeroSub) {
  margin: 0 0 5px;
  color: #41504c;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: .04em;
}
.pharmacist-black-page .blackHeroPlaceholder h1 {
  margin: 0;
  color: #1f2d2a;
  font-size: clamp(46px, 5.2vw, 66px);
  line-height: 1.28;
  letter-spacing: -.025em;
}
.pharmacist-black-page .blackHeroPlaceholder h1 em {
  position: relative;
  z-index: 1;
  color: #c73d43;
  text-decoration: none;
}
.pharmacist-black-page .blackHeroPlaceholder h1 em::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -.03em;
  right: -.03em;
  bottom: .04em;
  height: .24em;
  background: #f4d85d;
  transform: rotate(-1deg);
  opacity: .8;
}
.pharmacist-black-page .blackHeroSub {
  margin: 24px 0 20px;
  padding-left: 15px;
  border-left: 1px solid #b8bcb8;
  color: #4d5955;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
}
.pharmacist-black-page .blackHeroPlaceholder ul {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 14px;
}
.pharmacist-black-page .blackHeroPlaceholder li {
  padding: 0 0 0 21px;
  border: 0;
  border-radius: 0;
  background: none;
  color: #34443f;
  font-size: 13px;
  position: relative;
}
.pharmacist-black-page .blackHeroPlaceholder li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #2f8073;
  font-weight: 900;
}
.pharmacist-black-page .blackHeroMedia {
  position: relative;
  min-width: 0;
  margin: 32px 32px 32px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #aab7b1;
  background:
    linear-gradient(135deg, transparent 49.8%, rgba(54,91,80,.16) 50%, transparent 50.2%),
    linear-gradient(45deg, transparent 49.8%, rgba(54,91,80,.16) 50%, transparent 50.2%),
    #dfe6e1;
  color: #61736c;
  text-align: center;
}
.pharmacist-black-page .blackHeroMedia::after {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(47, 80, 70, .2);
}
.pharmacist-black-page .blackHeroMediaLabel {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
}
.pharmacist-black-page .blackHeroMedia > strong { margin-top: 8px; color: #4e625b; font-size: 20px; }
.pharmacist-black-page .blackHeroMedia > small { font-size: 11px; }
.pharmacist-black-page .blackHeroMediaNote {
  position: absolute;
  z-index: 2;
  right: 18px;
  bottom: 28px;
  width: min(280px, calc(100% - 36px));
  padding: 12px 15px;
  background: #fff;
  color: #253632;
  box-shadow: 5px 5px 0 #d84c50;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.45;
  text-align: left;
}
.pharmacist-black-page .blackHeroMediaNote span { display: block; color: #d84c50; font-size: 11px; letter-spacing: .08em; }
.pharmacist-black-page .blackAnchorNav {
  top: 66px;
  width: min(880px, calc(100% - 24px));
  margin: 30px auto 0;
  border: 0;
  border-top: 1px solid #9aa59f;
  border-bottom: 1px solid #9aa59f;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.pharmacist-black-page .blackAnchorNav a {
  padding: 11px 6px 10px;
  border-right: 1px solid #d4d7d3;
  color: #31433e;
  line-height: 1.35;
}
.pharmacist-black-page .blackAnchorNav a span {
  display: block;
  margin-bottom: 2px;
  color: #cf464b;
  font: 900 10px/1 Arial, sans-serif;
  letter-spacing: .1em;
}
.pharmacist-black-page .blackArticleShell {
  width: min(860px, 100%);
  margin: 24px auto 0;
  padding: 58px clamp(32px, 7vw, 76px) 35px;
  border-top: 6px solid #2f8073;
  background: #fff;
  box-shadow: 0 12px 36px rgba(47, 54, 50, .08);
}
.pharmacist-black-page .blackIntroLabel {
  margin-bottom: 14px;
  color: #c84349;
  font-size: 12px;
  letter-spacing: .08em;
}
.pharmacist-black-page .blackLeadSection h2,
.pharmacist-black-page .blackArticleSection > h2,
.pharmacist-black-page .blackDifferenceSection > h2 {
  padding: 0;
  border-radius: 0;
  background: none;
  color: #24302d;
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: clamp(27px, 4vw, 37px);
  line-height: 1.5;
  letter-spacing: .01em;
}
.pharmacist-black-page .blackLeadSection h2 {
  position: relative;
  padding: 25px 18px;
  border-top: 1px solid #46534f;
  border-bottom: 1px solid #46534f;
  text-align: center;
}
.pharmacist-black-page .blackLeadSection h2::before,
.pharmacist-black-page .blackLeadSection h2::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 68px;
  height: 5px;
  background: #d84c50;
  transform: translateX(-50%);
}
.pharmacist-black-page .blackLeadSection h2::before { top: -3px; }
.pharmacist-black-page .blackLeadSection h2::after { bottom: -3px; }
.pharmacist-black-page .blackArticleSection,
.pharmacist-black-page .blackDifferenceSection {
  position: relative;
  padding: 76px 0 22px;
  border-top: 1px dashed #c7c7bf;
}
.pharmacist-black-page .blackArticleHeadingMeta {
  margin-bottom: 9px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.pharmacist-black-page .blackSectionNumber {
  min-width: 42px;
  padding: 5px 8px 4px;
  background: #2f8073;
  color: #fff;
  font: 900 11px/1 Arial, sans-serif;
  letter-spacing: .08em;
  text-align: center;
}
.pharmacist-black-page .blackEyebrow {
  margin: 0;
  color: #c84349;
  font-size: 12px;
  letter-spacing: .08em;
}
.pharmacist-black-page .blackArticleSection > h2,
.pharmacist-black-page .blackDifferenceSection > h2 {
  position: relative;
  padding: 0 0 13px 18px;
  border-left: 6px solid #d84c50;
  border-bottom: 2px solid #263d38;
}
.pharmacist-black-page .blackImagePlaceholder {
  position: relative;
  min-height: 0;
  aspect-ratio: 16 / 8.6;
  margin: 26px 0 28px;
  overflow: hidden;
  border: 1px solid #b8b8af;
  border-radius: 0;
  background:
    linear-gradient(135deg, transparent 49.85%, rgba(98,102,94,.15) 50%, transparent 50.15%),
    linear-gradient(45deg, transparent 49.85%, rgba(98,102,94,.15) 50%, transparent 50.15%),
    #eeece5;
  color: #656a63;
}
.pharmacist-black-page .blackImagePlaceholder::after {
  content: "IMAGE PLACEHOLDER";
  position: absolute;
  right: 12px;
  bottom: 9px;
  color: #8a8d86;
  font: 700 9px/1 Arial, sans-serif;
  letter-spacing: .14em;
}
.pharmacist-black-page .blackImagePlaceholderIcon { display: none; }
.pharmacist-black-page .blackImagePlaceholder > span:nth-child(2) { color: #505a56; font-size: 14px; }
.pharmacist-black-page .blackImagePlaceholder small { margin-top: 2px; }
.pharmacist-black-page .blackPainBox {
  margin: 30px 0 25px;
  padding: 28px 28px 24px;
  border: 1px solid #d9aaa8;
  border-left: 8px solid #d84c50;
  border-radius: 0;
  background: #fff8f5;
}
.pharmacist-black-page .blackPainBox > span {
  margin: 0 0 13px;
  padding: 0;
  border-radius: 0;
  background: none;
  color: #b93c42;
  font-size: 17px;
  text-align: left;
}
.pharmacist-black-page .blackCallout {
  margin: 30px 0;
  padding: 24px 28px;
  border-width: 1px 1px 1px 8px !important;
  border-radius: 0;
  box-shadow: 7px 7px 0 #eeeae2;
}
.pharmacist-black-page .blackMismatchList { gap: 20px; margin: 30px 0 8px; }
.pharmacist-black-page .blackMismatchItem {
  width: calc(100% - 35px);
  padding: 20px 22px;
  border: 1px solid #d5d0c4;
  border-radius: 0;
  background: #fbf8f1;
  box-shadow: 6px 6px 0 #e7e1d5;
  text-align: left;
}
.pharmacist-black-page .blackMismatchItem:nth-child(even) { margin-left: 35px; }
.pharmacist-black-page .blackMismatchBefore { color: #6e756f; }
.pharmacist-black-page .blackMismatchArrow { display: inline; margin: 0 7px; color: #d84c50; font-size: 17px; }
.pharmacist-black-page .blackMismatchItem strong { color: #9e3439; }
.pharmacist-black-page .blackDifferenceTableWrap {
  border: 1px solid #aeb5b1;
  border-radius: 0;
  box-shadow: 7px 7px 0 #e5e1d8;
}
.pharmacist-black-page .blackDifferenceTable thead th { background: #263d38; }
.pharmacist-black-page .blackDifferenceTable tbody td:nth-child(2) { background: #fff6f3; }
.pharmacist-black-page .blackDifferenceTable tbody td:last-child { background: #eef7f2; color: #205f56; }
.pharmacist-black-page .blackChecklist {
  padding: 24px;
  border: 1px solid #d1b863;
  border-radius: 0;
  background: #fffbed;
  box-shadow: 7px 7px 0 #ece4c8;
}
.pharmacist-black-page .blackChecklist li > span { border-radius: 0; background: #d6a82e; }
.pharmacist-black-page .blackSectionHeading > span {
  padding: 2px 10px;
  background: #d84c50;
  color: #fff;
  font-size: 11px;
  letter-spacing: .08em;
}
.pharmacist-black-page .blackSectionHeading h2 { margin-top: 8px; color: #24302d; font-size: clamp(30px, 5vw, 45px); }
.pharmacist-black-page .blackSectionHeading h2::after { height: 3px; border-radius: 0; background: #d84c50; }
.pharmacist-black-page .blackCompareSection {
  padding: 84px 18px;
  border-top: 1px solid #cac5ba;
  border-bottom: 1px solid #cac5ba;
  background: #e9e5dc;
}
.pharmacist-black-page .blackCompareScroll { border-radius: 0; box-shadow: 10px 10px 0 #cbd8d1; }
.pharmacist-black-page .blackCompareTable thead th { background: #263d38; }
.pharmacist-black-page .blackCompareTable tbody th { background: #fbfaf7; }
.pharmacist-black-page .blackCompareTable tbody th img { aspect-ratio: 300 / 250; }
.pharmacist-black-page .blackRankBadge { border-radius: 0; }
.pharmacist-black-page .blackSmallCta { border-radius: 0; box-shadow: 0 4px 0 #a73f24; }
.pharmacist-black-page .blackCompareAdvice { border: 1px solid #aebeb7; border-left: 8px solid #2f8073; background: #fff; }
.pharmacist-black-page .blackRankingSection { padding: 86px 18px; background: #faf8f3; }
.pharmacist-black-page .blackRankingList { gap: 54px; }
.pharmacist-black-page .blackRankingCard,
.pharmacist-black-page .blackRankingCard.rank-1 {
  overflow: visible;
  border: 1px solid #bfc5c1;
  border-top: 8px solid #2f8073;
  border-radius: 0;
  box-shadow: 12px 12px 0 #e0ddd4;
}
.pharmacist-black-page .blackRankingCard.rank-1 { border-top-color: #d3a62a; }
.pharmacist-black-page .blackRankingHeader,
.pharmacist-black-page .blackRankingCard.rank-1 .blackRankingHeader {
  min-height: 118px;
  padding: 20px 28px;
  background: #fff;
  color: #24302d;
  border-bottom: 1px solid #d5d8d5;
}
.pharmacist-black-page .blackRankingNumber {
  width: 70px;
  height: 70px;
  border: 1px solid #2f8073;
  border-radius: 0;
  background: #2f8073;
  color: #fff;
}
.pharmacist-black-page .blackRankingCard.rank-1 .blackRankingNumber { border-color: #d3a62a; background: #d3a62a; }
.pharmacist-black-page .blackRankingHeader p { color: #b33a40; }
.pharmacist-black-page .blackRankingHeader h3 { color: #24302d; }
.pharmacist-black-page .blackRankingScore span { color: #e0a91f; }
.pharmacist-black-page .blackRankingScore small { color: #7a817d; }
.pharmacist-black-page .blackRankingPoints,
.pharmacist-black-page .blackProsCons > div,
.pharmacist-black-page .blackAgentDetail dl,
.pharmacist-black-page .blackVoiceGrid blockquote { border-radius: 0; }
.pharmacist-black-page .blackRankingBanner { border-radius: 0; }
.pharmacist-black-page .blackRankingBanner img { aspect-ratio: 300 / 250; max-height: 250px; }
.pharmacist-black-page .blackCtaArea > a { border-radius: 0; }
.pharmacist-black-page .blackRecommendation { padding: 86px 18px; background: #e4eee8; }
.pharmacist-black-page .blackRecommendationInner {
  border: 1px solid #aebbb4;
  border-radius: 0;
  box-shadow: 12px 12px 0 #bccdc3;
}
.pharmacist-black-page .blackRecommendationBanner { border-radius: 0; }
.pharmacist-black-page .blackRecommendationBanner img { aspect-ratio: 300 / 250; object-fit: contain; }
@media (max-width: 720px) {
  .pharmacist-black-page { font-size: 15px; }
  .pharmacist-black-page .blackSiteHeader { border-bottom-width: 2px; }
  .pharmacist-black-page .blackHeaderInner { width: calc(100% - 20px); min-height: 58px; }
  .pharmacist-black-page .blackHeaderLabel { max-width: 88px; padding: 4px 6px; font-size: 8px; line-height: 1.25; text-align: center; }
  .pharmacist-black-page .blackAdNotice { width: calc(100% - 22px); padding-top: 8px; }
  .pharmacist-black-page .blackHero { padding: 0 10px 18px; }
  .pharmacist-black-page .blackHeroImageOnly {
    aspect-ratio: 750 / 400;
    min-height: 0;
  }
  .pharmacist-black-page .blackHeroImageOnly h1 { font-size: 20px; }
  .pharmacist-black-page .blackHeroPlaceholder { min-height: 0; grid-template-columns: 1fr; box-shadow: 8px 8px 0 #d9e3dd; }
  .pharmacist-black-page .blackHeroPlaceholder::before { width: 6px; }
  .pharmacist-black-page .blackHeroCopy { padding: 38px 24px 28px 29px; }
  .pharmacist-black-page .blackHeroKicker { margin-bottom: 18px; font-size: 10px; }
  .pharmacist-black-page .blackHeroCopy > p:not(.blackHeroSub) { font-size: 14px; }
  .pharmacist-black-page .blackHeroPlaceholder h1 { font-size: clamp(38px, 11.2vw, 46px); line-height: 1.27; }
  .pharmacist-black-page .blackHeroSub { margin: 18px 0 16px; }
  .pharmacist-black-page .blackHeroMedia { min-height: 275px; margin: 0 18px 24px 24px; }
  .pharmacist-black-page .blackHeroMediaNote { bottom: 22px; font-size: 15px; }
  .pharmacist-black-page .blackAnchorNav { top: 58px; margin-top: 20px; }
  .pharmacist-black-page .blackAnchorNav a { padding: 8px 2px 7px; font-size: 9px; }
  .pharmacist-black-page .blackAnchorNav a span { font-size: 8px; }
  .pharmacist-black-page .blackArticleShell { margin-top: 18px; padding: 42px 18px 25px; border-top-width: 5px; }
  .pharmacist-black-page .blackLeadSection h2 { padding: 22px 5px; font-size: 24px; }
  .pharmacist-black-page .blackArticleSection,
  .pharmacist-black-page .blackDifferenceSection { padding-top: 62px; }
  .pharmacist-black-page .blackArticleSection > h2,
  .pharmacist-black-page .blackDifferenceSection > h2 { padding: 0 0 10px 13px; border-left-width: 5px; font-size: 24px; }
  .pharmacist-black-page .blackImagePlaceholder { aspect-ratio: 16 / 10; margin: 20px 0 22px; }
  .pharmacist-black-page .blackPainBox { padding: 22px 18px 18px; }
  .pharmacist-black-page .blackCallout { padding: 20px 18px; box-shadow: 5px 5px 0 #eeeae2; }
  .pharmacist-black-page .blackMismatchItem { width: calc(100% - 15px); padding: 18px; }
  .pharmacist-black-page .blackMismatchItem:nth-child(even) { margin-left: 15px; }
  .pharmacist-black-page .blackChecklist { padding: 18px 15px; }
  .pharmacist-black-page .blackCompareSection,
  .pharmacist-black-page .blackRankingSection { padding: 62px 10px; }
  .pharmacist-black-page .blackRankingCard,
  .pharmacist-black-page .blackRankingCard.rank-1 { box-shadow: 7px 7px 0 #e0ddd4; }
  .pharmacist-black-page .blackRankingHeader,
  .pharmacist-black-page .blackRankingCard.rank-1 .blackRankingHeader { padding: 16px; }
  .pharmacist-black-page .blackRankingNumber { width: 50px; height: 50px; }
  .pharmacist-black-page .blackRankingGrid { padding: 20px; }
  .pharmacist-black-page .blackRecommendation { padding: 62px 10px; }
  .pharmacist-black-page .blackRecommendationInner { box-shadow: 7px 7px 0 #bccdc3; }
}
@keyframes it-agent-compareNoticeCountPulse {
  0%,
  100% {
    transform: scale(1);
    box-shadow:
      0 4px 10px rgba(18, 131, 109, 0.2),
      0 0 0 0 rgba(18, 131, 109, 0.32);
  }

  50% {
    transform: scale(1.12);
    box-shadow:
      0 8px 16px rgba(18, 131, 109, 0.28),
      0 0 0 7px rgba(18, 131, 109, 0);
  }
}
@media (max-width: 768px) {

  .compareScreeningNotice {
    width: calc(100% + 8px);
    min-height: 64px;
    margin: 22px 0 26px -4px;
    padding: 0;
    font-size: 14.4px;
    line-height: 1.3;
  }

  .compareScreeningNoticeLines {
    gap: 4px;
  }

  .compareScreeningNoticeLines > span:first-child {
    white-space: normal;
    text-wrap: balance;
  }

  .game-agent-page .rankingTitleNoWrap {
    font-size: clamp(20px, 6.3vw, 25px);
  }
}
/* .freelance-agent-page */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-x: clip;
}
@keyframes freelance-agent-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes freelance-agent-compareNoticeFloat {
  0%,
  100% {
    transform: translateY(0);
    box-shadow: 0 12px 24px rgba(234, 183, 58, 0.16);
  }
  50% {
    transform: translateY(-3px);
    box-shadow: 0 18px 30px rgba(234, 183, 58, 0.2);
  }
}
@keyframes freelance-agent-ctaCopyFloat {
  0%,
  100% {
    transform: translateY(0);
    box-shadow: 0 12px 24px rgba(76, 165, 208, 0.12);
  }
  50% {
    transform: translateY(-4px);
    box-shadow: 0 18px 30px rgba(76, 165, 208, 0.16);
  }
}
@keyframes freelance-agent-ctaArrowDrop {
  0%,
  100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(4px);
  }
}
/* .pharmacist-page */
.pharmacist-page {
  --bg: #ffffff;
  --text: #333333;
  --sky: #77bfdd;
  --sky-deep: #4ca5d0;
  --pink: #ff83b0;
  --pink-soft: #fff1f1;
  --yellow: #fff7a8;
  --yellow-deep: #ffe86a;
  --orange: #f6a14b;
  --orange-deep: #ea771c;
  --mint: #e5f6fe;
  --line: #a8d6ea;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  --inner: min(1120px, calc(100% - 24px));
}
.pharmacist-page *,
.pharmacist-page *::before,
.pharmacist-page *::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
.pharmacist-page {
  margin: 0;
  color: var(--text);
  background: #fff;
  font-family:
    "Hiragino Sans",
    "Yu Gothic",
    "Yu Gothic Medium",
    Meiryo,
    sans-serif;
  line-height: 1.6;
}
.pharmacist-page a {
  color: inherit;
  text-decoration: none;
}
.pharmacist-page img {
  max-width: 100%;
  display: block;
}
.pharmacist-page button {
  font: inherit;
}
.pharmacist-page .inner {
  width: var(--inner);
  margin: 0 auto;
}
.pharmacist-page .inner.narrow {
  width: min(980px, calc(100% - 24px));
}
.pharmacist-page .siteHeader {
  position: relative;
  z-index: 30;
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid #e8edf0;
  backdrop-filter: blur(10px);
}
.pharmacist-page .headerWrap {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
}
.pharmacist-page .logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  text-decoration: none;
}
.pharmacist-page .logoTitle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  max-width: 100%;
}
.pharmacist-page .logoIcon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  filter: drop-shadow(0 6px 10px rgba(38, 153, 161, 0.18));
}
.pharmacist-page .logoText {
  display: inline-flex;
  align-items: baseline;
  color: #2d9ca1;
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
.pharmacist-page .logoTextMain {
  position: relative;
  color: #2d9ca1;
}
.pharmacist-page .logoTextPharmacist {
  position: relative;
  display: inline-block;
}
.pharmacist-page .logoTextPharmacist::after {
  content: "";
  position: absolute;
  left: 0.12em;
  right: 0.06em;
  bottom: -0.12em;
  height: 0.12em;
  border-radius: 999px;
  background: currentColor;
  transform: skewX(-18deg);
  opacity: 0.85;
}
.pharmacist-page .logoTextCareer {
  display: inline-block;
}
.pharmacist-page .logoTextNo {
  display: inline-block;
}
.pharmacist-page .logoTextSub {
  margin-left: 0.04em;
  padding: 0.02em 0.12em 0.08em;
  background: linear-gradient(180deg, #47a9aa 0%, #238f91 100%);
  color: #fff;
}
.pharmacist-page .logo strong {
  max-width: min(100%, 620px);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.45;
  color: #666;
}
.pharmacist-page .siteNav {
  display: flex;
  align-items: center;
  gap: 22px;
  font-weight: 700;
  color: #666;
}
.pharmacist-page .siteNav a:hover {
  color: var(--sky-deep);
}
.pharmacist-page .fv {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 8%, rgba(179, 223, 241, 0.65), transparent 20%),
    radial-gradient(circle at 84% 18%, rgba(214, 239, 248, 0.7), transparent 22%),
    linear-gradient(180deg, #f5fbfe 0%, #ffffff 100%);
}
.pharmacist-page .fv .inner {
  width: min(1920px, 100%);
}
.pharmacist-page .fvImage {
  position: relative;
  margin-top: 0;
}
.pharmacist-page .fvAdNotice {
  width: fit-content;
  margin: 6px 16px 6px auto;
  padding: 0;
  color: #5f6f79;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  text-align: right;
}
.pharmacist-page .fvPicture {
  display: block;
  width: 100%;
  overflow: hidden;
}
.pharmacist-page .fvReplacementImage {
  display: block;
  width: 100%;
  height: auto;
}
.pharmacist-page .pr {
  width: fit-content;
  margin: 8px 4px 0 auto;
  max-width: min(100%, 320px);
  font-size: 10px;
  line-height: 1.5;
  text-align: right;
  color: #777;
}
.pharmacist-page .fvVisual {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 336px);
  align-items: start;
  gap: 24px;
  overflow: hidden;
  padding: 42px 42px 24px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 14% 20%, rgba(255, 255, 255, 0.42) 0%, transparent 18%),
    radial-gradient(circle at 78% 12%, rgba(255, 204, 224, 0.28) 0%, transparent 18%),
    linear-gradient(135deg, rgba(110, 186, 216, 0.9) 0%, rgba(204, 236, 247, 0.92) 52%, rgba(248, 252, 254, 0.98) 100%);
  box-shadow: 0 12px 28px rgba(76, 165, 208, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.75);
}
.pharmacist-page .fvVisual::before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: -30px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.12) 58%, transparent 74%);
}
.pharmacist-page .fvVisual::after {
  content: "";
  position: absolute;
  left: 42px;
  bottom: 26px;
  width: 72px;
  height: 72px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.16);
  transform: rotate(18deg);
}
.pharmacist-page #year {
  position: absolute;
  top: 24px;
  left: 38px;
  z-index: 3;
}
.pharmacist-page #year span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff3a8 0%, #ffe889 100%);
  color: #4a4a4a;
  font-size: 20px;
  font-weight: 800;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.06);
}
.pharmacist-page .fvCopy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 18px;
  width: 100%;
  max-width: 620px;
}
.pharmacist-page .fvCopy h1 {
  margin: 0;
  font-size: clamp(34px, 4.6vw, 62px);
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.03em;
}
.pharmacist-page .fvCopy h1 span {
  display: block;
  margin-top: 8px;
  color: #ffffff;
  text-shadow:
    0 2px 0 rgba(76, 165, 208, 0.22),
    0 8px 18px rgba(76, 165, 208, 0.18);
}
.pharmacist-page .lead {
  margin: 0;
  max-width: 590px;
  font-size: 16px;
  font-weight: 500;
  color: #2f4b58;
  line-height: 1.9;
}
.pharmacist-page .lead strong {
  color: #2f6f8f;
  font-weight: 700;
}
.pharmacist-page .fvBadges {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 0;
}
.pharmacist-page .fvBadges span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(119, 191, 221, 0.5);
  font-size: 14px;
  font-weight: 700;
}
.pharmacist-page .fvCard {
  position: relative;
  z-index: 2;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(252, 248, 250, 0.98) 100%);
  border: 3px solid #dceff7;
  border-radius: 22px;
  box-shadow: 0 10px 24px rgba(43, 88, 111, 0.12);
  padding: 16px 16px 18px;
}
.pharmacist-page .fvAside {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 336px;
  align-self: start;
  justify-self: end;
}
.pharmacist-page .fvCardLabel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 0;
  padding: 10px 14px;
  margin-bottom: 12px;
  border-radius: 16px;
  background: linear-gradient(135deg, #ff9bc0 0%, #ff83b0 48%, #6bbad9 100%);
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  font-weight: 800;
}
.pharmacist-page .fvCard ol {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}
.pharmacist-page .fvCard li {
  padding: 12px 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
  border: 2px solid #d2ebf5;
}
.pharmacist-page .fvCard li strong {
  display: block;
  font-size: 19px;
  line-height: 1.15;
  font-weight: 800;
}
.pharmacist-page .fvCard li span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.45;
  color: #666;
}
.pharmacist-page .heroCta,
.pharmacist-page .compareButton,
.pharmacist-page .mainCta,
.pharmacist-page .subCta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  text-align: center;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.pharmacist-page .heroCta,
.pharmacist-page .mainCta {
  background: linear-gradient(180deg, var(--orange) 0%, var(--orange-deep) 100%);
  color: #fff;
  border-radius: 999px;
  box-shadow: 0 6px 0 rgba(180, 85, 11, 0.2);
}
.pharmacist-page .heroCta:hover,
.pharmacist-page .compareButton:hover,
.pharmacist-page .mainCta:hover,
.pharmacist-page .subCta:hover {
  transform: translateY(-1px);
  opacity: 0.95;
}
.pharmacist-page .heroCta {
  width: 100%;
  min-height: 50px;
  margin-top: 16px;
  font-size: 18px;
  font-weight: 800;
}
.pharmacist-page .fvLoopLogo {
  overflow: hidden;
  height: 74px;
  margin: 0 0 6px;
}
.pharmacist-page .fvLoopTrack {
  display: flex;
  align-items: center;
  gap: 22px;
  width: max-content;
  min-width: 100%;
  height: 74px;
  animation: pharmacist-marquee 36s linear infinite;
}
.pharmacist-page .fvLoopItem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  min-height: 42px;
  padding: 0 18px;
  background: #fff;
  border: 2px solid #d7edf7;
  border-radius: 999px;
  box-shadow: 0 4px 0 rgba(76, 165, 208, 0.08);
}
.pharmacist-page .fvLoopItem.is-inverse {
  background: #4ca5d0;
  border-color: #4ca5d0;
}
.pharmacist-page .fvLoopLogoImage {
  display: block;
  width: auto;
  max-width: 172px;
  max-height: 28px;
  object-fit: contain;
}
.pharmacist-page .fvLoopTextLogo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.pharmacist-page .fvLoopTextLogo.is-apoplus {
  color: #1f73aa;
}
.pharmacist-page .fvLoopTextLogo.is-levwell {
  color: #2577b8;
  font-family:
    "Hiragino Maru Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.doctort-page .fvLoopItem {
  min-width: 236px;
  min-height: 48px;
  padding: 0 22px;
}
.doctort-page .fvLoopLogoImage {
  max-width: 178px;
  max-height: 34px;
}
.doctort-page .doctorLoopLogoImage.tone-green {
  max-height: 36px;
}
.doctort-page .doctorLoopLogoFallback {
  position: relative;
  gap: 7px;
  color: #173f58;
  font-family:
    "Arial Rounded MT Bold",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0;
}
.doctort-page .doctorLoopLogoFallback::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f46c9f, #3bb8c7);
  box-shadow: 0 0 0 4px rgba(59, 184, 199, 0.12);
}
.doctort-page .doctorLoopLogoFallback.tone-navy {
  color: #1b4b69;
}
.doctort-page .doctorLoopLogoFallback.tone-navy::before {
  background: linear-gradient(135deg, #2d78bd, #18b96f);
}
@keyframes pharmacist-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.pharmacist-page .contents {
  padding: 42px 0;
}
.pharmacist-page .section01 {
  padding-top: 24px;
  background:
    radial-gradient(circle, rgba(119, 191, 221, 0.2) 1px, transparent 1px),
    linear-gradient(180deg, #ffffff 0%, #f7fcff 100%);
  background-size: 14px 14px, auto;
}
.pharmacist-page .compareContent .compareTab {
  display: flex;
  margin: 0;
  padding: 0 8px;
  list-style: none;
}
.pharmacist-page .comparePulseNotice {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: calc(100% - 32px);
  min-height: 46px;
  margin: 0 auto 14px;
  padding: 0 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, #fff4c8 0%, #ffe99d 48%, #ffd875 100%);
  color: #7a5400;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0.02em;
  overflow: hidden;
  box-shadow:
    0 10px 22px rgba(244, 172, 31, 0.2),
    0 0 0 0 rgba(255, 196, 64, 0.36);
  animation:
    pharmacist-comparePulseFloat 2.6s ease-in-out infinite,
    pharmacist-comparePulseGlow 2.6s ease-in-out infinite;
}
.pharmacist-page .comparePulseNotice::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -24%;
  width: 34%;
  height: 160%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.18) 22%,
    rgba(255, 255, 255, 0.74) 50%,
    rgba(255, 255, 255, 0.18) 78%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: translateX(-180%) rotate(14deg);
  animation: pharmacist-comparePulseShine 2.8s ease-in-out infinite;
  pointer-events: none;
}
.pharmacist-page .comparePulseCount {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25em;
  margin: 0 0.18em;
  padding: 0.08em 0.32em 0.12em;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff 0%, #ffe9e9 100%);
  box-shadow:
    0 5px 12px rgba(216, 68, 68, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  margin: 0 0.12em;
  color: #d84444;
  font-weight: 900;
  line-height: 1;
  transform-origin: center;
  animation: pharmacist-comparePulseCountPop 2.6s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
}
.pharmacist-page .comparePulseCount::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -0.1em;
  height: 0.44em;
  background: radial-gradient(circle, rgba(255, 118, 118, 0.34) 0%, rgba(255, 118, 118, 0) 75%);
  border-radius: 999px;
  z-index: -1;
  animation: pharmacist-comparePulseCountGlow 2.6s ease-in-out infinite;
}
.pharmacist-page .comparePulseNotice::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.7);
  pointer-events: none;
}
@keyframes pharmacist-comparePulseFloat {
  0%,
  100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 10px 22px rgba(244, 172, 31, 0.2),
      0 0 0 0 rgba(255, 196, 64, 0.22);
  }
  50% {
    transform: translateY(-3px) scale(1.02);
    box-shadow:
      0 18px 30px rgba(244, 172, 31, 0.3),
      0 0 0 10px rgba(255, 196, 64, 0);
  }
}
@keyframes pharmacist-comparePulseGlow {
  0%,
  100% {
    filter: saturate(1);
  }
  50% {
    filter: saturate(1.08);
  }
}
@keyframes pharmacist-comparePulseShine {
  0%,
  18% {
    transform: translateX(-210%) rotate(14deg);
    opacity: 0;
  }
  28% {
    opacity: 1;
  }
  56% {
    transform: translateX(420%) rotate(14deg);
    opacity: 0.95;
  }
  100% {
    transform: translateX(420%) rotate(14deg);
    opacity: 0;
  }
}
@keyframes pharmacist-comparePulseCountPop {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  20% {
    transform: translateY(-1px) scale(1.06);
  }
  30% {
    transform: translateY(-3px) scale(1.14);
  }
  42% {
    transform: translateY(0) scale(1.02);
  }
}
@keyframes pharmacist-comparePulseCountGlow {
  0%,
  100% {
    opacity: 0.3;
    transform: scaleX(0.86);
  }
  30% {
    opacity: 0.7;
    transform: scaleX(1.08);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pharmacist-page .comparePulseNotice,
.pharmacist-page .comparePulseNotice::before,
.pharmacist-page .comparePulseCount,
.pharmacist-page .comparePulseCount::after {
    animation: none;
  }
}
.pharmacist-page .compareContent .compareTab li {
  width: 50%;
  padding: 14px 0;
  border-radius: 20px 20px 0 0;
  background: #d5d5d5;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  cursor: pointer;
}
.pharmacist-page .compareContent .compareTab li.active {
  padding: 20px 0 14px;
  background: var(--sky);
  font-size: 27px;
}
.pharmacist-page .compareHeading {
  padding: 18px 18px 10px;
  background: var(--sky);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.pharmacist-page .compareHeading p {
  margin: 0;
}
.pharmacist-page .comparisonTableWrap {
  overflow-x: auto;
  background: var(--sky);
  padding: 0;
  border: 6px solid var(--sky);
  border-top: 0;
  box-sizing: border-box;
}
.pharmacist-page .comparisonSourceNote {
  margin: 6px 0 0;
  color: #56697c;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
}
.pharmacist-page .comparisonTable {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  background: #fff;
}
.pharmacist-page .comparisonTable th,
.pharmacist-page .comparisonTable td {
  padding: 16px 12px;
  border-top: 2px solid var(--sky);
  border-right: 2px solid var(--sky);
  text-align: center;
  vertical-align: middle;
}
.pharmacist-page .comparisonTable th {
  font-size: 20px;
  font-weight: 800;
}
.pharmacist-page .comparisonTable th:last-child,
.pharmacist-page .comparisonTable td:last-child {
  border-right: none;
}
.pharmacist-page .comparisonTableGeneral {
  min-width: 980px;
}
.pharmacist-page .comparisonTableSupport {
  min-width: 980px;
}
.pharmacist-page .comparisonTableGeneral .colSite {
  width: 24%;
}
.pharmacist-page .comparisonTableSupport .colSite {
  width: 21%;
}
.pharmacist-page .comparisonTable .colScore {
  width: 14%;
}
.pharmacist-page .comparisonTable .colAmount {
  width: 15%;
}
.pharmacist-page .comparisonTableGeneral .colFeatureWide {
  width: 47%;
}
.pharmacist-page .comparisonTableSupport .colFacility {
  width: 16%;
}
.pharmacist-page .comparisonTableSupport .colJobType {
  width: 38%;
}
.pharmacist-page .comparisonTableSupport .colLicenseNarrow {
  width: 10%;
}
.pharmacist-page .rankBalloon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 58px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.08));
}
.pharmacist-page .rankBalloon::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #d9d0c9 0%, #b87b4f 100%);
  clip-path: polygon(0 36%, 13% 36%, 24% 9%, 39% 36%, 50% 6%, 61% 36%, 76% 9%, 87% 36%, 100% 36%, 92% 100%, 8% 100%);
  border-radius: 0 0 14px 14px;
}
.pharmacist-page .rankBalloon span {
  position: relative;
  z-index: 1;
  transform: translateY(15px);
}
.pharmacist-page .rankBalloon1::before {
  background: linear-gradient(180deg, #ffd964 0%, #f4ac1f 100%);
}
.pharmacist-page .rankBalloon2::before {
  background: linear-gradient(180deg, #e6edf2 0%, #9baebb 100%);
}
.pharmacist-page .rankBalloon3::before {
  background: linear-gradient(180deg, #f2ddca 0%, #c99b68 100%);
}
.pharmacist-page .comparisonTable .rankBalloon {
  position: relative;
  display: inline-grid;
  place-items: center;
  min-width: 52px;
  height: 22px;
  margin: 0 auto 7px;
  padding: 0 9px;
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  filter: none;
  box-shadow:
    0 2px 0 rgba(42, 83, 102, 0.14),
    0 5px 10px rgba(42, 83, 102, 0.1);
}
.pharmacist-page .comparisonTable .rankBalloon::before {
  inset: 0;
  border-radius: inherit;
  clip-path: none;
  border: 1px solid rgba(255, 255, 255, 0.78);
  background: linear-gradient(180deg, #ffd86d 0%, #e5a025 100%);
}
.pharmacist-page .comparisonTable .rankBalloon::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 12px;
  height: 7px;
  background: #c98a18;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  transform: translateX(-50%);
  opacity: 0.9;
}
.pharmacist-page .comparisonTable .rankBalloon span {
  position: relative;
  z-index: 1;
  transform: none;
  text-shadow: 0 1px 2px rgba(106, 65, 0, 0.22);
}
.pharmacist-page .comparisonTable .rankBalloon1::before,
.pharmacist-page .comparisonTable .rankBalloon1 {
  background: linear-gradient(180deg, #ffe783 0%, #f6b01f 100%);
}
.pharmacist-page .comparisonTable .rankBalloon1::after {
  background: #d49316;
}
.pharmacist-page .comparisonTable .rankBalloon2::before,
.pharmacist-page .comparisonTable .rankBalloon2 {
  background: linear-gradient(180deg, #edf5f8 0%, #8fa9b8 100%);
}
.pharmacist-page .comparisonTable .rankBalloon2::after {
  background: #7e98a7;
}
.pharmacist-page .comparisonTable .rankBalloon3::before,
.pharmacist-page .comparisonTable .rankBalloon3 {
  background: linear-gradient(180deg, #f8d8bd 0%, #c8874e 100%);
}
.pharmacist-page .comparisonTable .rankBalloon3::after {
  background: #b8743b;
}
.pharmacist-page .comparisonTable .rankBalloon4::before,
.pharmacist-page .comparisonTable .rankBalloon4,
.pharmacist-page .comparisonTable .rankBalloon5::before,
.pharmacist-page .comparisonTable .rankBalloon5 {
  background: linear-gradient(180deg, #8fd6ef 0%, #3aa0c7 100%);
}
.pharmacist-page .comparisonTable .rankBalloon4::after,
.pharmacist-page .comparisonTable .rankBalloon5::after {
  background: #2f8eb4;
}
.pharmacist-page .compareAgentBannerLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 108px);
  height: 72px;
  margin: 0 auto 6px;
  overflow: hidden;
  background: #fff;
}
.pharmacist-page .compareAgentBannerImage {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pharmacist-page .siteName,
.pharmacist-page .siteNameLink {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
}
.pharmacist-page .siteName {
  display: block;
}
.pharmacist-page .siteNameLink {
  display: block;
  color: var(--sky-deep);
  text-decoration: none;
}
.pharmacist-page .agentNameText {
  text-decoration: underline;
  text-underline-offset: 0.14em;
}
.pharmacist-page .agentNameTextCompact {
  display: inline-block;
  text-decoration: none;
}
.pharmacist-page .agentNameTextInline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.12em;
  white-space: nowrap;
}
.pharmacist-page .agentNameLine {
  display: block;
  text-decoration: underline;
  text-underline-offset: 0.14em;
}
.pharmacist-page .agentExternalIcon {
  width: 0.86em;
  height: 0.86em;
  display: inline-block;
  margin-left: 0.18em;
  vertical-align: -0.08em;
}
.pharmacist-page .siteCatch {
  display: inline;
  margin: 8px 0 0;
  color: #4d5f6d;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.pharmacist-page .siteCatchLine {
  display: inline;
}
.pharmacist-page .siteOfficialMini {
  display: inline-flex;
  margin-top: 8px;
  color: #666;
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.14em;
}
.pharmacist-page .scoreStars,
.pharmacist-page .rankingHeaderScoreStars,
.pharmacist-page .rankingStars {
  --star-rating-active: #f6a14b;
  --star-rating-inactive: #e7d8c8;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.pharmacist-page .starRatingIcon {
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
}
.pharmacist-page .starRatingIconBase {
  fill: var(--star-rating-inactive);
}
.pharmacist-page .starRatingIconFill {
  fill: var(--star-rating-active);
}
.pharmacist-page .scoreStars {
  font-size: 18px;
  gap: 0.14em;
}
.pharmacist-page .scoreValue {
  color: var(--pink);
  font-size: 42px;
  line-height: 1;
  font-weight: 800;
}
.pharmacist-page .scoreValue::after {
  content: "pt";
  margin-left: 4px;
  color: #4f4f4f;
  font-size: 18px;
}
.pharmacist-page .voiceButton {
  display: inline-flex;
  align-items: center;
  padding: 0;
  background: none;
  border: none;
  color: var(--sky);
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
}
.pharmacist-page .amountBadge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 150px;
  min-height: 120px;
  padding: 16px 12px;
  border-radius: 24px;
  background: #fff8fb;
  border: 2px solid #ffd6e6;
}
.pharmacist-page .amountBadge span {
  color: var(--pink);
  font-size: 22px;
  line-height: 1.1;
  font-weight: 800;
  white-space: nowrap;
}
.pharmacist-page .amountBadge .amountBadgeMain {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.12em;
}
.pharmacist-page .amountBadgeMedal {
  flex: 0 0 auto;
  font-size: 0.72em;
  line-height: 1;
}
.pharmacist-page .amountBadge small {
  color: #666;
  font-size: 11px;
  line-height: 1.1;
  white-space: nowrap;
}
.pharmacist-page .comparisonTable .amountBadge {
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}
.pharmacist-page .amountBadgeBullets {
  display: grid;
  width: 100%;
  gap: 4px;
  margin: 5px 0 0;
  padding: 0;
  color: #2f6f8f;
  font-size: 11px;
  line-height: 1.1;
  font-weight: 800;
  list-style: none;
  text-align: center;
}
.pharmacist-page .amountBadgeBullets li {
  display: block;
  min-width: 0;
  padding: 3px 5px;
  border: 1px solid rgba(77, 165, 208, 0.4);
  border-radius: 7px;
  background: linear-gradient(180deg, #ffffff 0%, #eef8fc 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.78) inset;
  white-space: nowrap;
}
.pharmacist-page .amountBadgeBullets li::before {
  content: none;
}
.pharmacist-page .tableTagList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pharmacist-page .tableTagList li {
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef8fc;
  color: #4f4f4f;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.pharmacist-page .licenseList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}
.pharmacist-page .licenseList::-webkit-scrollbar {
  display: none;
}
.pharmacist-page .licenseList li {
  flex: 0 0 auto;
  min-width: auto;
  padding: 6px 10px;
  border-radius: 999px;
  background: #77bfdd;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
}
.pharmacist-page .licenseList.large li {
  padding: 9px 16px;
}
.pharmacist-page .licenseList li.__off {
  background: #e8eef2;
  color: #9aa7b2;
}
.pharmacist-page .jobTypeList {
  display: grid;
  gap: 6px;
  justify-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pharmacist-page .jobTypeList li {
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef8fc;
  color: #4f4f4f;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}
.pharmacist-page .comparisonTableSupport .facilityCell .tableTagList {
  display: grid;
  gap: 6px;
  justify-items: center;
}
.pharmacist-page .comparisonTableSupport .facilityCell .tableTagList li {
  line-height: 1.2;
  white-space: nowrap;
}
.pharmacist-page .comparisonTableSupport .licenseCell .licenseList {
  display: grid;
  gap: 6px;
  justify-items: center;
  overflow-x: visible;
}
.pharmacist-page .comparisonTableSupport .licenseCell .licenseList li {
  line-height: 1.2;
  white-space: nowrap;
}
.pharmacist-page .compareButton {
  width: 100px;
  min-height: 84px;
  margin: 0 auto;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffae66 0%, #eb781d 100%);
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
  box-shadow: 0 6px 0 rgba(180, 85, 11, 0.2);
}
.pharmacist-page .desktopOnly {
  display: block;
}
.pharmacist-page .mobileOnly {
  display: none;
}
.pharmacist-page .featureList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.pharmacist-page .featureList li {
  position: relative;
  padding-left: 26px;
  text-align: left;
  font-weight: 600;
}
.pharmacist-page .featureList li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: linear-gradient(180deg, #ff98be 0%, #ff6ca0 100%);
}
.pharmacist-page .featureList.compact li {
  font-size: 15px;
}
.pharmacist-page .pointNote {
  font-size: 0.74em;
  font-weight: 500;
  color: #6b8090;
  white-space: nowrap;
}
.pharmacist-page .comparisonTable .licenseCell,
.pharmacist-page .comparisonTable .featureCell,
.pharmacist-page .comparisonTable .supportCell {
  vertical-align: top;
}
.pharmacist-page .comparisonTable .licenseCell {
  vertical-align: middle;
}
.pharmacist-page .comparisonTable .supportCell {
  vertical-align: middle;
}
.pharmacist-page .comparisonTable .licenseList {
  flex-wrap: wrap;
  justify-content: center;
  overflow: visible;
}
.pharmacist-page .comparisonTable .licenseList li {
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef8fc;
  color: #4f4f4f;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.pharmacist-page .comparisonTable .featureCell {
  vertical-align: middle;
  text-align: left;
}
.pharmacist-page .comparisonTable .featureList.compact {
  gap: 8px;
  padding: 10px 12px;
  border-radius: 16px;
  background: linear-gradient(180deg, #fff8fc 0%, #fff1f7 100%);
  border: 1px solid #ffd5e4;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}
.pharmacist-page .comparisonTable .featureList.compact li {
  padding-left: 1em;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 800;
  color: #3f5364;
}
.pharmacist-page .comparisonTable .featureUnderline,
.pharmacist-page .rankingFeatureBox .featureUnderline {
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.pharmacist-page .comparisonTable .featureList.compact li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  color: var(--pink);
  font-size: 1em;
  line-height: 1.55;
}
.pharmacist-page .supportRows {
  display: grid;
  gap: 10px;
}
.pharmacist-page .supportRows div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}
.pharmacist-page .statusPill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 30px;
  border-radius: 999px;
  font-weight: 900;
}
.pharmacist-page .statusPill.is-high {
  background: #d8f6df;
  color: #279552;
}
.pharmacist-page .statusPill.is-mid {
  background: #fff1d8;
  color: #d67a00;
}
.pharmacist-page .statusPill.is-low {
  background: #edf3f7;
  color: #7b8a95;
}
.pharmacist-page .section02 {
  margin-top: 18px;
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.35) 1px, transparent 1px),
    linear-gradient(180deg, #e5f6fe 0%, #f8fdff 100%);
  background-size: 16px 16px, auto;
}
.pharmacist-page .pickupH2Simple {
  position: relative;
  margin: 0;
  padding-top: 30px;
  text-align: center;
}
.pharmacist-page .pickupH2Simple .titleMain {
  display: block;
  color: var(--sky-deep);
  font-size: clamp(30px, 3.6vw, 46px);
  line-height: 1;
  font-weight: 800;
}
.pharmacist-page .pickupH2Simple .SubTitle {
  display: inline-block;
  margin-top: 10px;
  font-size: 22px;
  font-weight: 600;
}
.pharmacist-page .pickupH2Simple .SubTitle::before,
.pharmacist-page .pickupH2Simple .SubTitle::after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 4px;
  margin: 0 10px;
  border-radius: 999px;
  background: #444;
  vertical-align: middle;
}
.pharmacist-page .pickUpContent {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding: 30px 0 10px;
}
.pharmacist-page .pickUpCard {
  overflow: hidden;
  background: #fff;
  border-radius: 14px;
  box-shadow: 4px 8px 0 rgba(0, 0, 0, 0.08);
  border: 2px solid #fff;
}
.pharmacist-page .pickUpCard dl {
  margin: 0;
}
.pharmacist-page .pickUpCard dt {
  min-height: 88px;
  padding: 16px;
  background: #23ade7;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.3;
}
.pharmacist-page .pickUpCard .workStyle {
  padding: 18px 16px 10px;
  text-align: center;
}
.pharmacist-page .pickUpCard .workStyle span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 20px;
  border-radius: 999px;
  background: var(--sky);
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}
.pharmacist-page .pickUpCard .fee {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 18px;
  padding: 10px 0;
  border-bottom: 1px solid #c7d0d5;
  font-size: 18px;
  font-weight: 600;
}
.pharmacist-page .pickUpCard .fee strong {
  color: var(--pink);
  font-size: 34px;
  line-height: 1.1;
  font-weight: 800;
}
.pharmacist-page .pickUpCard .point {
  margin: 0 18px;
  padding: 12px 0;
  border-bottom: 1px solid #c7d0d5;
  font-size: 18px;
  font-weight: 700;
}
.pharmacist-page .pickUpCard .point:last-of-type {
  border-bottom: none;
}
.pharmacist-page .pickUpCard .point::before {
  content: "✔";
  margin-right: 8px;
  color: var(--pink);
}
.pharmacist-page .privateJobsSection {
  position: relative;
  padding-top: 48px;
  background: #fff;
}
.pharmacist-page .privateJobsSource {
  margin: 0 auto 8px;
  color: #56697c;
  font-size: 19.2px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
}
.pharmacist-page .privateJobsTitle {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  color: #3e3f42;
  font-size: 28px;
  line-height: 1.4;
  font-weight: 800;
  text-align: center;
}
.pharmacist-page .privateJobsTitle::before {
  content: "";
  position: absolute;
  inset: 0;
  height: 2px;
  margin: auto;
  background: #d8edf7;
  z-index: -1;
}
.pharmacist-page .privateJobsTitle > span:nth-child(2) {
  display: inline-block;
  padding: 0 16px;
  background: #fff;
}
.pharmacist-page .privateJobsTitle > span:nth-child(2) span {
  color: var(--sky-deep);
  font-size: 36px;
}
.pharmacist-page .privateJobsTitleDot {
  display: block;
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #ffbdd5;
}
.pharmacist-page .privateJobsLead {
  width: min(760px, calc(100% - 32px));
  margin: 18px auto 0;
  color: #334858;
  font-size: 17px;
  line-height: 1.8;
  font-weight: 600;
  text-align: center;
}
.pharmacist-page .privateJobsLead strong {
  color: #2a3c4a;
  font-weight: 800;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.pharmacist-page .privateJobsScroller {
  width: min(1120px, 100%);
  margin: 16px auto 0;
  padding: 8px 12px 12px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.pharmacist-page .privateJobsList {
  display: flex;
  align-items: stretch;
  gap: 16px;
  width: max-content;
  min-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pharmacist-page .privateJobCard {
  position: relative;
  display: flex;
  flex: 0 0 360px;
  flex-direction: column;
  align-items: stretch;
}
.pharmacist-page .privateJobBadge {
  position: absolute;
  top: -8px;
  left: 0;
  width: 30px;
  height: 40px;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(180deg, #ffbdd5 0%, #ff83b0 100%);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.12);
  z-index: 2;
}
.pharmacist-page .privateJobBadge::before {
  content: "";
  position: absolute;
  inset: 6px 8px auto;
  height: 14px;
  background: #fff;
  clip-path: polygon(50% 0, 62% 34%, 98% 34%, 69% 55%, 80% 90%, 50% 69%, 20% 90%, 31% 55%, 2% 34%, 38% 34%);
}
.pharmacist-page .privateJobBadge::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  border-right: 15px solid transparent;
  border-bottom: 9px solid #fff;
  border-left: 15px solid transparent;
}
.pharmacist-page .privateJobTitle {
  min-height: 58px;
  margin: 0;
  padding: 12px 10px;
  border: 4px solid var(--sky-deep);
  border-radius: 8px 8px 0 0;
  background: linear-gradient(130deg, #77bfdd 0%, #77bfdd 50%, #4ca5d0 50%, #4ca5d0 100%);
  color: #fff;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 800;
  text-align: center;
}
.pharmacist-page .privateJobBody {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  padding: 16px;
  border: 1px solid #edeef2;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
}
.pharmacist-page .privateJobImageLink {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 170px;
  padding: 8px;
  border: 1px solid #edeef2;
  border-radius: 6px;
  background: #fff;
}
.pharmacist-page .privateJobImage {
  width: 100%;
  max-height: 150px;
  object-fit: contain;
}
.pharmacist-page .privateJobSalary {
  margin: 10px 0 0;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.pharmacist-page .privateJobSalary span {
  margin: 0 3px;
  color: var(--pink);
  font-size: 32px;
  line-height: 1;
  font-weight: 800;
}
.pharmacist-page .privateJobInfo {
  flex: 1;
  margin-top: 10px;
}
.pharmacist-page .privateJobInfo dl {
  display: grid;
  margin: 0;
}
.pharmacist-page .privateJobInfo dl div {
  display: grid;
  grid-template-columns: 86px 1fr;
}
.pharmacist-page .privateJobInfo dt,
.pharmacist-page .privateJobInfo dd {
  margin: 0;
  border-top: 2px solid #fff;
  line-height: 1.45;
  font-size: 15px;
}
.pharmacist-page .privateJobInfo dt {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: #eef8fc;
  color: var(--sky-deep);
  font-weight: 800;
  text-align: center;
}
.pharmacist-page .privateJobInfo dd {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  font-weight: 600;
}
.pharmacist-page .privateJobLimitedRow dd {
  position: relative;
  min-height: 58px;
  overflow: hidden;
  justify-content: center;
  background: #f7fbfd;
}
.pharmacist-page .privateJobLimitedBlur {
  display: block;
  width: 100%;
  color: #2f3f49;
  filter: blur(5px);
  opacity: 0.48;
  font-weight: 800;
  line-height: 1.55;
  user-select: none;
  pointer-events: none;
}
.pharmacist-page .privateJobLimitedLink {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6f25b8;
  font-size: 16px;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
  z-index: 1;
}
.pharmacist-page .privateJobTags {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px;
  margin: 10px -16px 0;
  padding: 8px 16px;
  background: #f7fcff;
  list-style: none;
}
.pharmacist-page .privateJobTags li {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  background: linear-gradient(180deg, #8ed0e7 0%, #5db4d8 100%);
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
}
.pharmacist-page .privateJobButton {
  position: relative;
  display: block;
  margin-top: 16px;
  padding: 11px 40px 11px 16px;
  overflow: hidden;
  border: 2px solid #e53500;
  border-radius: 8px;
  background: #ff4d1a;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  transition: transform 0.15s ease;
}
.pharmacist-page .privateJobButton::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 -100%;
  width: 60%;
  height: 100%;
  background: #fff;
  opacity: 0.22;
  clip-path: polygon(25% 0%, 100% 0, 75% 100%, 0% 100%);
  animation: pharmacist-privateJobShine 3s ease-in-out infinite;
}
.pharmacist-page .privateJobButton::after {
  content: "";
  position: absolute;
  inset: 0 18px 0 auto;
  width: 12px;
  height: 12px;
  margin: auto;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
.pharmacist-page .privateJobButton:hover {
  transform: translateY(3px);
}
@keyframes pharmacist-privateJobShine {
  0% {
    opacity: 0.1;
    transform: translateX(-800%);
  }
  30% {
    opacity: 0.35;
    transform: translateX(170%);
    filter: blur(10px);
  }
  100% {
    opacity: 0.1;
    transform: translateX(1200%);
  }
}
.pharmacist-page .btnWrap {
  display: flex;
  justify-content: center;
  margin: 0 18px 18px;
}
.pharmacist-page .mainCta {
  width: 100%;
  min-height: 68px;
  padding: 12px 18px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}
.pharmacist-page .mainCta.small {
  min-height: 58px;
  font-size: 18px;
}
.pharmacist-page .siteNameSmall {
  display: block;
  font-size: 15px;
}
.pharmacist-page .mainCta.__splash {
  position: relative;
  margin-top: 12px;
}
.pharmacist-page .mainCta.__splash::after {
  content: "人気";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 86px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, #8fc9e1 0%, #58abd1 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 28px;
}
.pharmacist-page .typeSection {
  background:
    radial-gradient(circle, rgba(119, 191, 221, 0.18) 1px, transparent 1px),
    linear-gradient(180deg, #ffffff 0%, #f8fdff 100%);
  background-size: 16px 16px, auto;
}
.pharmacist-page .typeAccordion {
  display: grid;
  gap: 16px;
  margin-top: 26px;
}
.pharmacist-page .typeItem {
  overflow: hidden;
  border-radius: 16px;
  background: #fff;
  box-shadow: 4px 8px 0 rgba(0, 0, 0, 0.06);
  border: 2px solid #d9edf7;
}
.pharmacist-page .typeHead {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 20px 22px;
  border: none;
  background: transparent;
  text-align: center;
  cursor: pointer;
}
.pharmacist-page .typeHead strong {
  display: block;
  font-size: 23px;
  line-height: 1.2;
  font-weight: 800;
}
.pharmacist-page .typeHead p {
  margin: 6px 0 0;
  color: #666;
  font-weight: 500;
}
.pharmacist-page .typeHead .toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--pink-soft);
  color: var(--pink);
  font-size: 26px;
  font-weight: 900;
}
.pharmacist-page .typeBody {
  padding: 0 22px 22px;
}
.pharmacist-page .typeBody .recommend {
  margin: 0 0 10px;
  color: #666;
  font-weight: 700;
}
.pharmacist-page .typeBody .recommend strong {
  margin-left: 8px;
  font-size: 22px;
  color: var(--sky-deep);
}
.pharmacist-page .subCta {
  min-width: 220px;
  min-height: 52px;
  margin-top: 18px;
  padding: 0 18px;
  border-radius: 999px;
  background: #fff7a8;
  color: #555;
  font-size: 16px;
  font-weight: 800;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.08);
}
.pharmacist-page .section03 {
  padding-top: 18px;
  background:
    radial-gradient(circle, rgba(119, 191, 221, 0.16) 1px, transparent 1px),
    linear-gradient(180deg, #ffffff 0%, #fef7f9 100%);
  background-size: 14px 14px, auto;
}
.pharmacist-page .sectionTitle,
.pharmacist-page .simpleSectionTitle {
  margin: 0;
  text-align: center;
  font-size: clamp(30px, 3.8vw, 48px);
  line-height: 1.2;
  font-weight: 800;
}
.pharmacist-page .sectionTitleWrap {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 6px;
  padding: 8px 16px 0;
}
.pharmacist-page .sectionTitleWrap::before,
.pharmacist-page .sectionTitleWrap::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 170, 197, 0.22);
}
.pharmacist-page .sectionTitleWrap::before {
  top: 4px;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translateX(-220px);
}
.pharmacist-page .sectionTitleWrap::after {
  right: 50%;
  bottom: 0;
  width: 38px;
  height: 38px;
  transform: translateX(250px);
  background: rgba(119, 191, 221, 0.2);
}
.pharmacist-page .sectionTitle {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.pharmacist-page .sectionTitle::before,
.pharmacist-page .sectionTitle::after {
  content: "";
  position: absolute;
  top: 18px;
  width: 54px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 163, 196, 0) 0%, rgba(255, 163, 196, 0.9) 100%);
}
.pharmacist-page .sectionTitle::before {
  left: -76px;
}
.pharmacist-page .sectionTitle::after {
  right: -76px;
  transform: scaleX(-1);
}
.pharmacist-page .sectionTitleMain,
.pharmacist-page .sectionTitleAccent {
  display: block;
}
.pharmacist-page .sectionTitleMain {
  padding: 7px 20px;
  border-radius: 999px;
  background: #fff;
  border: 2px solid #dceef7;
  color: var(--sky-deep);
  font-size: clamp(24px, 3vw, 36px);
  box-shadow: 0 8px 18px rgba(76, 165, 208, 0.08);
}
.pharmacist-page .sectionTitleAccent {
  padding: 10px 26px 12px;
  border-radius: 24px;
  background: linear-gradient(135deg, #8fdbf2 0%, #64bee0 48%, #3ca4d0 100%);
  color: #fff;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.1;
  box-shadow: 0 14px 26px rgba(76, 165, 208, 0.22);
  text-shadow: 0 2px 10px rgba(24, 105, 143, 0.18);
}
.pharmacist-page .rankingCompareNotice {
  max-width: 820px;
  margin: 14px auto 12px;
  padding: 16px 22px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  color: #23556c;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  box-shadow: 0 10px 24px rgba(76, 165, 208, 0.12);
}
.pharmacist-page .rankingCompareNoticeHighlight {
  color: #1f4f68;
  font-weight: 800;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.pharmacist-page .rankingContentsWrap {
  margin-top: 10px;
  padding: 14px 0 48px;
  background: linear-gradient(180deg, #dff3fb 0%, #eff9fe 100%);
}
.pharmacist-page .rankingContents {
  position: relative;
  scroll-margin-top: 88px;
  margin-top: 42px;
  padding: 20px 28px 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--shadow);
  text-align: center;
}
.pharmacist-page .rankingHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 0 16px;
  text-align: center;
}
.pharmacist-page .rankingHeaderPrimary {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.pharmacist-page .rankingHeader.hasPromo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  text-align: left;
}
.pharmacist-page .rankingHeaderPrimary.isLevtech {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  width: 100%;
  min-width: 0;
}
.pharmacist-page .rankingHeaderText {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
}
.pharmacist-page .rankingHeaderScore {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: min(100%, 380px);
  margin-left: auto;
  padding: 16px 20px;
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.95), transparent 30%),
    radial-gradient(circle at left bottom, rgba(255, 214, 230, 0.45), transparent 26%),
    linear-gradient(135deg, #ffffff 0%, #edf9ff 52%, #dff3fb 100%);
  border: 2px solid #b7e1f1;
  box-shadow:
    0 18px 32px rgba(76, 165, 208, 0.14),
    inset 0 0 0 1px rgba(255, 255, 255, 0.72);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}
.pharmacist-page .rankingHeaderScore.is-compact {
  display: grid;
  justify-items: center;
  text-align: center;
  white-space: normal;
  width: max-content;
  min-width: 0;
  gap: 4px;
  margin-left: 0;
  padding: 10px 8px 9px;
  border-radius: 16px;
  box-shadow:
    0 12px 22px rgba(76, 165, 208, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}
.pharmacist-page .rankingHeaderScore::before {
  content: "";
  position: absolute;
  top: -24px;
  right: -24px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 212, 103, 0.28) 0%, rgba(255, 212, 103, 0) 72%);
}
.pharmacist-page .rankingHeaderScoreMeta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  position: relative;
  z-index: 1;
}
.pharmacist-page .rankingHeaderScore.is-compact .rankingHeaderScoreMeta {
  display: grid;
  gap: 4px;
  justify-items: center;
}
.pharmacist-page .rankingHeaderScoreLabel {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: #fff;
  color: #2f6f8f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  position: relative;
  z-index: 1;
}
.pharmacist-page .rankingHeaderScoreStars {
  flex: 0 0 auto;
  font-size: 22px;
  line-height: 1;
  gap: 0.08em;
}
.pharmacist-page .rankingHeaderScoreValue {
  flex: 0 0 auto;
  color: var(--pink);
  font-size: 42px;
  line-height: 1;
  font-weight: 800;
}
.pharmacist-page .rankingHeaderScoreValue::after {
  content: "pt";
  margin-left: 6px;
  color: #4f4f4f;
  font-size: 20px;
  font-weight: 700;
}
.pharmacist-page .rankingHeaderScore.is-compact .rankingHeaderScoreLabel {
  min-height: 22px;
  padding: 0 8px;
  font-size: 9px;
}
.pharmacist-page .rankingHeaderScore.is-compact .rankingHeaderScoreStars {
  font-size: 13px;
  gap: 0.08em;
}
.pharmacist-page .rankingHeaderScore.is-compact .rankingHeaderScoreValue {
  font-size: 22px;
}
.pharmacist-page .rankingHeaderScore.is-compact .rankingHeaderScoreValue::after {
  margin-left: 4px;
  font-size: 10px;
}
.pharmacist-page .rankingContents h2 {
  display: block;
  margin: 0 0 16px;
  font-size: 34px;
  font-weight: 800;
  text-align: center;
  line-height: 1.15;
}
.pharmacist-page .rankingHeader.hasPromo h2 {
  margin-bottom: 0;
  text-align: left;
}
.pharmacist-page .rankingHeaderText h2 {
  margin: 0;
}
.pharmacist-page .rankingAgentLink {
  display: inline-block;
  color: #245977;
  text-decoration: none;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
  transform: none;
}
.pharmacist-page .rankingAgentLink .agentNameText {
  text-decoration-thickness: 3px;
  text-decoration-color: rgba(76, 165, 208, 0.45);
}
.pharmacist-page .rankingAgentLink:hover {
  color: #1b7199;
}
.pharmacist-page .rankingAgentLink:hover .agentNameText {
  text-decoration-color: rgba(27, 113, 153, 0.7);
}
.pharmacist-page .rankingAgentCatch {
  display: block;
  width: 100%;
  max-width: 520px;
  margin: 0;
  color: #2d3f4a;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  text-align: left;
  white-space: normal;
  letter-spacing: 0;
}
.pharmacist-page .rankingAgentCatch span {
  display: inline;
  background: linear-gradient(transparent 60%, #fff176 60%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.pharmacist-page .rankCrown {
  position: relative;
  width: 96px;
  height: 78px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 14px;
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  filter: drop-shadow(0 6px 0 rgba(0, 0, 0, 0.08));
}
.pharmacist-page .rankCrown::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #ffd964 0%, #ffb73d 100%);
  clip-path: polygon(0 36%, 13% 36%, 24% 9%, 39% 36%, 50% 6%, 61% 36%, 76% 9%, 87% 36%, 100% 36%, 92% 100%, 8% 100%);
  border-radius: 0 0 18px 18px;
}
.pharmacist-page .rankCrown::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.3);
}
.pharmacist-page .rankCrown span {
  position: relative;
  z-index: 1;
}
.pharmacist-page .crown1::before {
  background: linear-gradient(180deg, #ffd964 0%, #f4ac1f 100%);
}
.pharmacist-page .crown2::before {
  background: linear-gradient(180deg, #d8eef8 0%, #8bbad0 100%);
}
.pharmacist-page .crown3::before {
  background: linear-gradient(180deg, #f2ddca 0%, #c99b68 100%);
}
.pharmacist-page .rankingLeadArea {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  width: 100%;
  margin: 0 auto 22px;
}
.pharmacist-page .rankingMainInfo {
  display: grid;
  gap: 14px;
  width: 100%;
  text-align: left;
}
.pharmacist-page .rankingFeatureBoxMobile {
  width: 100%;
}
.pharmacist-page .agentBannerLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 300px);
  min-height: 250px;
  margin: 0;
  padding: 14px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(56, 189, 248, 0.14), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #edf8fd 100%);
  border: 2px solid #d9edf7;
  box-shadow: 0 16px 36px rgba(76, 165, 208, 0.14);
}
.pharmacist-page .agentBannerImage {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 12px 26px rgba(76, 165, 208, 0.12);
}
.pharmacist-page .adBannerPlaceholder {
  width: 100%;
  min-width: 0;
  min-height: 218px;
  padding: 24px 20px;
  border-radius: 18px;
  border: 2px dashed #9ecfe3;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(237, 248, 253, 0.98) 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
  text-align: center;
}
.pharmacist-page .adBannerTag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(71, 159, 203, 0.12);
  color: var(--sky-deep);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
}
.pharmacist-page .adBannerPlaceholder strong {
  display: block;
  margin-top: 22px;
  color: var(--sky-deep);
  font-size: 34px;
  font-weight: 800;
  line-height: 1.1;
}
.pharmacist-page .adBannerPlaceholder p {
  margin: 14px 0 0;
  color: #5c7180;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
}
.pharmacist-page .rankingFeatureBox {
  display: grid;
  gap: 14px;
  padding: 22px 22px 20px;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #f0faff 100%);
  border: 2px solid #d6edf8;
  box-shadow: 0 14px 30px rgba(76, 165, 208, 0.12);
}
.pharmacist-page .rankingFeatureLabel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: #dff3fb;
  color: #25638d;
  font-size: 13px;
  font-weight: 800;
}
.pharmacist-page .keyPointList {
  margin-top: 4px;
}
.pharmacist-page .rankingHeroBand {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.9fr);
  gap: 18px;
  margin: 0 0 18px;
  padding: 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0) 28%),
    linear-gradient(135deg, #eef9ff 0%, #ffffff 48%, #fff6ef 100%);
  border: 1px solid #dceef7;
  box-shadow: 0 18px 30px rgba(76, 165, 208, 0.08);
  overflow: hidden;
}
.pharmacist-page .rankingHeroBand::before {
  content: "";
  position: absolute;
  right: -38px;
  bottom: -54px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 182, 210, 0.22) 0%, rgba(255, 182, 210, 0) 72%);
}
.pharmacist-page .rankingHeroCopy,
.pharmacist-page .rankingHeroAside {
  position: relative;
  z-index: 1;
}
.pharmacist-page .rankingHeroCopy {
  display: grid;
  align-content: center;
  justify-items: flex-start;
  gap: 14px;
  text-align: left;
}
.pharmacist-page .rankingHeroLabel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(76, 165, 208, 0.12);
  color: var(--sky-deep);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
}
.pharmacist-page .rankingHeroCopy strong {
  display: block;
  color: #245977;
  font-size: clamp(28px, 3.6vw, 40px);
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -0.02em;
}
.pharmacist-page .rankingHeroCopy p {
  margin: 0;
  color: #506673;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.85;
}
.pharmacist-page .rankingHeroPoints {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pharmacist-page .rankingHeroPoints li {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid #d8ebf4;
  color: #426072;
  font-size: 13px;
  font-weight: 700;
}
.pharmacist-page .rankingHeroAside {
  display: grid;
  gap: 12px;
  align-content: center;
}
.pharmacist-page .rankingContentsValuation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 100px;
  padding: 18px 20px;
  border-radius: 14px;
  background: #fff7f7;
  color: var(--pink);
}
.pharmacist-page .rankingHeroAside .rankingContentsValuation {
  min-height: 112px;
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(255, 195, 217, 0.9);
  box-shadow: 0 14px 24px rgba(255, 151, 189, 0.12);
}
.pharmacist-page .scoreLabel {
  flex: 0 0 auto;
  color: #626262;
  font-size: 18px;
  font-weight: 800;
}
.pharmacist-page .scoreMeta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.pharmacist-page .rankingStars {
  font-size: 20px;
  gap: 0.14em;
}
.pharmacist-page .rankingContentsValuation strong {
  display: inline-flex;
  align-items: center;
  color: var(--pink);
  font-size: 52px;
  font-weight: 800;
  line-height: 1;
}
.pharmacist-page .rankingContentsValuation strong::after {
  content: "pt";
  color: #4f4f4f;
  font-size: 18px;
}
.pharmacist-page .rankingHeroCta {
  width: 100%;
  min-height: 60px;
}
.pharmacist-page .rankingTerms {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 22px auto 0;
  padding: 10px;
  overflow: visible;
  border: 1px solid #cfe9f4;
  border-radius: 22px;
  background:
    radial-gradient(circle at 8% 10%, rgba(255, 232, 106, 0.28), transparent 18%),
    radial-gradient(circle at 92% 14%, rgba(76, 165, 208, 0.18), transparent 20%),
    linear-gradient(180deg, #ffffff 0%, #f2fbff 100%);
  box-shadow: 0 14px 30px rgba(76, 165, 208, 0.12);
}
.pharmacist-page .rankingTermsRow {
  display: contents;
}
.pharmacist-page .rankingTermsRowTriple {
  display: contents;
}
.pharmacist-page .rankingTerms dl {
  position: relative;
  display: grid;
  align-content: center;
  gap: 7px;
  min-height: 112px;
  margin: 0;
  padding: 12px 8px;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d7eef7;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 18px rgba(76, 165, 208, 0.08);
}
.pharmacist-page .rankingTerms dl::after {
  content: "";
  position: absolute;
  right: -16px;
  bottom: -20px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(114, 196, 223, 0.12);
}
.pharmacist-page .rankingTermsRow .full {
  grid-column: auto;
}
.pharmacist-page .rankingTerms dt {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #31789a;
  text-align: center;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 800;
}
.pharmacist-page .rankingTerms dt::before {
  content: "";
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: linear-gradient(180deg, #ffe86a 0%, #f6a14b 100%);
  box-shadow: 0 0 0 4px rgba(255, 232, 106, 0.24);
}
.pharmacist-page .rankingTerms dd {
  position: relative;
  z-index: 1;
  margin: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #334858;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
  text-align: center;
  overflow-wrap: anywhere;
}
.pharmacist-page .rankingTerms .rankingAreaText {
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: normal;
}
.pharmacist-page .rankingTerms .rankingJobsValue {
  flex-direction: column;
  gap: 1px;
}
.pharmacist-page .rankingTerms .rankingJobsValue small {
  margin-top: 0;
  font-size: 11px;
  line-height: 1.1;
}
.pharmacist-page .rankingTerms dd small {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 700;
  color: #666;
}
.pharmacist-page .facilityList {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pharmacist-page .facilityList li {
  min-width: 140px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 2px solid #ffbfd5;
  color: #666;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}
.pharmacist-page .rankingTerms .licenseList {
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: visible;
}
.pharmacist-page .rankingTerms .licenseList.large li,
.pharmacist-page .rankingTerms .facilityList li {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #334858;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
}
.pharmacist-page .pointSection {
  padding: 22px 20px;
  border-radius: 16px;
  background: linear-gradient(180deg, #fffdf1 0%, #fff8d0 100%);
  border: 3px solid #ffe57f;
}
.pharmacist-page .pointSection h3 {
  margin: 0 0 16px;
  text-align: center;
  color: #555;
  font-size: 22px;
  font-weight: 800;
}
.pharmacist-page .agentBodySection {
  margin-top: 18px;
  padding: 24px 24px 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(255, 206, 226, 0.34), transparent 30%),
    radial-gradient(circle at left bottom, rgba(196, 235, 248, 0.3), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #fff8fc 100%);
  border: 1px solid #f1dce7;
  box-shadow: 0 16px 34px rgba(229, 155, 189, 0.1);
  text-align: left;
  position: relative;
  overflow: hidden;
}
.pharmacist-page .agentBodySection::before {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  pointer-events: none;
}
.pharmacist-page .agentBodySection p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #5f5861;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.9;
}
.pharmacist-page .agentBodySection p + p {
  margin-top: 12px;
}
.pharmacist-page .inlineAgentLink {
  color: var(--sky-deep);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 0.14em;
}
.pharmacist-page .agentBodyHighlight {
  color: #2a3c4a;
  font-weight: 800;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.pharmacist-page .voicesTitle {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  margin: 26px 0 14px;
  font-size: 18px;
  text-align: center;
}
.pharmacist-page .voicesTitle span {
  color: var(--sky-deep);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.16em;
}
.pharmacist-page .voicesTitle strong {
  font-size: 26px;
  font-weight: 800;
}
.pharmacist-page .voicesTitle sup {
  color: #666;
  font-size: 14px;
}
.pharmacist-page .voicesGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.pharmacist-page .voicesNote {
  margin: 10px 2px 0;
  font-size: 12px;
  line-height: 1.5;
  color: #6b7480;
}
.pharmacist-page .detailActions {
  display: grid;
  gap: 0;
  width: min(100%, 520px);
  margin: 24px auto 0;
  justify-items: center;
}
.pharmacist-page .detailActionCopy {
  display: none;
}
.pharmacist-page .detailActionCopy::before,
.pharmacist-page .detailActionCopy::after {
  position: absolute;
  top: 50%;
  color: #ffffff;
  font-size: 1.55em;
  line-height: 1;
  text-shadow: 0 2px 6px rgba(47, 111, 145, 0.3);
  transform: translateY(-50%);
}
.pharmacist-page .detailActionCopy::before {
  content: "＼";
  left: 0;
}
.pharmacist-page .detailActionCopy::after {
  content: "／";
  right: 0;
}
.pharmacist-page .detailActionCopy span {
  position: relative;
  display: inline-block;
  padding: 7px 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #8fcde7 0%, #58abd1 58%, #3f94bf 100%);
  box-shadow:
    0 10px 20px rgba(76, 165, 208, 0.24),
    0 0 0 2px rgba(255, 255, 255, 0.96);
}
.pharmacist-page .detailActionCopy .pointNote {
  color: inherit;
  opacity: 0.92;
}
@keyframes pharmacist-detailCopyFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}
.pharmacist-page .detailActions .mainCta {
  position: relative;
  display: grid;
  gap: 4px;
  width: 100%;
  min-width: 0;
  min-height: 78px;
  padding: 18px 28px 14px;
  overflow: hidden;
  isolation: isolate;
}
.pharmacist-page .detailActions .mainCta::before {
  content: "";
  position: absolute;
  inset: -40% auto -40% -24%;
  z-index: -1;
  width: 42%;
  transform: rotate(12deg);
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.42) 48%, transparent 100%);
  animation: pharmacist-ctaShine 3.4s ease-in-out infinite;
}
.pharmacist-page .ctaLeadText {
  display: block;
  color: #fff7bd;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(119, 58, 0, 0.18);
}
@keyframes pharmacist-ctaShine {
  0%,
  28% {
    transform: translateX(0) rotate(12deg);
  }
  62%,
  100% {
    transform: translateX(360%) rotate(12deg);
  }
}
.pharmacist-page .siteNameSmall {
  font-size: 12px;
}
.pharmacist-page .detailActionNote {
  margin: 12px 0 0;
  color: #666;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
}
.pharmacist-page .voiceCard {
  position: relative;
  padding: 52px 22px 22px;
  border-radius: 24px;
  border: 2px solid #dcebf3;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 252, 255, 0.98) 100%);
  box-shadow: 0 16px 28px rgba(59, 110, 137, 0.08);
  text-align: left;
  overflow: hidden;
}
.pharmacist-page .voiceCard::before {
  content: "";
  position: absolute;
  top: 18px;
  right: 18px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255, 182, 210, 0.2);
}
.pharmacist-page .voiceCard::after {
  content: "";
  position: absolute;
  left: 26px;
  bottom: -10px;
  width: 24px;
  height: 24px;
  background: inherit;
  border-left: 2px solid #dcebf3;
  border-bottom: 2px solid #dcebf3;
  transform: rotate(-45deg);
}
.pharmacist-page .voiceCard.tone2 {
  background:
    linear-gradient(180deg, rgba(255, 252, 244, 0.98) 0%, rgba(255, 247, 232, 0.98) 100%);
  border-color: #f5e0b6;
  box-shadow: 0 16px 28px rgba(187, 132, 37, 0.1);
}
.pharmacist-page .voiceCard.tone2::before {
  background: rgba(255, 214, 102, 0.22);
}
.pharmacist-page .voiceCard.tone2::after {
  border-left-color: #f5e0b6;
  border-bottom-color: #f5e0b6;
}
.pharmacist-page .voiceCardBadge {
  position: absolute;
  top: 16px;
  left: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #7bc4df 0%, #4ea6d1 100%);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.03em;
  box-shadow: 0 6px 12px rgba(76, 165, 208, 0.18);
  white-space: nowrap;
}
.pharmacist-page .voiceCardBadge span {
  display: inline-block;
}
.pharmacist-page .voiceCardBadgeIcon {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: rgba(255, 255, 255, 0.96);
}
.pharmacist-page .voiceCard.tone2 .voiceCardBadge {
  background: linear-gradient(180deg, #ffc765 0%, #ee9e2e 100%);
  box-shadow: 0 6px 12px rgba(238, 158, 46, 0.18);
}
.pharmacist-page .voiceCard.tone2 .voiceCardBadgeIcon path:last-child {
  stroke: #ee9e2e;
}
.pharmacist-page .voiceCard dl,
.pharmacist-page .voiceCard dt,
.pharmacist-page .voiceCard dd {
  margin: 0;
}
.pharmacist-page .voiceText strong {
  display: block;
  padding-right: 56px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 800;
  color: #2d4d5c;
}
.pharmacist-page .voiceText span {
  display: block;
  margin-top: 8px;
  color: #666;
  font-size: 14px;
  font-weight: 700;
}
.pharmacist-page .voiceCard dd {
  margin-top: 16px;
}
.pharmacist-page .voiceCard dd p {
  position: relative;
  margin: 0;
  color: #4f4f4f;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.95;
}
.pharmacist-page .btnWrap.bottom {
  margin: 18px 0 0;
}
.pharmacist-page .section04 {
  background: #fff;
}
.pharmacist-page .simpleSectionTitle {
  font-size: clamp(28px, 4vw, 48px);
}
.pharmacist-page .faqList {
  display: grid;
  gap: 16px;
  margin-top: 28px;
}
.pharmacist-page .faqList details {
  overflow: hidden;
  padding: 0;
  border: 2px solid #d8edf6;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
  box-shadow: 0 14px 26px rgba(43, 88, 111, 0.07);
}
.pharmacist-page .faqList details[open] {
  border-color: #9fd9ee;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 252, 255, 0.98) 100%);
  box-shadow: 0 18px 32px rgba(43, 88, 111, 0.1);
}
.pharmacist-page .faqList summary {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 74px;
  padding: 18px 64px 18px 72px;
  list-style: none;
  cursor: pointer;
  color: #233f52;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.45;
}
.pharmacist-page .faqList summary::-webkit-details-marker {
  display: none;
}
.pharmacist-page .faqList summary::before {
  content: "Q";
  position: absolute;
  left: 22px;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(180deg, #8fcde7 0%, #4ca5d0 100%);
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  transform: translateY(-50%);
  box-shadow: 0 5px 12px rgba(76, 165, 208, 0.24);
}
.pharmacist-page .faqList summary::after {
  content: "+";
  position: absolute;
  right: 20px;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e9f7fc;
  color: var(--sky-deep);
  font-size: 26px;
  line-height: 1;
  transform: translateY(-50%);
}
.pharmacist-page .faqList details[open] summary::after {
  content: "−";
  background: linear-gradient(180deg, #fff1f6 0%, #ffe6f0 100%);
  color: var(--pink);
}
.pharmacist-page .faqList details[open] summary {
  border-bottom: 1px solid #e5f3f9;
}
.pharmacist-page .faqList p {
  margin: 0;
  padding: 0 28px 0 72px;
  color: #455663;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.85;
}
.pharmacist-page .faqList details[open] p:last-child {
  padding-bottom: 24px;
}
.pharmacist-page .faqList summary + p {
  padding-top: 18px;
}
.pharmacist-page .faqList p + p {
  margin-top: 12px;
}
.pharmacist-page .faqAnswerHighlight {
  color: #2f3438;
  font-weight: 700;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.pharmacist-page .siteFooter {
  padding: 34px 16px 44px;
  background: #0f3652;
  color: #e8f4fb;
  text-align: center;
}
.pharmacist-page .footerLinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px 24px;
}
.pharmacist-page .footerLinks a {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.pharmacist-page .footerCopy {
  margin: 14px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: 600;
}
.pharmacist-page .legalPage {
  min-height: calc(100vh - 160px);
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.75), transparent 36%),
    linear-gradient(180deg, #e8f7ff 0%, #f7fcff 44%, #fff 100%);
}
.pharmacist-page .legalHero {
  padding: 96px 16px 34px;
}
.pharmacist-page .legalBackLink {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid #c8e6f2;
  color: var(--sky-deep);
  font-size: 13px;
  font-weight: 700;
}
.pharmacist-page .legalEyebrow {
  margin: 26px 0 10px;
  color: #e35a8e;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.pharmacist-page .legalHero h1 {
  margin: 0;
  color: var(--sky-deep);
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 800;
  line-height: 1.18;
}
.pharmacist-page .legalLead {
  max-width: 720px;
  margin: 18px 0 0;
  color: #4f6470;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.9;
}
.pharmacist-page .legalSection {
  padding: 0 16px 72px;
}
.pharmacist-page .legalCard {
  padding: 28px 24px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #d8edf7;
  box-shadow: 0 20px 48px rgba(36, 97, 126, 0.08);
}
.pharmacist-page .legalCard + .legalCard {
  margin-top: 18px;
}
.pharmacist-page .legalCard h2 {
  margin: 0 0 14px;
  color: var(--sky-deep);
  font-size: 24px;
  font-weight: 800;
}
.pharmacist-page .legalCard p {
  margin: 0;
  color: #4d5961;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.95;
}
.pharmacist-page .legalCard p + p {
  margin-top: 12px;
}
.pharmacist-page .companyTable {
  width: 100%;
  border-collapse: collapse;
}
.pharmacist-page .companyTable th,
.pharmacist-page .companyTable td {
  padding: 18px 16px;
  border-bottom: 1px solid #dbeef7;
  vertical-align: top;
  text-align: left;
}
.pharmacist-page .companyTable tr:last-child th,
.pharmacist-page .companyTable tr:last-child td {
  border-bottom: none;
}
.pharmacist-page .companyTable th {
  width: 180px;
  color: var(--sky-deep);
  font-size: 14px;
  font-weight: 800;
}
.pharmacist-page .companyTable td {
  color: #4d5961;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.8;
}
.pharmacist-page .legalCard.stack {
  display: grid;
  gap: 24px;
}
.pharmacist-page .policyBlock h2 {
  margin: 0 0 10px;
  color: var(--sky-deep);
  font-size: 22px;
  font-weight: 800;
}
.pharmacist-page .policyBlock h3 {
  margin: 0 0 10px;
  color: var(--sky-deep);
  font-size: 22px;
  font-weight: 800;
}
.pharmacist-page .policyBlock p {
  margin: 0;
}
.pharmacist-page .policyBlock p + p {
  margin-top: 10px;
}
.pharmacist-page .exitPopupOverlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(21, 21, 21, 0.58);
  backdrop-filter: blur(3px);
}
.pharmacist-page .exitPopupDialog {
  position: relative;
  width: min(500px, 100%);
  max-height: calc(100vh - 48px);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 16px 28px 24px;
  border-radius: 14px;
  background: #ffffff;
  color: #2f455a;
  text-align: center;
  box-shadow: 0 22px 54px rgba(16, 30, 42, 0.28);
  animation: pharmacist-exitPopupIn 0.22s ease-out both;
}
.pharmacist-page .exitPopupClose {
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #1f1f1f;
  color: #ffffff;
  font-size: 0;
  font-weight: 300;
  line-height: 0;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.pharmacist-page .exitPopupClose::before,
.pharmacist-page .exitPopupClose::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 4px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
}
.pharmacist-page .exitPopupClose::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.pharmacist-page .exitPopupClose::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.pharmacist-page .exitPopupClose:hover {
  transform: scale(1.04);
  opacity: 0.9;
}
.pharmacist-page .exitPopupIllustration {
  display: block;
  width: min(198px, 50vw);
  height: auto;
  margin: 2px auto 8px;
  object-fit: contain;
  object-position: center top;
}
.pharmacist-page .exitPopupBody {
  display: grid;
  gap: 8px;
  margin-top: 0;
}
.pharmacist-page .exitPopupTitle,
.pharmacist-page .exitPopupHighlight,
.pharmacist-page .exitPopupCopy {
  margin: 0;
}
.pharmacist-page .exitPopupTitle {
  color: #2f455a;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.25;
}
.pharmacist-page .exitPopupHighlight {
  color: #ff67af;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.3;
  white-space: nowrap;
}
.pharmacist-page .exitPopupCopy {
  color: #314b66;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.55;
}
.pharmacist-page .exitPopupNoBreak {
  display: inline-block;
  white-space: nowrap;
}
.pharmacist-page .exitPopupCta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(388px, 100%);
  min-height: 88px;
  margin-top: 24px;
  padding: 16px 24px;
  border-radius: 30px;
  background: linear-gradient(180deg, #ffb331 0%, #ffa42a 100%);
  box-shadow: 0 6px 0 #d47a00;
  color: #ffffff;
  font-size: 29px;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.pharmacist-page .exitPopupCta:hover {
  transform: translateY(-1px);
  opacity: 0.96;
}
@keyframes pharmacist-exitPopupIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 980px) {
  .pharmacist-page .headerWrap {
    min-height: auto;
    padding: 7px 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .pharmacist-page .fvVisual {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 32px 24px 20px;
  }

  .pharmacist-page .fvCopy {
    width: 100%;
    max-width: none;
  }

  .pharmacist-page .fvAside {
    justify-self: stretch;
  }

  .pharmacist-page .fvCard {
    width: 100%;
    max-width: none;
    margin-top: 0;
  }

  .pharmacist-page .pr {
    max-width: none;
    margin: 8px 2px 0 auto;
  }

  .pharmacist-page .voicesGrid,
.pharmacist-page .rankingTerms {
    grid-template-columns: 1fr;
  }

  .pharmacist-page .rankingHeader.hasPromo {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
  }

  .pharmacist-page .desktopOnly {
    display: none !important;
  }

  .pharmacist-page .mobileOnly {
    display: block !important;
  }

  .pharmacist-page .rankingHeaderPrimary.isLevtech {
    justify-content: flex-start;
    align-items: center;
    min-width: 0;
  }

  .pharmacist-page .rankingLeadArea {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .pharmacist-page .rankingMainInfo {
    text-align: center;
    justify-items: center;
  }

  .pharmacist-page .rankingHeader .mobileOnly {
    width: auto;
  }

  .pharmacist-page .rankingAgentLink {
    transform: none;
  }

  .pharmacist-page .rankingAgentCatch {
    max-width: 100%;
    margin: 0;
    font-size: 21px;
  }

  .pharmacist-page .mobileRankingScore {
    justify-self: end;
  }

  .pharmacist-page .mobileRankingFeature {
    width: 100%;
  }

  .pharmacist-page .rankingHeroBand {
    grid-template-columns: 1fr;
  }

  .pharmacist-page .rankingHeroAside {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
}
@media (max-width: 768px) {
  .pharmacist-page .logoTitle {
    gap: 6px;
    width: 100%;
  }

  .pharmacist-page .logoIcon {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
  }

  .pharmacist-page .logoText {
    font-size: clamp(18px, 5.2vw, 23px);
  }

  .pharmacist-page .logo strong {
    font-size: 9px;
    line-height: 1.4;
  }

  .pharmacist-page .fvCopy h1 {
    font-size: 30px;
    line-height: 1.04;
  }

  .pharmacist-page .fvCopy h1 span {
    margin-top: 5px;
  }

  .pharmacist-page .lead {
    font-size: 12px;
    line-height: 1.75;
  }

  .pharmacist-page .fvImage {
    margin-top: 0;
  }

  .pharmacist-page .fvAdNotice {
    margin: 5px 8px 5px auto;
    max-width: calc(100% - 16px);
    font-size: 8px;
    line-height: 1.25;
  }

  .pharmacist-page .fvVisual {
    gap: 12px;
    padding: 24px 16px 14px;
    border-radius: 24px;
  }

  .pharmacist-page .fvVisual::before {
    right: -54px;
    bottom: -76px;
    width: 190px;
    height: 190px;
  }

  .pharmacist-page .fvVisual::after {
    left: auto;
    right: 18px;
    bottom: 92px;
    width: 46px;
    height: 46px;
    border-radius: 16px;
    opacity: 0.7;
  }

  .pharmacist-page .fvCard {
    padding: 12px;
    width: 100%;
    border-width: 2px;
    border-radius: 18px;
  }

  .pharmacist-page .fvCardLabel {
    min-height: 0;
    padding: 8px 10px;
    margin-bottom: 8px;
    border-radius: 14px;
    font-size: 12px;
  }

  .pharmacist-page .fvCard ol {
    gap: 8px;
  }

  .pharmacist-page .fvCard li {
    padding: 9px 10px;
    border-radius: 14px;
  }

  .pharmacist-page .fvCard li strong {
    font-size: 16px;
  }

  .pharmacist-page .fvCard li span {
    margin-top: 3px;
    font-size: 11px;
    line-height: 1.45;
  }

  .pharmacist-page .heroCta {
    min-height: 42px;
    margin-top: 10px;
    font-size: 15px;
  }

  .pharmacist-page .fvBadges {
    gap: 8px;
    margin-top: 0;
  }

  .pharmacist-page .fvBadges span {
    min-height: 32px;
    padding: 0 12px;
    font-size: 11px;
  }

  .pharmacist-page .pr {
    margin-top: 6px;
    font-size: 9px;
  }

  .pharmacist-page .fvLoopLogo {
    display: block;
    height: 50px;
    margin: 0;
  }

  .pharmacist-page .fvLoopTrack {
    display: flex;
    gap: 14px;
    height: 50px;
    animation-duration: 28s;
  }

  .pharmacist-page .fvLoopItem {
    min-width: 156px;
    min-height: 34px;
    padding: 0 14px;
  }

  .pharmacist-page .fvLoopLogoImage {
    max-width: 124px;
    max-height: 22px;
  }

  .pharmacist-page .fvLoopTextLogo {
    font-size: 18px;
  }

  .pharmacist-page .compareContent .compareTab li {
    font-size: 14px;
    border-radius: 12px 12px 0 0;
  }

  .pharmacist-page .section01 {
    padding-top: 12px;
    padding-bottom: 14px;
  }

  .pharmacist-page .comparePulseNotice {
    width: calc(100% - 18px);
    max-width: calc(100% - 18px);
    min-height: 34px;
    margin-bottom: 8px;
    padding: 0 7px;
    font-size: 10.9px;
    line-height: 1;
    white-space: nowrap;
  }

  .pharmacist-page .compareContent .compareTab li.active {
    padding: 16px 0 12px;
    font-size: 16px;
  }

  .pharmacist-page .compareHeading {
    font-size: 14px;
  }

  .pharmacist-page .comparisonTableWrap {
    overflow-x: auto;
    padding: 0;
    border-width: 2px;
    border-top: 0;
  }

  .pharmacist-page .comparisonSourceNote {
    margin: 4px 2px 0;
    font-size: 10px;
    line-height: 1.35;
  }

  .pharmacist-page .comparisonTable,
.pharmacist-page .comparisonTableGeneral,
.pharmacist-page .comparisonTableSupport {
    min-width: 0;
    table-layout: fixed;
  }

  .pharmacist-page .comparisonTableSupport {
    min-width: 0;
  }

  .pharmacist-page .comparisonTableGeneral .colSite {
    width: 31%;
  }

  .pharmacist-page .comparisonTableGeneral .colScore {
    display: none;
  }

  .pharmacist-page .comparisonTableGeneral .colAmount {
    display: table-column;
    width: 28%;
  }

  .pharmacist-page .comparisonTableGeneral .colFeatureWide {
    width: 41%;
  }

  .pharmacist-page .comparisonTableGeneral th:nth-child(2),
  .pharmacist-page .comparisonTableGeneral td:nth-child(2) {
    display: none;
  }

  .pharmacist-page .comparisonTableGeneral th:nth-child(3),
  .pharmacist-page .comparisonTableGeneral td:nth-child(3) {
    display: table-cell;
  }

  .pharmacist-page .comparisonTableSupport .colSite {
    width: 25%;
  }

  .pharmacist-page .comparisonTableSupport .colFacility {
    width: 22%;
  }

  .pharmacist-page .comparisonTableSupport .colAmount {
    display: none;
  }

  .pharmacist-page .comparisonTableSupport .colJobType {
    width: 38%;
  }

  .pharmacist-page .comparisonTableSupport .colLicenseNarrow {
    width: 15%;
  }

  .pharmacist-page .comparisonTableSupport th:nth-child(2),
  .pharmacist-page .comparisonTableSupport td:nth-child(2) {
    display: none;
  }

  .pharmacist-page .comparisonTableSupport th {
    font-size: 8px;
  }

  .pharmacist-page .comparisonTable th,
.pharmacist-page .comparisonTable td {
    padding: 6px 3px;
    border-top-width: 1px;
    border-right-width: 1px;
    word-break: break-word;
  }

  .pharmacist-page .comparisonTable th {
    font-size: 10px;
    line-height: 1.2;
  }

  .pharmacist-page .siteName,
.pharmacist-page .siteNameLink {
    font-size: 9.5px;
    line-height: 1.15;
  }

  .pharmacist-page .comparisonTable .siteName,
  .pharmacist-page .comparisonTable .siteNameLink {
    font-size: 12.35px;
    line-height: 1.12;
  }

  .pharmacist-page .comparisonTable .agentNameTextInline {
    display: inline;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .pharmacist-page .compareAgentBannerLink {
    width: 130%;
    height: 55px;
    margin-right: -15%;
    margin-bottom: 6px;
    margin-left: -15%;
    overflow: visible;
  }

  .pharmacist-page .compareAgentBannerImage {
    width: 100%;
    height: 100%;
  }

  .pharmacist-page .agentExternalIcon {
    width: 0.78em;
    height: 0.78em;
    margin-left: 0.12em;
  }

  .pharmacist-page .siteCatch {
    display: block;
    width: 100%;
    margin-top: 4px;
    color: #425766;
    font-size: 11.4px;
    line-height: 1.16;
    font-weight: 700;
    text-align: center;
    background: none;
    word-break: normal;
    overflow-wrap: normal;
  }

  .pharmacist-page .siteCatchLine {
    display: inline;
    white-space: normal;
    background: linear-gradient(transparent 62%, #fff176 62%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
  }

  .pharmacist-page .comparisonTableSupport .colSite {
    width: 18%;
  }

  .pharmacist-page .comparisonTableSupport .colFacility {
    width: 23%;
  }

  .pharmacist-page .comparisonTableSupport .colJobType {
    width: 42%;
  }

  .pharmacist-page .comparisonTableSupport .colLicenseNarrow {
    width: 17%;
  }

  .pharmacist-page .comparisonTableSupport th,
  .pharmacist-page .comparisonTableSupport td {
    padding: 4px 2px;
  }

  .pharmacist-page .comparisonTableSupport th,
  .pharmacist-page .comparisonTableSupport td {
    border-top-color: #a9d4e5;
    border-right-color: #a9d4e5;
  }

  .pharmacist-page .comparisonTableSupport th:nth-child(3),
  .pharmacist-page .comparisonTableSupport td.facilityCell {
    border-right-color: #f4b8cd;
  }

  .pharmacist-page .comparisonTableSupport th:nth-child(4),
  .pharmacist-page .comparisonTableSupport td.jobTypeCell {
    border-right-color: #9fc6ef;
  }

  .pharmacist-page .comparisonTableSupport th:nth-child(5),
  .pharmacist-page .comparisonTableSupport td.licenseCell {
    border-right-color: #9ed8c6;
  }

  .pharmacist-page .comparisonTableSupport .rankBalloon {
    min-width: 30px;
    height: 14px;
    margin-bottom: 3px;
    padding: 0 4px;
    font-size: 7px;
  }

  .pharmacist-page .comparisonTableSupport .rankBalloon::after {
    bottom: -3px;
    width: 7px;
    height: 4px;
  }

  .pharmacist-page .comparisonTableSupport .compareAgentBannerLink {
    height: 32px;
    margin-bottom: 3px;
  }

  .pharmacist-page .comparisonTableSupport .siteName,
  .pharmacist-page .comparisonTableSupport .siteNameLink {
    font-size: 7px;
    line-height: 1.12;
  }

  .pharmacist-page .comparisonTableSupport .agentExternalIcon {
    width: 0.72em;
    height: 0.72em;
  }

  .pharmacist-page .comparisonTableSupport .siteCatch {
    display: none;
  }

  .pharmacist-page .siteOfficialMini {
    font-size: 10px;
  }

  .pharmacist-page .rankBalloon {
    width: 42px;
    height: 34px;
    margin-bottom: 4px;
    padding-bottom: 5px;
    font-size: 8px;
  }

  .pharmacist-page .rankBalloon span {
    transform: translateY(9px);
  }

  .pharmacist-page .comparisonTable .rankBalloon {
    min-width: 40px;
    height: 18px;
    margin-bottom: 5px;
    padding: 0 6px;
    font-size: 9px;
  }

  .pharmacist-page .comparisonTable .rankBalloon::after {
    bottom: -4px;
    width: 9px;
    height: 5px;
  }

  .pharmacist-page .comparisonTable .rankBalloon span {
    transform: none;
  }

  .pharmacist-page .scoreStars {
    font-size: 8px;
    gap: 0.05em;
  }

  .pharmacist-page .scoreValue {
    font-size: 14px;
  }

  .pharmacist-page .scoreValue::after {
    margin-left: 2px;
    font-size: 8px;
  }

  .pharmacist-page .voiceButton {
    display: inline-flex;
    margin-top: 2px;
    font-size: 8px;
    line-height: 1.1;
  }

  .pharmacist-page .amountBadge {
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 6px 1px;
    border-radius: 10px;
    gap: 1px;
  }

  .pharmacist-page .comparisonTableGeneral .amountBadge {
    max-width: 88px;
    padding: 6px 2px;
    border-width: 1px;
  }

  .pharmacist-page .amountBadge span {
    font-size: 10px;
    letter-spacing: -0.02em;
    white-space: nowrap;
    line-height: 1.15;
  }

  .pharmacist-page .comparisonTableGeneral .amountBadge span {
    font-size: 12px;
  }

  .pharmacist-page .comparisonTableGeneral .amountBadge .amountBadgeMain {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
    font-size: 15.6px;
    letter-spacing: -0.04em;
  }

  .pharmacist-page .siteAmountCell {
    word-break: keep-all;
  }

  .pharmacist-page .amountBadge small {
    font-size: 6px;
    line-height: 1.1;
  }

  .pharmacist-page .amountBadgeBullets {
    gap: 1px;
    margin-top: 1px;
    font-size: 9.5px;
    line-height: 1.2;
  }

  .pharmacist-page .comparisonTableGeneral .amountBadge small {
    display: none;
  }

  .pharmacist-page .comparisonTableGeneral .amountBadgeBullets {
    display: grid;
    gap: 2px;
    margin-top: 4px;
    font-size: 9.1px;
    line-height: 1.1;
  }

  .pharmacist-page .comparisonTableGeneral .amountBadgeBullets li {
    padding: 2px 3px;
    border-radius: 6px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .pharmacist-page .comparisonTable .tableTagList,
.pharmacist-page .comparisonTable .licenseList {
    display: grid;
    gap: 3px;
    justify-items: stretch;
  }

  .pharmacist-page .comparisonTable .licenseList li,
.pharmacist-page .comparisonTable .tableTagList li {
    padding: 3px 4px;
    border-radius: 8px;
    font-size: 8px;
    line-height: 1.15;
    white-space: normal;
  }

  .pharmacist-page .comparisonTableSupport .facilityCell .tableTagList {
    justify-items: center;
    gap: 2px;
  }

  .pharmacist-page .comparisonTableSupport .facilityCell .tableTagList li {
    max-width: 100%;
    padding: 2px 3px;
    border-radius: 7px;
    background: #fff1f7;
    border: 1px solid #f4b8cd;
    color: #6f4054;
    font-size: 9px;
    line-height: 1.1;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .pharmacist-page .comparisonTableSupport .licenseCell .licenseList {
    justify-items: center;
    gap: 2px;
  }

  .pharmacist-page .comparisonTableSupport .licenseCell .licenseList li {
    max-width: 100%;
    padding: 2px 3px;
    border-radius: 7px;
    background: #eefaf5;
    border: 1px solid #9ed8c6;
    color: #315f52;
    font-size: 9px;
    line-height: 1.1;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .pharmacist-page .comparisonTableSupport .jobTypeList {
    gap: 2px;
  }

  .pharmacist-page .comparisonTableSupport .jobTypeList li {
    max-width: 100%;
    padding: 2px 3px;
    border-radius: 7px;
    background: #eef6ff;
    border: 1px solid #9fc6ef;
    color: #2e526f;
    font-size: 9px;
    line-height: 1.1;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .pharmacist-page .compareButton {
    width: 100%;
    min-height: 44px;
    padding: 6px 2px;
    border-radius: 12px;
    font-size: 11px;
    box-shadow: 0 4px 0 rgba(180, 85, 11, 0.2);
  }

  .pharmacist-page .supportRows {
    gap: 5px;
  }

  .pharmacist-page .supportRows div {
    gap: 5px;
    font-size: 9px;
    line-height: 1.2;
  }

  .pharmacist-page .statusPill {
    min-width: 20px;
    min-height: 20px;
    font-size: 10px;
  }

  .pharmacist-page .comparisonTable .featureList.compact {
    gap: 4px;
  }

  .pharmacist-page .comparisonTable .featureList.compact li {
    padding-left: 0.85em;
    font-size: 11.4px;
    line-height: 1.38;
    font-weight: 800;
  }

  .pharmacist-page .privateJobsSection {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .pharmacist-page .privateJobsSource {
    margin-bottom: 7px;
    font-size: 15px;
    line-height: 1.25;
  }

  .pharmacist-page .privateJobsTitle {
    font-size: 21px;
  }

  .pharmacist-page .privateJobsTitle > span:nth-child(2) {
    padding: 0 10px;
  }

  .pharmacist-page .privateJobsTitle > span:nth-child(2) span {
    font-size: 27px;
  }

  .pharmacist-page .privateJobsLead {
    width: min(100%, calc(100% - 28px));
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.7;
    text-align: left;
  }

  .pharmacist-page .privateJobsScroller {
    margin-top: 8px;
    padding: 8px 12px 10px;
  }

  .pharmacist-page .privateJobsList {
    gap: 8px;
  }

  .pharmacist-page .privateJobCard {
    flex-basis: 286px;
  }

  .pharmacist-page .privateJobTitle {
    min-height: 50px;
    padding: 8px;
    font-size: 18px;
  }

  .pharmacist-page .privateJobBody {
    padding: 12px;
  }

  .pharmacist-page .privateJobImageLink {
    min-height: 138px;
  }

  .pharmacist-page .privateJobImage {
    max-height: 120px;
  }

  .pharmacist-page .privateJobSalary {
    font-size: 14px;
  }

  .pharmacist-page .privateJobSalary span {
    font-size: 28px;
  }

  .pharmacist-page .privateJobInfo dl div {
    grid-template-columns: 78px 1fr;
  }

  .pharmacist-page .privateJobInfo dt,
  .pharmacist-page .privateJobInfo dd {
    font-size: 13px;
  }

  .pharmacist-page .privateJobLimitedRow dd {
    min-height: 52px;
  }

  .pharmacist-page .privateJobLimitedLink {
    font-size: 14px;
  }

  .pharmacist-page .privateJobTags {
    margin-right: -12px;
    margin-left: -12px;
    padding: 8px 12px;
  }

  .pharmacist-page .privateJobTags li {
    font-size: 12px;
  }

  .pharmacist-page .privateJobButton {
    font-size: 18px;
  }

  .pharmacist-page .pickupH2Simple .titleMain {
    font-size: 24px;
  }

  .pharmacist-page .pickupH2Simple .SubTitle {
    font-size: 13px;
  }

  .pharmacist-page .pickupH2Simple .SubTitle::before,
.pharmacist-page .pickupH2Simple .SubTitle::after {
    width: 16px;
    height: 2px;
    margin: 0 6px;
  }

  .pharmacist-page .btnWrap {
    margin: 0 10px 10px;
  }

  .pharmacist-page .mainCta {
    min-height: 58px;
    font-size: 16px;
  }

  .pharmacist-page .siteNameSmall {
    font-size: 11px;
  }

  .pharmacist-page .typeHead {
    padding: 16px;
  }

  .pharmacist-page .typeHead strong {
    font-size: 16px;
  }

  .pharmacist-page .typeHead p,
.pharmacist-page .typeBody p,
.pharmacist-page .featureList li {
    font-size: 14px;
  }

  .pharmacist-page .typeHead .toggle {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }

  .pharmacist-page .typeBody {
    padding: 0 16px 16px;
  }

  .pharmacist-page .typeBody .recommend strong {
    font-size: 18px;
  }

  .pharmacist-page .sectionTitle,
.pharmacist-page .simpleSectionTitle {
    font-size: 23px;
  }

  .pharmacist-page .section03 {
    padding-top: 10px;
  }

  .pharmacist-page .sectionTitleWrap {
    margin-bottom: 4px;
    padding: 2px 8px 0;
  }

  .pharmacist-page .sectionTitleWrap::before {
    width: 30px;
    height: 30px;
    transform: translateX(-124px);
  }

  .pharmacist-page .sectionTitleWrap::after {
    width: 24px;
    height: 24px;
    transform: translateX(134px);
  }

  .pharmacist-page .sectionTitle {
    gap: 5px;
  }

  .pharmacist-page .sectionTitle::before,
.pharmacist-page .sectionTitle::after {
    top: 14px;
    width: 18px;
  }

  .pharmacist-page .sectionTitle::before {
    left: -14px;
  }

  .pharmacist-page .sectionTitle::after {
    right: -14px;
  }

  .pharmacist-page .sectionTitleMain {
    padding: 6px 14px;
    font-size: 17px;
  }

  .pharmacist-page .sectionTitleAccent {
    padding: 9px 14px 10px;
    border-radius: 16px;
    font-size: 26px;
  }

  .pharmacist-page .rankingCompareNotice {
    margin: 10px auto 8px;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.7;
    text-align: left;
  }

  .pharmacist-page .rankingContentsWrap {
    margin-top: 6px;
    padding-top: 8px;
  }

  .pharmacist-page .rankingContents {
    margin-top: 14px;
    padding: 12px 12px 18px;
  }

  .pharmacist-page .rankingContents h2 {
    font-size: 19px;
    margin-bottom: 12px;
  }

  .pharmacist-page .rankingHeaderPrimary.isLevtech {
    align-items: center;
    gap: 12px;
    transform: none;
  }

  .pharmacist-page .rankingAgentLink {
    text-decoration-thickness: 2px;
    transform: none;
  }

  .pharmacist-page .rankingAgentCatch {
    max-width: 100%;
    margin: 0;
    font-size: 16.5px;
    line-height: 1.2;
  }

  .pharmacist-page .rankingLeadArea {
    gap: 14px;
    margin-bottom: 18px;
  }

  .pharmacist-page .agentBannerLink {
    width: 100%;
    min-height: 200px;
    border-radius: 18px;
  }

  .pharmacist-page .adBannerPlaceholder {
    min-height: 172px;
    padding: 20px 16px;
  }

  .pharmacist-page .adBannerPlaceholder strong {
    margin-top: 18px;
    font-size: 26px;
  }

  .pharmacist-page .adBannerPlaceholder p {
    margin-top: 10px;
    font-size: 12px;
  }

  .pharmacist-page .rankingFeatureBox {
    padding: 18px 16px;
    border-radius: 18px;
  }

  .pharmacist-page .rankCrown {
    width: 64px;
    height: 52px;
    padding-bottom: 9px;
    font-size: 20px;
  }

  .pharmacist-page .rankingHeroBand {
    gap: 14px;
    padding: 18px 16px;
    border-radius: 18px;
  }

  .pharmacist-page .rankingHeroCopy {
    gap: 10px;
  }

  .pharmacist-page .rankingHeroLabel {
    min-height: 26px;
    padding: 0 10px;
    font-size: 10px;
  }

  .pharmacist-page .rankingHeroCopy strong {
    font-size: 22px;
  }

  .pharmacist-page .rankingHeroCopy p {
    font-size: 13px;
    line-height: 1.7;
  }

  .pharmacist-page .rankingHeroPoints {
    gap: 8px;
  }

  .pharmacist-page .rankingHeroPoints li {
    min-height: 34px;
    padding: 0 10px;
    font-size: 11px;
  }

  .pharmacist-page .rankingHeroAside {
    grid-template-columns: 1fr;
  }

  .pharmacist-page .rankingContentsValuation {
    min-height: 70px;
    gap: 10px;
    padding: 14px 12px;
  }

  .pharmacist-page .rankingContentsValuation strong {
    font-size: 30px;
  }

  .pharmacist-page .scoreLabel {
    font-size: 12px;
  }

  .pharmacist-page .rankingStars {
    font-size: 12px;
    gap: 0.08em;
  }

  .pharmacist-page .rankingContentsValuation strong::after {
    font-size: 12px;
  }

  .pharmacist-page .rankingHeroCta {
    min-height: 54px;
  }

  .pharmacist-page .agentBodySection {
    padding: 20px 16px 18px;
    border-radius: 20px;
  }

  .pharmacist-page .agentBodySection h3 {
    margin-bottom: 12px;
    padding: 7px 14px;
    font-size: 16px;
  }

  .pharmacist-page .agentBodySection p {
    font-size: 14px;
  }

  .pharmacist-page .rankingTerms {
    width: 100%;
    grid-template-columns: 1fr;
    margin-top: 14px;
    padding: 7px;
    gap: 6px;
    border-radius: 16px;
  }

  .pharmacist-page .rankingTermsRow {
    display: grid;
    gap: 6px;
  }

  .pharmacist-page .rankingTerms dl {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: center;
    gap: 5px;
    min-height: 0;
    padding: 7px 9px;
    border-radius: 12px;
  }

  .pharmacist-page .rankingTerms dl::after {
    right: -24px;
    bottom: -28px;
    width: 58px;
    height: 58px;
  }

  .pharmacist-page .rankingTerms dt {
    justify-content: flex-start;
    min-height: 0;
    height: auto;
    margin: 0;
    font-size: 11px;
    line-height: 1.25;
    text-align: left;
  }

  .pharmacist-page .rankingTerms dt::before {
    width: 8px;
    height: 8px;
    flex-basis: 8px;
    box-shadow: 0 0 0 3px rgba(255, 232, 106, 0.24);
  }

  .pharmacist-page .rankingTerms dd {
    justify-content: flex-start;
    min-height: auto;
    padding: 0;
    font-size: 12px;
    line-height: 1.35;
    text-align: left;
  }

  .pharmacist-page .rankingTerms .rankingAreaText {
    font-size: 12px;
    line-height: 1.35;
  }

  .pharmacist-page .rankingTerms .rankingJobsValue small {
    font-size: 7px;
  }

  .pharmacist-page .facilityList li {
    min-width: calc(50% - 8px);
    font-size: 12px;
    padding: 8px 10px;
  }

  .pharmacist-page .rankingTerms .rankingJobsValue {
    align-items: flex-start;
  }

  .pharmacist-page .rankingTerms .licenseList,
  .pharmacist-page .rankingTerms .facilityList {
    justify-content: flex-start;
    gap: 0 8px;
  }

  .pharmacist-page .rankingTerms .licenseList.large li,
  .pharmacist-page .rankingTerms .facilityList li {
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #334858;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
  }

  .pharmacist-page .rankingTermsRowTriple {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .pharmacist-page .rankingTermsRowTriple > dl:nth-child(3) {
    grid-column: 1 / -1;
  }

  .pharmacist-page .pointSection h3 {
    font-size: 16px;
  }

  .pharmacist-page .detailActions .mainCta,
.pharmacist-page .detailActionCopy {
    width: 100%;
    min-width: 0;
  }

  .pharmacist-page .detailActionCopy {
    display: none;
  }

  .pharmacist-page .detailActions .mainCta {
    min-height: 74px;
    padding: 13px 18px 12px;
    border-radius: 999px;
    font-size: 21px;
    line-height: 1.12;
  }

  .pharmacist-page .ctaLeadText {
    display: block;
    font-size: 11px;
  }

  .pharmacist-page .detailActionNote {
    max-width: 100%;
    font-size: clamp(12px, 3.55vw, 14px);
    line-height: 1.25;
    white-space: nowrap;
  }

  .pharmacist-page .voicesTitle {
    margin-top: 18px;
  }

  .pharmacist-page .voicesTitle span {
    font-size: 12px;
  }

  .pharmacist-page .voicesTitle strong {
    font-size: 18px;
  }

  .pharmacist-page .voicesGrid {
    gap: 12px;
  }

  .pharmacist-page .voicesNote {
    margin-top: 8px;
    font-size: 11px;
  }

  .pharmacist-page .voiceCard {
    padding: 46px 16px 18px;
    border-radius: 18px;
  }

  .pharmacist-page .voiceCardBadge {
    top: 12px;
    left: 14px;
    min-height: 26px;
    padding: 0 11px;
    font-size: 11px;
    letter-spacing: 0.02em;
  }

  .pharmacist-page .voiceCardBadgeIcon {
    width: 13px;
    height: 13px;
  }

  .pharmacist-page .voiceText strong {
    font-size: 15px;
    padding-right: 28px;
  }

  .pharmacist-page .voiceText span,
.pharmacist-page .faqList p {
    font-size: 14px;
  }

  .pharmacist-page .voiceCard dd p {
    font-size: 13px;
  }

  .pharmacist-page .faqList summary {
    min-height: 64px;
    padding: 16px 52px 16px 56px;
    font-size: 16px;
    line-height: 1.45;
  }

  .pharmacist-page .faqList summary::before {
    left: 16px;
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  .pharmacist-page .faqList summary::after {
    right: 14px;
    width: 30px;
    height: 30px;
    font-size: 23px;
  }

  .pharmacist-page .faqList p {
    padding-right: 18px;
    padding-left: 56px;
    line-height: 1.8;
  }

  .pharmacist-page .faqList details[open] p:last-child {
    padding-bottom: 20px;
  }

  .pharmacist-page .faqList summary + p {
    padding-top: 14px;
  }

  .pharmacist-page .footerLinks {
    gap: 10px 18px;
  }

  .pharmacist-page .legalHero {
    padding: 82px 16px 30px;
  }

  .pharmacist-page .legalCard {
    padding: 22px 18px;
    border-radius: 22px;
  }

  .pharmacist-page .companyTable,
.pharmacist-page .companyTable tbody,
.pharmacist-page .companyTable tr,
.pharmacist-page .companyTable th,
.pharmacist-page .companyTable td {
    display: block;
    width: 100%;
  }

  .pharmacist-page .companyTable th,
.pharmacist-page .companyTable td {
    padding: 0;
    border-bottom: none;
  }

  .pharmacist-page .companyTable tr + tr {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #dbeef7;
  }

  .pharmacist-page .companyTable td {
    margin-top: 8px;
  }

  .pharmacist-page .exitPopupOverlay {
    padding: 28px;
  }

  .pharmacist-page .exitPopupDialog {
    width: min(100%, 498px);
    max-height: calc(100vh - 56px);
    max-height: calc(100dvh - 56px);
    padding: 18px 28px 23px;
    border-radius: 13px;
  }

  .pharmacist-page .exitPopupClose {
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
  }

  .pharmacist-page .exitPopupClose::before,
  .pharmacist-page .exitPopupClose::after {
    width: 25px;
    height: 4px;
  }

  .pharmacist-page .exitPopupIllustration {
    width: min(168px, 43vw);
    margin: 0 auto 8px;
  }

  .pharmacist-page .exitPopupTitle {
    font-size: 26px;
  }

  .pharmacist-page .exitPopupHighlight {
    font-size: clamp(19px, 5vw, 22px);
  }

  .pharmacist-page .exitPopupCopy {
    font-size: clamp(13px, 3.65vw, 17px);
    line-height: 1.5;
  }

  .pharmacist-page .exitPopupCta {
    min-height: 86px;
    margin-top: 24px;
    border-radius: 29px;
    font-size: 28px;
  }
}
@media (max-width: 360px) {
  .pharmacist-page .rankingAgentCatch {
    max-width: 100%;
    margin-left: 0;
    font-size: 16.5px;
  }
}
/* .temporary-work-page */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
@keyframes temporary-work-liveBannerFloat {
  0%,
  100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 14px 28px rgba(255, 194, 66, 0.18);
  }
  50% {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 18px 34px rgba(255, 194, 66, 0.24);
  }
}
@keyframes temporary-work-ctaNotePulse {
  0%,
  100% {
    transform: translateY(0);
    box-shadow: 0 10px 22px rgba(76, 165, 208, 0.1);
  }
  50% {
    transform: translateY(-2px);
    box-shadow: 0 14px 26px rgba(76, 165, 208, 0.14);
  }
}
@keyframes temporary-work-ctaNoteShine {
  0% {
    transform: translateX(-130%);
  }
  55%,
  100% {
    transform: translateX(130%);
  }
}
@keyframes temporary-work-ctaNoteArrowDrop {
  from {
    transform: translateX(-50%) translateY(0);
  }
  to {
    transform: translateX(-50%) translateY(4px);
  }
}
/* temporary-work: period-job.jp tone for the comparison and all following content */
/* .driver-page */
html {
  scroll-behavior: smooth;
}
@keyframes driver-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes driver-comparePulseFloat {
  0%,
  100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 10px 22px rgba(244, 172, 31, 0.2),
      0 0 0 0 rgba(255, 196, 64, 0.22);
  }
  50% {
    transform: translateY(-3px) scale(1.02);
    box-shadow:
      0 18px 30px rgba(244, 172, 31, 0.3),
      0 0 0 10px rgba(255, 196, 64, 0);
  }
}
@keyframes driver-comparePulseGlow {
  0%,
  100% {
    filter: saturate(1);
  }
  50% {
    filter: saturate(1.08);
  }
}
@keyframes driver-comparePulseShine {
  0%,
  18% {
    transform: translateX(-210%) rotate(14deg);
    opacity: 0;
  }
  28% {
    opacity: 1;
  }
  56% {
    transform: translateX(420%) rotate(14deg);
    opacity: 0.95;
  }
  100% {
    transform: translateX(420%) rotate(14deg);
    opacity: 0;
  }
}
@keyframes driver-comparePulseCountPop {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  20% {
    transform: translateY(-1px) scale(1.06);
  }
  30% {
    transform: translateY(-3px) scale(1.14);
  }
  42% {
    transform: translateY(0) scale(1.02);
  }
}
@keyframes driver-comparePulseCountGlow {
  0%,
  100% {
    opacity: 0.3;
    transform: scaleX(0.86);
  }
  30% {
    opacity: 0.7;
    transform: scaleX(1.08);
  }
}
@keyframes driver-privateJobShine {
  0% {
    opacity: 0.1;
    transform: translateX(-800%);
  }
  30% {
    opacity: 0.35;
    transform: translateX(170%);
    filter: blur(10px);
  }
  100% {
    opacity: 0.1;
    transform: translateX(1200%);
  }
}
@keyframes driver-detailCopyFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}
@keyframes driverCtaShine {
  0%,
  28% {
    transform: translateX(0) rotate(12deg);
  }
  62%,
  100% {
    transform: translateX(360%) rotate(12deg);
  }
}
.ptot-page .faqAnswerHighlight {
  color: #2f3438;
  font-weight: 700;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
/* .taxi-page */
html {
  scroll-behavior: smooth;
}
@keyframes taxi-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes taxi-comparePulseFloat {
  0%,
  100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 10px 22px rgba(244, 172, 31, 0.2),
      0 0 0 0 rgba(255, 196, 64, 0.22);
  }
  50% {
    transform: translateY(-3px) scale(1.02);
    box-shadow:
      0 18px 30px rgba(244, 172, 31, 0.3),
      0 0 0 10px rgba(255, 196, 64, 0);
  }
}
@keyframes taxi-comparePulseGlow {
  0%,
  100% {
    filter: saturate(1);
  }
  50% {
    filter: saturate(1.08);
  }
}
@keyframes taxi-comparePulseShine {
  0%,
  18% {
    transform: translateX(-210%) rotate(14deg);
    opacity: 0;
  }
  28% {
    opacity: 1;
  }
  56% {
    transform: translateX(420%) rotate(14deg);
    opacity: 0.95;
  }
  100% {
    transform: translateX(420%) rotate(14deg);
    opacity: 0;
  }
}
@keyframes taxi-comparePulseCountPop {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  20% {
    transform: translateY(-1px) scale(1.06);
  }
  30% {
    transform: translateY(-3px) scale(1.14);
  }
  42% {
    transform: translateY(0) scale(1.02);
  }
}
@keyframes taxi-comparePulseCountGlow {
  0%,
  100% {
    opacity: 0.3;
    transform: scaleX(0.86);
  }
  30% {
    opacity: 0.7;
    transform: scaleX(1.08);
  }
}
@keyframes taxi-detailCopyFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}
@keyframes taxiCtaShine {
  0%,
  28% {
    transform: translateX(0) rotate(12deg);
  }
  62%,
  100% {
    transform: translateX(360%) rotate(12deg);
  }
}
.it-agent-page .voiceCard::before,
.freelance-agent-page .voiceCard::before,
.pharmacist-page .voiceCard::before,
.driver-page .voiceCard::before,
.taxi-page .voiceCard::before {
  z-index: 0;
  pointer-events: none;
}
.it-agent-page .voiceCardBadge,
.freelance-agent-page .voiceCardBadge,
.pharmacist-page .voiceCardBadge,
.driver-page .voiceCardBadge,
.taxi-page .voiceCardBadge {
  gap: 5px;
  z-index: 1;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.it-agent-page .voiceCardBadge span,
.freelance-agent-page .voiceCardBadge span,
.pharmacist-page .voiceCardBadge span,
.driver-page .voiceCardBadge span,
.taxi-page .voiceCardBadge span {
  display: inline-block;
}
.it-agent-page .voiceCardBadgeIcon,
.freelance-agent-page .voiceCardBadgeIcon,
.pharmacist-page .voiceCardBadgeIcon,
.driver-page .voiceCardBadgeIcon,
.taxi-page .voiceCardBadgeIcon {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: rgba(255, 255, 255, 0.96);
}
.it-agent-page .voiceCard.tone2 .voiceCardBadgeIcon path:last-child,
.freelance-agent-page .voiceCard.tone2 .voiceCardBadgeIcon path:last-child,
.pharmacist-page .voiceCard.tone2 .voiceCardBadgeIcon path:last-child,
.driver-page .voiceCard.tone2 .voiceCardBadgeIcon path:last-child,
.taxi-page .voiceCard.tone2 .voiceCardBadgeIcon path:last-child {
  stroke: #ee9e2e;
}
.it-agent-page .voiceCard dl,
.freelance-agent-page .voiceCard dl,
.pharmacist-page .voiceCard dl,
.driver-page .voiceCard dl,
.taxi-page .voiceCard dl {
  position: relative;
  z-index: 1;
}
@keyframes freelance-privateJobShine {
  0% {
    opacity: 0.1;
    transform: translateX(-800%);
  }
  30% {
    opacity: 0.35;
    transform: translateX(170%);
    filter: blur(10px);
  }
  100% {
    opacity: 0.1;
    transform: translateX(1200%);
  }
}
/* IT private jobs */
@keyframes it-privateJobShine {
  0% {
    opacity: 0.1;
    transform: translateX(-800%);
  }

  30% {
    opacity: 0.35;
    transform: translateX(170%);
    filter: blur(10px);
  }

  100% {
    opacity: 0.1;
    transform: translateX(1200%);
  }
}
.ptot-page .logoTextDriver::after {
  right: 0;
}
.ptot-page .headerWrap {
  justify-content: center;
  text-align: center;
}
.ptot-page .logo {
  margin: 0 auto;
}
.ptot-page .fvLoopTextLogo {
  letter-spacing: 0;
}
.ptot-page .fvLoopLogoImage {
  max-width: 184px;
  max-height: 32px;
}
.ptot-page .fvLoopTextLogo.is-ptotst-worker {
  color: #2d7eb5;
  font-size: 22px;
}
.ptot-page .fvLoopTextLogo.is-mynavi-comedical {
  color: #1f6fb2;
  font-size: 21px;
}
.ptot-page .fvLoopTextLogo.is-levwell-ptot {
  color: #20885f;
  font-size: 22px;
}
.ptot-page .comparisonTablePtot {
  width: 100%;
  min-width: 0;
  border: 2px solid #61b9dd;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.ptot-page .compareSingleTitle {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 22px 18px 18px;
  border-radius: 22px 22px 0 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0 1px, transparent 1px 22px),
    linear-gradient(180deg, #eefaff 0%, #cfeefa 100%);
  background-size: 22px 100%, auto;
  color: #196c91;
  border: 3px solid #61b9dd;
  border-bottom: 0;
  box-shadow: inset 0 -5px 0 rgba(76, 165, 208, 0.16);
  letter-spacing: 0;
  text-shadow: none;
}
.ptot-page .compareSingleTitle::before,
.ptot-page .compareSingleTitle::after {
  content: "";
  position: static;
  z-index: 1;
  width: 34px;
  height: 2px;
  flex: 0 0 34px;
  border-radius: 999px;
  background: #4ca5d0;
  box-shadow:
    0 -7px 0 -2px #ffe86a,
    0 7px 0 -2px #ffe86a;
}
.ptot-page .compareSingleTitle::after {
  transform: scaleX(-1);
}
.ptot-page .comparisonTableWrap {
  overflow-x: visible;
  padding: 0;
  background: transparent;
}
.ptot-page .comparisonTableMobileWrap {
  display: none;
  overflow: visible;
  padding: 0;
  border: 2px solid #a7d9ee;
  background: #a7d9ee;
  box-shadow: 0 12px 26px rgba(76, 165, 208, 0.1);
}
.ptot-page .comparisonTableMobile {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  overflow: hidden;
  background: linear-gradient(180deg, #f8fdff 0%, #ffffff 100%);
}
.ptot-page .comparisonTableMobile th,
.ptot-page .comparisonTableMobile td {
  padding: 8px 4px;
  border-right: 1px solid #d7ebf5;
  border-bottom: 1px solid #d7ebf5;
  text-align: center;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.92);
}
.ptot-page .comparisonTableMobile tr > *:last-child {
  border-right: none;
}
.ptot-page .comparisonTableMobile tbody tr:last-child td {
  border-bottom: none;
}
.ptot-page .mobileCompareAgentCell {
  vertical-align: top;
}
.ptot-page .mobileCompareAgentHead {
  display: grid;
  justify-items: center;
  gap: 4px;
}
.ptot-page .mobileCompareAgentBannerLink {
  display: block;
  width: 100%;
}
.ptot-page .mobileCompareAgentLink {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 2.4em;
  overflow: hidden;
  overflow-wrap: anywhere;
  color: #245d79;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 0.14em;
}
.ptot-page .mobileCompareLabelRow th {
  padding: 8px 10px;
  background: #eef3f6;
  color: #526676;
  font-size: 14px;
  font-weight: 800;
  text-align: left;
}
.ptot-page .mobileCompareValueRow td {
  vertical-align: middle;
}
.ptot-page .mobileCompareValueRow td > .mobileCompareText,
.ptot-page .mobileCompareValueRow td > .mobileComparePillList,
.ptot-page .mobileCompareValueRow td > .mobileCompareSiteButton {
  min-height: 100%;
}
.ptot-page .mobileCompareText {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 3px;
  color: #495f6d;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 700;
  word-break: break-word;
}
.ptot-page .mobileCompareText strong {
  color: var(--pink);
  font-size: 13px;
  line-height: 1.25;
}
.ptot-page .mobileCompareText small {
  display: block;
  color: #6b8090;
  font-size: 9px;
  line-height: 1.35;
  font-weight: 600;
}
.ptot-page .mobileComparePillList {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ptot-page .mobileComparePillList li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #eef8fc;
  color: #4f4f4f;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
}
.ptot-page .mobileCompareSiteButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 96px);
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffae66 0%, #eb781d 100%);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
}
.ptot-page .mobileCompareValueRow td > .mobileCompareSiteButton {
  min-height: 36px;
}
.ptot-page .comparisonTablePtot .colSite {
  width: 20%;
}
.ptot-page .comparisonTablePtot .colScore {
  width: 9%;
}
.ptot-page .comparisonTablePtot .colTarget {
  width: 9%;
}
.ptot-page .comparisonTablePtot .colJobTypes {
  width: 14%;
}
.ptot-page .comparisonTablePtot .colJobs {
  width: 13%;
}
.ptot-page .comparisonTablePtot .colHidden {
  width: 23%;
}
.ptot-page .comparisonTablePtot .colEmployment {
  width: 12%;
}
.ptot-page .comparisonTablePtot th,
.ptot-page .comparisonTablePtot td {
  padding-right: 6px;
  padding-left: 6px;
  border: 2px solid #61b9dd;
}
.ptot-page .comparisonTablePtot th {
  font-size: 17px;
}
.ptot-page .rankingTerms {
  width: min(940px, 100%);
  margin: 22px auto 0;
  padding: 16px;
  gap: 12px;
  border: 1px solid #cfe9f4;
  border-radius: 22px;
  background:
    radial-gradient(circle at 8% 10%, rgba(255, 232, 106, 0.28), transparent 18%),
    radial-gradient(circle at 92% 14%, rgba(76, 165, 208, 0.18), transparent 20%),
    linear-gradient(180deg, #ffffff 0%, #f2fbff 100%);
  box-shadow: 0 14px 30px rgba(76, 165, 208, 0.12);
}
.ptot-page .rankingFeatureFootnote {
  margin: 8px 0 0;
  color: #6d7f8c;
  font-size: 10px;
  line-height: 1.45;
  font-weight: 600;
  text-align: left;
}
.ptot-page .rankingTermsRow {
  gap: 12px;
}
.ptot-page .rankingTerms dl {
  position: relative;
  display: grid;
  align-content: center;
  gap: 9px;
  min-height: 112px;
  padding: 14px 12px;
  overflow: hidden;
  border: 1px solid #d7eef7;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 18px rgba(76, 165, 208, 0.08);
}
.ptot-page .rankingTerms dl::after {
  content: "";
  position: absolute;
  right: -16px;
  bottom: -20px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(114, 196, 223, 0.12);
}
.ptot-page .rankingTerms dt {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #31789a;
  font-size: 14px;
  line-height: 1.25;
}
.ptot-page .rankingTerms dt::before {
  content: "";
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
  background: linear-gradient(180deg, #ffe86a 0%, #f6a14b 100%);
  box-shadow: 0 0 0 4px rgba(255, 232, 106, 0.24);
}
.ptot-page .rankingTerms dd {
  position: relative;
  z-index: 1;
  min-height: 0;
  padding: 0;
  color: #334858;
  font-size: 18px;
  line-height: 1.45;
}
.ptot-page .rankingTerms .rankingAreaText {
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: normal;
}
.ptot-page .rankingTerms .rankingJobsText {
  font-size: 15px;
  line-height: 1.35;
}
.ptot-page .rankingTermsRowSplit {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ptot-page .rankingTermsRowSplit .facilityList {
  flex-wrap: nowrap;
  gap: 10px;
  font-size: 15px;
}
.ptot-page .rankingTermWithNote {
  flex-direction: column;
  gap: 2px;
}
.ptot-page .comparisonTablePtot td {
  height: 1px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
}
.ptot-page .comparisonTablePtot th:nth-child(2),
.ptot-page .comparisonTablePtot td:nth-child(2) {
  padding-inline: 4px;
}
.ptot-page .comparisonTablePtot th:nth-child(2) {
  font-size: 16px;
}
.ptot-page .siteScoreCell {
  vertical-align: middle;
}
.ptot-page .siteScoreCell .compareSiteScore {
  gap: 6px;
  padding-inline: 2px;
  overflow: hidden;
}
.ptot-page .siteScoreCell .compareSiteScoreStars {
  font-size: 12px;
  gap: 0.04em;
}
.ptot-page .siteScoreCell .compareSiteScoreNumber {
  font-size: 31px;
}
.ptot-page .siteScoreCell .compareSiteScoreUnit {
  font-size: 13px;
}
.ptot-page .siteScoreCell .compareSiteReviewLink {
  font-size: 12px;
  text-decoration-thickness: 1px;
}
.ptot-page .siteCatch {
  display: inline;
  font-weight: 700;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.ptot-page .compareSiteScore {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
  min-height: 172px;
  padding: 12px 4px;
}
.ptot-page .compareSiteScoreStars {
  --star-rating-active: #f6a14b;
  --star-rating-inactive: #e7d8c8;
  display: inline-flex;
  align-items: center;
  gap: 0.12em;
  color: var(--star-rating-active);
  font-size: 18px;
  line-height: 1;
}
.ptot-page .compareSiteScoreValue {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  line-height: 1;
}
.ptot-page .compareSiteScoreNumber {
  color: #277bd6;
  font-size: 54px;
  font-style: italic;
  font-weight: 900;
  letter-spacing: 0;
}
.ptot-page .compareSiteScoreUnit {
  color: #4f4f4f;
  font-size: 24px;
  font-weight: 900;
}
.ptot-page .compareSiteReviewLink {
  color: #72c4df;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 900;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.12em;
}
.ptot-page .ptotTableValue {
  display: block;
  color: var(--pink);
  font-size: 18px;
  line-height: 1.35;
}
.ptot-page .ptotTableNote,
.ptot-page .rankingTermNote {
  display: block;
  margin-top: 0;
  color: #6b8090;
  font-size: 9px;
  line-height: 1.25;
  font-weight: 600;
}
.ptot-page .rankingTerms dd .rankingTermNote {
  margin-top: 0;
  font-size: 9px;
  line-height: 1.25;
}
.ptot-page .agentBodyHighlight {
  color: #2a3c4a;
  font-weight: 800;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.ptot-page .voiceCard dd p {
  white-space: pre-line;
}
.ptot-page .detailActions {
  width: min(100%, 560px);
  gap: 0;
}
.ptot-page .detailActionCopy {
  display: none;
  pointer-events: none;
}
.ptot-page .detailActionCopy span {
  background: linear-gradient(180deg, #22a7e8 0%, #0f7fd0 100%);
  box-shadow:
    0 8px 16px rgba(15, 127, 208, 0.25),
    0 0 0 3px rgba(255, 255, 255, 0.96);
}
.ptot-page .detailActions .mainCta {
  position: relative;
  display: grid;
  gap: 4px;
  min-height: 78px;
  padding: 18px 28px 14px;
  overflow: hidden;
  isolation: isolate;
}
.ptot-page .detailActions .mainCta::before {
  content: "";
  position: absolute;
  inset: -40% auto -40% -24%;
  z-index: -1;
  width: 42%;
  transform: rotate(12deg);
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.42) 48%, transparent 100%);
  animation: ptotCtaShine 3.4s ease-in-out infinite;
}
.ptot-page .ctaLeadText {
  display: block;
  color: #fff7bd;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(119, 58, 0, 0.18);
}
.ptot-page .detailActionNote {
  margin: 12px 0 0;
  color: #666;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
}
@keyframes ptotCtaShine {
  0%,
  28% {
    transform: translateX(0) rotate(12deg);
  }
  62%,
  100% {
    transform: translateX(360%) rotate(12deg);
  }
}
.ptot-page .ptotBannerPlaceholder {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 260px;
  padding: 28px;
  border: 2px dashed #b9dceb;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.8) 25%, transparent 25%) 0 0 / 22px 22px,
    linear-gradient(135deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%) 0 0 / 22px 22px,
    linear-gradient(180deg, #f7fcff 0%, #edf6ff 100%);
  color: #4c7890;
  text-align: center;
}
.ptot-page .ptotBannerPlaceholder.is-compact {
  min-height: 100%;
  padding: 6px;
  border-width: 1px;
}
.ptot-page .ptotBannerPlaceholder span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: #4ca5d0;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
}
.ptot-page .ptotBannerPlaceholder strong {
  display: block;
  margin-top: 12px;
  color: #2f6f8f;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 900;
}
.ptot-page .ptotBannerPlaceholder p {
  margin: 8px 0 0;
  color: #60717c;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
.ptot-page .ptotBannerPlaceholder.is-compact strong {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.15;
}
.ptot-page .ptotBannerPlaceholder.is-compact p {
  display: none;
}
.ptot-page .ptotJobImagePlaceholder {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 150px;
  padding: 0;
  overflow: hidden;
  border-radius: 6px;
  background:
    radial-gradient(circle at 50% 42%, rgba(255, 232, 106, 0.45), transparent 24%),
    linear-gradient(180deg, #f7fcff 0%, #edf6ff 100%);
  color: #4c7890;
  text-align: center;
}
.ptot-page .ptotJobImage {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}
.ptot-page .ptotJobImagePlaceholder span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: #4ca5d0;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
}
.ptot-page .ptotJobImagePlaceholder strong {
  display: block;
  margin-top: 8px;
  color: #2f6f8f;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 900;
}
.ptot-page .privateJobsLead {
  width: min(760px, calc(100% - 32px));
  margin: 18px auto 0;
  color: #334858;
  font-size: 17px;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
}
.ptot-page .privateJobsLead strong {
  color: #2a3c4a;
  font-weight: 700;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.ptot-page .privateJobsSource {
  margin: 0 auto 8px;
  color: #56697c;
  font-size: 19.2px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .ptot-page .logoText {
    font-size: 20px;
  }

  .ptot-page .fvLoopLogoImage {
    max-width: 134px;
    max-height: 24px;
  }

  .ptot-page .fvLoopTextLogo.is-ptotst-worker,
  .ptot-page .fvLoopTextLogo.is-mynavi-comedical,
  .ptot-page .fvLoopTextLogo.is-levwell-ptot {
    font-size: 15px;
  }

  .ptot-page .comparisonTableWrap {
    display: none;
  }

  .ptot-page .comparisonTableMobileWrap {
    display: block;
  }

  .ptot-page .compareSingleTitle {
    gap: 8px;
    padding: 14px 10px 12px;
    border-radius: 18px 18px 0 0;
    font-size: 20px;
    line-height: 1.16;
  }

  .ptot-page .compareSingleTitle::before,
  .ptot-page .compareSingleTitle::after {
    width: 18px;
    flex-basis: 18px;
  }

  .ptot-page .rankingHeader.hasPromo {
    grid-template-columns: 1fr;
  }

  .ptot-page .mobileRankingScore {
    display: none !important;
  }

  .ptot-page .rankingAgentNameLine {
    display: inline;
  }

  .ptot-page .rankingTermsRowSplit {
    grid-template-columns: 1fr;
  }

  .ptot-page .rankingTerms {
    width: 100%;
    margin-top: 14px;
    padding: 7px;
    gap: 6px;
    border-radius: 16px;
  }

  .ptot-page .rankingTermsRow {
    gap: 6px;
  }

  .ptot-page .rankingTerms dl {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: center;
    gap: 5px;
    min-height: 0;
    padding: 7px 9px;
    border-radius: 12px;
  }

  .ptot-page .rankingTerms dl::after {
    right: -24px;
    bottom: -28px;
    width: 58px;
    height: 58px;
  }

  .ptot-page .rankingTerms dt {
    justify-content: flex-start;
    min-height: 0;
    height: auto;
    font-size: 11px;
    line-height: 1.25;
    text-align: left;
  }

  .ptot-page .rankingTerms dt::before {
    width: 8px;
    height: 8px;
    flex-basis: 8px;
    box-shadow: 0 0 0 3px rgba(255, 232, 106, 0.24);
  }

  .ptot-page .rankingTerms dd {
    justify-content: flex-start;
    min-height: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.35;
    text-align: left;
  }

  .ptot-page .rankingTermWithNote {
    align-items: flex-start;
    gap: 1px;
    text-align: left;
  }

  .ptot-page .rankingTerms dd.rankingTermWithNote {
    align-items: flex-start;
    justify-content: flex-start;
  }

  .ptot-page .rankingTermsRowSplit .facilityList {
    flex-wrap: wrap;
    gap: 3px 8px;
    font-size: inherit;
  }

  .ptot-page .rankingTerms .licenseList {
    gap: 0 8px;
  }

  .ptot-page .rankingTerms dd .rankingTermNote {
    font-size: 7px;
    line-height: 1.15;
  }

  .ptot-page .ptotTableValue {
    font-size: 12px;
  }

  .ptot-page .ptotTableNote {
    font-size: 7px;
  }

  .ptot-page .ptotBannerPlaceholder strong {
    font-size: 24px;
  }

  .ptot-page .ptotBannerPlaceholder.is-compact strong {
    font-size: 9px;
  }

  .ptot-page .ptotBannerPlaceholder span {
    min-height: 18px;
    font-size: 9px;
  }

  .ptot-page .ptotJobImagePlaceholder {
    min-height: 118px;
  }

  .ptot-page .ptotJobImage {
    height: 118px;
  }

  .ptot-page .detailActions {
    width: min(100%, 360px);
    margin-top: 20px;
  }

  .ptot-page .detailActionCopy {
    display: none;
  }

  .ptot-page .detailActions .mainCta {
    min-height: 74px;
    padding: 13px 18px 12px;
    border-radius: 999px;
    font-size: 21px;
    line-height: 1.12;
  }

  .ptot-page .ctaLeadText {
    display: block;
    font-size: 11px;
  }

  .ptot-page .detailActionNote {
    max-width: 100%;
    font-size: 10px;
    line-height: 1.25;
    white-space: nowrap;
    overflow-wrap: normal;
  }

  .ptot-page .privateJobsSource {
    margin: 0 auto 7px;
    color: #56697c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
  }

  .ptot-page .privateJobsTitle {
    font-size: 17px;
    line-height: 1.2;
    white-space: nowrap;
  }

  .ptot-page .privateJobsTitle > span:nth-child(2) {
    padding: 0 8px;
    white-space: nowrap;
  }

  .ptot-page .privateJobsTitle > span:nth-child(2) span {
    font-size: 24px;
    white-space: nowrap;
  }

  .ptot-page .privateJobsLead {
    width: min(100%, calc(100% - 28px));
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.7;
    text-align: left;
  }

  .ptot-page .mobileCompareAgentLink {
    font-size: 10px;
  }

  .ptot-page .mobileCompareLabelRow th {
    padding: 6px 8px;
    font-size: 11px;
  }

  .ptot-page .mobileCompareText {
    font-size: 9px;
    line-height: 1.35;
  }

  .ptot-page .mobileCompareText strong {
    font-size: 10px;
  }

  .ptot-page .mobileCompareText small {
    font-size: 8px;
  }

  .ptot-page .mobileComparePillList li {
    min-height: 21px;
    padding: 0 6px;
    font-size: 9px;
  }

  .ptot-page .mobileCompareValueRow .compareSiteScore {
    min-height: 96px;
    gap: 5px;
    padding: 8px 2px;
  }

  .ptot-page .mobileCompareValueRow .compareSiteScoreStars {
    font-size: 12px;
    gap: 0.06em;
  }

  .ptot-page .mobileCompareValueRow .compareSiteScoreNumber {
    font-size: 30px;
  }

  .ptot-page .mobileCompareValueRow .compareSiteScoreUnit {
    font-size: 14px;
  }

  .ptot-page .mobileCompareValueRow .compareSiteReviewLink {
    font-size: 11px;
    text-decoration-thickness: 1px;
  }

  .ptot-page .compareCrown {
    width: 24px;
    height: 20px;
    padding-bottom: 3px;
    font-size: 10px;
  }

  .ptot-page .mobileCompareSiteButton {
    width: min(100%, 88px);
    min-height: 34px;
    padding: 0 8px;
    font-size: 11px;
  }

  .ptot-page .mobileCompareValueRow td > .mobileCompareSiteButton {
    min-height: 34px;
  }
}
/* Engineer page: align ranking/private-job accents with taxi/PTOT pages */
@keyframes it-detailCopyFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}
@keyframes itCtaShine {
  0%,
  28% {
    transform: translateX(0) rotate(12deg);
  }
  62%,
  100% {
    transform: translateX(360%) rotate(12deg);
  }
}
/* Freelance page requested refinements */
/* Game agent LP: match the legacy comparison table more closely */
@media (max-width: 768px) {
  .game-agent-page .compareContent {
    padding: 16px 10px 18px;
    border: 0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(30, 76, 102, 0.08);
  }

  .game-agent-page .comparisonTableMobileWrap {
    overflow-x: auto;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
  }

  .game-agent-page .comparisonTableMobile {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    background: #fff;
    border-radius: 0;
  }

  .game-agent-page .comparisonTableMobile td,
  .game-agent-page .comparisonTableMobile th {
    padding: 8px 4px;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background: #fff;
    color: #333;
  }

  .game-agent-page .comparisonTableMobile tr > *:last-child {
    border-right: none;
  }

  .game-agent-page .comparisonTableMobile .mobileCompareAgentCell:first-child,
  .game-agent-page .comparisonTableMobile .mobileCompareValueRow td:first-child {
    background: #fffde8;
  }

  .game-agent-page .mobileTableRankCrown {
    display: none;
  }

  .game-agent-page .mobileCompareThumbWrap {
    padding-top: 0;
  }

  .game-agent-page .mobileCompareThumbLink {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    background: transparent;
  }

  .game-agent-page .mobileCompareThumb {
    width: 100%;
    height: 52px;
    object-fit: contain;
  }

  .game-agent-page .mobileCompareAgentLink {
    display: block;
    min-height: 0;
    margin-top: 4px;
    color: #2b95c8;
    font-size: 12px;
    line-height: 1.15;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 0.12em;
    word-break: break-all;
    overflow: visible;
  }

  .game-agent-page .mobileCompareLabelRow th {
    padding: 8px 10px;
    background: #f2f2f2;
    color: #3c5262;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 800;
    text-align: left;
  }

  .game-agent-page .mobileCompareValueRow td {
    min-height: 72px;
    vertical-align: middle;
  }

  .game-agent-page .comparisonTableMobile .mobileCompareValue {
    gap: 2px;
  }

  .game-agent-page .comparisonTableMobile .mobileCompareValue .compareValueText,
  .game-agent-page .mobileComparePoint {
    color: #333;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  .game-agent-page .mobileCompareRating {
    gap: 1px;
  }

  .game-agent-page .mobileCompareStarRating {
    font-size: 12px;
    letter-spacing: 0;
  }

  .game-agent-page .mobileCompareRatingPoint {
    color: #334858;
    font-size: 12px;
    font-weight: 800;
  }

  .game-agent-page .comparisonTableMobile .markBadge,
  .game-agent-page .comparisonTableMobile .markBadgePlaceholder {
    min-width: 25px;
    min-height: 25px;
    font-size: 20px;
    line-height: 1;
    background: transparent;
    box-shadow: none;
  }

  .game-agent-page .comparisonTableMobile .markBadge.is-high {
    color: #49aee2;
  }

  .game-agent-page .comparisonTableMobile .markBadge.is-mid {
    color: #78d0a4;
  }
}
@media (min-width: 769px) {
  .game-agent-page .compareTableWide th:nth-child(6),
  .game-agent-page .compareTableWide td[data-label="得意職種"] {
    width: 112px;
    min-width: 112px;
    max-width: 112px;
    padding-right: 6px;
    padding-left: 6px;
  }

  .game-agent-page .compareTableWide td[data-label="得意職種"] .compareValue {
    width: 100%;
    justify-items: stretch;
  }

  .game-agent-page .specialtyTagList {
    align-items: stretch;
  }

  .game-agent-page .specialtyTagList li {
    display: block;
    min-height: 0;
    padding: 5px 6px;
    border-radius: 12px;
    font-size: 10px;
    line-height: 1.25;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
}
.game-agent-page small,
.game-agent-page .compareValueNote,
.game-agent-page .comparisonFootnotes {
  font-size: 0.72em;
  line-height: 1.35;
  font-weight: 700;
}
.game-agent-page .rankingTerms dd small {
  display: block;
  margin-top: 2px;
  font-size: 0.68em;
  line-height: 1.25;
}
.game-agent-page .inlineNote {
  font-size: 0.72em;
  line-height: 1.25;
  font-weight: 700;
}
/* Game agent LP: pharmacist-style comparison tables */
.game-agent-page .compareContent .compareTab {
  display: flex;
  margin: 0;
  padding: 0 8px;
  list-style: none;
}
.game-agent-page .comparePulseNotice {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 46px;
  margin: 0 auto 14px;
  padding: 0 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, #fff4c8 0%, #ffe99d 48%, #ffd875 100%);
  color: #7a5400;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0.02em;
  overflow: hidden;
  box-shadow:
    0 10px 22px rgba(244, 172, 31, 0.2),
    0 0 0 0 rgba(255, 196, 64, 0.36);
  animation:
    game-comparePulseFloat 2.6s ease-in-out infinite,
    game-comparePulseGlow 2.6s ease-in-out infinite;
}
.game-agent-page .comparePulseNotice::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -24%;
  width: 34%;
  height: 160%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.18) 22%,
    rgba(255, 255, 255, 0.74) 50%,
    rgba(255, 255, 255, 0.18) 78%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: translateX(-180%) rotate(14deg);
  animation: game-comparePulseShine 2.8s ease-in-out infinite;
  pointer-events: none;
}
.game-agent-page .comparePulseNotice::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  border: 1px solid rgba(255, 255, 255, 0.7);
  pointer-events: none;
}
.game-agent-page .comparePulseCount {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25em;
  margin: 0 0.12em;
  padding: 0.08em 0.32em 0.12em;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff 0%, #ffe9e9 100%);
  color: #d84444;
  font-weight: 900;
  line-height: 1;
  transform-origin: center;
  box-shadow:
    0 5px 12px rgba(216, 68, 68, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  animation: game-comparePulseCountPop 2.6s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
}
.game-agent-page .comparePulseCount::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -0.1em;
  height: 0.44em;
  background: radial-gradient(circle, rgba(255, 118, 118, 0.34) 0%, rgba(255, 118, 118, 0) 75%);
  border-radius: 999px;
  z-index: -1;
  animation: game-comparePulseCountGlow 2.6s ease-in-out infinite;
}
@keyframes game-comparePulseFloat {
  0%,
  100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 10px 22px rgba(244, 172, 31, 0.2),
      0 0 0 0 rgba(255, 196, 64, 0.22);
  }
  50% {
    transform: translateY(-3px) scale(1.02);
    box-shadow:
      0 18px 30px rgba(244, 172, 31, 0.3),
      0 0 0 10px rgba(255, 196, 64, 0);
  }
}
@keyframes game-comparePulseGlow {
  0%,
  100% {
    filter: saturate(1);
  }
  50% {
    filter: saturate(1.08);
  }
}
@keyframes game-comparePulseShine {
  0%,
  18% {
    transform: translateX(-210%) rotate(14deg);
    opacity: 0;
  }
  28% {
    opacity: 1;
  }
  56% {
    transform: translateX(420%) rotate(14deg);
    opacity: 0.95;
  }
  100% {
    transform: translateX(420%) rotate(14deg);
    opacity: 0;
  }
}
@keyframes game-comparePulseCountPop {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  20% {
    transform: translateY(-1px) scale(1.06);
  }
  30% {
    transform: translateY(-3px) scale(1.14);
  }
  42% {
    transform: translateY(0) scale(1.02);
  }
}
@keyframes game-comparePulseCountGlow {
  0%,
  100% {
    opacity: 0.3;
    transform: scaleX(0.86);
  }
  30% {
    opacity: 0.7;
    transform: scaleX(1.08);
  }
}
@media (prefers-reduced-motion: reduce) {
  .game-agent-page .comparePulseNotice,
  .game-agent-page .comparePulseNotice::before,
  .game-agent-page .comparePulseCount,
  .game-agent-page .comparePulseCount::after {
    animation: none;
  }
}
.game-agent-page .compareContent .compareTab li {
  width: 50%;
  padding: 14px 0;
  border-radius: 20px 20px 0 0;
  background: #d5d5d5;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  cursor: pointer;
}
.game-agent-page .compareContent .compareTab li.active {
  padding: 20px 0 14px;
  background: var(--sky);
  font-size: 27px;
}
.game-agent-page .comparisonTableWrap {
  overflow-x: auto;
  background: var(--sky);
  padding: 0 6px 6px;
}
.game-agent-page .comparisonTable {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  background: #fff;
}
.game-agent-page .comparisonTable th,
.game-agent-page .comparisonTable td {
  padding: 16px 12px;
  border-top: 2px solid var(--sky);
  border-right: 2px solid var(--sky);
  text-align: center;
  vertical-align: middle;
}
.game-agent-page .comparisonTable th {
  font-size: 20px;
  font-weight: 800;
}
.game-agent-page .comparisonTable th:last-child,
.game-agent-page .comparisonTable td:last-child {
  border-right: none;
}
.game-agent-page .comparisonTableGeneral,
.game-agent-page .comparisonTableSupport {
  min-width: 980px;
}
.game-agent-page .comparisonTableGeneral .colSite,
.game-agent-page .comparisonTableSupport .colSite {
  width: 24%;
}
.game-agent-page .comparisonTable .colScore {
  width: 14%;
}
.game-agent-page .comparisonTable .colAmount {
  width: 15%;
}
.game-agent-page .comparisonTableGeneral .colFeatureWide {
  width: 62%;
}
.game-agent-page .comparisonTableSupport .colFacility {
  width: 24%;
}
.game-agent-page .comparisonTableSupport .colLicenseNarrow {
  width: 23%;
}
.game-agent-page .compareAgentBannerLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 108px);
  height: 72px;
  margin: 0 auto 6px;
  overflow: hidden;
  background: #fff;
}
.game-agent-page .compareAgentBannerImage {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.game-agent-page .comparisonTable .siteNameLink {
  display: block;
  color: var(--sky-deep);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  text-decoration: none;
}
.game-agent-page .comparisonTable .agentNameText {
  text-decoration: underline;
  text-underline-offset: 0.14em;
}
.game-agent-page .comparisonTable .agentNameTextInline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.12em;
  white-space: nowrap;
}
.game-agent-page .comparisonTable .agentExternalIcon {
  width: 0.86em;
  height: 0.86em;
  display: inline-block;
  margin-left: 0.18em;
  vertical-align: -0.08em;
}
.game-agent-page .comparisonTable .siteCatch {
  display: inline;
  margin: 8px 0 0;
  color: #4d5f6d;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.game-agent-page .comparisonTable .siteCatchLine {
  display: inline;
}
.game-agent-page .comparisonTable .scoreStars {
  font-size: 18px;
  letter-spacing: 0.14em;
}
.game-agent-page .comparisonTable .scoreValue {
  color: var(--pink);
  font-size: 42px;
  line-height: 1;
  font-weight: 800;
}
.game-agent-page .comparisonTable .voiceButton {
  display: inline-flex;
  align-items: center;
  padding: 0;
  background: none;
  border: none;
  color: var(--sky);
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
}
.game-agent-page .amountBadge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 150px;
  min-height: 120px;
  padding: 16px 12px;
  border-radius: 24px;
  background: #eef8fc;
  border: 2px solid #cdeefa;
}
.game-agent-page .comparisonTable .gameMetricBadge {
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.game-agent-page .amountBadge .metricValue {
  color: var(--pink);
  font-size: 22px;
  line-height: 1.1;
  font-weight: 800;
  white-space: nowrap;
}
.game-agent-page .amountBadge small {
  display: inline;
  margin-left: 2px;
  color: #666;
  font-size: 11px;
  line-height: 1.1;
  white-space: nowrap;
}
.game-agent-page .comparisonTable .metricSubItems {
  display: grid;
  gap: 2px;
  margin-top: 6px;
  color: #4f6c7f;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 800;
}
.game-agent-page .comparisonTable .markBadge {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  font-size: 24px;
}
.game-agent-page .comparisonTable .featureCell,
.game-agent-page .comparisonTable .supportCell {
  vertical-align: middle;
}
.game-agent-page .comparisonTable .featureCell {
  text-align: left;
}
.game-agent-page .comparisonTable .featureList.compact {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 16px;
  background: #eef8fc;
  border: 1px solid #bfe7f6;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
  list-style: none;
}
.game-agent-page .comparisonTable .featureList.compact li {
  position: relative;
  list-style: none;
  padding-left: 1em;
  color: #3f5364;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 800;
}
.game-agent-page .comparisonTable .featureList.compact li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--sky);
  font-size: 1.3em;
  line-height: 1.15;
}
@media (max-width: 768px) {
  .game-agent-page .compareContent .compareTab li {
    font-size: 14px;
    border-radius: 12px 12px 0 0;
  }

  .game-agent-page .section01 {
    padding-top: 12px;
    padding-bottom: 14px;
  }

  .game-agent-page .comparePulseNotice {
    min-height: 34px;
    margin-bottom: 8px;
    padding: 0 14px;
    font-size: 12px;
  }

  .game-agent-page .compareContent .compareTab li.active {
    padding: 16px 0 12px;
    font-size: 16px;
  }

  .game-agent-page .comparisonTableWrap {
    display: block;
    overflow-x: visible;
    padding: 0 2px 4px;
  }

  .game-agent-page .comparisonTable,
  .game-agent-page .comparisonTableGeneral,
  .game-agent-page .comparisonTableSupport {
    min-width: 0;
    table-layout: fixed;
  }

  .game-agent-page .comparisonTableGeneral .colSite {
    width: 34%;
  }

  .game-agent-page .comparisonTableGeneral .colScore {
    width: 16%;
  }

  .game-agent-page .comparisonTableGeneral .colFeatureWide {
    width: 50%;
  }

  .game-agent-page .comparisonTableSupport .colSite {
    width: 28%;
  }

  .game-agent-page .comparisonTableSupport .colScore,
  .game-agent-page .comparisonTableSupport th:nth-child(2),
  .game-agent-page .comparisonTableSupport td:nth-child(2) {
    display: none;
  }

  .game-agent-page .comparisonTableSupport .colAmount {
    width: 22%;
  }

  .game-agent-page .comparisonTableSupport .colFacility {
    width: 26%;
  }

  .game-agent-page .comparisonTableSupport .colLicenseNarrow {
    width: 24%;
  }

  .game-agent-page .comparisonTable th,
  .game-agent-page .comparisonTable td {
    padding: 6px 3px;
    border-top-width: 1px;
    border-right-width: 1px;
    word-break: break-word;
  }

  .game-agent-page .comparisonTable th {
    font-size: 10px;
    line-height: 1.2;
  }

  .game-agent-page .comparisonTable .siteNameLink {
    font-size: 9.5px;
    line-height: 1.15;
  }

  .game-agent-page .comparisonTable .agentNameTextInline {
    display: inline;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .game-agent-page .comparisonTable .agentExternalIcon {
    width: 0.78em;
    height: 0.78em;
    margin-left: 0.12em;
  }

  .game-agent-page .comparisonTable .siteCatch {
    display: block;
    width: 100%;
    margin-top: 4px;
    color: #425766;
    font-size: 9.5px;
    line-height: 1.18;
    font-weight: 700;
    text-align: center;
    background: none;
    word-break: normal;
    overflow-wrap: normal;
  }

  .game-agent-page .comparisonTable .siteCatchLine {
    display: inline;
    white-space: normal;
    background: linear-gradient(transparent 62%, #fff176 62%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
  }

  .game-agent-page .compareAgentBannerLink {
    width: 100%;
    height: 42px;
    margin-bottom: 5px;
  }

  .game-agent-page .compareAgentBannerImage {
    height: 100%;
  }

  .game-agent-page .comparisonTable .scoreStars {
    font-size: 8px;
    gap: 0.05em;
    letter-spacing: 0;
  }

  .game-agent-page .comparisonTable .scoreValue {
    font-size: 14px;
  }

  .game-agent-page .comparisonTable .scoreValue::after {
    margin-left: 2px;
    font-size: 8px;
  }

  .game-agent-page .comparisonTable .voiceButton {
    display: inline-flex;
    margin-top: 2px;
    font-size: 8px;
    line-height: 1.1;
  }

  .game-agent-page .amountBadge {
    width: 100%;
    min-width: 0;
    min-height: 0;
    padding: 6px 1px;
    border-radius: 10px;
    gap: 1px;
  }

  .game-agent-page .comparisonTable .gameMetricBadge {
    padding: 0;
  }

  .game-agent-page .amountBadge .metricValue {
    font-size: 10px;
    letter-spacing: 0;
    white-space: normal;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }

  .game-agent-page .siteAmountCell {
    word-break: keep-all;
  }

  .game-agent-page .amountBadge small {
    margin-left: 1px;
    font-size: 6px;
    line-height: 1.1;
  }

  .game-agent-page .comparisonTable .metricSubItems {
    gap: 1px;
    margin-top: 4px;
    font-size: 7px;
    line-height: 1.18;
  }

  .game-agent-page .comparisonTable .markBadge {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    font-size: 13px;
  }

  .game-agent-page .comparisonTable .featureList.compact {
    gap: 4px;
    padding: 6px 4px;
    border-radius: 10px;
  }

  .game-agent-page .comparisonTable .featureList.compact li {
    padding-left: 0.85em;
    font-size: 9.5px;
    line-height: 1.42;
    font-weight: 800;
  }

  .game-agent-page .comparisonFootnotes {
    font-size: 8px;
    line-height: 1.35;
  }
}
.doctort-page .privateJobImage {
  height: 150px;
  border-radius: 6px;
  object-fit: cover;
}
.doctort-page .detailActionCopy {
  display: none;
}
.doctort-page .detailActions {
  max-width: 100%;
}
.doctort-page .ctaLeadText {
  display: block;
  color: #fff7bd;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 900;
  text-shadow: 0 2px 4px rgba(119, 58, 0, 0.24);
}
.doctort-page .detailActions .mainCta .ctaLeadText .pointUnderlineHighlight {
  background: none;
}
.doctort-page .detailActions .mainCta {
  gap: 4px;
  padding-top: 16px;
}
.doctort-page .detailActionNote {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.doctort-page .doctorBannerPlaceholder {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 218px;
  padding: 24px 20px;
  border: 2px dashed #b9dceb;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.8) 25%, transparent 25%) 0 0 / 22px 22px,
    linear-gradient(135deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%) 0 0 / 22px 22px,
    linear-gradient(180deg, #f7fcff 0%, #edf6ff 100%);
  color: #4c7890;
  text-align: center;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}
.doctort-page .doctorBannerPlaceholder.is-compact,
.doctort-page .comparisonTable .doctorBannerPlaceholder {
  min-height: 100%;
  padding: 6px;
  border-width: 1px;
  border-radius: 8px;
}
.doctort-page .doctorBannerPlaceholder span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: #4ca5d0;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
}
.doctort-page .doctorBannerPlaceholder strong {
  display: block;
  margin-top: 12px;
  color: #2f6f8f;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
.doctort-page .doctorBannerPlaceholder p {
  margin: 8px 0 0;
  color: #60717c;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
.doctort-page .doctorBannerPlaceholder.is-compact strong,
.doctort-page .comparisonTable .doctorBannerPlaceholder strong {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.15;
}
.doctort-page .doctorBannerPlaceholder.is-compact p,
.doctort-page .comparisonTable .doctorBannerPlaceholder p {
  display: none;
}
@media (max-width: 768px) {
  .doctort-page .detailActions {
    width: 100%;
  }

  .doctort-page .detailActions .mainCta .ctaLeadText {
    max-width: 100%;
    font-size: clamp(10px, 3vw, 11px);
    line-height: 1;
    white-space: nowrap;
  }

  .doctort-page .detailActionNote {
    padding: 0 8px;
    font-size: clamp(9px, 2.8vw, 10px);
    line-height: 1.35;
    white-space: nowrap;
  }

  .doctort-page .doctorBannerPlaceholder {
    min-height: 172px;
    padding: 20px 16px;
  }

  .doctort-page .doctorBannerPlaceholder strong {
    font-size: 24px;
  }

  .doctort-page .doctorBannerPlaceholder.is-compact strong,
  .doctort-page .comparisonTable .doctorBannerPlaceholder strong {
    font-size: 9px;
  }

  .doctort-page .doctorBannerPlaceholder span {
    min-height: 18px;
    font-size: 10px;
  }
}
.doctort-page .comparisonTable .featureList.compact {
  background: linear-gradient(180deg, #f3fbff 0%, #e7f6fd 100%);
  border-color: #9ed8f0;
}
.doctort-page .comparisonTable .featureList.compact li::before {
  color: var(--sky);
}
.doctort-page .pointUnderlineHighlight {
  color: inherit;
  font-weight: inherit;
  background: linear-gradient(transparent 50%, #fff176 50%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.doctort-page .privateJobsSource {
  margin: 0 auto 6px;
  color: #2f6f8f;
  font-size: clamp(10px, 2.9vw, 15px);
  line-height: 1.2;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
}
.doctort-page .fvAdNotice {
  font-size: 11px;
}
.doctort-page.doctor-black-page .blackHero > .blackAdNotice,
.career-ranking-doctor.doctor-black-page .blackHero > .blackAdNotice {
  font-size: 10px;
}
@media (max-width: 768px) {
  .doctort-page .fvAdNotice {
    font-size: 10px;
  }
}
.doctort-page .comparisonTableSupport {
  min-width: 0;
  table-layout: fixed;
}
.doctort-page .comparisonTable {
  border-right: 2px solid var(--sky);
  border-bottom: 2px solid var(--sky);
  border-left: 2px solid var(--sky);
}
.doctort-page .comparisonTableSupport .colSite {
  width: 27%;
}
.doctort-page .comparisonTableSupport .colAmount {
  width: 21%;
}
.doctort-page .comparisonTableSupport .colFacility {
  width: 16%;
}
.doctort-page .comparisonTableSupport .colLicenseNarrow {
  width: 12%;
}
.doctort-page .comparisonTableSupport .colSpecialty {
  width: 24%;
}
.doctort-page .comparisonTable th,
.doctort-page .comparisonTable td {
  padding: 8px 8px;
}
.doctort-page .comparisonTable .rankBalloon {
  height: 20px;
  margin-bottom: 4px;
  font-size: 11px;
}
.doctort-page .comparisonTable .rankBalloon::after {
  bottom: -4px;
  width: 10px;
  height: 6px;
}
.doctort-page .compareAgentBannerLink {
  width: min(100%, 96px);
  height: 50px;
  margin-bottom: 4px;
}
.doctort-page .comparisonTable .doctorBannerPlaceholder {
  min-height: 50px;
  padding: 4px;
}
.doctort-page .comparisonTable .doctorBannerPlaceholder span {
  min-height: 19px;
  padding: 0 8px;
  font-size: 10px;
}
.doctort-page .comparisonTable .doctorBannerPlaceholder strong {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.08;
}
.doctort-page .comparisonTable .siteNameLink {
  font-size: 17px;
  line-height: 1.08;
}
.doctort-page .comparisonTable .siteCatch {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.15;
}
.doctort-page .comparisonTable .amountBadge {
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}
.doctort-page .comparisonTable .scoreValue,
.doctort-page .comparisonTable .amountBadge span {
  color: #2f6f8f;
}
.doctort-page .comparisonTable .scoreValue {
  color: #f7933d;
}
.doctort-page .comparisonTable .siteAmountCell .amountBadge span {
  color: #3aaeda;
}
.doctort-page .amountBadge .amountBadgeMain {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.12em;
}
.doctort-page .jobsNoteMarker,
.doctor-black-page .jobsNoteMarker {
  display: inline-block;
  margin-left: 2px;
  color: inherit;
  font-size: 0.45em;
  line-height: 1;
  font-weight: 900;
  vertical-align: super;
  white-space: nowrap;
}
.doctort-page .amountBadge .amountBadgeMain .jobsNoteMarker {
  font-size: 0.4em;
}
.doctort-page .rankingTerms .rankingJobsValue .jobsNoteMarker,
.doctor-black-page .blackAgentFacts .jobsNoteMarker,
.doctor-black-page .blackCompareValue .jobsNoteMarker {
  display: inline-block;
  margin-top: 0;
}
.doctort-page .comparisonFootnote,
.doctor-black-page .comparisonFootnote {
  margin: 8px 10px 0;
  color: #5f6f79;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 700;
  text-align: left;
}
.doctort-page .amountBadgeMedal {
  flex: 0 0 auto;
  font-size: 0.72em;
  line-height: 1;
}
.doctort-page .comparisonTable .siteAmountCell .amountBadgeBullets span {
  color: inherit;
}
.doctort-page .comparisonTable .scoreValue::after {
  color: #364f5d;
}
.doctort-page .amountBadgeBullets {
  width: 100%;
  gap: 4px;
  margin-top: 5px;
  color: #2f6f8f;
  font-size: 11px;
  line-height: 1.1;
  font-weight: 800;
  text-align: center;
}
.doctort-page .amountBadgeBullets li {
  display: block;
  min-width: 0;
  padding: 3px 5px;
  border: 1px solid rgba(77, 165, 208, 0.4);
  border-radius: 7px;
  background: linear-gradient(180deg, #ffffff 0%, #eef8fc 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.78) inset;
  white-space: nowrap;
}
.doctort-page .amountBadgeBullets li span {
  display: inline;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.doctort-page .comparisonTable .amountBadgeBullets li span {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.doctort-page .amountBadgeBullets li span + span {
  margin-top: 0;
}
.doctort-page .amountBadgeBullets li::before {
  content: none;
}
.doctort-page .specialtyList {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.doctort-page .specialtyList li {
  width: 100%;
  min-width: 0;
  padding: 3px 4px;
  border: 1px solid rgba(77, 165, 208, 0.28);
  border-radius: 7px;
  background: linear-gradient(180deg, #ffffff 0%, #eef8fc 100%);
  color: #3d5967;
  font-size: 10.2px;
  line-height: 1.08;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
}
.doctort-page .compareMobileLabel,
.doctort-page .mobileScoreAmount {
  display: none;
}
.doctort-page .comparisonTable .rankBalloon {
  position: relative;
  display: inline-grid;
  place-items: center;
  min-width: 52px;
  height: 20px;
  margin: 0 auto 4px;
  padding: 0 9px;
  border-radius: 999px;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  filter: none;
  box-shadow:
    0 2px 0 rgba(42, 83, 102, 0.14),
    0 5px 10px rgba(42, 83, 102, 0.1);
}
.doctort-page .comparisonTable .rankBalloon::before {
  inset: 0;
  border-radius: inherit;
  clip-path: none;
  border: 1px solid rgba(255, 255, 255, 0.78);
  background: linear-gradient(180deg, #ffd86d 0%, #e5a025 100%);
}
.doctort-page .comparisonTable .rankBalloon::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  width: 10px;
  height: 6px;
  background: #c98a18;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  transform: translateX(-50%);
  opacity: 0.9;
}
.doctort-page .comparisonTable .rankBalloon span {
  position: relative;
  z-index: 1;
  transform: none;
  text-shadow: 0 1px 2px rgba(106, 65, 0, 0.22);
}
.doctort-page .comparisonTable .rankBalloon1::before,
.doctort-page .comparisonTable .rankBalloon1 {
  background: linear-gradient(180deg, #ffe783 0%, #f6b01f 100%);
}
.doctort-page .comparisonTable .rankBalloon1::after {
  background: #d49316;
}
.doctort-page .comparisonTable .rankBalloon2::before,
.doctort-page .comparisonTable .rankBalloon2 {
  background: linear-gradient(180deg, #edf5f8 0%, #8fa9b8 100%);
}
.doctort-page .comparisonTable .rankBalloon2::after {
  background: #7e98a7;
}
.doctort-page .comparisonTable .rankBalloon3::before,
.doctort-page .comparisonTable .rankBalloon3 {
  background: linear-gradient(180deg, #f8d8bd 0%, #c8874e 100%);
}
.doctort-page .comparisonTable .rankBalloon3::after {
  background: #b8743b;
}
.doctort-page .comparisonTable .rankBalloon4::before,
.doctort-page .comparisonTable .rankBalloon4,
.doctort-page .comparisonTable .rankBalloon5::before,
.doctort-page .comparisonTable .rankBalloon5 {
  background: linear-gradient(180deg, #8fd6ef 0%, #3aa0c7 100%);
}
.doctort-page .comparisonTable .rankBalloon4::after,
.doctort-page .comparisonTable .rankBalloon5::after {
  background: #2f8eb4;
}
@media (max-width: 768px) {
  .doctort-page .comparisonTableGeneral .colSite {
    width: 34%;
  }

  .doctort-page .comparisonTableGeneral .colScore {
    width: 20%;
  }

  .doctort-page .comparisonTableGeneral .colFeatureWide {
    width: 46%;
  }

  .doctort-page .comparisonTableSupport {
    min-width: 0;
  }

  .doctort-page .comparisonTableSupport .colSite {
    width: 22%;
  }

  .doctort-page .comparisonTableSupport .colAmount {
    display: table-column;
    width: 19%;
  }

  .doctort-page .comparisonTableSupport .colFacility {
    width: 19%;
  }

  .doctort-page .comparisonTableSupport .colLicenseNarrow {
    width: 11%;
  }

  .doctort-page .comparisonTableSupport .colSpecialty {
    width: 29%;
  }

  .doctort-page .comparisonTableSupport th,
  .doctort-page .comparisonTableSupport td {
    padding: 6px 4px;
  }

  .doctort-page .comparisonTableSupport th:nth-child(2),
  .doctort-page .comparisonTableSupport td:nth-child(2) {
    display: table-cell;
  }

  .doctort-page .comparisonTableGeneral .compareDesktopLabel,
  .doctort-page .comparisonTableGeneral .siteValueCell > .scoreStars,
  .doctort-page .comparisonTableGeneral .siteValueCell > .scoreValue,
  .doctort-page .comparisonTableGeneral .siteValueCell > .voiceButton {
    display: none;
  }

  .doctort-page .comparisonTableGeneral .compareMobileLabel {
    display: inline;
  }

  .doctort-page .comparisonTableGeneral .mobileScoreAmount {
    display: inline-flex;
    min-width: 0;
    width: 100%;
    min-height: 0;
    padding: 6px 3px;
    border-color: #9ed8f0;
    background: linear-gradient(180deg, #f3fbff 0%, #e7f6fd 100%);
  }

  .doctort-page .comparisonTableGeneral .mobileScoreAmount span {
    color: var(--sky-deep);
    font-size: clamp(9px, 2.8vw, 11px);
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .doctort-page .comparisonTableGeneral .mobileScoreAmount small {
    font-size: 7px;
    white-space: normal;
  }

  .doctort-page .comparisonTableGeneral .mobileScoreAmount .amountBadgeBullets {
    display: grid;
    gap: 3px;
    margin-top: 5px;
    font-size: 8px;
    line-height: 1.1;
  }

  .doctort-page .comparisonTableGeneral .mobileScoreAmount .amountBadgeBullets li {
    padding: 3px 1px;
    border-radius: 5px;
    white-space: nowrap;
  }

  .doctort-page .amountBadgeBullets li span {
    display: block;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  .doctort-page .amountBadgeBullets li span + span {
    margin-top: 1px;
  }

  .doctort-page .comparisonTableGeneral .mobileScoreAmount .amountBadgeBullets li:has(span) {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .doctort-page .comparisonTableGeneral .siteAmountCell .amountBadgeBullets {
    display: grid;
    gap: 3px;
    margin-top: 5px;
    font-size: 8px;
    line-height: 1.1;
  }

  .doctort-page .comparisonTableGeneral .siteAmountCell .amountBadgeBullets li {
    padding: 3px 1px;
    border-radius: 5px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .doctort-page .comparisonTableGeneral .siteAmountCell .amountBadgeBullets li:has(span),
  .doctort-page .comparisonTableSupport .amountBadgeBullets li:has(span) {
    padding-top: 2px;
    padding-bottom: 2px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .doctort-page .amountBadgeBullets {
    gap: 3px;
    margin-top: 4px;
    font-size: 8px;
    line-height: 1.05;
  }

  .doctort-page .amountBadgeBullets li {
    padding: 3px 2px;
    border-radius: 5px;
    white-space: normal;
  }

  .doctort-page .comparisonTableGeneral .siteNameLink,
  .doctort-page .comparisonTableSupport .siteNameLink {
    font-size: clamp(11px, 3.4vw, 13px);
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .doctort-page .comparisonTableGeneral .siteCatch,
  .doctort-page .comparisonTableSupport .siteCatch {
    font-size: 10px;
    line-height: 1.2;
  }

  .doctort-page .comparisonTableGeneral .doctorBannerPlaceholder strong,
  .doctort-page .comparisonTableSupport .doctorBannerPlaceholder strong {
    font-size: 10px;
    line-height: 1.1;
  }

  .doctort-page .comparisonTableSupport .amountBadge span {
    font-size: 11px;
    line-height: 1.15;
    white-space: normal;
  }

  .doctort-page .comparisonTableSupport .amountBadgeBullets {
    gap: 2px;
    font-size: 8px;
    line-height: 1.05;
  }

  .doctort-page .comparisonTableSupport .amountBadgeBullets li {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 1px;
    padding-left: 1px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .doctort-page .comparisonTableSupport .facilityCell .tableTagList,
  .doctort-page .comparisonTableSupport .licenseCell .licenseList {
    gap: 3px;
  }

  .doctort-page .comparisonTableSupport .facilityCell .tableTagList li,
  .doctort-page .comparisonTableSupport .licenseCell .licenseList li {
    padding: 2px 1px;
    border-radius: 5px;
    font-size: 8.4px;
    line-height: 1.05;
    white-space: nowrap;
  }

  .doctort-page .comparisonTableSupport .specialtyList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    gap: 2px 4px;
  }

  .doctort-page .comparisonTableSupport .specialtyList li {
    width: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 8.3px;
    line-height: 1.08;
    white-space: nowrap;
  }

  .doctort-page .comparisonTable .rankBalloon {
    min-width: 40px;
    height: 18px;
    margin-bottom: 5px;
    padding: 0 6px;
    font-size: 9px;
  }

  .doctort-page .comparisonTable .rankBalloon::after {
    bottom: -4px;
    width: 9px;
    height: 5px;
  }
}
/* PTOT comparison tables: match the pharmacist page layout and scale */
.ptot-page .compareContent .compareTab {
  display: flex;
  margin: 0;
  padding: 0 8px;
  list-style: none;
}
.ptot-page .compareContent .compareTab li {
  width: 50%;
  padding: 14px 0;
  border-radius: 20px 20px 0 0;
  background: #d5d5d5;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  cursor: pointer;
}
.ptot-page .compareContent .compareTab li.active {
  padding: 20px 0 14px;
  background: var(--sky);
  font-size: 27px;
}
.ptot-page .comparisonTableWrap {
  overflow-x: auto;
  padding: 0 6px 6px;
  background: var(--sky);
}
.ptot-page .comparisonFootnoteSmall {
  margin: 8px 10px 0;
  color: #5f7180;
  font-size: 10px;
  line-height: 1.6;
  font-weight: 600;
  text-align: left;
}
.ptot-page .inlineFootnoteMark {
  font-size: 0.72em;
  font-weight: 700;
  vertical-align: super;
  line-height: 0;
}
.ptot-page .compareMobileLabel,
.ptot-page .mobileScoreAmount {
  display: none;
}
.ptot-page .comparisonTable,
.ptot-page .comparisonTablePtotGeneral,
.ptot-page .comparisonTablePtotJobs {
  width: 100%;
  min-width: 980px;
  border: 0;
  border-collapse: collapse;
  table-layout: auto;
  background: #fff;
}
.ptot-page .comparisonTable th,
.ptot-page .comparisonTable td {
  padding: 16px 12px;
  border: 0;
  border-top: 2px solid var(--sky);
  border-right: 2px solid var(--sky);
  text-align: center;
  vertical-align: middle;
}
.ptot-page .comparisonTable th {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800;
}
.ptot-page .comparisonTable th:last-child,
.ptot-page .comparisonTable td:last-child {
  border-right: none;
}
.ptot-page .comparisonTablePtotGeneral .colSite {
  width: 22%;
}
.ptot-page .comparisonTablePtotGeneral .colScore {
  width: 13%;
}
.ptot-page .comparisonTablePtotGeneral .colAmount {
  width: 17%;
}
.ptot-page .comparisonTablePtotGeneral .colFeatureWide {
  width: 48%;
}
.ptot-page .comparisonTablePtotJobs .colSite {
  width: 22%;
}
.ptot-page .comparisonTablePtotJobs .colAmount {
  width: 22%;
}
.ptot-page .comparisonTablePtotJobs .colJobTypes {
  width: 15%;
}
.ptot-page .comparisonTablePtotJobs .colFacility {
  width: 25%;
}
.ptot-page .comparisonTablePtotJobs .colEmployment {
  width: 16%;
}
.ptot-page .compareAgentBannerLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 108px);
  height: 72px;
  margin: 0 auto 6px;
  overflow: hidden;
  background: #fff;
}
.ptot-page .compareAgentBannerImage {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ptot-page .comparisonTable .rankBalloon {
  position: relative;
  display: inline-grid;
  place-items: center;
  min-width: 52px;
  height: 22px;
  margin: 0 auto 7px;
  padding: 0 9px;
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  filter: none;
  box-shadow:
    0 2px 0 rgba(42, 83, 102, 0.14),
    0 5px 10px rgba(42, 83, 102, 0.1);
}
.ptot-page .comparisonTable .rankBalloon::before {
  inset: 0;
  border-radius: inherit;
  clip-path: none;
  border: 1px solid rgba(255, 255, 255, 0.78);
  background: linear-gradient(180deg, #ffd86d 0%, #e5a025 100%);
}
.ptot-page .comparisonTable .rankBalloon::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 12px;
  height: 7px;
  background: #c98a18;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  transform: translateX(-50%);
  opacity: 0.9;
}
.ptot-page .comparisonTable .rankBalloon span {
  position: relative;
  z-index: 1;
  transform: none;
  text-shadow: 0 1px 2px rgba(106, 65, 0, 0.22);
}
.ptot-page .comparisonTable .rankBalloon1::before,
.ptot-page .comparisonTable .rankBalloon1 {
  background: linear-gradient(180deg, #ffe783 0%, #f6b01f 100%);
}
.ptot-page .comparisonTable .rankBalloon1::after {
  background: #d49316;
}
.ptot-page .comparisonTable .rankBalloon2::before,
.ptot-page .comparisonTable .rankBalloon2 {
  background: linear-gradient(180deg, #edf5f8 0%, #8fa9b8 100%);
}
.ptot-page .comparisonTable .rankBalloon2::after {
  background: #7e98a7;
}
.ptot-page .comparisonTable .rankBalloon3::before,
.ptot-page .comparisonTable .rankBalloon3 {
  background: linear-gradient(180deg, #f8d8bd 0%, #c8874e 100%);
}
.ptot-page .comparisonTable .rankBalloon3::after {
  background: #b8743b;
}
.ptot-page .comparisonTable .ptotBannerPlaceholder {
  min-height: 100%;
  padding: 6px;
  border-width: 1px;
}
.ptot-page .comparisonTable .ptotBannerPlaceholder span {
  min-height: 24px;
  padding: 0 10px;
  font-size: 12px;
}
.ptot-page .comparisonTable .ptotBannerPlaceholder strong {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.15;
}
.ptot-page .comparisonTable .ptotBannerPlaceholder p {
  display: none;
}
.ptot-page .comparisonTable .siteName,
.ptot-page .comparisonTable .siteNameLink {
  display: block;
  color: var(--sky-deep);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  text-decoration: none;
}
.ptot-page .comparisonTable .agentNameText {
  text-decoration: underline;
  text-underline-offset: 0.14em;
}
.ptot-page .comparisonTable .agentNameTextInline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.12em;
  white-space: nowrap;
}
.ptot-page .comparisonTable .agentExternalIcon {
  width: 0.86em;
  height: 0.86em;
  display: inline-block;
  margin-left: 0.18em;
  vertical-align: -0.08em;
}
.ptot-page .comparisonTable .siteCatch {
  display: inline;
  margin: 8px 0 0;
  color: #4d5f6d;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.ptot-page .comparisonTable .siteCatchLine {
  display: inline;
}
.ptot-page .comparisonTable .scoreStars {
  --star-rating-active: #f6a14b;
  --star-rating-inactive: #e7d8c8;
  display: inline-flex;
  align-items: center;
  gap: 0.14em;
  color: var(--star-rating-active);
  font-size: 18px;
  line-height: 1;
}
.ptot-page .comparisonTable .scoreValue {
  color: var(--pink);
  font-size: 42px;
  line-height: 1;
  font-weight: 800;
}
.ptot-page .comparisonTable .scoreValue::after {
  content: "pt";
  margin-left: 4px;
  color: #4f4f4f;
  font-size: 18px;
}
.ptot-page .comparisonTable .voiceButton {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: none;
  background: none;
  color: var(--sky);
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
}
.ptot-page .comparisonTable .amountBadge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 150px;
  min-height: 120px;
  padding: 16px 12px;
  border: 2px solid #ffd6e6;
  border-radius: 24px;
  background: #fff8fb;
}
.ptot-page .comparisonTable .amountBadge span {
  color: var(--pink);
  font-size: 22px;
  line-height: 1.1;
  font-weight: 800;
  white-space: nowrap;
}
.ptot-page .comparisonTable .amountBadge small {
  color: #666;
  font-size: 11px;
  line-height: 1.1;
  white-space: nowrap;
}
.ptot-page .amountBadgeBullets {
  display: grid;
  width: 100%;
  gap: 4px;
  margin: 5px 0 0;
  padding: 0;
  color: #2f6f8f;
  font-size: 11px;
  line-height: 1.1;
  font-weight: 800;
  list-style: none;
  text-align: center;
}
.ptot-page .amountBadgeBullets li {
  display: block;
  min-width: 0;
  padding: 3px 5px;
  border: 1px solid rgba(77, 165, 208, 0.4);
  border-radius: 7px;
  background: linear-gradient(180deg, #ffffff 0%, #eef8fc 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.78) inset;
  white-space: nowrap;
}
.ptot-page .amountBadgeBullets li::before {
  content: none;
}
.ptot-page .comparisonTable .mobileScoreAmount {
  display: none;
}
.ptot-page .comparisonTablePtotGeneral .generalAmountCell .amountBadge,
.ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadge {
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}
.ptot-page .comparisonTablePtotGeneral .generalAmountCell .amountBadge span,
.ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadge span {
  color: var(--sky-deep);
  font-size: 18px;
}
.ptot-page .comparisonTablePtotGeneral .generalAmountCell .amountBadge small,
.ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadge small {
  white-space: normal;
}
.ptot-page .comparisonTable .tableTagList,
.ptot-page .comparisonTable .licenseList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
}
.ptot-page .comparisonTable .tableTagList li,
.ptot-page .comparisonTable .licenseList li {
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef8fc;
  color: #4f4f4f;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.ptot-page .comparisonTable .featureCell {
  vertical-align: middle;
  text-align: left;
}
.ptot-page .comparisonTable .featureList.compact {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #b7e3f5;
  border-radius: 16px;
  background: linear-gradient(180deg, #f3fbff 0%, #e7f6fd 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
  list-style: none;
}
.ptot-page .comparisonTable .featureList.compact li {
  position: relative;
  padding-left: 1em;
  color: #3f5364;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 800;
  text-align: left;
}
.ptot-page .comparisonTable .featurePointUnderline,
.ptot-page .rankingFeatureBox .featurePointUnderline {
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.ptot-page .comparisonTable .featureList.compact li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--sky-deep);
  font-size: 1em;
  line-height: 1.55;
}
@media (max-width: 768px) {
  .ptot-page .compareContent .compareTab li {
    border-radius: 12px 12px 0 0;
    font-size: 14px;
  }

  .ptot-page .compareContent .compareTab li.active {
    padding: 16px 0 12px;
    font-size: 16px;
  }

  .ptot-page .comparisonTableWrap {
    display: block;
    overflow-x: visible;
    padding: 0 2px 4px;
  }

  .ptot-page .comparisonTableMobileWrap {
    display: none;
  }

  .ptot-page .comparisonTable,
  .ptot-page .comparisonTablePtotGeneral,
  .ptot-page .comparisonTablePtotJobs {
    min-width: 0;
    table-layout: fixed;
  }

  .ptot-page .comparisonTablePtotGeneral .colSite {
    width: 29%;
  }

  .ptot-page .comparisonTablePtotGeneral .colScore {
    width: 22%;
  }

  .ptot-page .comparisonTablePtotGeneral .colAmount {
    display: none;
  }

  .ptot-page .comparisonTablePtotGeneral .colFeatureWide {
    width: 49%;
  }

  .ptot-page .comparisonTablePtotJobs .colSite {
    width: 27%;
  }

  .ptot-page .comparisonTablePtotJobs .colAmount {
    width: 22%;
  }

  .ptot-page .comparisonTablePtotJobs .colJobTypes {
    width: 17%;
  }

  .ptot-page .comparisonTablePtotJobs .colFacility {
    width: 19%;
  }

  .ptot-page .comparisonTablePtotJobs .colEmployment {
    width: 15%;
  }

  .ptot-page .comparisonTable th,
  .ptot-page .comparisonTable td {
    padding: 6px 3px;
    border-top-width: 1px;
    border-right-width: 1px;
    word-break: break-word;
  }

  .ptot-page .comparisonTable th {
    font-size: 10px;
    line-height: 1.2;
  }

  .ptot-page .comparisonTablePtotGeneral .compareDesktopLabel,
  .ptot-page .comparisonTablePtotGeneral .siteValueCell > .scoreStars,
  .ptot-page .comparisonTablePtotGeneral .siteValueCell > .scoreValue,
  .ptot-page .comparisonTablePtotGeneral .siteValueCell > .voiceButton,
  .ptot-page .comparisonTablePtotGeneral .generalAmountHeader,
  .ptot-page .comparisonTablePtotGeneral .generalAmountCell {
    display: none;
  }

  .ptot-page .comparisonTablePtotGeneral .compareMobileLabel {
    display: inline;
  }

  .ptot-page .comparisonTablePtotGeneral .mobileScoreAmount {
    display: inline-flex;
    min-width: 0;
    width: 100%;
    min-height: 0;
    gap: 2px;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    overflow: visible;
  }

  .ptot-page .comparisonTablePtotGeneral .siteValueCell .mobileScoreAmount span {
    max-width: 100%;
    color: var(--sky-deep);
    font-size: 8px;
    line-height: 1.15;
    letter-spacing: 0;
    white-space: normal;
    overflow-wrap: normal;
    word-break: keep-all;
  }

  .ptot-page .comparisonTablePtotGeneral .mobileScoreAmount small {
    max-width: 100%;
    font-size: 5px;
    line-height: 1.1;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .ptot-page .comparisonTablePtotGeneral .siteValueCell .mobileScoreAmount .amountBadgeBullets {
    display: grid;
    gap: 2px;
    margin-top: 4px;
    font-size: 9.1px;
    line-height: 1.1;
  }

  .ptot-page .comparisonTablePtotGeneral .siteValueCell .mobileScoreAmount .amountBadgeBullets li {
    padding: 2px 3px;
    border-radius: 6px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .ptot-page .comparisonTable .siteName,
  .ptot-page .comparisonTable .siteNameLink {
    font-size: 9.5px;
    line-height: 1.15;
  }

  .ptot-page .comparisonTable .agentNameTextInline {
    display: inline;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .ptot-page .compareAgentBannerLink {
    width: 100%;
    height: 42px;
    margin-bottom: 5px;
  }

  .ptot-page .comparisonTable .rankBalloon {
    min-width: 40px;
    height: 18px;
    margin-bottom: 5px;
    padding: 0 6px;
    font-size: 9px;
  }

  .ptot-page .comparisonTable .rankBalloon::after {
    bottom: -4px;
    width: 9px;
    height: 5px;
  }

  .ptot-page .comparisonTable .ptotBannerPlaceholder {
    padding: 4px;
  }

  .ptot-page .comparisonTable .ptotBannerPlaceholder span {
    min-height: 14px;
    padding: 0 6px;
    font-size: 7px;
  }

  .ptot-page .comparisonTable .ptotBannerPlaceholder strong {
    font-size: 8px;
    line-height: 1.12;
  }

  .ptot-page .comparisonTable .agentExternalIcon {
    width: 0.78em;
    height: 0.78em;
    margin-left: 0.12em;
  }

  .ptot-page .comparisonTable .siteCatch {
    display: block;
    width: 100%;
    margin-top: 4px;
    color: #425766;
    font-size: 9.5px;
    line-height: 1.18;
    font-weight: 700;
    text-align: center;
    background: none;
    word-break: normal;
    overflow-wrap: normal;
  }

  .ptot-page .comparisonTable .siteCatchLine {
    display: inline;
    white-space: normal;
    background: linear-gradient(transparent 62%, #fff176 62%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
  }

  .ptot-page .comparisonTable .scoreStars {
    gap: 0.05em;
    font-size: 8px;
  }

  .ptot-page .comparisonTable .scoreValue {
    font-size: 14px;
  }

  .ptot-page .comparisonTable .scoreValue::after {
    margin-left: 2px;
    font-size: 8px;
  }

  .ptot-page .comparisonTable .voiceButton {
    display: inline-flex;
    margin-top: 2px;
    font-size: 8px;
    line-height: 1.1;
  }

  .ptot-page .comparisonTable .amountBadge {
    width: 100%;
    min-width: 0;
    min-height: 0;
    gap: 1px;
    padding: 6px 1px;
    border-radius: 10px;
  }

  .ptot-page .comparisonTable .amountBadge span {
    font-size: 10px;
    line-height: 1.15;
    letter-spacing: -0.02em;
    white-space: nowrap;
  }

  .ptot-page .siteAmountCell {
    word-break: keep-all;
  }

  .ptot-page .comparisonTable .amountBadge small {
    font-size: 6px;
    line-height: 1.1;
  }

  .ptot-page .comparisonTable .amountBadgeBullets {
    display: none;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadge {
    padding: 4px 0;
    border-width: 1px;
    border-radius: 8px;
    overflow: visible;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadge span {
    max-width: 100%;
    font-size: 9px;
    line-height: 1.15;
    letter-spacing: 0;
    white-space: normal;
    overflow-wrap: normal;
    word-break: keep-all;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadge small {
    max-width: 100%;
    font-size: 5px;
    line-height: 1.1;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadgeBullets {
    display: grid;
    gap: 2px;
    margin-top: 4px;
    font-size: 9.1px;
    line-height: 1.1;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadgeBullets li {
    padding: 2px 3px;
    border-radius: 6px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .ptot-page .comparisonTablePtotJobs td {
    font-size: 8px;
    line-height: 1.35;
    font-weight: 700;
  }

  .ptot-page .comparisonTablePtotJobs td:nth-child(3) {
    font-size: 8px;
    line-height: 1.35;
    font-weight: 700;
  }

  .ptot-page .comparisonTable .tableTagList,
  .ptot-page .comparisonTable .licenseList {
    display: grid;
    gap: 3px;
    justify-items: stretch;
  }

  .ptot-page .comparisonTable .tableTagList li,
  .ptot-page .comparisonTable .licenseList li {
    padding: 3px 4px;
    border-radius: 8px;
    font-size: 8px;
    line-height: 1.15;
    white-space: normal;
  }

  .ptot-page .comparisonTable .featureList.compact {
    gap: 4px;
    padding: 6px 4px;
    border-radius: 10px;
  }

  .ptot-page .comparisonTable .featureList.compact li {
    padding-left: 0.85em;
    font-size: 9.5px;
    line-height: 1.42;
    font-weight: 800;
  }
}
/* Engineer comparison table final overrides */
@keyframes it-agent-comparePulseFloat {
  0%,
  100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 10px 22px rgba(244, 172, 31, 0.2),
      0 0 0 0 rgba(255, 196, 64, 0.22);
  }
  50% {
    transform: translateY(-3px) scale(1.02);
    box-shadow:
      0 18px 30px rgba(244, 172, 31, 0.3),
      0 0 0 10px rgba(255, 196, 64, 0);
  }
}
@keyframes it-agent-comparePulseGlow {
  0%,
  100% {
    filter: saturate(1);
  }
  50% {
    filter: saturate(1.08);
  }
}
@keyframes it-agent-comparePulseShine {
  0%,
  18% {
    transform: translateX(-210%) rotate(14deg);
    opacity: 0;
  }
  28% {
    opacity: 1;
  }
  56% {
    transform: translateX(420%) rotate(14deg);
    opacity: 0.95;
  }
  100% {
    transform: translateX(420%) rotate(14deg);
    opacity: 0;
  }
}
@keyframes it-agent-comparePulseCountPop {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  20% {
    transform: translateY(-1px) scale(1.06);
  }
  30% {
    transform: translateY(-3px) scale(1.14);
  }
  42% {
    transform: translateY(0) scale(1.02);
  }
}
@keyframes it-agent-comparePulseCountGlow {
  0%,
  100% {
    opacity: 0.3;
    transform: scaleX(0.86);
  }
  30% {
    opacity: 0.7;
    transform: scaleX(1.08);
  }
}
.game-agent-page .comparisonTable .gameMetricBadge .metricSubItems {
  display: grid !important;
  gap: 2px;
  margin-top: 6px;
  color: #333 !important;
  font-size: 16.5px !important;
  line-height: 1.25 !important;
  font-weight: 800;
  white-space: normal !important;
}
.game-agent-page .comparisonTable .gameMetricBadge .metricSubItems span {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit;
  white-space: normal !important;
}
@media (max-width: 768px) {
  .game-agent-page .comparisonTable .gameMetricBadge .metricSubItems {
    gap: 1px;
    margin-top: 4px;
    font-size: 9px !important;
    line-height: 1.18 !important;
  }
}
.pharmacist-page .privateJobBadge,
.driver-page .privateJobBadge,
.taxi-page .privateJobBadge,
.freelance-agent-page .privateJobBadge,
.it-agent-page .privateJobBadge {
  position: absolute;
  top: 2px;
  left: 12px;
  width: 32px;
  height: 43px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  clip-path: none;
}
.pharmacist-page .privateJobBadge::before,
.driver-page .privateJobBadge::before,
.taxi-page .privateJobBadge::before,
.freelance-agent-page .privateJobBadge::before,
.it-agent-page .privateJobBadge::before {
  content: "★";
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at center, #fff 0 38%, transparent 39%),
    #f3c600;
  color: #f3c600;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  border-radius: 50%;
  clip-path: none;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.18));
  z-index: 2;
}
.pharmacist-page .privateJobBadge::after,
.driver-page .privateJobBadge::after,
.taxi-page .privateJobBadge::after,
.freelance-agent-page .privateJobBadge::after,
.it-agent-page .privateJobBadge::after {
  content: "";
  position: absolute;
  left: 5px;
  right: auto;
  bottom: 0;
  width: 21px;
  height: 29px;
  border: 0;
  background: linear-gradient(90deg, #35b66a 0 50%, #2f8fce 50% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 74%, 0 100%);
  z-index: 1;
}
.data-recovery-page .comparisonTableWrap {
  overflow-x: hidden;
}
.data-recovery-page .compareTableWide {
  min-width: 0;
  table-layout: fixed;
}
.data-recovery-page .compareTableWide th,
.data-recovery-page .compareTableWide td {
  min-width: 0;
  padding: 12px 8px;
  font-size: 13px;
}
.data-recovery-page .compareTableWide th:nth-child(1) {
  width: 18%;
}
.data-recovery-page .compareTableWide th:nth-child(2) {
  width: 12%;
}
.data-recovery-page .compareTableWide th:nth-child(3),
.data-recovery-page .compareTableWide th:nth-child(4),
.data-recovery-page .compareTableWide th:nth-child(5) {
  width: 10%;
}
.data-recovery-page .compareTableWide th:nth-child(6) {
  width: 18%;
}
.data-recovery-page .compareTableWide th:nth-child(7) {
  width: 22%;
}
.data-recovery-page .compareTableWide .siteLinkCell,
.data-recovery-page .siteValueCell,
.data-recovery-page .compareTableWide .featureCell {
  min-width: 0;
}
.data-recovery-page .siteRankBannerLink {
  width: min(100%, 132px);
  height: 74px;
  box-shadow: none;
}
.data-recovery-page .siteNameLink {
  font-size: 15px;
  line-height: 1.2;
}
.data-recovery-page .comparisonTable .scoreStars {
  font-size: 13px;
  letter-spacing: 0;
}
.data-recovery-page .comparisonTable .scoreValue {
  font-size: 28px;
  line-height: 1;
}
.data-recovery-page .comparisonTable .voiceButton {
  font-size: 12px;
}
.data-recovery-page .compareTableWide .compareValue .compareValueText {
  white-space: normal;
  line-height: 1.35;
}
.data-recovery-page .featureCell .featureList {
  padding: 12px 10px;
}
.data-recovery-page .featureCell .featureList li {
  padding-left: 12px;
  font-size: 12px;
  line-height: 1.55;
}
.data-recovery-page .brandLogoItem {
  min-width: 210px;
  min-height: 48px;
  padding: 0 16px;
}
.data-recovery-page .brandLogoImage {
  max-width: 170px;
  max-height: 30px;
}
.data-recovery-page .rankingSectionTitleAccent {
  white-space: nowrap;
}
.data-recovery-page .rankingSectionTitleAccent .mobileRankingTitleBreak {
  display: none;
}
.data-recovery-page .compareNotice {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: fit-content;
  max-width: calc(100% - 32px);
  min-height: 46px;
  margin: 0 auto 14px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #fff4c8 0%, #ffe99d 48%, #ffd875 100%);
  color: #7a5400;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.02em;
  overflow: hidden;
  box-shadow:
    0 10px 22px rgba(244, 172, 31, 0.2),
    0 0 0 0 rgba(255, 196, 64, 0.36);
  animation:
    pharmacist-comparePulseFloat 2.6s ease-in-out infinite,
    pharmacist-comparePulseGlow 2.6s ease-in-out infinite;
}
.data-recovery-page .compareNotice::before {
  content: "";
  position: absolute;
  top: -30%;
  left: -24%;
  width: 34%;
  height: 160%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.18) 22%,
    rgba(255, 255, 255, 0.74) 50%,
    rgba(255, 255, 255, 0.18) 78%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: translateX(-180%) rotate(14deg);
  animation: pharmacist-comparePulseShine 2.8s ease-in-out infinite;
  pointer-events: none;
}
.data-recovery-page .compareNotice::after {
  content: "";
  position: absolute;
  inset: 2px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: inherit;
  pointer-events: none;
}
.data-recovery-page .compareNotice > span,
.data-recovery-page .compareNotice strong {
  position: relative;
  z-index: 1;
}
.data-recovery-page .compareNotice .comparePulseCount {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25em;
  margin: 0 0.12em;
  padding: 0.08em 0.32em 0.12em;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff 0%, #ffe9e9 100%);
  box-shadow:
    0 5px 12px rgba(216, 68, 68, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  color: #d84444;
  font-size: 1em;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  transform-origin: center;
  animation: pharmacist-comparePulseCountPop 2.6s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
}
.data-recovery-page .compareNotice .comparePulseCount::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -0.1em;
  height: 0.44em;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 118, 118, 0.34) 0%, rgba(255, 118, 118, 0) 75%);
  z-index: -1;
  animation: pharmacist-comparePulseCountGlow 2.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .data-recovery-page .compareNotice,
  .data-recovery-page .compareNotice::before,
  .data-recovery-page .compareNotice .comparePulseCount,
  .data-recovery-page .compareNotice .comparePulseCount::after {
    animation: none;
  }
}
@media (max-width: 768px) {
  .data-recovery-page .rankingSectionTitleAccent {
    padding-right: 11px;
    padding-left: 11px;
    font-size: clamp(15px, 4.65vw, 18px);
    letter-spacing: -0.06em;
  }

  .data-recovery-page .compareNotice {
    width: calc(100% - 18px);
    max-width: calc(100% - 18px);
    min-height: 34px;
    margin-bottom: 8px;
    padding: 0 7px;
    font-size: 10.9px;
    line-height: 1;
    white-space: nowrap;
  }

  .data-recovery-page .comparisonTableWrap {
    display: none;
  }

  .data-recovery-page .comparisonTableMobileWrap {
    display: block;
    overflow-x: hidden;
    padding: 1px;
    border-radius: 2px;
  }

  .data-recovery-page .comparisonTableMobile {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-radius: 0;
  }

  .data-recovery-page .comparisonTableMobile td,
  .data-recovery-page .comparisonTableMobile th {
    padding: 7px 2px;
    border-radius: 0;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .data-recovery-page .mobileCompareAgentCell {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .data-recovery-page .mobileCompareThumbWrap {
    display: grid;
    justify-items: center;
    padding-top: 0;
  }

  .data-recovery-page .mobileTableRankCrown {
    position: static;
    width: 24px;
    height: 20px;
    padding-bottom: 3px;
    font-size: 8px;
    transform: none;
  }

  .data-recovery-page .mobileCompareThumbLink {
    display: none;
  }

  .data-recovery-page .mobileCompareAgentLink {
    margin-top: 3px;
    min-height: 0;
    font-size: 9px;
    line-height: 1.2;
    text-underline-offset: 0.08em;
  }

  .data-recovery-page .comparisonTableMobile .mobileCompareValue .compareValueText,
  .data-recovery-page .mobileCompareText {
    font-size: 9px;
    line-height: 1.3;
  }

  .data-recovery-page .mobileCompareStarRating {
    font-size: 8px;
    letter-spacing: 0;
  }

  .data-recovery-page .mobileCompareRatingPoint {
    font-size: 8px;
  }

  .data-recovery-page .comparisonTableMobile .markBadge,
  .data-recovery-page .comparisonTableMobile .markBadgePlaceholder {
    min-width: 14px;
    min-height: 14px;
    font-size: 9px;
  }

  .data-recovery-page .mobileComparePoint {
    font-size: 8px;
    line-height: 1.32;
  }

  .data-recovery-page .brandLogoItem {
    min-width: 150px;
    min-height: 34px;
    padding: 0 10px;
  }

  .data-recovery-page .brandLogoImage {
    max-width: 120px;
    max-height: 22px;
  }
}
.it-agent-page .fvPicture,
.freelance-agent-page .fvHeroPicture,
.pharmacist-page .fvPicture,
.driver-page .fvPicture,
.taxi-page .fvPicture,
.doctort-page .fvPicture,
.ptot-page .fvPicture,
.data-recovery-page .fvPicture {
  aspect-ratio: 1920 / 400;
}
.it-agent-page .fvPicture.fvRankingPicture,
.freelance-agent-page .fvHeroPicture.fvRankingPicture,
.pharmacist-page .fvPicture.fvRankingPicture,
.driver-page .fvPicture.fvRankingPicture {
  aspect-ratio: 2172 / 724;
}
/* Match desktop first-view artwork to the width of the content below. */
@media (min-width: 1024px) {
  .it-agent-page .fvPicture,
  .freelance-agent-page .fvHeroPicture,
  .pharmacist-page .fvPicture,
  .driver-page .fvPicture,
  .taxi-page .fvPicture {
    width: var(--inner);
    margin-inline: auto;
  }

  .it-agent-page .fvAdNotice,
  .freelance-agent-page .fvAdNotice,
  .pharmacist-page .fvAdNotice,
  .driver-page .fvDisclosure,
  .taxi-page .fvAdNotice {
    width: var(--inner);
    max-width: none;
    margin-inline: auto;
    text-align: right;
  }

  .pharmacist-page:not(.doctor-black-page) .fv > .inner > .fvLoopLogo,
  .driver-page .fv > .inner > .fvLoopLogo,
  .taxi-page .fv > .inner > .fvLoopLogo {
    width: var(--inner);
    margin-inline: auto;
  }
}
.it-agent-page .fvReplacementImage,
.freelance-agent-page .fvHeroVisual,
.pharmacist-page .fvReplacementImage,
.driver-page .fvReplacementImage,
.taxi-page .fvReplacementImage,
.doctort-page .fvReplacementImage,
.ptot-page .fvReplacementImage,
.data-recovery-page .fvReplacementImage,
.temporary-work-page .hero-fv img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .it-agent-page .fvPicture,
  .freelance-agent-page .fvHeroPicture,
  .pharmacist-page .fvPicture,
  .driver-page .fvPicture,
  .taxi-page .fvPicture,
  .doctort-page .fvPicture,
  .data-recovery-page .fvPicture {
    aspect-ratio: 750 / 400;
  }

  .it-agent-page .fvPicture.fvRankingPicture,
  .freelance-agent-page .fvHeroPicture.fvRankingPicture,
  .pharmacist-page.doctort-page .fvPicture.fvRankingPicture {
    aspect-ratio: 750 / 400;
  }

  .pharmacist-page:not(.doctort-page) .fvPicture.fvRankingPicture {
    aspect-ratio: 750 / 400;
  }
}
@media (max-width: 1023px) {
  .ptot-page .fvPicture {
    aspect-ratio: 750 / 400;
  }

  .ptot-page .fvPicture.fvRankingPicture {
    aspect-ratio: 750 / 400;
  }
}
.it-agent-page .voicesTitle,
.freelance-agent-page .voicesTitle,
.pharmacist-page .voicesTitle,
.driver-page .voicesTitle,
.taxi-page .voicesTitle {
  margin-bottom: 24px;
}
.it-agent-page .voiceCard,
.freelance-agent-page .voiceCard,
.pharmacist-page .voiceCard,
.driver-page .voiceCard,
.taxi-page .voiceCard {
  padding: 58px 20px 18px;
}
.it-agent-page .voiceCard::before,
.freelance-agent-page .voiceCard::before,
.pharmacist-page .voiceCard::before,
.driver-page .voiceCard::before,
.taxi-page .voiceCard::before {
  width: 58px;
  height: 58px;
}
.it-agent-page .voiceCardBadge,
.freelance-agent-page .voiceCardBadge,
.pharmacist-page .voiceCardBadge,
.driver-page .voiceCardBadge,
.taxi-page .voiceCardBadge {
  top: 14px;
  min-height: 28px;
}
.it-agent-page .voiceCard dd,
.freelance-agent-page .voiceCard dd,
.pharmacist-page .voiceCard dd,
.driver-page .voiceCard dd,
.taxi-page .voiceCard dd {
  margin-top: 10px;
}
.it-agent-page .voiceCard dd p,
.freelance-agent-page .voiceCard dd p,
.pharmacist-page .voiceCard dd p,
.driver-page .voiceCard dd p,
.taxi-page .voiceCard dd p {
  line-height: 1.78;
}
@media (max-width: 768px) {
  .it-agent-page .voicesTitle,
  .freelance-agent-page .voicesTitle,
  .pharmacist-page .voicesTitle,
  .driver-page .voicesTitle,
  .taxi-page .voicesTitle {
    margin-bottom: 20px;
  }

  .it-agent-page .voiceCard,
  .freelance-agent-page .voiceCard,
  .pharmacist-page .voiceCard,
  .driver-page .voiceCard,
  .taxi-page .voiceCard {
    padding: 54px 16px 16px;
  }

  .it-agent-page .voiceCardBadge,
  .freelance-agent-page .voiceCardBadge,
  .pharmacist-page .voiceCardBadge,
  .driver-page .voiceCardBadge,
  .taxi-page .voiceCardBadge {
    min-height: 25px;
  }

  .it-agent-page .voiceCard dd p,
  .freelance-agent-page .voiceCard dd p,
  .pharmacist-page .voiceCard dd p,
  .driver-page .voiceCard dd p,
  .taxi-page .voiceCard dd p {
    line-height: 1.72;
  }
}
.driver-page .privateJobsLead,
.taxi-page .privateJobsLead,
.ptot-page .privateJobsLead {
  font-weight: 600;
}
.driver-page .privateJobsLead strong,
.taxi-page .privateJobsLead strong,
.ptot-page .privateJobsLead strong {
  color: #2a3c4a;
  font-weight: 800;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.driver-page .privateJobLimitedRow dd,
.taxi-page .privateJobLimitedRow dd,
.ptot-page .privateJobLimitedRow dd {
  position: relative;
  min-height: 58px;
  overflow: hidden;
  justify-content: center;
  background: #f7fbfd;
}
.driver-page .privateJobLimitedBlur,
.taxi-page .privateJobLimitedBlur,
.ptot-page .privateJobLimitedBlur {
  display: block;
  width: 100%;
  color: #2f3f49;
  filter: blur(5px);
  opacity: 0.48;
  font-weight: 800;
  line-height: 1.55;
  user-select: none;
  pointer-events: none;
}
.driver-page .privateJobLimitedLink,
.taxi-page .privateJobLimitedLink,
.ptot-page .privateJobLimitedLink {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6f25b8;
  font-size: 16px;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
}
.driver-page .sectionTitleWrap,
.taxi-page .sectionTitleWrap,
.ptot-page .sectionTitleWrap {
  flex-direction: column;
  align-items: center;
}
.driver-page .rankingCompareNotice,
.taxi-page .rankingCompareNotice,
.ptot-page .rankingCompareNotice {
  width: min(820px, calc(100% - 32px));
  margin: 14px auto 12px;
  padding: 16px 22px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  color: #23556c;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  box-shadow: 0 10px 24px rgba(76, 165, 208, 0.12);
}
.driver-page .rankingCompareNoticeHighlight,
.taxi-page .rankingCompareNoticeHighlight,
.ptot-page .rankingCompareNoticeHighlight {
  color: #1f4f68;
  font-weight: 800;
  background: linear-gradient(transparent 62%, #fff176 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media (max-width: 768px) {
  .driver-page .privateJobLimitedRow dd,
  .taxi-page .privateJobLimitedRow dd,
  .ptot-page .privateJobLimitedRow dd {
    min-height: 52px;
  }

  .driver-page .privateJobLimitedLink,
  .taxi-page .privateJobLimitedLink,
  .ptot-page .privateJobLimitedLink {
    font-size: 14px;
  }

  .driver-page .rankingCompareNotice,
  .taxi-page .rankingCompareNotice,
  .ptot-page .rankingCompareNotice {
    width: min(100%, calc(100% - 28px));
    margin: 10px auto 8px;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.7;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .it-agent-page .compareAgentBannerLink,
  .doctort-page .compareAgentBannerLink,
  .ptot-page .compareAgentBannerLink {
    width: 130%;
    height: 55px;
    margin-right: -15%;
    margin-bottom: 6px;
    margin-left: -15%;
    overflow: visible;
  }

  .it-agent-page .compareAgentBannerImage,
  .doctort-page .compareAgentBannerImage,
  .ptot-page .compareAgentBannerImage {
    width: 100%;
    height: 100%;
  }

  .it-agent-page .comparisonTable .siteName,
  .it-agent-page .comparisonTable .siteNameLink,
  .doctort-page .comparisonTableGeneral .siteNameLink,
  .doctort-page .comparisonTableSupport .siteNameLink,
  .ptot-page .comparisonTable .siteName,
  .ptot-page .comparisonTable .siteNameLink {
    font-size: 12.35px;
    line-height: 1.12;
  }

  .it-agent-page .comparisonTable .agentNameTextInline,
  .doctort-page .comparisonTable .agentNameTextInline,
  .ptot-page .comparisonTable .agentNameTextInline {
    display: inline;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .it-agent-page .comparisonTable .siteCatch,
  .doctort-page .comparisonTableGeneral .siteCatch,
  .doctort-page .comparisonTableSupport .siteCatch,
  .ptot-page .comparisonTable .siteCatch {
    display: block;
    width: 100%;
    margin-top: 4px;
    color: #425766;
    font-size: 11.4px;
    line-height: 1.16;
    font-weight: 700;
    text-align: center;
    background: none;
    word-break: normal;
    overflow-wrap: normal;
  }

  .it-agent-page .comparisonTable .siteCatchLine,
  .doctort-page .comparisonTable .siteCatchLine,
  .ptot-page .comparisonTable .siteCatchLine {
    display: inline;
    white-space: normal;
    background: linear-gradient(transparent 62%, #fff176 62%);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
  }

  .it-agent-page .comparisonTable .featureList.compact li,
  .doctort-page .comparisonTable .featureList.compact li,
  .ptot-page .comparisonTable .featureList.compact li {
    padding-left: 0.85em;
    font-size: 11.4px;
    line-height: 1.38;
    font-weight: 800;
  }

  .it-agent-page .amountBadge span,
  .doctort-page .comparisonTable .amountBadge span,
  .ptot-page .comparisonTable .amountBadge span {
    font-size: 12px;
    line-height: 1.15;
  }

  .it-agent-page .comparisonTableGeneral td[data-label="求人数"] .amountBadge span,
  .doctort-page .comparisonTableGeneral .mobileScoreAmount span,
  .ptot-page .comparisonTablePtotGeneral .siteValueCell .mobileScoreAmount span {
    font-size: 12px;
    line-height: 1.15;
  }

  .it-agent-page .comparisonTableJobs .amountBadge span,
  .doctort-page .comparisonTableSupport .amountBadge span,
  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadge span {
    font-size: 11px;
    line-height: 1.15;
  }

  .it-agent-page .amountBadge .amountBadgeSub,
  .it-agent-page .comparisonTable .amountBadge .amountBadgeSpecialty,
  .doctort-page .amountBadgeBullets,
  .ptot-page .comparisonTablePtotGeneral .siteValueCell .mobileScoreAmount .amountBadgeBullets,
  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadgeBullets {
    font-size: 9.5px;
    line-height: 1.2;
  }

  .ptot-page .comparisonTablePtotGeneral .siteValueCell .mobileScoreAmount span {
    font-size: 10.4px;
    line-height: 1.12;
    letter-spacing: -0.05em;
    white-space: nowrap;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadge span {
    font-size: 10px;
    line-height: 1.12;
    letter-spacing: -0.04em;
    white-space: nowrap;
  }
}
@media (max-width: 768px) {
  .doctort-page .comparisonTableSupport {
    display: block;
    border: 0;
    background: transparent;
  }

  .doctort-page .comparisonTableSupport colgroup,
  .doctort-page .comparisonTableSupport thead {
    display: none;
  }

  .doctort-page .comparisonTableSupport tbody {
    display: grid;
    gap: 10px;
  }

  .doctort-page .comparisonTableSupport tr {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    grid-template-areas:
      "site amount"
      "facility license"
      "specialty specialty";
    gap: 8px 10px;
    padding: 10px;
    border: 2px solid #6fc0df;
    border-radius: 8px;
    background: linear-gradient(180deg, #f8fdff 0%, #eef8fd 100%);
    box-shadow: 0 6px 16px rgba(47, 111, 143, 0.12);
  }

  .doctort-page .comparisonTableSupport td {
    display: block;
    min-width: 0;
    height: auto;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .doctort-page .comparisonTableSupport .siteLinkCell {
    grid-area: site;
    align-self: center;
    padding-right: 2px;
  }

  .doctort-page .comparisonTableSupport .siteAmountCell {
    grid-area: amount;
    align-self: center;
    padding: 8px 7px;
    border: 1px solid rgba(77, 165, 208, 0.34);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
  }

  .doctort-page .comparisonTableSupport .facilityCell {
    grid-area: facility;
  }

  .doctort-page .comparisonTableSupport .licenseCell {
    grid-area: license;
  }

  .doctort-page .comparisonTableSupport .specialtyCell {
    grid-area: specialty;
  }

  .doctort-page .comparisonTableSupport .facilityCell,
  .doctort-page .comparisonTableSupport .licenseCell,
  .doctort-page .comparisonTableSupport .specialtyCell {
    display: block;
    padding: 7px;
    border: 1px solid rgba(77, 165, 208, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.64);
  }

  .doctort-page .comparisonTableSupport .facilityCell::before,
  .doctort-page .comparisonTableSupport .licenseCell::before,
  .doctort-page .comparisonTableSupport .specialtyCell::before {
    content: attr(data-label);
    display: block;
    margin: 0 0 5px;
    color: #2f6f8f;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
  }

  .doctort-page .comparisonTableSupport .compareAgentBannerLink {
    width: min(100%, 96px);
    height: 46px;
    margin: 0 auto 5px;
    overflow: hidden;
  }

  .doctort-page .comparisonTableSupport .rankBalloon {
    min-width: 42px;
    height: 18px;
    margin-bottom: 4px;
    font-size: 9px;
  }

  .doctort-page .comparisonTableSupport .siteNameLink {
    font-size: 13px;
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .doctort-page .comparisonTableSupport .siteCatch {
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .doctort-page .comparisonTableSupport .amountBadge {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .doctort-page .comparisonTableSupport .amountBadge span {
    font-size: 17px;
    line-height: 1.08;
    letter-spacing: 0;
    white-space: nowrap;
  }

  .doctort-page .comparisonTableSupport .amountBadgeBullets {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    margin-top: 7px;
    font-size: 9px;
    line-height: 1.1;
  }

  .doctort-page .comparisonTableSupport .amountBadgeBullets li {
    display: grid;
    min-height: 24px;
    place-items: center;
    padding: 3px 2px;
    border-radius: 6px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .doctort-page .comparisonTableSupport .facilityCell .tableTagList,
  .doctort-page .comparisonTableSupport .licenseCell .licenseList,
  .doctort-page .comparisonTableSupport .specialtyList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 4px;
  }

  .doctort-page .comparisonTableSupport .facilityCell .tableTagList li,
  .doctort-page .comparisonTableSupport .licenseCell .licenseList li,
  .doctort-page .comparisonTableSupport .specialtyList li {
    width: auto;
    min-width: 0;
    padding: 4px 7px;
    border: 1px solid rgba(77, 165, 208, 0.32);
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #eef8fc 100%);
    color: #3d5967;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap;
  }

  .doctort-page .comparisonTableSupport .facilityCell .tableTagList li {
    padding: 3px 6px;
    font-size: 9px;
  }

  .doctort-page .comparisonTableSupport .licenseCell .licenseList li {
    border-color: rgba(58, 174, 160, 0.32);
    background: linear-gradient(180deg, #f8fffd 0%, #e7fbf6 100%);
    color: #2f6f68;
  }
}
@media (max-width: 360px) {
  .doctort-page .comparisonTableSupport tr {
    grid-template-areas:
      "site amount"
      "facility facility"
      "license license"
      "specialty specialty";
    gap: 6px 8px;
    padding: 8px;
  }

  .doctort-page .comparisonTableSupport .siteAmountCell,
  .doctort-page .comparisonTableSupport .facilityCell,
  .doctort-page .comparisonTableSupport .licenseCell,
  .doctort-page .comparisonTableSupport .specialtyCell {
    padding: 6px;
  }

  .doctort-page .comparisonTableSupport .facilityCell,
  .doctort-page .comparisonTableSupport .licenseCell,
  .doctort-page .comparisonTableSupport .specialtyCell {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    column-gap: 7px;
  }

  .doctort-page .comparisonTableSupport .compareAgentBannerLink {
    width: min(100%, 84px);
    height: 40px;
  }

  .doctort-page .comparisonTableSupport .siteNameLink {
    font-size: 12px;
  }

  .doctort-page .comparisonTableSupport .siteCatch {
    font-size: 9.2px;
    line-height: 1.2;
  }

  .doctort-page .comparisonTableSupport .amountBadge span {
    font-size: 15px;
  }

  .doctort-page .comparisonTableSupport .amountBadgeBullets {
    gap: 3px;
    margin-top: 6px;
    font-size: 8.2px;
  }

  .doctort-page .comparisonTableSupport .amountBadgeBullets li {
    min-height: 22px;
    padding: 2px 1px;
  }

  .doctort-page .comparisonTableSupport .facilityCell::before,
  .doctort-page .comparisonTableSupport .licenseCell::before,
  .doctort-page .comparisonTableSupport .specialtyCell::before {
    margin: 4px 0 0;
    font-size: 9.5px;
  }

  .doctort-page .comparisonTableSupport .facilityCell .tableTagList li,
  .doctort-page .comparisonTableSupport .licenseCell .licenseList li,
  .doctort-page .comparisonTableSupport .specialtyList li {
    padding: 3px 6px;
    font-size: 9.4px;
  }
}
.doctort-page .rankingHeaderText {
  display: grid;
  min-width: 0;
  gap: 12px;
  align-content: center;
}
.doctort-page .rankingHeader.hasPromo {
  display: block;
  text-align: left;
}
.doctort-page .rankingHeaderPrimary.isLevtech {
  align-items: center;
}
.doctort-page .rankingHeaderText h2 {
  margin: 0;
}
.doctort-page .rankingHeaderText .rankingAgentLink {
  transform: none;
}
.doctort-page .rankingAgentCatch {
  margin: 0;
  color: #273a42;
  font-size: clamp(18px, 2.025vw, 24px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: 0;
  white-space: nowrap;
}
.doctort-page .rankingAgentCatch span {
  background: linear-gradient(transparent 58%, #fff176 58%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media (min-width: 769px) {
  .doctort-page .rankingAgentCatch {
    font-weight: 800;
  }
}
@media (max-width: 768px) {
  .doctort-page .rankingHeaderPrimary.isLevtech {
    align-items: center;
    transform: none;
  }

  .doctort-page .rankingHeaderText {
    gap: 8px;
  }

  .doctort-page .rankingHeaderText h2 {
    margin-bottom: 0;
  }

  .doctort-page .rankingHeaderText .rankingAgentLink {
    transform: none;
  }

  .doctort-page .rankingAgentCatch {
    max-width: min(100%, 220px);
    font-size: clamp(15px, 4.35vw, 19.5px);
    line-height: 1.2;
    white-space: normal;
  }
}
@media (max-width: 360px) {
  .doctort-page .rankingAgentCatch {
    max-width: calc(100% - 18px);
    font-size: 16.5px;
    line-height: 1.2;
  }
}
.doctort-page .comparisonTableGeneral .compareAgentBannerLink {
  width: min(100%, 132px);
  height: auto;
  aspect-ratio: 300 / 250;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
.doctort-page .comparisonTableGeneral .compareAgentBannerImage,
.doctort-page .comparisonTableGeneral .doctorBannerPlaceholder {
  width: 100%;
  height: 100%;
}
.doctort-page .comparisonTableGeneral .doctorBannerPlaceholder {
  min-height: 0;
}
.pharmacist-page.doctort-page .comparisonTableSupport .compareAgentBannerLink {
  width: min(100%, 132px);
  height: auto;
  aspect-ratio: 300 / 250;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
.pharmacist-page.doctort-page .comparisonTableSupport .compareAgentBannerImage,
.pharmacist-page.doctort-page .comparisonTableSupport .doctorBannerPlaceholder {
  width: 100%;
  height: 100%;
}
.pharmacist-page.doctort-page .comparisonTableSupport .doctorBannerPlaceholder {
  min-height: 0;
}
@media (max-width: 768px) {
  .doctort-page .comparisonTableGeneral .compareAgentBannerLink {
    width: min(100%, 116px);
    height: auto;
    aspect-ratio: 300 / 250;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
  }

  .doctort-page .comparisonTableGeneral .doctorBannerPlaceholder {
    min-height: 0;
    padding: 4px;
  }

  .pharmacist-page.doctort-page .comparisonTableSupport .compareAgentBannerLink {
    width: min(100%, 116px);
    height: auto;
    aspect-ratio: 300 / 250;
  }

  .pharmacist-page.doctort-page .comparisonTableSupport .doctorBannerPlaceholder {
    min-height: 0;
    padding: 4px;
  }
}
@media (max-width: 360px) {
  .doctort-page .comparisonTableGeneral .compareAgentBannerLink {
    width: min(100%, 104px);
  }

  .pharmacist-page.doctort-page .comparisonTableSupport .compareAgentBannerLink {
    width: min(100%, 104px);
  }
}
@media (min-width: 769px) {
  .ptot-page .comparisonTablePtotGeneral .compareAgentBannerLink {
    width: min(100%, 132px);
    height: auto;
    aspect-ratio: 300 / 250;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
  }

  .ptot-page .comparisonTablePtotGeneral .siteNameLink {
    font-size: 17px;
    line-height: 1.08;
  }

  .ptot-page .comparisonTablePtotGeneral .siteCatch {
    font-size: 12px;
    line-height: 1.15;
  }
}
@media (max-width: 768px) {
  .ptot-page .comparisonTablePtotGeneral .compareAgentBannerLink {
    width: min(100%, 116px);
    height: auto;
    aspect-ratio: 300 / 250;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
  }
}
@media (max-width: 360px) {
  .ptot-page .comparisonTablePtotGeneral .compareAgentBannerLink {
    width: min(100%, 104px);
  }
}
@media (min-width: 769px) {
  .pharmacist-page:not(.doctort-page) .comparisonTableGeneral .compareAgentBannerLink {
    width: min(100%, 132px);
    height: auto;
    aspect-ratio: 300 / 250;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
  }

  .pharmacist-page:not(.doctort-page) .comparisonTableGeneral .siteNameLink {
    font-size: 17px;
    line-height: 1.08;
  }

  .pharmacist-page:not(.doctort-page) .comparisonTableGeneral .siteCatch {
    font-size: 12px;
    line-height: 1.15;
  }
}
@media (max-width: 768px) {
  .pharmacist-page:not(.doctort-page) .comparisonTableGeneral .compareAgentBannerLink {
    width: min(100%, 116px);
    height: auto;
    aspect-ratio: 300 / 250;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
  }
}
@media (max-width: 360px) {
  .pharmacist-page:not(.doctort-page) .comparisonTableGeneral .compareAgentBannerLink {
    width: min(100%, 104px);
  }
}
@media (max-width: 768px) {
  .pharmacist-page .comparisonTableSupport {
    display: block;
    border: 0;
    background: transparent;
  }

  .pharmacist-page .comparisonTableSupport colgroup,
  .pharmacist-page .comparisonTableSupport thead {
    display: none;
  }

  .pharmacist-page .comparisonTableSupport tbody {
    display: grid;
    gap: 10px;
  }

  .pharmacist-page .comparisonTableSupport tr {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    grid-template-areas:
      "site amount"
      "facility license"
      "jobtype jobtype";
    gap: 8px 10px;
    padding: 10px;
    border: 2px solid #6fc0df;
    border-radius: 8px;
    background: linear-gradient(180deg, #f8fdff 0%, #eef8fd 100%);
    box-shadow: 0 6px 16px rgba(47, 111, 143, 0.12);
  }

  .pharmacist-page .comparisonTableSupport td,
  .pharmacist-page .comparisonTableSupport td:nth-child(2),
  .pharmacist-page .comparisonTableSupport td:nth-child(3),
  .pharmacist-page .comparisonTableSupport td:nth-child(4),
  .pharmacist-page .comparisonTableSupport td:nth-child(5) {
    display: block;
    min-width: 0;
    height: auto;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .pharmacist-page .comparisonTableSupport .siteLinkCell {
    grid-area: site;
    align-self: center;
    padding-right: 2px;
  }

  .pharmacist-page .comparisonTableSupport .siteAmountCell {
    grid-area: amount;
    align-self: center;
    padding: 8px 7px;
    border: 1px solid rgba(77, 165, 208, 0.34);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
  }

  .pharmacist-page .comparisonTableSupport .facilityCell {
    grid-area: facility;
  }

  .pharmacist-page .comparisonTableSupport .licenseCell {
    grid-area: license;
  }

  .pharmacist-page .comparisonTableSupport .jobTypeCell {
    grid-area: jobtype;
  }

  .pharmacist-page .comparisonTableSupport .facilityCell,
  .pharmacist-page .comparisonTableSupport .licenseCell,
  .pharmacist-page .comparisonTableSupport .jobTypeCell {
    display: block;
    padding: 7px;
    border: 1px solid rgba(77, 165, 208, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.64);
  }

  .pharmacist-page .comparisonTableSupport .facilityCell::before,
  .pharmacist-page .comparisonTableSupport .licenseCell::before,
  .pharmacist-page .comparisonTableSupport .jobTypeCell::before {
    content: attr(data-label);
    display: block;
    margin: 0 0 5px;
    color: #2f6f8f;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
  }

  .pharmacist-page .comparisonTableSupport .compareAgentBannerLink {
    width: min(100%, 96px);
    height: 46px;
    margin: 0 auto 5px;
    overflow: hidden;
  }

  .pharmacist-page .comparisonTableSupport .rankBalloon {
    min-width: 42px;
    height: 18px;
    margin-bottom: 4px;
    font-size: 9px;
  }

  .pharmacist-page .comparisonTableSupport .siteName,
  .pharmacist-page .comparisonTableSupport .siteNameLink {
    font-size: 13px;
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .pharmacist-page .comparisonTableSupport .siteCatch {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .pharmacist-page .comparisonTableSupport .amountBadge {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: none;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .pharmacist-page .comparisonTableSupport .amountBadge span {
    font-size: 17px;
    line-height: 1.08;
    letter-spacing: 0;
    white-space: nowrap;
  }

  .pharmacist-page .comparisonTableSupport .amountBadgeBullets {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    margin-top: 7px;
    font-size: 9px;
    line-height: 1.1;
  }

  .pharmacist-page .comparisonTableSupport .amountBadgeBullets li {
    display: grid;
    min-height: 24px;
    place-items: center;
    padding: 3px 2px;
    border-radius: 6px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .pharmacist-page .comparisonTableSupport .facilityCell .tableTagList,
  .pharmacist-page .comparisonTableSupport .licenseCell .licenseList,
  .pharmacist-page .comparisonTableSupport .jobTypeList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 4px;
  }

  .pharmacist-page .comparisonTableSupport .facilityCell .tableTagList li,
  .pharmacist-page .comparisonTableSupport .licenseCell .licenseList li,
  .pharmacist-page .comparisonTableSupport .jobTypeList li {
    width: auto;
    min-width: 0;
    padding: 4px 7px;
    border: 1px solid rgba(77, 165, 208, 0.32);
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #eef8fc 100%);
    color: #3d5967;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap;
  }

  .pharmacist-page .comparisonTableSupport .facilityCell .tableTagList li {
    padding: 3px 6px;
    font-size: 9px;
  }

  .pharmacist-page .comparisonTableSupport .licenseCell .licenseList li {
    border-color: rgba(58, 174, 160, 0.32);
    background: linear-gradient(180deg, #f8fffd 0%, #e7fbf6 100%);
    color: #2f6f68;
  }
}
@media (max-width: 360px) {
  .pharmacist-page .comparisonTableSupport tr {
    grid-template-areas:
      "site amount"
      "facility facility"
      "license license"
      "jobtype jobtype";
    gap: 6px 8px;
    padding: 8px;
  }

  .pharmacist-page .comparisonTableSupport .siteAmountCell,
  .pharmacist-page .comparisonTableSupport .facilityCell,
  .pharmacist-page .comparisonTableSupport .licenseCell,
  .pharmacist-page .comparisonTableSupport .jobTypeCell {
    padding: 6px;
  }

  .pharmacist-page .comparisonTableSupport .facilityCell,
  .pharmacist-page .comparisonTableSupport .licenseCell,
  .pharmacist-page .comparisonTableSupport .jobTypeCell {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    column-gap: 7px;
  }

  .pharmacist-page .comparisonTableSupport .compareAgentBannerLink {
    width: min(100%, 84px);
    height: 40px;
  }

  .pharmacist-page .comparisonTableSupport .siteName,
  .pharmacist-page .comparisonTableSupport .siteNameLink {
    font-size: 12px;
  }

  .pharmacist-page .comparisonTableSupport .siteCatch {
    font-size: 9.2px;
    line-height: 1.2;
  }

  .pharmacist-page .comparisonTableSupport .amountBadge span {
    font-size: 15px;
  }

  .pharmacist-page .comparisonTableSupport .amountBadgeBullets {
    gap: 3px;
    margin-top: 6px;
    font-size: 8.2px;
  }

  .pharmacist-page .comparisonTableSupport .amountBadgeBullets li {
    min-height: 22px;
    padding: 2px 1px;
  }

  .pharmacist-page .comparisonTableSupport .facilityCell::before,
  .pharmacist-page .comparisonTableSupport .licenseCell::before,
  .pharmacist-page .comparisonTableSupport .jobTypeCell::before {
    margin: 4px 0 0;
    font-size: 9.5px;
  }

  .pharmacist-page .comparisonTableSupport .facilityCell .tableTagList li,
  .pharmacist-page .comparisonTableSupport .licenseCell .licenseList li,
  .pharmacist-page .comparisonTableSupport .jobTypeList li {
    padding: 3px 6px;
    font-size: 9.4px;
  }
}
@media (max-width: 768px) {
  .pharmacist-page.doctort-page .comparisonTableSupport tr {
    grid-template-areas:
      "site amount"
      "facility license"
      "specialty specialty";
  }

  .pharmacist-page.doctort-page .comparisonTableSupport .siteAmountCell {
    padding: 8px 7px;
    border: 1px solid rgba(77, 165, 208, 0.34);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
  }

  .pharmacist-page.doctort-page .comparisonTableSupport .facilityCell,
  .pharmacist-page.doctort-page .comparisonTableSupport .licenseCell,
  .pharmacist-page.doctort-page .comparisonTableSupport .specialtyCell {
    display: block;
    padding: 7px;
    border: 1px solid rgba(77, 165, 208, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.64);
  }

  .pharmacist-page.doctort-page .comparisonTableSupport .facilityCell::before,
  .pharmacist-page.doctort-page .comparisonTableSupport .licenseCell::before,
  .pharmacist-page.doctort-page .comparisonTableSupport .specialtyCell::before {
    content: attr(data-label);
    display: block;
    margin: 0 0 5px;
    color: #2f6f8f;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
  }

  .pharmacist-page.doctort-page .comparisonTableSupport .facilityCell .tableTagList,
  .pharmacist-page.doctort-page .comparisonTableSupport .licenseCell .licenseList,
  .pharmacist-page.doctort-page .comparisonTableSupport .specialtyList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 4px;
  }
}
@media (max-width: 360px) {
  .pharmacist-page.doctort-page .comparisonTableSupport tr {
    grid-template-areas:
      "site amount"
      "facility facility"
      "license license"
      "specialty specialty";
  }

  .pharmacist-page.doctort-page .comparisonTableSupport .siteAmountCell,
  .pharmacist-page.doctort-page .comparisonTableSupport .facilityCell,
  .pharmacist-page.doctort-page .comparisonTableSupport .licenseCell,
  .pharmacist-page.doctort-page .comparisonTableSupport .specialtyCell {
    padding: 6px;
  }

  .pharmacist-page.doctort-page .comparisonTableSupport .facilityCell,
  .pharmacist-page.doctort-page .comparisonTableSupport .licenseCell,
  .pharmacist-page.doctort-page .comparisonTableSupport .specialtyCell {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    column-gap: 7px;
  }

  .pharmacist-page.doctort-page .comparisonTableSupport .facilityCell::before,
  .pharmacist-page.doctort-page .comparisonTableSupport .licenseCell::before,
  .pharmacist-page.doctort-page .comparisonTableSupport .specialtyCell::before {
    margin: 4px 0 0;
    font-size: 9.5px;
  }
}
@media (max-width: 768px) {
  .ptot-page .comparisonTablePtotJobs {
    display: block;
    border: 0;
    background: transparent;
  }

  .ptot-page .comparisonTablePtotJobs colgroup,
  .ptot-page .comparisonTablePtotJobs thead {
    display: none;
  }

  .ptot-page .comparisonTablePtotJobs tbody {
    display: grid;
    gap: 10px;
  }

  .ptot-page .comparisonTablePtotJobs tr {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    grid-template-areas:
      "site amount"
      "jobtypes employment"
      "facility facility";
    gap: 8px 10px;
    padding: 10px;
    border: 2px solid #6fc0df;
    border-radius: 8px;
    background: linear-gradient(180deg, #f8fdff 0%, #eef8fd 100%);
    box-shadow: 0 6px 16px rgba(47, 111, 143, 0.12);
  }

  .ptot-page .comparisonTablePtotJobs td,
  .ptot-page .comparisonTablePtotJobs td:nth-child(2),
  .ptot-page .comparisonTablePtotJobs td:nth-child(3),
  .ptot-page .comparisonTablePtotJobs td:nth-child(4),
  .ptot-page .comparisonTablePtotJobs td:nth-child(5) {
    display: block;
    min-width: 0;
    height: auto;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .ptot-page .comparisonTablePtotJobs .siteLinkCell {
    grid-area: site;
    align-self: center;
    padding-right: 2px;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell {
    grid-area: amount;
    align-self: center;
    padding: 8px 7px;
    border: 1px solid rgba(77, 165, 208, 0.34);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
  }

  .ptot-page .comparisonTablePtotJobs .jobTypeCell {
    grid-area: jobtypes;
  }

  .ptot-page .comparisonTablePtotJobs .facilityCell {
    grid-area: facility;
  }

  .ptot-page .comparisonTablePtotJobs .employmentCell {
    grid-area: employment;
  }

  .ptot-page .comparisonTablePtotJobs .jobTypeCell,
  .ptot-page .comparisonTablePtotJobs .facilityCell,
  .ptot-page .comparisonTablePtotJobs .employmentCell {
    display: block;
    padding: 7px;
    border: 1px solid rgba(77, 165, 208, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.64);
  }

  .ptot-page .comparisonTablePtotJobs .jobTypeCell::before,
  .ptot-page .comparisonTablePtotJobs .facilityCell::before,
  .ptot-page .comparisonTablePtotJobs .employmentCell::before {
    content: attr(data-label);
    display: block;
    margin: 0 0 5px;
    color: #2f6f8f;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
  }

  .ptot-page .comparisonTablePtotJobs .compareAgentBannerLink {
    width: min(100%, 96px);
    height: 46px;
    margin: 0 auto 5px;
    overflow: hidden;
  }

  .ptot-page .comparisonTablePtotJobs .rankBalloon {
    min-width: 42px;
    height: 18px;
    margin-bottom: 4px;
    font-size: 9px;
  }

  .ptot-page .comparisonTablePtotJobs .siteName,
  .ptot-page .comparisonTablePtotJobs .siteNameLink {
    font-size: 13px;
    line-height: 1.12;
    overflow-wrap: anywhere;
  }

  .ptot-page .comparisonTablePtotJobs .siteCatch {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadge {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: none;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadge span {
    font-size: 17px;
    line-height: 1.08;
    letter-spacing: 0;
    white-space: nowrap;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadgeBullets {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    margin-top: 7px;
    font-size: 9px;
    line-height: 1.1;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadgeBullets li {
    display: grid;
    min-height: 24px;
    place-items: center;
    padding: 3px 2px;
    border-radius: 6px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .ptot-page .comparisonTablePtotJobs .jobTypeCell .tableTagList,
  .ptot-page .comparisonTablePtotJobs .facilityCell .tableTagList,
  .ptot-page .comparisonTablePtotJobs .employmentCell .licenseList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 4px;
  }

  .ptot-page .comparisonTablePtotJobs .jobTypeCell .tableTagList li,
  .ptot-page .comparisonTablePtotJobs .facilityCell .tableTagList li,
  .ptot-page .comparisonTablePtotJobs .employmentCell .licenseList li {
    width: auto;
    min-width: 0;
    padding: 4px 7px;
    border: 1px solid rgba(77, 165, 208, 0.32);
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff 0%, #eef8fc 100%);
    color: #3d5967;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap;
  }

  .ptot-page .comparisonTablePtotJobs .jobTypeCell .tableTagList li {
    padding: 3px 6px;
    font-size: 9px;
  }

  .ptot-page .comparisonTablePtotJobs .employmentCell .licenseList li {
    border-color: rgba(58, 174, 160, 0.32);
    background: linear-gradient(180deg, #f8fffd 0%, #e7fbf6 100%);
    color: #2f6f68;
  }
}
@media (max-width: 360px) {
  .ptot-page .comparisonTablePtotJobs tr {
    grid-template-areas:
      "site amount"
      "jobtypes jobtypes"
      "facility facility"
      "employment employment";
    gap: 6px 8px;
    padding: 8px;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell,
  .ptot-page .comparisonTablePtotJobs .jobTypeCell,
  .ptot-page .comparisonTablePtotJobs .facilityCell,
  .ptot-page .comparisonTablePtotJobs .employmentCell {
    padding: 6px;
  }

  .ptot-page .comparisonTablePtotJobs .jobTypeCell,
  .ptot-page .comparisonTablePtotJobs .facilityCell,
  .ptot-page .comparisonTablePtotJobs .employmentCell {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    column-gap: 7px;
  }

  .ptot-page .comparisonTablePtotJobs .compareAgentBannerLink {
    width: min(100%, 84px);
    height: 40px;
  }

  .ptot-page .comparisonTablePtotJobs .siteName,
  .ptot-page .comparisonTablePtotJobs .siteNameLink {
    font-size: 12px;
  }

  .ptot-page .comparisonTablePtotJobs .siteCatch {
    font-size: 9.2px;
    line-height: 1.2;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadge span {
    font-size: 15px;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadgeBullets {
    gap: 3px;
    margin-top: 6px;
    font-size: 8.2px;
  }

  .ptot-page .comparisonTablePtotJobs .siteAmountCell .amountBadgeBullets li {
    min-height: 22px;
    padding: 2px 1px;
  }

  .ptot-page .comparisonTablePtotJobs .jobTypeCell::before,
  .ptot-page .comparisonTablePtotJobs .facilityCell::before,
  .ptot-page .comparisonTablePtotJobs .employmentCell::before {
    margin: 4px 0 0;
    font-size: 9.5px;
  }

  .ptot-page .comparisonTablePtotJobs .jobTypeCell .tableTagList li,
  .ptot-page .comparisonTablePtotJobs .facilityCell .tableTagList li,
  .ptot-page .comparisonTablePtotJobs .employmentCell .licenseList li {
    padding: 3px 6px;
    font-size: 9.4px;
  }
}
@media (max-width: 768px) {
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.siteAmountCell,
  .ptot-page .comparisonTablePtotJobs td.siteAmountCell {
    padding: 8px 7px;
    border: 1px solid rgba(77, 165, 208, 0.34);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.72);
  }

  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.facilityCell,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.licenseCell,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.jobTypeCell,
  .ptot-page .comparisonTablePtotJobs td.jobTypeCell,
  .ptot-page .comparisonTablePtotJobs td.facilityCell,
  .ptot-page .comparisonTablePtotJobs td.employmentCell {
    display: block;
    padding: 7px;
    border: 1px solid rgba(77, 165, 208, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.64);
  }

  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.facilityCell::before,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.licenseCell::before,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.jobTypeCell::before,
  .ptot-page .comparisonTablePtotJobs td.jobTypeCell::before,
  .ptot-page .comparisonTablePtotJobs td.facilityCell::before,
  .ptot-page .comparisonTablePtotJobs td.employmentCell::before {
    content: attr(data-label);
    display: block;
    margin: 0 0 5px;
    color: #2f6f8f;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
  }

  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.facilityCell .tableTagList,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.licenseCell .licenseList,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.jobTypeCell .jobTypeList,
  .ptot-page .comparisonTablePtotJobs td.jobTypeCell .tableTagList,
  .ptot-page .comparisonTablePtotJobs td.facilityCell .tableTagList,
  .ptot-page .comparisonTablePtotJobs td.employmentCell .licenseList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 4px;
  }
}
@media (max-width: 360px) {
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.siteAmountCell,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.facilityCell,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.licenseCell,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.jobTypeCell,
  .ptot-page .comparisonTablePtotJobs td.siteAmountCell,
  .ptot-page .comparisonTablePtotJobs td.jobTypeCell,
  .ptot-page .comparisonTablePtotJobs td.facilityCell,
  .ptot-page .comparisonTablePtotJobs td.employmentCell {
    padding: 6px;
  }

  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.facilityCell,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.licenseCell,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.jobTypeCell,
  .ptot-page .comparisonTablePtotJobs td.jobTypeCell,
  .ptot-page .comparisonTablePtotJobs td.facilityCell,
  .ptot-page .comparisonTablePtotJobs td.employmentCell {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    column-gap: 7px;
  }

  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.facilityCell::before,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.licenseCell::before,
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport td.jobTypeCell::before,
  .ptot-page .comparisonTablePtotJobs td.jobTypeCell::before,
  .ptot-page .comparisonTablePtotJobs td.facilityCell::before,
  .ptot-page .comparisonTablePtotJobs td.employmentCell::before {
    margin: 4px 0 0;
    font-size: 9.5px;
  }
}
@media (min-width: 769px) {
  .ptot-page .comparisonTablePtotJobs .compareAgentBannerLink {
    width: min(100%, 132px);
    height: auto;
    aspect-ratio: 300 / 250;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
  }

  .ptot-page .comparisonTablePtotJobs .siteNameLink {
    font-size: 17px;
    line-height: 1.08;
  }

  .ptot-page .comparisonTablePtotJobs .siteCatch {
    font-size: 12px;
    line-height: 1.15;
  }
}
@media (max-width: 768px) {
  .ptot-page .comparisonTablePtotJobs .compareAgentBannerLink {
    width: min(100%, 116px);
    height: auto;
    aspect-ratio: 300 / 250;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
  }
}
@media (max-width: 360px) {
  .ptot-page .comparisonTablePtotJobs .compareAgentBannerLink {
    width: min(100%, 104px);
  }
}
@media (min-width: 769px) {
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport .compareAgentBannerLink {
    width: min(100%, 132px);
    height: auto;
    aspect-ratio: 300 / 250;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
  }

  .pharmacist-page:not(.doctort-page) .comparisonTableSupport .siteNameLink {
    font-size: 17px;
    line-height: 1.08;
  }

  .pharmacist-page:not(.doctort-page) .comparisonTableSupport .siteCatch {
    font-size: 12px;
    line-height: 1.15;
  }
}
@media (max-width: 768px) {
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport .compareAgentBannerLink {
    width: min(100%, 116px);
    height: auto;
    aspect-ratio: 300 / 250;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
  }
}
@media (max-width: 360px) {
  .pharmacist-page:not(.doctort-page) .comparisonTableSupport .compareAgentBannerLink {
    width: min(100%, 104px);
  }
}
@media (min-width: 981px) {
  .game-agent-page .rankingHeader.hasPromo {
    grid-template-columns: minmax(0, 1fr);
  }

  .game-agent-page .rankingAgentCatch {
    max-width: none;
    white-space: nowrap;
  }
}
.it-agent-page .voicesSwipeHint,
.freelance-agent-page .voicesSwipeHint,
.pharmacist-page .voicesSwipeHint,
.driver-page .voicesSwipeHint,
.taxi-page .voicesSwipeHint {
  display: none;
}
@media (max-width: 768px) {
  .it-agent-page .voicesSwipeHint,
  .freelance-agent-page .voicesSwipeHint,
  .pharmacist-page .voicesSwipeHint,
  .driver-page .voicesSwipeHint,
  .taxi-page .voicesSwipeHint {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin: -10px 0 10px;
    color: #527085;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.4;
  }

  .it-agent-page .voicesSwipeHint span,
  .freelance-agent-page .voicesSwipeHint span,
  .pharmacist-page .voicesSwipeHint span,
  .driver-page .voicesSwipeHint span,
  .taxi-page .voicesSwipeHint span {
    color: #1688c7;
    font-size: 1rem;
    line-height: 1;
  }

  .it-agent-page .voicesGrid,
  .freelance-agent-page .voicesGrid,
  .pharmacist-page .voicesGrid,
  .driver-page .voicesGrid,
  .taxi-page .voicesGrid {
    display: flex;
    grid-template-columns: none;
    align-items: stretch;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 0 24px 8px 0;
    scroll-padding-inline: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .it-agent-page .voicesGrid::-webkit-scrollbar,
  .freelance-agent-page .voicesGrid::-webkit-scrollbar,
  .pharmacist-page .voicesGrid::-webkit-scrollbar,
  .driver-page .voicesGrid::-webkit-scrollbar,
  .taxi-page .voicesGrid::-webkit-scrollbar {
    display: none;
  }

  .it-agent-page .voicesGrid > .voiceCard,
  .freelance-agent-page .voicesGrid > .voiceCard,
  .pharmacist-page .voicesGrid > .voiceCard,
  .driver-page .voicesGrid > .voiceCard,
  .taxi-page .voicesGrid > .voiceCard,
  .driver-page .voicesGrid > .voiceItem,
  .taxi-page .voicesGrid > .voiceItem {
    flex: 0 0 calc(100% - 24px);
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}
/* /pharmacist/black — conversion copy additions */
.pharmacist-black-page .blackLeadQuestion {
  margin: 28px 0 10px;
  padding: 17px 20px;
  border-left: 6px solid #2f8073;
  background: #f0f7f3;
  color: #31443e;
  font-size: 17px;
}
.pharmacist-black-page .blackTrustNote {
  margin: 28px 0 8px;
  padding: 18px 22px;
  border: 1px solid #c5ccc8;
  border-left: 7px solid #657b72;
  background: #f7f8f6;
  color: #47534f;
}
.pharmacist-black-page .blackTrustNote > strong {
  display: block;
  margin-bottom: 4px;
  color: #30453e;
  font-size: 15px;
}
.pharmacist-black-page .blackTrustNote p { margin: 0; font-size: 14px; }
.pharmacist-black-page .blackInfoPanel {
  margin: 28px 0 8px;
  border: 1px solid #aabbb4;
  box-shadow: 7px 7px 0 #e2e8e4;
}
.pharmacist-black-page .blackInfoPanel h3 {
  margin: 0;
  padding: 12px 18px;
  background: #2f665b;
  color: #fff;
  font-size: 17px;
}
.pharmacist-black-page .blackInfoPanel ul {
  margin: 0;
  padding: 20px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px 24px;
  list-style: none;
}
.pharmacist-black-page .blackInfoPanel li {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 700;
}
.pharmacist-black-page .blackInfoPanel li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #2f8073;
  font-weight: 900;
}
.pharmacist-black-page .blackQuickAgents {
  margin: 58px 0 8px;
  padding: 28px;
  border: 2px solid #2f665b;
  background: #fbfaf5;
  box-shadow: 9px 9px 0 #d8e3dd;
}
.pharmacist-black-page .blackQuickAgentsLead {
  margin: 0 0 20px;
  color: #263b35;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
}
.pharmacist-black-page .blackQuickAgentsLead span {
  display: table;
  margin: 0 auto 6px;
  padding: 2px 9px;
  background: #d84c50;
  color: #fff;
  font-size: 10px;
  letter-spacing: .1em;
}
.pharmacist-black-page .blackQuickAgents ol {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  list-style: none;
}
.pharmacist-black-page .blackQuickAgents li {
  position: relative;
  min-width: 0;
  border: 1px solid #d4d5cf;
  background: #fff;
}
.pharmacist-black-page .blackQuickAgentRank {
  position: absolute;
  z-index: 1;
  top: -8px;
  left: -5px;
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  background: #2f8073;
  color: #fff;
  font: 900 16px/1 Arial, sans-serif;
}
.pharmacist-black-page .blackQuickAgentRank.rank-1 { background: #d0a22c; }
.pharmacist-black-page .blackQuickAgentRank.rank-2 { background: #788680; }
.pharmacist-black-page .blackQuickAgentRank.rank-3 { background: #a96c48; }
.pharmacist-black-page .blackQuickAgents li a {
  min-height: 132px;
  padding: 23px 12px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.pharmacist-black-page .blackQuickAgents li small {
  color: #69736f;
  font-size: 10px;
  line-height: 1.5;
}
.pharmacist-black-page .blackQuickAgents li strong {
  margin-top: 7px;
  color: #24665b;
  font-size: 18px;
  line-height: 1.35;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pharmacist-black-page .blackQuickAgentsNote {
  margin: 13px 0 0;
  color: #707873;
  font-size: 11px;
  text-align: center;
}
.pharmacist-black-page .blackAgentCautions {
  margin: -8px 28px 26px;
  padding: 15px 18px;
  border-left: 5px solid #cf9e32;
  background: #fff9e9;
  font-size: 13px;
}
.pharmacist-black-page .blackAgentCautions > strong { color: #765b1e; }
.pharmacist-black-page .blackAgentCautions ul { margin: 5px 0 0; padding-left: 1.3em; }
.pharmacist-black-page .blackFinalChecks {
  margin: 32px 0 18px;
  border: 1px solid #b8b19e;
  background: #fffaf0;
  text-align: left;
}
.pharmacist-black-page .blackFinalChecks h3 {
  margin: 0;
  padding: 12px 18px;
  border-left: 7px solid #d6a62e;
  background: #fff3cc;
  color: #443b24;
  font-size: 18px;
}
.pharmacist-black-page .blackFinalChecks ul {
  margin: 0;
  padding: 18px 24px 20px;
  list-style: none;
  counter-reset: pharmacist-final-check;
}
.pharmacist-black-page .blackFinalChecks li {
  position: relative;
  padding: 7px 0 7px 39px;
  border-bottom: 1px dashed #d7d0bf;
  counter-increment: pharmacist-final-check;
  font-size: 14px;
  font-weight: 700;
}
.pharmacist-black-page .blackFinalChecks li:last-child { border-bottom: 0; }
.pharmacist-black-page .blackFinalChecks li::before {
  content: counter(pharmacist-final-check);
  position: absolute;
  left: 0;
  top: 6px;
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  background: #d6a62e;
  color: #fff;
  font: 900 12px/1 Arial, sans-serif;
}
.pharmacist-black-page .blackUseFlow {
  margin-top: 46px;
  padding-top: 36px;
  border-top: 1px solid #b7c2bd;
  text-align: left;
}
.pharmacist-black-page .blackUseFlow > h3 {
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 7px solid #2f8073;
  color: #263b35;
  font-size: 24px;
}
.pharmacist-black-page .blackUseFlow ol { margin: 0; padding: 0; list-style: none; }
.pharmacist-black-page .blackUseFlow li {
  position: relative;
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: 18px;
  padding-bottom: 20px;
}
.pharmacist-black-page .blackUseFlow li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 37px;
  top: 52px;
  bottom: 3px;
  border-left: 2px dotted #8caf9f;
}
.pharmacist-black-page .blackUseFlow li > span {
  width: 76px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: #2f665b;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
}
.pharmacist-black-page .blackUseFlow li > span b { font-size: 22px; }
.pharmacist-black-page .blackUseFlow h4 { margin: 0; color: #29433b; font-size: 17px; }
.pharmacist-black-page .blackUseFlow li p { margin: 4px 0 0; color: #5c6762; font-size: 13px; }
.pharmacist-black-page .blackClosingAction {
  margin-top: 26px;
  padding: 25px 22px 28px;
  background: #263d38;
  color: #fff;
  text-align: center;
}
.pharmacist-black-page .blackClosingAction p { margin: 0 0 10px; font-size: 14px; font-weight: 800; }
.pharmacist-black-page .blackClosingAction a {
  max-width: 560px;
  margin: 0 auto;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #ef7440;
  color: #fff;
  font-size: 19px;
  font-weight: 900;
  box-shadow: 0 5px 0 #ad4529;
}
.pharmacist-black-page .blackClosingAction a span { font-size: 26px; }
.pharmacist-black-page .blackClosingAction small { display: block; margin-top: 10px; color: #d9e3df; }
@media (max-width: 720px) {
  .pharmacist-black-page .blackLeadQuestion { padding: 15px 16px; font-size: 15px; }
  .pharmacist-black-page .blackTrustNote { padding: 16px; }
  .pharmacist-black-page .blackInfoPanel ul { grid-template-columns: 1fr; padding: 17px 18px; }
  .pharmacist-black-page .blackQuickAgents { margin-top: 46px; padding: 22px 16px; box-shadow: 6px 6px 0 #d8e3dd; }
  .pharmacist-black-page .blackQuickAgentsLead { font-size: 18px; }
  .pharmacist-black-page .blackQuickAgents ol { grid-template-columns: 1fr; gap: 13px; }
  .pharmacist-black-page .blackQuickAgents li a { min-height: 92px; padding: 17px 14px; }
  .pharmacist-black-page .blackQuickAgents li strong { font-size: 17px; }
  .pharmacist-black-page .blackAgentCautions { margin-right: 20px; margin-left: 20px; }
  .pharmacist-black-page .blackFinalChecks h3 { font-size: 16px; }
  .pharmacist-black-page .blackFinalChecks ul { padding: 15px 16px; }
  .pharmacist-black-page .blackUseFlow { margin-top: 38px; }
  .pharmacist-black-page .blackUseFlow > h3 { font-size: 21px; }
  .pharmacist-black-page .blackUseFlow li { grid-template-columns: 65px 1fr; gap: 13px; }
  .pharmacist-black-page .blackUseFlow li > span { width: 64px; height: 45px; }
  .pharmacist-black-page .blackUseFlow li:not(:last-child)::after { left: 31px; top: 49px; }
  .pharmacist-black-page .blackClosingAction { padding: 22px 14px 25px; }
  .pharmacist-black-page .blackClosingAction a { padding: 14px 10px; font-size: 16px; }
}
/* /doctort/black editorial redesign */
.doctor-black-page {
  --black-navy: #17364d;
  --black-blue: #176d91;
  --black-blue-deep: #0f5776;
  --black-yellow: #f4df64;
  --black-orange: #e66a24;
  --black-red: #b7473e;
  background: #fff;
  color: #2f3b43;
}
.doctor-black-page .blackSiteHeader {
  border-bottom: 3px solid var(--black-navy);
  background: #fff;
  box-shadow: none;
}
.doctor-black-page .blackSiteHeader .blackInner {
  min-height: 62px;
  justify-content: flex-start;
}
.doctor-black-page .blackHeaderLogoMark {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background: var(--black-blue);
  box-shadow: none;
  font-size: 24px;
}
.doctor-black-page .blackHeaderLogo strong {
  font-size: 20px;
  letter-spacing: .02em;
}
.doctor-black-page .blackHeaderLogo small {
  color: #687984;
  font-size: 11px;
}
.doctor-black-page .blackHero {
  width: 100%;
  margin: 0;
  background: #edf2f3;
}
.doctor-black-page .blackHeroPlaceholder {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  width: min(100%, 1120px);
  min-height: 500px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #edf2f3;
  text-align: left;
}
.doctor-black-page .blackHeroPlaceholder::before,
.doctor-black-page .blackHeroPlaceholder::after {
  display: none;
}
.doctor-black-page .blackHeroCopy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 64px 54px 58px 16px;
}
.doctor-black-page .blackHeroCopy > span {
  display: inline-block;
  padding: 5px 12px;
  border-left: 4px solid var(--black-orange);
  background: #fff;
  color: var(--black-navy);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}
.doctor-black-page .blackHeroCopy p {
  margin: 24px 0 9px;
  color: #50616c;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.6;
}
.doctor-black-page .blackHeroCopy h1 {
  margin: 0;
  color: #142e42;
  font-size: clamp(36px, 4.6vw, 54px);
  font-weight: 900;
  line-height: 1.33;
  letter-spacing: -.045em;
}
.doctor-black-page .blackHeroCopy h1 strong {
  color: var(--black-blue-deep);
  background: linear-gradient(transparent 70%, var(--black-yellow) 70%);
}
.doctor-black-page .blackHeroTail {
  display: block;
}
.doctor-black-page .blackHeroCopy > small {
  margin-top: 24px;
  color: #65747d;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.7;
}
.doctor-black-page .blackHeroImageSlot {
  position: relative;
  display: flex;
  min-height: 500px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    linear-gradient(rgba(23,54,77,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23,54,77,.08) 1px, transparent 1px),
    #dfe7e9;
  background-size: 32px 32px;
  color: #516873;
  text-align: center;
}
.doctor-black-page .blackHeroImageSlot::before {
  width: 88px;
  height: 66px;
  margin-bottom: 20px;
  border: 2px solid #718792;
  content: "";
  background:
    linear-gradient(140deg, transparent 48%, #718792 49%, #718792 52%, transparent 53%),
    linear-gradient(38deg, transparent 46%, #718792 47%, #718792 50%, transparent 51%);
}
.doctor-black-page .blackHeroImageSlot span {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}
.doctor-black-page .blackHeroImageSlot strong {
  margin-top: 5px;
  color: #3e5662;
  font-size: 15px;
}
.doctor-black-page .blackAdNotice {
  width: min(100% - 32px, 1120px);
  margin: 0 auto;
  padding: 8px 0;
  color: #6d7b82;
  background: #fff;
  font-size: 10px;
  text-align: right;
}
.doctor-black-page .blackIntro,
.doctor-black-page .blackContentSection {
  padding-top: 70px;
}
.doctor-black-page .blackOpeningChecklist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 48px;
  padding: 0;
  border: 1px solid #cbd6db;
  border-radius: 0;
  background: #fff;
}
.doctor-black-page .blackOpeningChecklist li {
  display: flex;
  min-height: 88px;
  align-items: center;
  padding: 17px 18px 17px 46px;
  border-right: 1px solid #cbd6db;
  color: #273f4f;
  font-size: 14px;
  line-height: 1.65;
}
.doctor-black-page .blackOpeningChecklist li:last-child {
  border-right: 0;
}
.doctor-black-page .blackOpeningChecklist li::before {
  top: 50%;
  left: 18px;
  color: var(--black-blue);
  font-size: 20px;
  transform: translateY(-50%);
}
.doctor-black-page .blackIntro > p,
.doctor-black-page .blackContentSection > p,
.doctor-black-page .blackRecommendation .blackArticle > p {
  color: #34454f;
  font-size: 16px;
  line-height: 2.05;
}
.doctor-black-page .blackLeadText {
  padding-bottom: 18px;
  border-bottom: 1px solid #d9e0e3;
}
.doctor-black-page .blackLeadText strong {
  color: var(--black-blue-deep);
  font-size: 21px;
}
.doctor-black-page .blackSpeechList {
  gap: 12px;
  margin: 32px 0 0;
  padding: 24px 28px;
  border-left: 5px solid #9aa9b0;
  background: #f4f5f5;
}
.doctor-black-page .blackSpeechList p {
  margin: 0;
  padding: 0 0 0 24px;
  border-radius: 0;
  background: transparent;
  color: #40525d;
  font-size: 14px;
  font-weight: 600;
}
.doctor-black-page .blackSpeechList p::before {
  top: 1px;
  left: 0;
  border: 0;
  color: #7b8b93;
  content: "“";
  font-family: Georgia, serif;
  font-size: 28px;
  line-height: 1;
}
.doctor-black-page .blackCaution {
  margin-top: 32px;
  padding: 20px 22px 20px 58px;
  border: 0;
  border-top: 1px solid #dfc16f;
  border-bottom: 1px solid #dfc16f;
  border-radius: 0;
  background: #fffbea;
}
.doctor-black-page .blackCaution::before {
  top: 19px;
  left: 22px;
  font-size: 24px;
}
.doctor-black-page .blackContentSection h2,
.doctor-black-page .blackRecommendation h2 {
  margin: 0 0 28px;
  padding: 20px 24px 18px;
  border: 0;
  border-top: 5px solid var(--black-blue);
  border-bottom: 1px solid #b8c7ce;
  border-radius: 0;
  background: #f1f5f6;
  color: #18364a;
  font-size: clamp(23px, 3.5vw, 29px);
  line-height: 1.55;
}
.doctor-black-page .blackSectionImagePlaceholder {
  aspect-ratio: 16 / 8.5;
  min-height: 0;
  margin-bottom: 32px;
  padding: 30px;
  border: 1px solid #b9c5ca;
  border-radius: 0;
  background: #e9edef;
  color: #667781;
}
.doctor-black-page .blackSectionImagePlaceholder span {
  padding: 4px 10px;
  border: 1px solid #a9b6bc;
  background: #f6f8f8;
  font-size: 10px;
  letter-spacing: .08em;
}
.doctor-black-page .blackSectionImagePlaceholder strong {
  color: #405863;
  font-size: 20px;
}
.doctor-black-page .blackConditionBox,
.doctor-black-page .blackInfoBox {
  margin: 32px 0;
  padding: 24px 26px;
  border: 0;
  border-left: 5px solid #d7aa27;
  border-radius: 0;
  background: #fffbed;
}
.doctor-black-page .blackInfoBox {
  border-left-color: var(--black-blue);
  background: #f0f6f8;
}
.doctor-black-page .blackConditionBox > span,
.doctor-black-page .blackInfoBox h3 {
  margin-bottom: 17px;
  font-size: 17px;
  text-align: left;
}
.doctor-black-page .blackConditionBox li,
.doctor-black-page .blackInfoBox li {
  font-size: 14px;
  font-weight: 700;
}
.doctor-black-page .blackQuickRanking {
  margin-top: 42px;
  overflow: visible;
  border: 1px solid #9fb4bd;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.doctor-black-page .blackQuickRankingLead {
  padding: 17px 20px;
  background: var(--black-navy);
  font-size: 16px;
}
.doctor-black-page .blackQuickRankingLead span {
  margin-bottom: 2px;
  color: #f1dc77;
  font-size: 11px;
}
.doctor-black-page .blackQuickRanking li {
  grid-template-columns: 52px 1fr;
  padding: 16px 20px;
  border-bottom-color: #d3dde1;
}
.doctor-black-page .blackQuickRank {
  width: 36px;
  height: 36px;
  border-radius: 2px;
  box-shadow: none;
  font-size: 17px;
}
.doctor-black-page .blackQuickRanking li small {
  color: #9b4b42;
  font-size: 11px;
}
.doctor-black-page .blackQuickRanking li strong {
  color: var(--black-blue-deep);
  font-size: 19px;
  text-decoration-thickness: 1px;
}
.doctor-black-page .blackQuickNote {
  background: #f4f6f6;
}
.doctor-black-page .blackFourPoints {
  margin-top: 32px;
  padding: 0;
  border: 1px solid #b6c7ce;
  border-radius: 0;
  background: #fff;
}
.doctor-black-page .blackFourPoints h3 {
  margin: 0;
  padding: 16px 20px;
  background: var(--black-navy);
  color: #fff;
  font-size: 16px;
}
.doctor-black-page .blackFourPoints ol {
  gap: 0;
}
.doctor-black-page .blackFourPoints li {
  padding: 14px 18px;
  border-bottom: 1px solid #dbe2e5;
  border-radius: 0;
  background: #fff;
}
.doctor-black-page .blackFourPoints li:last-child {
  border-bottom: 0;
}
.doctor-black-page .blackFourPoints b {
  width: 27px;
  height: 27px;
  flex-basis: 27px;
  border-radius: 2px;
  background: var(--black-blue);
}
.doctor-black-page .blackRankingSection {
  margin-top: 84px;
  padding: 72px 0 84px;
  border-top: 6px solid var(--black-navy);
  background: #f4f5f3;
}
.doctor-black-page .blackSectionEyebrow {
  color: #687982;
  font-size: 11px;
  letter-spacing: .12em;
}
.doctor-black-page .blackRankingSection > .blackWideInner > h2 {
  color: #17364d;
  font-size: clamp(28px, 4vw, 39px);
  letter-spacing: -.02em;
}
.doctor-black-page .blackRankingSection > .blackWideInner > h2 strong {
  color: var(--black-blue-deep);
  background: linear-gradient(transparent 72%, var(--black-yellow) 72%);
}
.doctor-black-page .blackRankingLead {
  margin-bottom: 38px;
  color: #50616a;
}
.doctor-black-page .blackComparisonWrap {
  margin-bottom: 64px;
  padding: 0;
  border: 1px solid #aebdc4;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.doctor-black-page .blackComparisonTable th,
.doctor-black-page .blackComparisonTable td {
  border-right-color: #c9d3d7;
  border-bottom-color: #c9d3d7;
  padding: 15px 12px;
}
.doctor-black-page .blackComparisonTable th {
  background: #1b3b52;
  font-size: 12px;
}
.doctor-black-page .blackComparisonTable tbody tr:nth-child(even) td {
  background: #f5f6f6;
}
.doctor-black-page .blackTableRank {
  border-radius: 2px;
}
.doctor-black-page .blackTableBannerLink img,
.doctor-black-page .blackAgentBannerLink img {
  border: 1px solid #d4dadd;
  border-radius: 0;
  box-shadow: none;
}
.doctor-black-page .blackCta {
  min-height: 70px;
  border: 0;
  border-radius: 3px;
  background: var(--black-orange);
  box-shadow: 0 4px 0 #a94712;
}
.doctor-black-page .blackCta:hover {
  box-shadow: 0 2px 0 #a94712;
}
.doctor-black-page .blackCta.isCompact {
  border-radius: 2px;
  box-shadow: 0 3px 0 #a94712;
}
.doctor-black-page .blackAgentList {
  gap: 68px;
}
.doctor-black-page .blackAgentCard {
  padding: 0 32px 36px;
  overflow: visible;
  border: 1px solid #b9c5ca;
  border-top: 6px solid var(--black-blue);
  border-radius: 0;
  background: #fff;
  box-shadow: 0 8px 20px rgba(25, 49, 63, .07);
}
.doctor-black-page .blackAgentCard.rank2 {
  border-top-color: #7c9099;
}
.doctor-black-page .blackAgentCard.rank3 {
  border-top-color: #a77851;
}
.doctor-black-page .blackAgentHeader,
.doctor-black-page .blackAgentCard.rank2 .blackAgentHeader,
.doctor-black-page .blackAgentCard.rank3 .blackAgentHeader {
  margin: 0 -32px 28px;
  padding: 19px 32px;
  border-bottom: 1px solid #c9d2d6;
  background: #fff;
  color: var(--black-navy);
}
.doctor-black-page .blackAgentRank {
  width: 52px;
  height: 52px;
  flex-basis: 52px;
  border-radius: 2px;
  background: #c79621;
  box-shadow: none;
  color: #fff;
}
.doctor-black-page .blackAgentCard.rank2 .blackAgentRank {
  background: #7c9099;
}
.doctor-black-page .blackAgentCard.rank3 .blackAgentRank {
  background: #a77851;
}
.doctor-black-page .blackAgentRank b {
  font-size: 23px;
}
.doctor-black-page .blackAgentHeader p {
  color: #8b5843;
  font-size: 11px;
}
.doctor-black-page .blackAgentHeader h3 {
  color: var(--black-navy);
  font-size: 30px;
}
.doctor-black-page .blackAgentHeader h3 a {
  text-decoration-color: #8bb1c1;
  text-decoration-thickness: 1px;
}
.doctor-black-page .blackAgentPoints {
  padding: 20px 22px;
  border: 1px solid #bdccd2;
  border-radius: 0;
  background: #f4f7f7;
}
.doctor-black-page .blackAgentPoints > span {
  margin-bottom: 13px;
  padding: 0 0 5px;
  border-bottom: 2px solid var(--black-blue);
  border-radius: 0;
  background: transparent;
  color: var(--black-navy);
}
.doctor-black-page .blackAgentFacts {
  border-radius: 0;
}
.doctor-black-page .blackAgentFacts dt {
  background: #e9eff1;
}
.doctor-black-page .blackAgentBody {
  padding: 24px 0;
  border: 0;
  border-bottom: 1px solid #d7dfe2;
  border-radius: 0;
  background: #fff;
}
.doctor-black-page .blackAgentBody p {
  font-size: 14px;
  line-height: 2;
}
.doctor-black-page .blackFitGrid {
  gap: 14px;
}
.doctor-black-page .blackFitBox {
  border: 1px solid #8eb29c;
  border-radius: 0;
  background: #fff;
}
.doctor-black-page .blackFitBox.isBad {
  border-color: #c99c9c;
  background: #fff;
}
.doctor-black-page .blackFitBox h4 {
  background: #46775b;
}
.doctor-black-page .blackFitBox.isBad h4 {
  background: #9c5757;
}
.doctor-black-page .blackVoices > h4 {
  padding-bottom: 10px;
  border-bottom: 2px solid var(--black-navy);
  text-align: left;
}
.doctor-black-page .blackVoices blockquote {
  padding: 20px 20px 20px 24px;
  border: 0;
  border-left: 4px solid #94a8b1;
  border-radius: 0;
  background: #f3f5f5;
}
.doctor-black-page .blackVoices blockquote::after {
  display: none;
}
.doctor-black-page .blackRecommendation {
  padding: 82px 0;
  border-top: 1px solid #cbd5d9;
}
.doctor-black-page .blackFlow li {
  grid-template-columns: 76px minmax(0, 1fr);
  padding: 20px 22px;
  border: 0;
  border-bottom: 1px solid #cbd6da;
  border-radius: 0;
  background: #fff;
}
.doctor-black-page .blackFlow li:first-child {
  border-top: 1px solid #cbd6da;
}
.doctor-black-page .blackFlow li > span {
  width: 60px;
  height: 60px;
  border-radius: 2px;
  background: var(--black-blue);
  box-shadow: none;
}
.doctor-black-page .blackClosingCta {
  padding: 26px;
  border: 1px solid #aebfc6;
  border-radius: 0;
  background: #eef3f4;
}
@media (max-width: 760px) {
  .doctor-black-page .blackSiteHeader .blackInner {
    min-height: 54px;
    justify-content: center;
  }

  .doctor-black-page .blackHeroPlaceholder {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .doctor-black-page .blackHeroCopy {
    padding: 38px 20px 34px;
  }

  .doctor-black-page .blackHeroCopy > span {
    font-size: 10px;
  }

  .doctor-black-page .blackHeroCopy p {
    margin-top: 20px;
    font-size: 15px;
  }

  .doctor-black-page .blackHeroCopy h1 {
    font-size: 28px;
    line-height: 1.37;
  }

  .doctor-black-page .blackHeroCopy > small {
    margin-top: 20px;
    font-size: 11px;
  }

  .doctor-black-page .blackHeroImageSlot {
    min-height: 230px;
  }

  .doctor-black-page .blackHeroImageSlot::before {
    width: 68px;
    height: 50px;
    margin-bottom: 14px;
  }

  .doctor-black-page .blackAdNotice {
    width: calc(100% - 24px);
    font-size: 9px;
  }

  .doctor-black-page .blackIntro,
  .doctor-black-page .blackContentSection {
    padding-top: 52px;
  }

  .doctor-black-page .blackOpeningChecklist {
    grid-template-columns: 1fr;
  }

  .doctor-black-page .blackOpeningChecklist li {
    min-height: 0;
    padding: 13px 15px 13px 44px;
    border-right: 0;
    border-bottom: 1px solid #d5dee2;
    font-size: 13px;
  }

  .doctor-black-page .blackOpeningChecklist li:last-child {
    border-bottom: 0;
  }

  .doctor-black-page .blackOpeningChecklist li::before {
    left: 16px;
  }

  .doctor-black-page .blackSpeechList {
    padding: 20px;
  }

  .doctor-black-page .blackContentSection h2,
  .doctor-black-page .blackRecommendation h2 {
    padding: 16px 14px 14px;
    font-size: 20px;
  }

  .doctor-black-page .blackSectionImagePlaceholder {
    aspect-ratio: 4 / 3;
    padding: 18px;
  }

  .doctor-black-page .blackSectionImagePlaceholder strong {
    font-size: 17px;
  }

  .doctor-black-page .blackConditionBox,
  .doctor-black-page .blackInfoBox {
    padding: 20px;
  }

  .doctor-black-page .blackQuickRanking li {
    grid-template-columns: 44px 1fr;
  }

  .doctor-black-page .blackQuickRank {
    width: 32px;
    height: 32px;
    font-size: 15px;
  }

  .doctor-black-page .blackRankingSection {
    margin-top: 64px;
    padding: 56px 0 64px;
  }

  .doctor-black-page .blackComparisonHint {
    background: var(--black-navy);
  }

  .doctor-black-page .blackAgentCard {
    padding: 0 16px 28px;
  }

  .doctor-black-page .blackAgentHeader,
  .doctor-black-page .blackAgentCard.rank2 .blackAgentHeader,
  .doctor-black-page .blackAgentCard.rank3 .blackAgentHeader {
    margin: 0 -16px 22px;
    padding: 15px 16px;
  }

  .doctor-black-page .blackAgentHeader h3 {
    font-size: 23px;
  }

  .doctor-black-page .blackAgentPoints {
    padding: 18px;
  }

  .doctor-black-page .blackFitGrid,
  .doctor-black-page .blackVoices > div {
    gap: 12px;
  }

  .doctor-black-page .blackRecommendation {
    padding: 58px 0 68px;
  }

  .doctor-black-page .blackFlow li {
    grid-template-columns: 56px minmax(0, 1fr);
    padding: 16px 10px;
  }

  .doctor-black-page .blackFlow li > span {
    width: 48px;
    height: 48px;
  }
}
.doctor-black-page .blackVisuallyHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}
.doctor-black-page .blackHeroPlaceholder.blackHeroImageOnly {
  display: flex;
  aspect-ratio: 16 / 6;
  min-height: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 32px;
  border-right: 1px solid #b8c5ca;
  border-left: 1px solid #b8c5ca;
  background:
    linear-gradient(rgba(23, 54, 77, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23, 54, 77, .07) 1px, transparent 1px),
    #e3e9eb;
  background-size: 32px 32px;
  color: #4b626e;
  text-align: center;
}
.doctor-black-page .blackHeroPlaceholder.blackHeroImageOnly::before {
  display: block;
  width: 76px;
  height: 56px;
  margin-bottom: 12px;
  border: 2px solid #718792;
  content: "";
  background:
    linear-gradient(140deg, transparent 48%, #718792 49%, #718792 52%, transparent 53%),
    linear-gradient(38deg, transparent 46%, #718792 47%, #718792 50%, transparent 51%);
}
.doctor-black-page .blackHeroPlaceholder.blackHeroImageOnly::after {
  display: none;
}
.doctor-black-page .blackHeroImageOnly > span {
  padding: 0;
  background: transparent;
  color: #607681;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}
.doctor-black-page .blackHeroImageOnly > strong {
  color: #314e5d;
  font-size: 20px;
}
.doctor-black-page .blackHeroImageOnly > small {
  margin-top: 3px;
  color: #6b7e87;
  font-size: 11px;
  font-weight: 600;
}
@media (max-width: 760px) {
  .doctor-black-page .blackHeroPlaceholder.blackHeroImageOnly {
    aspect-ratio: 4 / 3;
    padding: 24px;
  }

  .doctor-black-page .blackHeroImageOnly > strong {
    font-size: 18px;
  }
}
/* /doctort/black conversion copy additions */
.doctor-black-page .blackPageNav {
  position: sticky;
  top: 0;
  z-index: 14;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: min(100%, 840px);
  margin: 0 auto;
  border-right: 1px solid #9eb0b8;
  border-bottom: 1px solid #9eb0b8;
  border-left: 1px solid #9eb0b8;
  background: #fff;
  box-shadow: 0 5px 12px rgba(26, 54, 70, .08);
}
.doctor-black-page .blackPageNav a {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 10px;
  border-right: 1px solid #c9d4d8;
  color: #29495a;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}
.doctor-black-page .blackPageNav a:last-child {
  border-right: 0;
}
.doctor-black-page .blackPageNav a:hover {
  background: #eef4f6;
}
.doctor-black-page .blackPageNav span {
  color: #b26736;
  font-size: 10px;
  letter-spacing: .04em;
}
.doctor-black-page #pitfall,
.doctor-black-page #private-jobs,
.doctor-black-page #choose,
.doctor-black-page #ranking,
.doctor-black-page #black-flow-title {
  scroll-margin-top: 62px;
}
.doctor-black-page .blackIntroEyebrow {
  margin: 0 0 10px;
  color: #96613e;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-align: center;
}
.doctor-black-page .blackIntroTitle {
  margin: 0 0 28px;
  color: #17364d;
  font-size: clamp(25px, 4vw, 34px);
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
}
.doctor-black-page .blackMismatchPanel {
  margin-top: 34px;
  padding: 0;
  border: 1px solid #b9c7cd;
  background: #fff;
}
.doctor-black-page .blackMismatchPanel > h3 {
  margin: 0;
  padding: 15px 20px;
  background: #17364d;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.doctor-black-page .blackMismatchPanel > div {
  display: grid;
  gap: 0;
}
.doctor-black-page .blackMismatchPanel dl {
  display: grid;
  grid-template-columns: minmax(170px, .72fr) minmax(0, 1.28fr);
  margin: 0;
  border-bottom: 1px solid #d7e0e3;
}
.doctor-black-page .blackMismatchPanel dl:last-child {
  border-bottom: 0;
}
.doctor-black-page .blackMismatchPanel dt,
.doctor-black-page .blackMismatchPanel dd {
  margin: 0;
  padding: 16px 18px;
  font-size: 13px;
  line-height: 1.7;
}
.doctor-black-page .blackMismatchPanel dt {
  display: flex;
  align-items: center;
  border-right: 1px solid #d7e0e3;
  background: #fff7f3;
  color: #9d4338;
  font-weight: 900;
}
.doctor-black-page .blackMismatchPanel dd {
  color: #3e505a;
  font-weight: 600;
}
.doctor-black-page .blackMismatchPanel dd span {
  display: block;
  margin-bottom: 3px;
  color: var(--black-blue-deep);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
}
.doctor-black-page .blackRedFlagBox {
  margin-top: 28px;
  padding: 22px 24px;
  border: 1px solid #d8b7b1;
  border-left: 6px solid #ae4b42;
  background: #fff8f6;
}
.doctor-black-page .blackRedFlagBox h3 {
  margin: 0 0 13px;
  color: #873b35;
  font-size: 17px;
}
.doctor-black-page .blackRedFlagBox ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.doctor-black-page .blackRedFlagBox li {
  position: relative;
  padding-left: 24px;
  color: #4e4644;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.65;
}
.doctor-black-page .blackRedFlagBox li::before {
  position: absolute;
  left: 2px;
  color: #ae4b42;
  content: "!";
  font-weight: 900;
}
.doctor-black-page .blackPublicPrivateSection {
  padding-top: 70px;
}
.doctor-black-page .blackSectionKicker {
  margin: 0 0 7px;
  color: #8f6041;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .09em;
}
.doctor-black-page .blackPublicPrivateSection > h2 {
  margin: 0 0 22px;
  padding: 0 0 11px 15px;
  border-left: 5px solid var(--black-blue);
  border-bottom: 1px solid #b7c5cb;
  color: #17364d;
  font-size: clamp(23px, 3.5vw, 29px);
  line-height: 1.5;
}
.doctor-black-page .blackPublicPrivateWrap {
  overflow-x: auto;
  border: 1px solid #afbdc3;
  -webkit-overflow-scrolling: touch;
}
.doctor-black-page .blackPublicPrivateTable {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
  table-layout: fixed;
}
.doctor-black-page .blackPublicPrivateTable th,
.doctor-black-page .blackPublicPrivateTable td {
  padding: 13px 14px;
  border-right: 1px solid #c8d3d7;
  border-bottom: 1px solid #c8d3d7;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}
.doctor-black-page .blackPublicPrivateTable thead th {
  background: #17364d;
  color: #fff;
  font-weight: 900;
}
.doctor-black-page .blackPublicPrivateTable thead th:first-child,
.doctor-black-page .blackPublicPrivateTable tbody th {
  width: 24%;
}
.doctor-black-page .blackPublicPrivateTable tbody th {
  background: #eef3f4;
  color: #29495a;
  font-weight: 900;
}
.doctor-black-page .blackPublicPrivateTable tbody td:nth-child(2) {
  background: #fff8f5;
}
.doctor-black-page .blackPublicPrivateTable tbody td:last-child {
  background: #eef7f5;
  color: #235f58;
  font-weight: 700;
}
.doctor-black-page .blackTableFootnote {
  margin: 7px 0 0;
  color: #6c7a81;
  font-size: 10px;
}
.doctor-black-page .blackNoObligation {
  margin-top: 28px;
  padding: 21px 23px;
  border: 1px solid #a8c7be;
  border-left: 6px solid #3c8372;
  background: #f2f9f7;
}
.doctor-black-page .blackNoObligation strong {
  display: block;
  color: #245f52;
  font-size: 16px;
}
.doctor-black-page .blackNoObligation p {
  margin: 8px 0 0;
  color: #3f5650;
  font-size: 13px;
  line-height: 1.8;
}
.doctor-black-page .blackComparisonAdvice {
  margin: -38px 0 64px;
  padding: 17px 20px;
  border: 1px solid #aebfc6;
  border-left: 7px solid #357c73;
  background: #fff;
  color: #3d515a;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.75;
}
.doctor-black-page .blackAgentCtaWrap {
  width: min(100%, 520px);
  margin: 28px auto 0;
  text-align: center;
}
.doctor-black-page .blackAgentCtaWrap > p {
  margin: 0 0 7px;
  color: #a84d28;
  font-size: 12px;
  font-weight: 900;
}
.doctor-black-page .blackAgentCtaWrap .blackCta {
  margin-top: 0;
}
.doctor-black-page .blackAgentCtaWrap .blackCta small {
  max-width: none;
}
.doctor-black-page .blackClosingCta > .blackAgentCtaWrap {
  margin-top: 20px;
}
@media (max-width: 760px) {
  .doctor-black-page .blackPageNav {
    width: 100%;
  }

  .doctor-black-page .blackPageNav a {
    min-height: 43px;
    gap: 2px;
    padding: 6px 2px;
    flex-direction: column;
    font-size: 9px;
    line-height: 1.25;
  }

  .doctor-black-page .blackPageNav span {
    font-size: 8px;
  }

  .doctor-black-page .blackIntroEyebrow {
    font-size: 10px;
  }

  .doctor-black-page .blackIntroTitle {
    margin-bottom: 22px;
    font-size: 23px;
  }

  .doctor-black-page .blackMismatchPanel > h3 {
    padding: 13px;
    font-size: 14px;
  }

  .doctor-black-page .blackMismatchPanel dl {
    grid-template-columns: 1fr;
  }

  .doctor-black-page .blackMismatchPanel dt,
  .doctor-black-page .blackMismatchPanel dd {
    padding: 13px 15px;
  }

  .doctor-black-page .blackMismatchPanel dt {
    border-right: 0;
    border-bottom: 1px solid #e5d4ce;
  }

  .doctor-black-page .blackRedFlagBox,
  .doctor-black-page .blackNoObligation {
    padding: 19px 17px;
  }

  .doctor-black-page .blackPublicPrivateSection {
    padding-top: 52px;
  }

  .doctor-black-page .blackPublicPrivateSection > h2 {
    font-size: 20px;
  }

  .doctor-black-page .blackPublicPrivateWrap::before {
    position: sticky;
    left: 0;
    display: block;
    padding: 5px 9px;
    background: #e2ecef;
    color: #4f6570;
    content: "← 横にスクロールできます →";
    font-size: 9px;
    font-weight: 800;
    text-align: center;
  }

  .doctor-black-page .blackComparisonAdvice {
    margin-top: -40px;
    margin-bottom: 52px;
    padding: 15px 16px;
    font-size: 12px;
  }

  .doctor-black-page .blackAgentCtaWrap {
    margin-top: 24px;
  }

  .doctor-black-page .blackAgentCtaWrap > p {
    font-size: 10px;
  }
}
/* /doctort/black typography weight refinement */
.doctor-black-page .blackIntroTitle,
.doctor-black-page .blackContentSection h2,
.doctor-black-page .blackPublicPrivateSection > h2,
.doctor-black-page .blackRankingSection > .blackWideInner > h2,
.doctor-black-page .blackRecommendation h2,
.doctor-black-page .blackFlow > h3 {
  font-weight: 700;
}
.doctor-black-page .blackPageNav a,
.doctor-black-page .blackOpeningChecklist li,
.doctor-black-page .blackMismatchPanel dt,
.doctor-black-page .blackAgentPoints li,
.doctor-black-page .blackClosingCta > p {
  font-weight: 600;
}
.doctor-black-page .blackLeadText strong,
.doctor-black-page .blackMismatchPanel > h3,
.doctor-black-page .blackRedFlagBox h3,
.doctor-black-page .blackConditionBox > span,
.doctor-black-page .blackInfoBox h3,
.doctor-black-page .blackQuickRankingLead,
.doctor-black-page .blackFourPoints h3,
.doctor-black-page .blackAgentHeader h3,
.doctor-black-page .blackFitBox h4,
.doctor-black-page .blackVoices > h4,
.doctor-black-page .blackFlow h4,
.doctor-black-page .blackCta span {
  font-weight: 700;
}
.doctor-black-page .blackIntroEyebrow,
.doctor-black-page .blackPageNav span,
.doctor-black-page .blackMismatchPanel dd span,
.doctor-black-page .blackRedFlagBox li,
.doctor-black-page .blackConditionBox li,
.doctor-black-page .blackInfoBox li,
.doctor-black-page .blackQuickRankingLead span,
.doctor-black-page .blackQuickRanking li small,
.doctor-black-page .blackSectionKicker,
.doctor-black-page .blackSectionEyebrow,
.doctor-black-page .blackComparisonAdvice,
.doctor-black-page .blackAgentHeader p,
.doctor-black-page .blackAgentPoints > span,
.doctor-black-page .blackAgentFacts dt,
.doctor-black-page .blackAgentFacts dd,
.doctor-black-page .blackFitBox li,
.doctor-black-page .blackVoices blockquote > strong,
.doctor-black-page .blackAgentCtaWrap > p {
  font-weight: 500;
}
.doctor-black-page .blackNoObligation strong {
  font-weight: 600;
}
.doctor-black-page .blackPublicPrivateTable thead th,
.doctor-black-page .blackPublicPrivateTable tbody th,
.doctor-black-page .blackComparisonTable th,
.doctor-black-page .blackTableAgentName,
.doctor-black-page .blackJobsCount {
  font-weight: 600;
}
.doctor-black-page .blackPublicPrivateTable tbody td:last-child,
.doctor-black-page .blackMiniList li,
.doctor-black-page .blackPointList li {
  font-weight: 500;
}
@media (max-width: 760px) {
  .doctor-black-page .blackComparisonHint {
    display: none;
  }

  .doctor-black-page .blackComparisonWrap {
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .doctor-black-page .blackComparisonTable {
    display: block;
    width: 100%;
    min-width: 0;
    background: transparent;
  }

  .doctor-black-page .blackComparisonTable thead {
    display: none;
  }

  .doctor-black-page .blackComparisonTable tbody {
    display: grid;
    gap: 20px;
    width: 100%;
  }

  .doctor-black-page .blackComparisonTable tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    overflow: hidden;
    border: 1px solid #aebdc4;
    background: #fff;
  }

  .doctor-black-page .blackComparisonTable td,
  .doctor-black-page .blackComparisonTable tbody tr:nth-child(even) td {
    display: block;
    min-width: 0;
    padding: 14px 12px;
    border-right: 1px solid #d1dadd;
    border-bottom: 1px solid #d1dadd;
    background: #fff;
    text-align: center;
  }

  .doctor-black-page .blackComparisonTable td::before {
    display: block;
    margin: -14px -12px 12px;
    padding: 6px 8px;
    background: #e9eff1;
    color: #365464;
    content: attr(data-label);
    font-size: 10px;
    font-weight: 600;
    text-align: center;
  }

  .doctor-black-page .blackComparisonTable td:first-child,
  .doctor-black-page .blackComparisonTable td:nth-child(4),
  .doctor-black-page .blackComparisonTable td:nth-child(5) {
    grid-column: 1 / -1;
    border-right: 0;
  }

  .doctor-black-page .blackComparisonTable td:first-child {
    padding-top: 16px;
    background: #f8faf9;
  }

  .doctor-black-page .blackComparisonTable td:first-child::before {
    display: none;
  }

  .doctor-black-page .blackComparisonTable td:nth-child(2) {
    border-right: 1px solid #d1dadd;
  }

  .doctor-black-page .blackComparisonTable td:nth-child(3) {
    border-right: 0;
  }

  .doctor-black-page .blackComparisonTable td:nth-child(5) {
    border-bottom: 0;
    background: #f8faf9;
  }

  .doctor-black-page .blackTableBannerLink {
    width: min(150px, 58%);
  }

  .doctor-black-page .blackTableAgentName {
    display: block;
    font-size: 17px;
  }

  .doctor-black-page .blackComparisonTable .blackStars {
    margin-top: 4px;
  }

  .doctor-black-page .blackComparisonTable .blackJobsCount {
    margin-top: 4px;
  }

  .doctor-black-page .blackComparisonTable .blackMiniList,
  .doctor-black-page .blackComparisonTable .blackPointList {
    width: min(100%, 280px);
    margin: 8px auto 0;
  }

  .doctor-black-page .blackComparisonTable .blackMiniList li,
  .doctor-black-page .blackComparisonTable .blackPointList li {
    font-size: 11px;
    text-align: left;
  }

  .doctor-black-page .blackComparisonTable .blackCta.isCompact {
    width: min(100%, 280px);
    margin: 0 auto 4px;
  }

  .doctor-black-page .blackComparisonAdvice {
    margin-top: -36px;
  }
}
/* /doctort/black source-LP copy presentation */
.doctor-black-page .blackOrangeText {
  color: #cf651f;
  font-size: 1.12em;
  font-weight: 700;
}
.doctor-black-page .blackOrangeLargeText {
  color: var(--black-orange);
  font-size: 1.34em;
  font-weight: 800;
  line-height: 1.65;
}
.doctor-black-page .blackRedText {
  color: #c44845;
  font-size: 1.12em;
  font-weight: 700;
}
.doctor-black-page .blackBlueText {
  color: #276f99;
  font-size: 1.08em;
  font-weight: 700;
}
.doctor-black-page .blackMarkerText {
  color: #283e4d;
  font-size: 1.08em;
  font-weight: 700;
  background: linear-gradient(transparent 66%, #f4df64 66%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.doctor-black-page .blackUnderlineText {
  color: #293f4d;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #7fa5b6;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.doctor-black-page .blackSourceBalloonList {
  display: grid;
  gap: 15px;
  margin: 28px 0;
}
.doctor-black-page .blackSourceBalloon {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 17px;
  align-items: center;
  margin: 26px 0;
}
.doctor-black-page .blackSourceBalloonList .blackSourceBalloon {
  margin: 0;
}
.doctor-black-page .blackBalloonAvatarPlaceholder {
  display: flex;
  width: 68px;
  height: 68px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed #8fa6b1;
  border-radius: 50%;
  background: #e9eff1;
  color: #526b77;
  line-height: 1.15;
  text-align: center;
}
.doctor-black-page .blackBalloonAvatarPlaceholder.is-image {
  overflow: hidden;
  border-style: solid;
  background: #fff;
}
.doctor-black-page .blackBalloonAvatarPlaceholder.is-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 18%;
}
.doctor-black-page .blackBalloonAvatarPlaceholder span {
  font-size: 9px;
  font-weight: 700;
}
.doctor-black-page .blackBalloonAvatarPlaceholder small {
  margin-top: 3px;
  font-size: 8px;
}
.doctor-black-page .blackSourceBalloon > p {
  position: relative;
  margin: 0;
  padding: 16px 18px;
  border: 1px solid #d0dadd;
  background: #f3f6f7;
  color: #40525c;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.75;
}
.doctor-black-page .blackSourceBalloon > p::before {
  position: absolute;
  top: 50%;
  left: -9px;
  width: 16px;
  height: 16px;
  border-bottom: 1px solid #d0dadd;
  border-left: 1px solid #d0dadd;
  background: #f3f6f7;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}
.doctor-black-page .blackSourceBalloon.is-comment > p {
  border-color: #b9d0da;
  background: #eef7fa;
  color: #294b5b;
}
.doctor-black-page .blackSourceBalloon.is-comment > p::before {
  border-color: #b9d0da;
  background: #eef7fa;
}
.doctor-black-page .blackRegistrationPrompt {
  margin: 30px 0 22px;
  padding: 18px 20px;
  border-top: 1px solid #9fb7c1;
  border-bottom: 1px solid #9fb7c1;
  background: #f3f8fa;
  color: #29495a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}
.doctor-black-page .blackRegistrationPrompt strong {
  color: #c44845;
}
.doctor-black-page .blackRegistrationPrompt span {
  display: block;
  color: #d08b1e;
  font-size: 18px;
  letter-spacing: .12em;
}
.doctor-black-page .blackQuickGuideNotes {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 15px 18px 15px 36px;
  border: 1px solid #d3dde1;
  background: #f7f9f9;
  color: #556972;
}
.doctor-black-page .blackQuickGuideNotes li {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
}
.doctor-black-page .blackRankingImageLead {
  margin-top: 28px !important;
  color: #314e5d;
  font-size: 14px !important;
}
@media (max-width: 760px) {
  .doctor-black-page .blackSourceBalloon {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
  }

  .doctor-black-page .blackBalloonAvatarPlaceholder {
    width: 52px;
    height: 52px;
  }

  .doctor-black-page .blackBalloonAvatarPlaceholder span {
    font-size: 8px;
  }

  .doctor-black-page .blackBalloonAvatarPlaceholder small {
    font-size: 7px;
  }

  .doctor-black-page .blackSourceBalloon > p {
    padding: 13px 14px;
    font-size: 12px;
  }

  .doctor-black-page .blackRegistrationPrompt {
    padding: 16px 14px;
    font-size: 13px;
  }

  .doctor-black-page .blackQuickGuideNotes {
    padding: 14px 14px 14px 30px;
  }
}
/* /doctort/black first-view artwork */
.doctor-black-page .blackHeroVisual {
  display: block;
  width: 100%;
  margin: 0 auto;
  line-height: 0;
}
.doctor-black-page .blackHeroVisual img {
  display: block;
  width: 100%;
  height: auto;
}
/* Match /black first-view artwork to the editorial column without affecting ranking pages. */
.doctor-black-page:not(.pharmacist-ranking-lp) .blackHero {
  width: min(100% - 32px, 760px);
  margin-inline: auto;
}
@media (max-width: 760px) {
  .doctor-black-page:not(.pharmacist-ranking-lp) .blackHero {
    width: min(100% - 24px, 100%);
  }
}
.doctor-black-page .blackHero > .blackAdNotice {
  width: min(100% - 24px, 1120px);
  margin: 8px auto 0;
}
@media (max-width: 760px) {
  .doctor-black-page .blackHero > .blackAdNotice {
    width: calc(100% - 20px);
  }
}
/* /pharmacist/ranking combines the pharmacist logo loop with the black editorial layout. */
.pharmacist-ranking-lp .pharmacistRankingLogoCarousel {
  padding-top: 4px;
  background: #fff;
}
.pharmacist-ranking-lp .pharmacistRankingLogoCarousel .fvLoopLogo,
.pharmacist-ranking-lp .pharmacistRankingLogoCarousel .fvLoopTrack {
  height: 52px;
}
.pharmacist-ranking-lp .pharmacistRankingLogoCarousel .fvLoopLogo {
  margin-bottom: 0;
}
.pharmacist-ranking-lp .blackRankingSection {
  margin-top: 0;
}
.pharmacist-ranking-lp .blackRankingScrollGuide {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  margin: 0 0 10px;
  color: #4f6e7d;
  font-size: 12px;
  font-weight: 700;
}
.pharmacist-ranking-lp .blackRankingScrollGuide span {
  color: var(--black-blue);
  font-size: 18px;
  line-height: 1;
}
.career-ranking-lp .careerRankingComparisonNote {
  margin: -12px 12px 22px;
  color: #5f6f79;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
}
.pharmacist-ranking-lp .blackComparisonTable thead th:nth-child(5) .blackCompareRank {
  background: #668290;
}
.pharmacist-ranking-lp .blackComparisonTable thead th:nth-child(6) .blackCompareRank {
  background: #8b7568;
}
.pharmacist-ranking-lp .blackComparePlainValue {
  display: grid;
  gap: 3px;
  font-size: 12px;
  line-height: 1.35;
}
.pharmacist-ranking-lp .blackCompareBrand,
.pharmacist-ranking-lp .blackCompareBrand:visited,
.pharmacist-ranking-lp .blackQuickRanking li a strong,
.pharmacist-ranking-lp .blackQuickRanking li a:visited strong,
.pharmacist-ranking-lp .blackAgentHeader h3 a,
.pharmacist-ranking-lp .blackAgentHeader h3 a:visited,
.pharmacist-ranking-lp .blackAgentInlineLink,
.pharmacist-ranking-lp .blackAgentInlineLink:visited {
  color: #0000ee;
  text-decoration-color: currentColor;
}
.pharmacist-ranking-lp .blackAgentCard {
  min-width: 0;
  max-width: 100%;
}
.pharmacist-ranking-lp .blackAgentRank {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.pharmacist-ranking-lp .blackAgentRank b {
  display: block;
  line-height: 1;
}
.pharmacist-ranking-lp .blackAgentBody {
  position: relative;
  margin: 24px 0 34px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.pharmacist-ranking-lp .blackAgentBodyHeading {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 74px;
  align-items: center;
  justify-content: center;
  padding: 10px 84px 10px 54px;
  border-radius: 11px 11px 0 0;
  background: #173a4d;
  color: #fff;
  box-shadow: 0 5px 14px rgba(23, 58, 77, .14);
}
.pharmacist-ranking-lp .blackAgentBodyTitle {
  position: relative;
  display: inline-block;
}
.pharmacist-ranking-lp .blackAgentBodyHeading h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.35;
  text-align: center;
  white-space: nowrap;
}
.pharmacist-ranking-lp .blackAgentBodyHeading h4 span {
  color: #f5d93e;
}
.pharmacist-ranking-lp .blackAgentBodyPencil {
  position: absolute;
  top: 50%;
  right: calc(100% + 8px);
  left: auto;
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #52c7e8;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.2;
  transform: translateY(-50%) rotate(-6deg);
}
.pharmacist-ranking-lp .blackAgentEditor {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: auto;
  left: calc(100% + 10px);
  display: block;
  width: 64px;
  height: 68px;
  transform: translateY(-50%);
}
.pharmacist-ranking-lp .blackAgentEditorPortrait {
  position: relative;
  display: block;
  width: 62px;
  height: 62px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #eef2f2;
  box-shadow: 0 0 0 3px #f5d93e, 0 5px 12px rgba(0, 0, 0, .18);
  overflow: hidden;
}
.pharmacist-ranking-lp .blackAgentEditorPortrait img {
  position: absolute;
  top: 0;
  left: 55%;
  width: 190%;
  max-width: none;
  height: auto;
  transform: translateX(-50%);
}
.pharmacist-ranking-lp .blackAgentEditorRole {
  position: absolute;
  right: 50%;
  bottom: -2px;
  padding: 2px 7px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #f5d93e;
  color: #173a4d;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
  transform: translateX(50%);
}
.pharmacist-ranking-lp .blackAgentBodyContent {
  position: relative;
  z-index: 1;
  padding: 24px 30px 26px;
  border: 1px solid #173a4d;
  border-top: 0;
  border-radius: 0 0 11px 11px;
  background: #fff;
}
.pharmacist-ranking-lp .blackAgentBody p {
  margin: 0;
  color: #3d464c;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
}
.pharmacist-ranking-lp .blackAgentBody p + p {
  margin-top: 12px;
}
.pharmacist-ranking-lp .blackAgentCard.rank4 {
  border-top-color: #668290;
}
.pharmacist-ranking-lp .blackAgentCard.rank5 {
  border-top-color: #8b7568;
}
.pharmacist-ranking-lp .blackAgentCard.rank4 .blackAgentRank {
  background: #668290;
}
.pharmacist-ranking-lp .blackAgentCard.rank5 .blackAgentRank {
  background: #8b7568;
}
.pharmacist-ranking-lp .blackVoiceSwipeHint {
  display: none;
}
.pharmacist-ranking-lp .pharmacistRankingChoiceHeading {
  padding-bottom: 0;
}
.pharmacist-ranking-lp .pharmacistRankingChoiceHeading h2 {
  margin-bottom: 14px;
}
.pharmacist-ranking-lp .pharmacistRankingGuideIntro {
  padding-top: 18px;
}
.pharmacist-ranking-lp .pharmacistRankingGuideIntro.blackIntro {
  padding-top: 0;
}
.pharmacist-ranking-lp .pharmacistRankingGuideIntro .blackLeadText {
  margin-top: 0;
}
.pharmacist-ranking-lp .pharmacistRankingGuide {
  padding-bottom: 70px;
}
@media (max-width: 760px) {
  .pharmacist-ranking-lp .pharmacistRankingLogoCarousel {
    padding-top: 3px;
  }

  .pharmacist-ranking-lp .pharmacistRankingLogoCarousel .fvLoopLogo,
  .pharmacist-ranking-lp .pharmacistRankingLogoCarousel .fvLoopTrack {
    height: 42px;
  }

  .pharmacist-ranking-lp .blackRankingScrollGuide {
    margin-bottom: 8px;
    font-size: 10px;
  }

  .career-ranking-lp .careerRankingComparisonNote {
    margin: -8px 10px 18px;
    font-size: 10px;
  }

  .pharmacist-ranking-lp .blackComparePlainValue {
    gap: 2px;
    font-size: 8px;
    line-height: 1.3;
  }

  .pharmacist-ranking-lp .blackAgentBody {
    margin: 18px 0 28px;
    padding: 0;
  }

  .pharmacist-ranking-lp .blackAgentBodyHeading {
    min-height: 62px;
    padding: 9px 54px 9px 34px;
    border-radius: 9px 9px 0 0;
  }

  .pharmacist-ranking-lp .blackAgentBodyHeading h4 {
    font-size: 13px;
  }

  .pharmacist-ranking-lp .blackAgentBodyPencil {
    right: calc(100% + 5px);
    left: auto;
    width: 19px;
    height: 19px;
  }

  .pharmacist-ranking-lp .blackAgentEditor {
    top: 50%;
    right: auto;
    left: calc(100% + 7px);
    width: 48px;
    height: 54px;
    transform: translateY(-50%);
  }

  .pharmacist-ranking-lp .blackAgentEditorPortrait {
    width: 48px;
    height: 48px;
    border-width: 2px;
    box-shadow: 0 0 0 2px #f5d93e, 0 4px 9px rgba(0, 0, 0, .16);
  }

  .pharmacist-ranking-lp .blackAgentEditorRole {
    bottom: 0;
    padding: 1px 5px;
    border-width: 1px;
    font-size: 8px;
  }

  .pharmacist-ranking-lp .blackAgentBodyContent {
    padding: 20px 14px 18px;
    border-radius: 0 0 9px 9px;
  }

  .pharmacist-ranking-lp .blackAgentBody p {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.9;
  }

  .pharmacist-ranking-lp .pharmacistRankingChoiceHeading h2 {
    margin-bottom: 10px;
  }

  .pharmacist-ranking-lp .pharmacistRankingGuide {
    padding-bottom: 52px;
  }
}
/* /doctort/black editorial section photo */
.doctor-black-page #private-jobs > .blackSectionPhoto,
.doctor-black-page .rankingGuidePrivateJobs > .blackSectionPhoto {
  margin: 28px 0 30px;
}
.doctor-black-page .blackSectionPhoto figcaption {
  margin-bottom: 12px;
  padding: 13px 18px;
  border-left: 5px solid var(--black-orange);
  background: #f5f0e8;
  color: var(--black-navy);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.doctor-black-page .blackSectionPhoto img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 760px) {
  .doctor-black-page .blackSectionPhoto {
    margin: 22px 0 24px;
  }

  .doctor-black-page .blackSectionPhoto figcaption {
    padding: 11px 13px;
    font-size: 16px;
  }
}
/* /doctort/black tighten spacing below the first view */
.doctor-black-page .blackIntro {
  padding-top: 18px;
}
@media (max-width: 760px) {
  .doctor-black-page .blackIntro {
    padding-top: 12px;
  }
}
/* /doctort/black opening concerns */
.doctor-black-page .blackConcernBox {
  position: relative;
  margin: 0 0 44px;
  padding: 38px 18px 18px;
  border: 1px solid #bfd3dc;
  border-radius: 16px;
  background:
    radial-gradient(circle at 12px 12px, rgba(18, 111, 145, .055) 1.5px, transparent 1.5px) 0 0 / 18px 18px,
    #f5fafc;
  box-shadow: 0 8px 24px rgba(23, 67, 86, .07);
}
.doctor-black-page .blackConcernLabel {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  padding: 8px 28px 9px;
  border-radius: 0 0 14px 14px;
  background: var(--black-blue-deep);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}
.doctor-black-page .blackConcernLabel::before {
  margin-right: 7px;
  color: #ffd66b;
  content: "●";
  font-size: 11px;
  vertical-align: 2px;
}
.doctor-black-page .blackConcernBox .blackOpeningChecklist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.doctor-black-page .blackConcernBox .blackOpeningChecklist li {
  position: relative;
  display: flex;
  min-height: 94px;
  align-items: center;
  padding: 18px 16px 18px 54px;
  border: 1px solid #c8d9e0;
  border-radius: 10px;
  background: #fff;
  color: #294353;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.65;
  box-shadow: 0 3px 10px rgba(31, 75, 94, .055);
}
.doctor-black-page .blackConcernBox .blackOpeningChecklist li::before {
  position: absolute;
  top: 50%;
  left: 16px;
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 50%;
  background: #eaf5f8;
  color: var(--black-blue);
  content: "✔";
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  transform: translateY(-50%);
}
.doctor-black-page .blackConcernBox .blackOpeningChecklist li::after {
  position: absolute;
  right: 24px;
  bottom: -7px;
  width: 12px;
  height: 12px;
  border-right: 1px solid #c8d9e0;
  border-bottom: 1px solid #c8d9e0;
  background: #fff;
  content: "";
  transform: rotate(45deg);
}
@media (max-width: 760px) {
  .doctor-black-page .blackConcernBox {
    margin-top: 20px;
    margin-bottom: 34px;
    padding: 36px 12px 16px;
    border-radius: 12px;
  }

  .doctor-black-page .blackConcernLabel {
    width: calc(100% - 48px);
    padding: 8px 10px 9px;
    font-size: 14px;
  }

  .doctor-black-page .blackConcernBox .blackOpeningChecklist {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 16px;
  }

  .doctor-black-page .blackConcernBox .blackOpeningChecklist li {
    min-height: 0;
    padding: 14px 14px 14px 50px;
    border: 1px solid #c8d9e0;
    font-size: 13px;
  }

  .doctor-black-page .blackConcernBox .blackOpeningChecklist li::before {
    left: 14px;
  }

  .doctor-black-page .blackConcernBox .blackOpeningChecklist li::after {
    right: 22px;
    bottom: -6px;
    width: 10px;
    height: 10px;
  }
}
/* /doctort/black editorial photo caption overlay */
.doctor-black-page .blackSectionPhoto {
  position: relative;
  overflow: hidden;
  background: #102d3c;
}
.doctor-black-page #private-jobs > .blackSectionPhoto::after,
.doctor-black-page .rankingGuidePrivateJobs > .blackSectionPhoto::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: rgba(8, 27, 38, .34);
  content: "";
  pointer-events: none;
}
.doctor-black-page #private-jobs > .blackSectionPhoto figcaption,
.doctor-black-page .rankingGuidePrivateJobs > .blackSectionPhoto figcaption {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: min(86%, 650px);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: clamp(22px, 3.2vw, 34px);
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .85), 0 1px 2px rgba(0, 0, 0, .9);
  transform: translate(-50%, -50%);
}
@media (max-width: 760px) {
  .doctor-black-page #private-jobs > .blackSectionPhoto figcaption,
  .doctor-black-page .rankingGuidePrivateJobs > .blackSectionPhoto figcaption {
    width: 84%;
    padding: 0;
    font-size: clamp(18px, 5.8vw, 23px);
    line-height: 1.5;
  }
}
/* /doctort/black three-company comparison matrix */
.doctor-black-page .blackComparisonWrap {
  overflow: visible;
  border: 0;
  background: #fff;
}
.doctor-black-page .blackComparisonTable {
  display: table;
  width: 100%;
  min-width: 0;
  border: 1px solid #c7cdd1;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  background: #fff;
}
.doctor-black-page .blackComparisonTable thead {
  display: table-header-group;
}
.doctor-black-page .blackComparisonTable tbody {
  display: table-row-group;
}
.doctor-black-page .blackComparisonTable tr {
  display: table-row;
  width: auto;
  border: 0;
}
.doctor-black-page .blackComparisonTable th,
.doctor-black-page .blackComparisonTable td,
.doctor-black-page .blackComparisonTable tbody tr:nth-child(even) td {
  display: table-cell;
  padding: 15px 10px;
  border: 0;
  border-right: 1px solid #cfd4d7;
  border-bottom: 1px solid #cfd4d7;
  background: #fff;
  color: #172f3e;
  vertical-align: middle;
  text-align: center;
}
.doctor-black-page .blackComparisonTable th:first-child {
  width: 20%;
}
.doctor-black-page .blackComparisonTable th:nth-child(2),
.doctor-black-page .blackComparisonTable th:nth-child(3),
.doctor-black-page .blackComparisonTable th:nth-child(4) {
  width: 26.666%;
}
.doctor-black-page .blackComparisonTable thead th {
  height: 112px;
  background: #fff;
  color: #17364d;
}
.doctor-black-page .blackComparisonTable thead th:first-child,
.doctor-black-page .blackComparisonTable tbody th {
  background: #fffbea;
}
.doctor-black-page .blackComparisonTable tbody th {
  font-size: 15px;
  font-weight: 600;
}
.doctor-black-page .blackComparisonTable td::before {
  display: none;
  content: none;
}
.doctor-black-page .blackComparisonTable tr > :last-child {
  border-right: 0;
}
.doctor-black-page .blackComparisonTable tbody tr:last-child > * {
  border-bottom: 0;
}
.doctor-black-page .blackComparisonTable tr > :nth-child(2) {
  border-right: 5px solid #283789;
  border-left: 5px solid #283789;
}
.doctor-black-page .blackComparisonTable thead tr > :nth-child(2) {
  border-top: 5px solid #283789;
}
.doctor-black-page .blackComparisonTable tbody tr:last-child > :nth-child(2) {
  border-bottom: 5px solid #283789;
}
.doctor-black-page .blackCompareRank {
  display: table;
  min-width: 44px;
  margin: 0 auto 12px;
  padding: 4px 9px;
  border-radius: 2px;
  background: #718d99;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.doctor-black-page .blackComparisonTable thead th:nth-child(2) .blackCompareRank {
  background: #c8a341;
}
.doctor-black-page .blackComparisonTable thead th:nth-child(4) .blackCompareRank {
  background: #aa7753;
}
.doctor-black-page .blackCompareBrand {
  display: block;
  color: #174764;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.doctor-black-page .blackComparisonTable .is-mynavi-doctor .blackCompareBrand {
  color: #0789ab;
}
.doctor-black-page .blackComparisonTable .is-levwell-doctor .blackCompareBrand {
  color: #7f3c8f;
}
.doctor-black-page .blackCompareSymbol {
  display: block;
  margin-bottom: 4px;
  color: #ef5147;
  font-size: 38px;
  font-weight: 500;
  line-height: 1;
}
.doctor-black-page .blackCompareSymbol.is-circle,
.doctor-black-page .blackCompareSymbol.is-triangle {
  color: #52b4d1;
}
.doctor-black-page .blackCompareValue {
  display: block;
  color: #151d22;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.doctor-black-page .blackCompareValue > span {
  display: block;
}
.doctor-black-page .blackCompareCtaRow .blackCta.isCompact {
  width: 100%;
  min-height: 58px;
  margin: 0;
  padding: 8px 6px;
}
.doctor-black-page .blackCompareCtaRow .blackCta.isCompact span {
  font-size: 13px;
}
.doctor-black-page .blackCompareCtaRow .blackCta.isCompact small {
  font-size: 9px;
}
@media (max-width: 760px) {
  .doctor-black-page .blackComparisonWrap {
    width: 100%;
    margin-bottom: 42px;
  }

  .doctor-black-page .blackComparisonTable {
    display: table;
    width: 100%;
    min-width: 0;
  }

  .doctor-black-page .blackComparisonTable thead {
    display: table-header-group;
  }

  .doctor-black-page .blackComparisonTable tbody {
    display: table-row-group;
    width: auto;
  }

  .doctor-black-page .blackComparisonTable tr {
    display: table-row;
    width: auto;
  }

  .doctor-black-page .blackComparisonTable th,
  .doctor-black-page .blackComparisonTable td,
  .doctor-black-page .blackComparisonTable tbody tr:nth-child(even) td {
    display: table-cell;
    min-width: 0;
    padding: 10px 3px;
    border-right: 1px solid #d3d7d9;
    border-bottom: 1px solid #d3d7d9;
    background: #fff;
    text-align: center;
  }

  .doctor-black-page .blackComparisonTable th:first-child {
    width: 23%;
  }

  .doctor-black-page .blackComparisonTable th:nth-child(2),
  .doctor-black-page .blackComparisonTable th:nth-child(3),
  .doctor-black-page .blackComparisonTable th:nth-child(4) {
    width: 25.666%;
  }

  .doctor-black-page .blackComparisonTable thead th {
    height: 86px;
    padding: 8px 2px;
  }

  .doctor-black-page .blackComparisonTable thead th:first-child,
  .doctor-black-page .blackComparisonTable tbody th {
    background: #fffbea;
  }

  .doctor-black-page .blackComparisonTable tbody th {
    font-size: 10px;
    line-height: 1.35;
  }

  .doctor-black-page .blackComparisonTable td::before {
    display: none;
    content: none;
  }

  .doctor-black-page .blackComparisonTable tr > :nth-child(2) {
    border-right: 3px solid #283789;
    border-left: 3px solid #283789;
  }

  .doctor-black-page .blackComparisonTable thead tr > :nth-child(2) {
    border-top: 3px solid #283789;
  }

  .doctor-black-page .blackComparisonTable tbody tr:last-child > :nth-child(2) {
    border-bottom: 3px solid #283789;
  }

  .doctor-black-page .blackCompareRank {
    min-width: 30px;
    margin-bottom: 7px;
    padding: 3px 4px;
    font-size: 9px;
  }

  .doctor-black-page .blackCompareBrand {
    font-size: 10px;
    line-height: 1.3;
    overflow-wrap: anywhere;
    text-underline-offset: 2px;
  }

  .doctor-black-page .blackComparisonTable .blackStars {
    margin: 0;
    font-size: 9px;
    letter-spacing: -.12em;
  }

  .doctor-black-page .blackComparisonTable .blackStars strong {
    font-size: 13px;
  }

  .doctor-black-page .blackCompareSymbol {
    margin-bottom: 2px;
    font-size: 26px;
  }

  .doctor-black-page .blackCompareValue {
    font-size: 9px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .doctor-black-page .blackCompareCtaRow .blackCta.isCompact {
    min-height: 45px;
    padding: 5px 2px;
    box-shadow: 0 2px 0 #a94712;
  }

  .doctor-black-page .blackCompareCtaRow .blackCta.isCompact span {
    font-size: 8px;
    line-height: 1.25;
  }

  .doctor-black-page .blackCompareCtaRow .blackCta.isCompact small {
    font-size: 6px;
  }
}
/* /doctort/black agent-name links inside quoted introductions */
.doctor-black-page .blackAgentInlineLink {
  color: var(--black-blue-deep);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.doctor-black-page .blackAgentInlineLink:hover {
  color: var(--black-orange);
}
/* /doctort/black customer review cards */
.doctor-black-page .blackVoices {
  margin-top: 34px;
}
.doctor-black-page .blackVoices > h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  padding-bottom: 11px;
  border-bottom: 2px solid var(--black-navy);
  color: var(--black-navy);
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.doctor-black-page .blackVoices > h4::before {
  display: inline-grid;
  height: 25px;
  place-items: center;
  padding: 0 9px;
  border-radius: 3px;
  background: var(--black-blue-deep);
  color: #fff;
  content: "VOICE";
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
}
.doctor-black-page .blackVoices > div {
  gap: 18px;
}
.doctor-black-page .blackVoices blockquote {
  position: relative;
  margin: 0 0 9px;
  padding: 20px 20px 22px;
  border: 1px solid #c9d9df;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(26, 65, 83, .08);
}
.doctor-black-page .blackVoices blockquote::before {
  position: absolute;
  top: 7px;
  right: 15px;
  color: #dbe9ee;
  content: "“";
  font-family: Georgia, serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 1;
}
.doctor-black-page .blackVoices blockquote::after {
  position: absolute;
  bottom: -8px;
  left: 28px;
  display: block;
  width: 14px;
  height: 14px;
  border-right: 1px solid #c9d9df;
  border-bottom: 1px solid #c9d9df;
  background: #fff;
  content: "";
  transform: rotate(45deg);
}
.doctor-black-page .blackVoiceUser {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 11px;
}
.doctor-black-page .blackVoiceAvatar {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  border: 3px solid #d8e8ee;
  border-radius: 50%;
  background: var(--black-blue-deep);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.doctor-black-page .blackVoiceAvatar.is-image {
  overflow: hidden;
  background: #eef4f6;
  color: transparent;
}
.doctor-black-page .blackVoiceAvatar.is-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.doctor-black-page .blackVoiceMeta,
.doctor-black-page .blackVoiceRating {
  display: block;
}
.doctor-black-page .blackVoiceMeta {
  color: #456674;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
}
.doctor-black-page .blackVoiceRating {
  margin-top: 2px;
  color: #efad22;
  font-size: 12px;
  letter-spacing: .04em;
  line-height: 1;
}
.doctor-black-page .blackVoices blockquote > strong {
  display: block;
  margin-top: 15px;
  padding-bottom: 9px;
  border-bottom: 1px dashed #d4dee2;
  color: var(--black-navy);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.55;
}
.doctor-black-page .blackVoices blockquote p {
  margin: 11px 0 0;
  color: #42545e;
  font-size: 12px;
  line-height: 1.8;
}
.doctor-black-page .blackVoices > small {
  margin-top: 7px;
  color: #71818a;
  font-size: 9px;
}
@media (max-width: 760px) {
  .doctor-black-page .blackVoices > h4 {
    align-items: flex-start;
    font-size: 16px;
    line-height: 1.5;
  }

  .doctor-black-page .blackVoices > h4::before {
    flex: 0 0 auto;
    margin-top: 1px;
  }

  .doctor-black-page .blackVoices > div {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .doctor-black-page .blackVoices blockquote {
    padding: 17px 16px 19px;
  }

  .doctor-black-page .blackVoiceAvatar {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    font-size: 13px;
  }

  .doctor-black-page .blackVoices blockquote > strong {
    margin-top: 13px;
    font-size: 14px;
  }
}
/* /doctort/black continuous highlight around the first-place column */
.doctor-black-page .blackComparisonWrap {
  position: relative;
}
.doctor-black-page .blackComparisonWrap::after {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  left: 20%;
  width: 26.666%;
  border: 5px solid #283789;
  box-sizing: border-box;
  content: "";
  pointer-events: none;
}
.doctor-black-page .blackComparisonTable tr > :nth-child(2) {
  border-left: 0;
  border-right: 1px solid #cfd4d7;
}
.doctor-black-page .blackComparisonTable thead tr > :nth-child(2) {
  border-top: 0;
  border-bottom: 1px solid #cfd4d7;
}
.doctor-black-page .blackComparisonTable tbody tr:last-child > :nth-child(2) {
  border-top: 0;
  border-bottom: 0;
}
@media (max-width: 760px) {
  .doctor-black-page .blackComparisonWrap::after {
    left: 23%;
    width: 25.666%;
    border-width: 3px;
  }

  .doctor-black-page .blackComparisonTable tr > :nth-child(2) {
    border-left: 0;
    border-right: 1px solid #d3d7d9;
  }
}
/* /pharmacist/black continuous divider between the second and third ranking columns */
.pharmacist-black-lp .blackComparisonWrap::before {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: 73.332%;
  width: 1px;
  background: #cfd4d7;
  content: "";
  pointer-events: none;
}
@media (max-width: 760px) {
  .pharmacist-black-lp .blackComparisonWrap::before {
    left: 74.332%;
    background: #d3d7d9;
  }
}
.pharmacist-black-lp .blackRecommendationTitleLine,
.pharmacist-ranking-lp .blackRecommendationTitleLine {
  display: inline;
}
@media (max-width: 760px) {
  .pharmacist-black-lp .blackRecommendationTitle,
  .pharmacist-ranking-lp .blackRecommendationTitle {
    font-size: 19px;
    line-height: 1.55;
  }

  .pharmacist-black-lp .blackRecommendationTitleLine,
  .pharmacist-ranking-lp .blackRecommendationTitleLine {
    display: block;
    white-space: nowrap;
  }
}
/* /doctort/black public versus private job table */
.doctor-black-page .blackPublicPrivateFigure {
  margin: 28px 0 30px;
}
.doctor-black-page .blackPublicPrivateWrap {
  position: relative;
  overflow: visible;
  border: 1px solid #aeb8bd;
  background: #fff;
}
.doctor-black-page .blackPublicPrivateWrap::before {
  display: none;
  content: none;
}
.doctor-black-page .blackPublicPrivateWrap::after {
  position: absolute;
  z-index: 3;
  top: -1px;
  bottom: -1px;
  left: 28%;
  width: 36%;
  border: 5px solid #172c74;
  box-sizing: border-box;
  content: "";
  pointer-events: none;
}
.doctor-black-page .blackPublicPrivateTable {
  width: 100%;
  min-width: 0;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  background: #fff;
}
.doctor-black-page .blackPublicPrivateTable col.is-label {
  width: 28%;
}
.doctor-black-page .blackPublicPrivateTable col.is-private,
.doctor-black-page .blackPublicPrivateTable col.is-public {
  width: 36%;
}
.doctor-black-page .blackPublicPrivateTable th,
.doctor-black-page .blackPublicPrivateTable td {
  padding: 12px 10px;
  border: 0;
  border-right: 1px solid #bfc8cc;
  border-bottom: 1px solid #bfc8cc;
  color: #142c3f;
  font-size: 13px;
  line-height: 1.45;
  vertical-align: middle;
  text-align: center;
}
.doctor-black-page .blackPublicPrivateTable tr > :last-child {
  border-right: 0;
}
.doctor-black-page .blackPublicPrivateTable tbody tr:last-child > * {
  border-bottom: 0;
}
.doctor-black-page .blackPublicPrivateTable thead th {
  height: 62px;
  background: #f4f6f7;
  color: #132f56;
  font-size: 19px;
  font-weight: 700;
}
.doctor-black-page .blackPublicPrivateTable thead th:first-child,
.doctor-black-page .blackPublicPrivateTable tbody th {
  background: #fff9df;
}
.doctor-black-page .blackPublicPrivateTable tbody th {
  color: #203852;
  font-size: 15px;
  font-weight: 600;
}
.doctor-black-page .blackPublicPrivateTable tbody td:nth-child(2) {
  background: #fffdf3;
}
.doctor-black-page .blackPublicPrivateTable tbody td:last-child {
  background: #fff;
  color: #142c3f;
  font-weight: 400;
}
.doctor-black-page .blackPublicPrivateSymbol {
  display: inline-block;
  margin-right: 8px;
  color: #ef4e4a;
  font-size: 31px;
  font-weight: 500;
  line-height: 1;
  vertical-align: middle;
}
.doctor-black-page .blackPublicPrivateSymbol.is-weak {
  color: #26a6d1;
}
.doctor-black-page .blackPublicPrivateTable td strong {
  display: inline-block;
  max-width: calc(100% - 48px);
  color: #111b23;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  vertical-align: middle;
}
.doctor-black-page .blackPublicPrivateTable td strong > span {
  display: block;
}
@media (max-width: 760px) {
  .doctor-black-page .blackPublicPrivateFigure {
    margin: 24px 0 26px;
  }

  .doctor-black-page .blackPublicPrivateWrap {
    overflow: visible;
  }

  .doctor-black-page .blackPublicPrivateWrap::before {
    display: none;
    content: none;
  }

  .doctor-black-page .blackPublicPrivateWrap::after {
    border-width: 3px;
  }

  .doctor-black-page .blackPublicPrivateTable {
    min-width: 0;
  }

  .doctor-black-page .blackPublicPrivateTable th,
  .doctor-black-page .blackPublicPrivateTable td {
    padding: 7px 3px;
    font-size: 10px;
    line-height: 1.35;
  }

  .doctor-black-page .blackPublicPrivateTable thead th {
    height: 39px;
    font-size: 12px;
  }

  .doctor-black-page .blackPublicPrivateTable tbody th {
    font-size: 10px;
  }

  .doctor-black-page .blackPublicPrivateSymbol {
    margin-right: 2px;
    font-size: 22px;
  }

  .doctor-black-page .blackPublicPrivateTable td strong {
    max-width: calc(100% - 28px);
    font-size: 8.5px;
    line-height: 1.25;
  }

}
/* /doctort/black promotion notice over the first-view image */
.doctor-black-page .blackHero {
  position: relative;
}
.doctor-black-page .blackHero > .blackAdNotice {
  position: absolute;
  z-index: 2;
  right: 10px;
  bottom: -4px;
  width: auto;
  max-width: calc(100% - 20px);
  margin: 0;
  padding: 4px 8px;
  border-radius: 2px;
  background: rgba(8, 27, 38, .62);
  color: #fff;
  font-size: 10px;
  line-height: 1.45;
  text-align: right;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}
@media (max-width: 760px) {
  .doctor-black-page .blackHero > .blackAdNotice {
    right: 5px;
    bottom: -8px;
    width: auto;
    max-width: calc(100% - 10px);
    padding: 3px 6px;
    font-size: 8px;
  }
}
/* Keep /pharmacist/ranking's five-company matrix scrollable after black-page overrides. */
@media (min-width: 761px) {
  .pharmacist-ranking-lp {
    width: 100%;
    margin-inline: 0;
  }

  .pharmacist-ranking-lp .blackHero {
    width: min(100% - 32px, 1120px);
    margin-inline: auto;
    background: linear-gradient(90deg, #f8c7c9 0 50%, #edf4f3 50% 100%);
  }

  .pharmacist-ranking-lp .blackHeroVisual {
    width: 100%;
  }

  .pharmacist-ranking-lp .pharmacistRankingLogoCarousel {
    width: min(100% - 32px, 1120px);
    margin-inline: auto;
  }
}
@media (min-width: 866px) {
  .pharmacist-ranking-lp .blackHero > .blackAdNotice {
    right: 10px;
  }
}
/* /pharmacist/ranking ranking showcase based on the supplied BEST3 reference. */
.pharmacist-ranking-lp .blackRankingSection {
  padding: 14px 0 84px;
  border-top: 0;
  background: #fff;
}
.pharmacist-ranking-lp .pharmacistRankingShowcase {
  width: calc(100% + 32px);
  margin-left: -16px;
}
.pharmacist-ranking-lp .pharmacistRankingShowcaseHeader {
  padding: 0 12px;
}
.pharmacist-ranking-lp .pharmacistRankingLatest {
  display: grid;
  min-height: 46px;
  place-items: center;
  background: #f6f6f6;
  color: #1e3b5f;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
}
.pharmacist-ranking-lp .pharmacistRankingLatest.pharmacistRankingScreeningNotice {
  display: flex;
  min-height: 64px;
  margin: 0;
  padding: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 16px;
  font-weight: 800;
}
.pharmacist-ranking-lp .pharmacistRankingScreeningNotice > span {
  display: block;
  white-space: nowrap;
}
.pharmacist-ranking-lp .pharmacistRankingScreeningNotice a {
  color: #176d91;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.pharmacist-ranking-lp .pharmacistRankingScreeningNotice a:hover {
  color: #0b5f8b;
}
.pharmacist-ranking-lp .pharmacistRankingTitleStage {
  position: relative;
  display: grid;
  width: min(calc(100% - 120px), 540px);
  min-height: 124px;
  margin: 14px auto 10px;
  place-items: center;
}
.pharmacist-ranking-lp .pharmacistRankingBestTitle {
  margin: 0;
  color: #333;
  font-size: 36px;
  font-weight: 900;
  letter-spacing: .015em;
  line-height: 1.18;
  text-align: center;
}
.pharmacist-ranking-lp .pharmacistRankingBestTitle > span {
  display: block;
  white-space: nowrap;
}
.pharmacist-ranking-lp .pharmacistRankingBestTitle strong {
  display: block;
  margin-top: 8px;
  background: none;
  color: #5aaaf2;
  font-size: 49px;
  font-weight: 900;
  letter-spacing: .04em;
  line-height: .95;
}
.pharmacist-ranking-lp .pharmacistRankingBestTitle strong span {
  display: inline;
  color: inherit;
  font-size: 1.18em;
  letter-spacing: 0;
}
.pharmacist-ranking-lp .pharmacistRankingSlash {
  position: absolute;
  top: 17px;
  width: 3px;
  height: 65px;
  border-radius: 999px;
  background: #47a9ef;
}
.pharmacist-ranking-lp .pharmacistRankingSlash.is-left {
  left: 20px;
  transform: rotate(-20deg);
}
.pharmacist-ranking-lp .pharmacistRankingSlash.is-right {
  right: 20px;
  transform: rotate(20deg);
}
.pharmacist-ranking-lp .pharmacistRankingSparkles {
  position: absolute;
  top: 10px;
  color: #47a9ef;
  font-size: 20px;
  line-height: 1;
}
.pharmacist-ranking-lp .pharmacistRankingSparkles::after {
  position: absolute;
  color: #f0b354;
  content: "✦";
  font-size: 17px;
}
.pharmacist-ranking-lp .pharmacistRankingSparkles.is-left {
  left: 34px;
}
.pharmacist-ranking-lp .pharmacistRankingSparkles.is-left::after {
  top: -10px;
  left: 20px;
}
.pharmacist-ranking-lp .pharmacistRankingSparkles.is-right {
  right: 34px;
}
.pharmacist-ranking-lp .pharmacistRankingSparkles.is-right::after {
  top: 11px;
  left: 19px;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedViewport {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 30px 12px 14px;
  overscroll-behavior-x: contain;
  scroll-snap-type: none;
  scrollbar-color: #a2bac5 #eef2f4;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedViewport:focus-visible {
  border-radius: 8px;
  outline: 3px solid #2c86ae;
  outline-offset: -3px;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedCards {
  display: flex;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedCard {
  position: relative;
  display: flex;
  min-height: 220px;
  flex: 0 0 calc((100% - 32px) / 3);
  flex-direction: column;
  align-items: center;
  padding: 47px 22px 22px;
  border: 2px solid #eeeeee;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(39, 55, 68, .035);
  scroll-snap-align: start;
  scroll-snap-stop: always;
  text-align: center;
}
@media (min-width: 761px) {
  .pharmacist-ranking-lp .pharmacistRankingFeaturedCards.is-peekable .pharmacistRankingFeaturedCard {
    flex-basis: 31%;
  }
}
.pharmacist-ranking-lp .pharmacistRankingFeatureCrown,
.pharmacist-ranking-lp .pharmacistRankingNumberBadge {
  position: absolute;
  z-index: 2;
  top: -31px;
  left: 50%;
  transform: translateX(-50%);
}
.pharmacist-ranking-lp .pharmacistRankingFeatureCrown {
  width: 76px;
  height: 63px;
  overflow: visible;
  color: #f0b354;
}
.pharmacist-ranking-lp .pharmacistRankingFeatureCrown.rank2 {
  color: #a9abad;
}
.pharmacist-ranking-lp .pharmacistRankingFeatureCrown.rank3 {
  color: #bd7f49;
}
.pharmacist-ranking-lp .pharmacistRankingFeatureCrown .is-crown,
.pharmacist-ranking-lp .pharmacistRankingFeatureCrown .is-spark {
  fill: currentColor;
}
.pharmacist-ranking-lp .pharmacistRankingFeatureCrown .is-ribbon {
  fill: #e02e28;
}
.pharmacist-ranking-lp .pharmacistRankingFeatureCrown .is-band {
  fill: #f05b32;
}
.pharmacist-ranking-lp .pharmacistRankingFeatureCrown text {
  fill: #fff;
  font-family: inherit;
  font-size: 48px;
  font-weight: 900;
}
.pharmacist-ranking-lp .pharmacistRankingNumberBadge {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 5px solid #fff;
  border-radius: 50%;
  background: #668290;
  color: #fff;
  font-size: 27px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 0 0 2px #668290;
}
.pharmacist-ranking-lp .pharmacistRankingNumberBadge.rank5 {
  background: #8b7568;
  box-shadow: 0 0 0 2px #8b7568;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedLogo {
  display: flex;
  width: 100%;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  color: #187eab;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedLogo .fvLoopLogoImage {
  width: auto;
  max-width: 190px;
  height: auto;
  max-height: 40px;
  object-fit: contain;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedLogo .fvLoopTextLogo {
  font-size: 20px;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedLogo.is-inverse {
  width: min(100%, 205px);
  min-height: 46px;
  padding: 7px 15px;
  border-radius: 999px;
  background: #4aa4ce;
  color: #fff;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedCard > p {
  display: grid;
  min-height: 52px;
  margin: 13px 0 16px;
  place-items: center;
  color: #3c5664;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
  white-space: pre-line;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedCopyText {
  display: block;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedEmphasis {
  color: #e64635;
  font-weight: 900;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedEmphasis.is-marker {
  background: linear-gradient(transparent 62%, rgba(255, 224, 80, .92) 62%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedCta {
  display: grid;
  width: min(100%, 230px);
  min-height: 44px;
  margin-top: auto;
  place-items: center;
  border-radius: 999px;
  background: #2f9ed7;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  box-shadow: 0 5px 12px rgba(47, 158, 215, .18);
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedCta:hover {
  background: #1d88c1;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedGuide {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin: 1px 12px 0;
  color: #4f6e7d;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedGuideText.is-mobile {
  display: none;
}
.pharmacist-ranking-lp .pharmacistRankingFeaturedGuideArrow {
  color: var(--black-blue);
  font-size: 17px;
  line-height: 1;
}
.pharmacist-ranking-lp .pharmacistRankingComparisonHeading {
  position: relative;
  isolation: isolate;
  width: min(100%, 560px);
  height: 228px;
  margin: 34px auto 18px;
  text-align: center;
}
.pharmacist-ranking-lp .pharmacistRankingComparisonArtwork {
  position: absolute;
  z-index: 0;
  inset: 0 0 auto;
  display: block;
  width: 100%;
  height: 164px;
  overflow: visible;
}
.pharmacist-ranking-lp .pharmacistRankingComparisonArtwork .is-tail {
  fill: #2d91c8;
}
.pharmacist-ranking-lp .pharmacistRankingComparisonArtwork .is-front {
  fill: url("#pharmacistRankingRibbonGradient");
}
.pharmacist-ranking-lp .pharmacistRankingComparisonArtwork .is-main-backdrop {
  fill: #fff;
}
.pharmacist-ranking-lp .pharmacistRankingComparisonArtwork .is-fold {
  fill: #0b527a;
}
.pharmacist-ranking-lp .pharmacistRankingComparisonArtwork .is-ray {
  fill: none;
  stroke: #249ed6;
  stroke-linecap: round;
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}
.pharmacist-ranking-lp .pharmacistRankingComparisonTitle {
  margin: 0;
}
.pharmacist-ranking-lp .pharmacistRankingComparisonKicker,
.pharmacist-ranking-lp .pharmacistRankingComparisonMain {
  position: absolute;
  z-index: 2;
  left: 50%;
  display: block;
  transform: translateX(-50%);
  font-weight: 900;
  white-space: nowrap;
}
.pharmacist-ranking-lp .pharmacistRankingComparisonKicker {
  top: 61px;
  width: 70%;
  color: #fff;
  font-size: clamp(24px, 2.8vw, 30px);
  letter-spacing: .05em;
  line-height: 1.1;
  text-shadow: 0 2px 4px rgba(17, 91, 128, .16);
}
.pharmacist-ranking-lp .pharmacistRankingComparisonMain {
  top: 166px;
  width: 100%;
  color: #173b61;
  font-size: clamp(34px, 3.7vw, 42px);
  letter-spacing: .035em;
  line-height: 1;
}
.pharmacist-ranking-lp .pharmacistRankingComparisonMain .pharmacistRankingComparisonDecorated {
  display: inline-block;
  padding: 0 .04em .02em;
  background: linear-gradient(transparent 58%, #ffe35a 58% 92%, transparent 92%);
  color: #ef4b2f;
  text-shadow: 0 2px 0 #fff, 0 4px 10px rgba(239, 75, 47, .14);
}
@media (max-width: 760px) {
  .pharmacist-ranking-lp .blackRankingSection {
    padding: 16px 0 60px;
  }

  .pharmacist-ranking-lp .pharmacistRankingShowcase {
    width: calc(100% + 24px);
    margin-left: -12px;
  }

  .pharmacist-ranking-lp .pharmacistRankingShowcaseHeader {
    padding: 0 8px;
  }

  .pharmacist-ranking-lp .pharmacistRankingLatest {
    min-height: 40px;
    font-size: 15px;
  }

  .pharmacist-ranking-lp .pharmacistRankingLatest.pharmacistRankingScreeningNotice {
    min-height: 64px;
    padding: 0;
    gap: 4px;
    font-size: 14.4px;
    line-height: 1.3;
  }

  .pharmacist-ranking-lp .pharmacistRankingScreeningNotice > span:first-child {
    white-space: normal;
    text-wrap: balance;
  }

  .pharmacist-ranking-lp .pharmacistRankingTitleStage {
    width: calc(100% - 44px);
    min-height: 118px;
    margin: 14px auto 8px;
  }

  .pharmacist-ranking-lp .pharmacistRankingBestTitle {
    font-size: 22px;
    line-height: 1.18;
  }

  .pharmacist-ranking-lp .pharmacistRankingBestTitle strong {
    margin-top: 7px;
    font-size: 38px;
  }

  .pharmacist-ranking-lp .pharmacistRankingSlash {
    top: 22px;
    width: 2px;
    height: 52px;
  }

  .pharmacist-ranking-lp .pharmacistRankingSlash.is-left {
    left: 1px;
  }

  .pharmacist-ranking-lp .pharmacistRankingSlash.is-right {
    right: 1px;
  }

  .pharmacist-ranking-lp .pharmacistRankingSparkles {
    top: 22px;
    font-size: 13px;
  }

  .pharmacist-ranking-lp .pharmacistRankingSparkles::after {
    font-size: 12px;
  }

  .pharmacist-ranking-lp .pharmacistRankingSparkles.is-left {
    left: 4px;
  }

  .pharmacist-ranking-lp .pharmacistRankingSparkles.is-right {
    right: 4px;
  }

  .pharmacist-ranking-lp .pharmacistRankingSparkles.is-left::after {
    top: -6px;
    left: -8px;
  }

  .pharmacist-ranking-lp .pharmacistRankingSparkles.is-right::after {
    top: -6px;
    left: 13px;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedViewport {
    padding: 22px 8px 10px;
    scroll-padding-inline: 8px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedViewport::-webkit-scrollbar {
    display: none;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedCards {
    align-items: stretch;
    gap: 6px;
    padding-right: 12px;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedCard {
    min-height: 210px;
    min-width: 0;
    flex-basis: calc((100% - 12px) / 3);
    padding: 28px 5px 8px;
    border-radius: 14px;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeatureCrown {
    top: -20px;
    width: 46px;
    height: 38px;
  }

  .pharmacist-ranking-lp .pharmacistRankingNumberBadge {
    top: -19px;
    width: 36px;
    height: 36px;
    border-width: 3px;
    font-size: 17px;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedLogo {
    min-height: 34px;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedLogo .fvLoopLogoImage {
    max-width: 82px;
    max-height: 26px;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedLogo .fvLoopTextLogo {
    font-size: 10px;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedLogo.is-inverse {
    width: min(100%, 86px);
    min-height: 30px;
    padding: 4px 6px;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedCard > p {
    min-height: 0;
    margin: 6px 0 8px;
    font-size: 10.8px;
    line-height: 1.74;
    overflow-wrap: anywhere;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedEmphasis {
    font-weight: 700;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedCta {
    min-height: 30px;
    font-size: 10px;
  }

  .pharmacist-ranking-lp .pharmacistRankingComparisonHeading {
    width: min(100%, 360px);
    height: 144px;
    margin: 18px auto 12px;
  }

  .pharmacist-ranking-lp .pharmacistRankingComparisonArtwork {
    height: 106px;
  }

  .pharmacist-ranking-lp .pharmacistRankingComparisonKicker {
    top: 39px;
    width: 73%;
    font-size: 16px;
    letter-spacing: .03em;
  }

  .pharmacist-ranking-lp .pharmacistRankingComparisonMain {
    top: 107px;
    font-size: 26px;
    letter-spacing: .02em;
  }

  .pharmacist-ranking-lp .pharmacistRankingComparisonArtwork .is-ray {
    stroke-width: 2.5;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedGuide {
    margin-top: 3px;
    font-size: 10px;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedGuideText.is-desktop {
    display: none;
  }

  .pharmacist-ranking-lp .pharmacistRankingFeaturedGuideText.is-mobile {
    display: inline;
  }
}
@media (max-width: 400px) {
  .pharmacist-ranking-lp .pharmacistRankingBestTitle {
    font-size: 20px;
  }

  .pharmacist-ranking-lp .pharmacistRankingBestTitle strong {
    font-size: 35px;
  }
}
.pharmacist-ranking-lp .blackComparisonWrap {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 22px;
  overscroll-behavior-x: contain;
  scrollbar-color: #789eae #e7eef1;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.pharmacist-ranking-lp .blackComparisonWrap:focus-visible {
  outline: 3px solid #2c86ae;
  outline-offset: 3px;
}
.pharmacist-ranking-lp .blackComparisonWrap::after {
  display: none;
  content: none;
}
.pharmacist-ranking-lp .blackComparisonTable {
  width: 153.333%;
  min-width: 153.333%;
  table-layout: fixed;
}
.pharmacist-ranking-lp .blackComparisonTable .blackCompareLabelCol,
.pharmacist-ranking-lp .blackComparisonTable th:first-child {
  width: 13.043%;
}
.pharmacist-ranking-lp .blackComparisonTable .blackCompareAgentCol,
.pharmacist-ranking-lp .blackComparisonTable th:nth-child(n + 2) {
  width: 17.391%;
}
.pharmacist-ranking-lp .blackComparisonTable thead th:first-child,
.pharmacist-ranking-lp .blackComparisonTable tbody th {
  position: sticky;
  z-index: 3;
  left: 0;
  background: #fffbea;
}
.pharmacist-ranking-lp .blackComparisonTable thead th:first-child {
  z-index: 4;
}
.pharmacist-ranking-lp .blackComparisonTable tr > :nth-child(2) {
  border-right: 5px solid #283789;
  border-left: 5px solid #283789;
}
.pharmacist-ranking-lp .blackComparisonTable tbody tr:nth-child(even) > :nth-child(2) {
  border-right: 5px solid #283789;
  border-left: 5px solid #283789;
}
.pharmacist-ranking-lp .blackComparisonTable thead tr > :nth-child(2) {
  border-top: 5px solid #283789;
}
.pharmacist-ranking-lp .blackComparisonTable tbody tr:last-child > :nth-child(2) {
  border-bottom: 5px solid #283789;
}
.pharmacist-ranking-lp .blackComparisonTable tbody tr.blackCompareTagRow td {
  padding: 18px 14px;
  background: linear-gradient(180deg, #fcfeff 0%, #f5fafc 100%);
}
.pharmacist-ranking-lp .blackComparisonTable tbody tr.blackCompareTagRow > th {
  background: linear-gradient(135deg, #fffbea 0%, #fff6d7 100%);
}
.pharmacist-ranking-lp .blackComparisonTable tbody tr.blackCompareTagRow > th::before {
  display: none;
  content: none;
}
.pharmacist-ranking-lp .blackCompareTagList {
  display: flex;
  min-height: 46px;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  gap: 7px 6px;
}
.pharmacist-ranking-lp .blackCompareTagList.is-facilities {
  min-height: 76px;
}
.pharmacist-ranking-lp .blackCompareTag {
  --tag-accent: #279bc6;
  --tag-ring: #d6eef7;
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 5px 11px;
  border: 1px solid #a9d3e3;
  border-radius: 999px;
  background: #eaf7fb;
  color: #146b8f;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 2px 6px rgba(34, 100, 128, .08);
}
.pharmacist-ranking-lp .blackCompareTag::before {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: var(--tag-accent);
  content: "";
  box-shadow: 0 0 0 3px var(--tag-ring);
}
.pharmacist-ranking-lp .blackCompareTag.is-temporary {
  --tag-accent: #e97632;
  --tag-ring: #fde4d3;
  border-color: #f2bb96;
  background: #fff3ea;
  color: #a95528;
}
.pharmacist-ranking-lp .blackCompareTag.is-contract {
  --tag-accent: #559b7d;
  --tag-ring: #dceddf;
  border-color: #b9d9ca;
  background: #edf7f2;
  color: #3e755f;
}
.pharmacist-ranking-lp .blackCompareTag.is-part-time {
  --tag-accent: #8c68a5;
  --tag-ring: #eadff1;
  border-color: #d0bddc;
  background: #f6f0f9;
  color: #6e4c82;
}
.pharmacist-ranking-lp .blackCompareTag.is-facility {
  min-height: 28px;
  gap: 6px;
  padding: 4px 9px;
  border-color: #d3e1e7;
  border-radius: 8px;
  background: #fff;
  color: #344e5b;
  font-size: 11px;
  box-shadow: 0 2px 7px rgba(34, 79, 98, .07);
}
.pharmacist-ranking-lp .blackCompareTag.is-facility::before {
  width: 10px;
  height: 12px;
  flex-basis: 10px;
  border-radius: 2px;
  background:
    linear-gradient(#fff 0 0) 2px 3px / 2px 2px no-repeat,
    linear-gradient(#fff 0 0) 6px 3px / 2px 2px no-repeat,
    linear-gradient(#fff 0 0) 2px 7px / 2px 2px no-repeat,
    linear-gradient(#fff 0 0) 6px 7px / 2px 2px no-repeat,
    linear-gradient(135deg, #69bfd8, #2d8eb6);
  box-shadow: none;
}
.pharmacist-ranking-lp .blackCompareTag.is-facility.is-focus {
  border-color: #168dcc;
  background: #e2f5ff;
  color: #075f8c;
  box-shadow: 0 0 0 2px rgba(22, 141, 204, .2), 0 3px 9px rgba(22, 111, 158, .14);
}
.pharmacist-ranking-lp .blackCompareTag.is-facility.is-focus::before {
  background:
    linear-gradient(#fff 0 0) 2px 3px / 2px 2px no-repeat,
    linear-gradient(#fff 0 0) 6px 3px / 2px 2px no-repeat,
    linear-gradient(#fff 0 0) 2px 7px / 2px 2px no-repeat,
    linear-gradient(#fff 0 0) 6px 7px / 2px 2px no-repeat,
    linear-gradient(135deg, #198fc6, #09689b);
}
.pharmacist-ranking-lp .blackComparisonTable th .blackCompareBrand,
.pharmacist-ranking-lp .blackComparisonTable th .blackCompareBrand:visited,
.pharmacist-ranking-lp .blackComparisonTable .is-mynavi-doctor .blackCompareBrand,
.pharmacist-ranking-lp .blackComparisonTable .is-mynavi-doctor .blackCompareBrand:visited,
.pharmacist-ranking-lp .blackComparisonTable .is-levwell-doctor .blackCompareBrand,
.pharmacist-ranking-lp .blackComparisonTable .is-levwell-doctor .blackCompareBrand:visited {
  color: #0000ee;
  text-decoration-color: currentColor;
}
@media (max-width: 760px) {
  .pharmacist-ranking-lp .blackComparisonWrap {
    margin-bottom: 16px;
  }

  .pharmacist-ranking-lp .blackComparisonTable {
    width: 151.333%;
    min-width: 151.333%;
  }

  .pharmacist-ranking-lp .blackComparisonTable .blackCompareLabelCol,
  .pharmacist-ranking-lp .blackComparisonTable th:first-child {
    width: 15.198%;
  }

  .pharmacist-ranking-lp .blackComparisonTable .blackCompareAgentCol,
  .pharmacist-ranking-lp .blackComparisonTable th:nth-child(n + 2) {
    width: 16.96%;
  }

  .pharmacist-ranking-lp .blackComparisonTable tbody tr > td:nth-child(n) {
    border-right: 1px solid #d3d7d9;
    border-bottom: 1px solid #d3d7d9;
  }

  .pharmacist-ranking-lp .blackComparisonTable tbody tr > td:last-child {
    border-right: 0;
  }

  .pharmacist-ranking-lp .blackComparisonTable tbody tr:last-child > td:nth-child(n) {
    border-bottom: 0;
  }

  .pharmacist-ranking-lp .blackComparisonTable tbody tr > td:nth-child(2) {
    border-right: 3px solid #283789;
    border-left: 3px solid #283789;
  }

  .pharmacist-ranking-lp .blackComparisonTable tbody tr:last-child > td:nth-child(2) {
    border-bottom: 3px solid #283789;
  }

  .pharmacist-ranking-lp .blackComparisonTable tr > :nth-child(2) {
    border-right-width: 3px;
    border-left-width: 3px;
  }

  .pharmacist-ranking-lp .blackComparisonTable tbody tr:nth-child(even) > :nth-child(2) {
    border-right-width: 3px;
    border-left-width: 3px;
  }

  .pharmacist-ranking-lp .blackComparisonTable thead tr > :nth-child(2) {
    border-top-width: 3px;
  }

  .pharmacist-ranking-lp .blackComparisonTable tbody tr:last-child > :nth-child(2) {
    border-bottom-width: 3px;
  }

  .pharmacist-ranking-lp .blackComparisonTable tbody tr.blackCompareTagRow td {
    padding: 10px 5px;
  }

  .pharmacist-ranking-lp .blackCompareTagList {
    min-height: 38px;
    gap: 5px 4px;
  }

  .pharmacist-ranking-lp .blackCompareTagList.is-facilities {
    min-height: 68px;
  }

  .pharmacist-ranking-lp .blackCompareTag {
    min-height: 22px;
    gap: 4px;
    padding: 3px 6px;
    font-size: 8px;
  }

  .pharmacist-ranking-lp .blackCompareTag::before {
    width: 5px;
    height: 5px;
    flex-basis: 5px;
    box-shadow: 0 0 0 2px var(--tag-ring);
  }

  .pharmacist-ranking-lp .blackCompareTag.is-facility {
    min-height: 22px;
    gap: 4px;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 7.5px;
  }

  .pharmacist-ranking-lp .blackCompareTag.is-facility::before {
    width: 7px;
    height: 9px;
    flex-basis: 7px;
    background:
      linear-gradient(#fff 0 0) 2px 2px / 1px 1px no-repeat,
      linear-gradient(#fff 0 0) 4px 2px / 1px 1px no-repeat,
      linear-gradient(#fff 0 0) 2px 5px / 1px 1px no-repeat,
      linear-gradient(#fff 0 0) 4px 5px / 1px 1px no-repeat,
      linear-gradient(135deg, #69bfd8, #2d8eb6);
    box-shadow: none;
  }

  .pharmacist-ranking-lp .blackCompareTag.is-facility.is-focus::before {
    background:
      linear-gradient(#fff 0 0) 2px 2px / 1px 1px no-repeat,
      linear-gradient(#fff 0 0) 4px 2px / 1px 1px no-repeat,
      linear-gradient(#fff 0 0) 2px 5px / 1px 1px no-repeat,
      linear-gradient(#fff 0 0) 4px 5px / 1px 1px no-repeat,
      linear-gradient(135deg, #198fc6, #09689b);
  }
}
@media (max-width: 768px) {
  .pharmacist-ranking-lp .blackVoiceSwipeHint {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin: -8px 0 10px;
    color: #527085;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
  }

  .pharmacist-ranking-lp .blackVoiceSwipeHint span {
    color: var(--black-blue);
    font-size: 16px;
    line-height: 1;
  }

  .pharmacist-ranking-lp .blackVoices > div.is-scrollable {
    display: flex;
    grid-template-columns: none;
    align-items: stretch;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding: 0 24px 10px 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .pharmacist-ranking-lp .blackVoices > div.is-scrollable::-webkit-scrollbar {
    display: none;
  }

  .pharmacist-ranking-lp .blackVoices > div.is-scrollable:focus-visible {
    outline: 3px solid #2c86ae;
    outline-offset: 2px;
  }

  .pharmacist-ranking-lp .blackVoices > div.is-scrollable > blockquote {
    flex: 0 0 calc(100% - 24px);
    min-width: 0;
    margin-bottom: 9px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pharmacist-ranking-lp .pharmacistRankingLogoCarousel .fvLoopLogo {
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .pharmacist-ranking-lp .pharmacistRankingLogoCarousel .fvLoopTrack {
    animation: none;
  }

  .pharmacist-ranking-lp .pharmacistRankingLogoCarousel .fvLoopItem.is-duplicate {
    display: none;
  }
}
.pharmacist-ranking-lp .blackVoices blockquote::after {
  display: none;
  content: none;
}
.pharmacist-ranking-lp .blackVoices > small {
  text-align: center;
}
.career-ranking-lp .careerRankingBodyHighlight {
  background: linear-gradient(transparent 68%, #f6de58 68% 94%, transparent 94%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  color: inherit;
  font-weight: inherit;
}
/* Shared ranking pages for engineer, doctor, rehabilitation and game careers. */
@media (min-width: 761px) {
  .career-ranking-lp .blackHero {
    background: #fff;
  }
}
.career-ranking-lp .fvLoopTextLogo {
  color: #173b61;
  font-size: 20px;
}
.career-ranking-lp .careerRankingBrandPanel {
  display: grid;
  min-height: 170px;
  place-items: center;
  padding: 28px;
  border: 1px solid #d4dadd;
  background: #fff;
}
.career-ranking-lp .careerRankingBrandPanel .fvLoopLogoImage {
  width: auto;
  max-width: 100%;
  max-height: 72px;
  object-fit: contain;
}
.career-ranking-lp .careerRankingBrandPanel .fvLoopTextLogo {
  font-size: 28px;
  text-align: center;
}
.pharmacist-ranking-lp .blackPrivateJobsPreview {
  padding-top: 44px;
}
.pharmacist-ranking-lp .blackPrivateJobsPreviewLead {
  position: relative;
  margin: 0;
  padding: 0 0 15px;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #18364a;
  text-align: center;
}
.pharmacist-ranking-lp .blackPrivateJobsPreviewLead::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 56px;
  height: 3px;
  transform: translateX(-50%);
  background: var(--black-orange);
  content: "";
}
.pharmacist-ranking-lp .blackPrivateJobsPreviewSource {
  display: block;
  color: #6a8290;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
}
.pharmacist-ranking-lp .blackPrivateJobsPreviewTitle {
  display: block;
  margin-top: 4px;
  font-size: clamp(20px, 2.8vw, 25px);
  font-weight: 800;
  line-height: 1.5;
}
.pharmacist-ranking-lp .blackPrivateJobsPreviewTitle em {
  color: var(--black-orange);
  font-style: normal;
}
.pharmacist-ranking-lp .blackPrivateJobsSwipeHint {
  display: none;
}
.pharmacist-ranking-lp .blackPrivateJobsScroller {
  width: 100%;
  margin-top: 18px;
  padding: 0 0 10px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-color: #9cb5c0 #edf2f4;
  scrollbar-width: thin;
}
.pharmacist-ranking-lp .blackPrivateJobsList {
  display: grid;
  width: 100%;
  grid-auto-columns: calc((100% - 28px) / 3);
  grid-auto-flow: column;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pharmacist-ranking-lp .blackPrivateJobCard {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #bfd0d7;
  border-top: 4px solid #43805f;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(20, 54, 73, .08);
  scroll-snap-align: start;
}
.pharmacist-ranking-lp .blackPrivateJobCard > h3 {
  min-height: 55px;
  margin: 0;
  padding: 13px 12px;
  background: #eef4f1;
  color: #18364a;
  font-size: 16px;
  line-height: 1.7;
  text-align: center;
}
.pharmacist-ranking-lp .blackPrivateJobImageLink {
  display: grid;
  aspect-ratio: 16 / 9;
  place-items: center;
  overflow: hidden;
  border-top: 1px solid #d5e0e4;
  border-bottom: 1px solid #d5e0e4;
  background: #e9eef0;
}
.pharmacist-ranking-lp .blackPrivateJobImageLink img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pharmacist-ranking-lp .blackPrivateJobSalary {
  margin: 0;
  padding: 11px 10px 10px;
  color: #354c5a;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.pharmacist-ranking-lp .blackPrivateJobSalary strong {
  margin: 0 3px;
  color: var(--black-orange);
  font-size: 24px;
  line-height: 1;
}
.pharmacist-ranking-lp .blackPrivateJobFacts {
  margin: 0 10px;
  border: 1px solid #cedade;
  border-bottom: 0;
}
.pharmacist-ranking-lp .blackPrivateJobFacts > div {
  display: grid;
  min-height: 50px;
  grid-template-columns: 78px minmax(0, 1fr);
  border-bottom: 1px solid #cedade;
}
.pharmacist-ranking-lp .blackPrivateJobFacts dt,
.pharmacist-ranking-lp .blackPrivateJobFacts dd {
  display: flex;
  min-width: 0;
  align-items: center;
  margin: 0;
  padding: 8px;
  font-size: 11px;
  line-height: 1.55;
}
.pharmacist-ranking-lp .blackPrivateJobFacts dt {
  justify-content: center;
  border-right: 1px solid #cedade;
  background: #edf3f5;
  color: #315466;
  font-weight: 800;
  text-align: center;
}
.pharmacist-ranking-lp .blackPrivateJobFacts dd {
  color: #34454f;
  font-weight: 600;
}
.pharmacist-ranking-lp .blackPrivateJobFacts .is-locked dd {
  position: relative;
  justify-content: center;
  overflow: hidden;
}
.pharmacist-ranking-lp .blackPrivateJobFacts .is-locked dd > span {
  max-width: 100%;
  filter: blur(4px);
  opacity: .62;
  white-space: nowrap;
}
.pharmacist-ranking-lp .blackPrivateJobFacts .is-locked dd > a {
  position: absolute;
  inset: 50% auto auto 50%;
  padding: 4px 7px;
  border: 1px solid #c98925;
  border-radius: 2px;
  background: #fffdf5;
  color: #a34f15;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}
.pharmacist-ranking-lp .blackPrivateJobTags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 10px;
  padding: 0;
  list-style: none;
}
.pharmacist-ranking-lp .blackPrivateJobTags li {
  padding: 4px 6px;
  border: 1px solid #d5b964;
  border-radius: 2px;
  background: #fff9e7;
  color: #6f5720;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
}
.pharmacist-ranking-lp .blackPrivateJobButton {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  margin: auto 10px 12px;
  padding: 10px 8px 8px;
  border-radius: 4px;
  background: var(--black-orange);
  box-shadow: 0 3px 0 #a93f0e;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}
.career-ranking-lp .blackRankingScrollGuide.is-compact-comparison {
  display: none;
}
.career-ranking-engineer .pharmacistRankingSparkles.is-left {
  left: -8px;
}
.career-ranking-engineer .pharmacistRankingSparkles.is-right {
  right: -8px;
}
.career-ranking-freelance .pharmacistRankingTitleStage {
  width: min(calc(100% - 80px), 700px);
}
.career-ranking-freelance .pharmacistRankingComparisonKicker {
  width: 78%;
  font-size: clamp(20px, 2.2vw, 25px);
}
.career-ranking-game .pharmacistRankingTitleStage {
  width: min(calc(100% - 80px), 660px);
}
@media (min-width: 761px) {
  .career-ranking-game .pharmacistRankingComparisonKicker {
    width: 76%;
    font-size: clamp(22px, 2.35vw, 26px);
    letter-spacing: .02em;
  }
}
@media (max-width: 760px) {
  .career-ranking-freelance .pharmacistRankingTitleStage {
    width: min(calc(100vw - 16px), 350px);
  }

  .career-ranking-freelance .pharmacistRankingBestTitle {
    font-size: 18px;
  }

  .career-ranking-freelance .pharmacistRankingComparisonKicker {
    width: 82%;
    font-size: 13px;
  }

  .career-ranking-freelance .pharmacistRankingSparkles.is-left {
    left: -9px;
  }

  .career-ranking-freelance .pharmacistRankingSparkles.is-right {
    right: -9px;
  }

  .career-ranking-game .pharmacistRankingTitleStage {
    width: min(calc(100vw - 16px), 340px);
  }

  .career-ranking-game .pharmacistRankingBestTitle {
    font-size: 19px;
  }

  .career-ranking-game .pharmacistRankingSlash.is-left {
    left: -10px;
  }

  .career-ranking-game .pharmacistRankingSlash.is-right {
    right: -10px;
  }

  .career-ranking-game .pharmacistRankingSparkles.is-left {
    left: -10px;
  }

  .career-ranking-game .pharmacistRankingSparkles.is-right {
    right: -10px;
  }

  .career-ranking-game .pharmacistRankingSparkles {
    top: 4px;
  }

  .career-ranking-game .pharmacistRankingComparisonKicker {
    width: 78%;
    font-size: 14px;
    letter-spacing: .01em;
  }
}
.career-ranking-ptot .pharmacistRankingSparkles.is-left {
  left: 0;
}
.career-ranking-ptot .pharmacistRankingSparkles.is-right {
  right: 0;
}
@media (min-width: 761px) {
  .career-ranking-count-3 .blackComparisonTable {
    width: 100%;
    min-width: 760px;
  }

  .career-ranking-count-3 .blackComparisonTable .blackCompareLabelCol,
  .career-ranking-count-3 .blackComparisonTable th:first-child {
    width: 16%;
  }

  .career-ranking-count-3 .blackComparisonTable .blackCompareAgentCol,
  .career-ranking-count-3 .blackComparisonTable th:nth-child(n + 2) {
    width: 28%;
  }
}
@media (max-width: 760px) {
  .career-ranking-lp .fvLoopTextLogo {
    font-size: 13px;
  }

  .pharmacist-ranking-lp .blackPrivateJobsPreview {
    padding-top: 34px;
  }

  .pharmacist-ranking-lp .blackPrivateJobsPreviewLead {
    padding-bottom: 12px;
  }

  .pharmacist-ranking-lp .blackPrivateJobsPreviewLead::after {
    width: 44px;
    height: 2px;
  }

  .pharmacist-ranking-lp .blackPrivateJobsPreviewSource {
    font-size: 10px;
  }

  .pharmacist-ranking-lp .blackPrivateJobsPreviewTitle {
    margin-top: 3px;
    font-size: 17px;
    line-height: 1.5;
  }

  .pharmacist-ranking-lp .blackPrivateJobsSwipeHint {
    display: block;
    margin: 10px 0 0;
    color: #4c7183;
    font-size: 10px;
    font-weight: 700;
    text-align: right;
  }

  .pharmacist-ranking-lp .blackPrivateJobsScroller {
    margin-top: 8px;
    scroll-padding-inline: 0;
    scroll-snap-type: x proximity;
  }

  .pharmacist-ranking-lp .blackPrivateJobsList {
    grid-auto-columns: min(82%, 260px);
    gap: 10px;
  }

  .pharmacist-ranking-lp .blackPrivateJobCard > h3 {
    min-height: 50px;
    padding: 11px 10px;
    font-size: 15px;
  }

  .pharmacist-ranking-lp .blackPrivateJobSalary strong {
    font-size: 22px;
  }

  .career-ranking-lp .careerRankingBrandPanel {
    min-height: 112px;
    padding: 20px;
  }

  .career-ranking-lp .careerRankingBrandPanel .fvLoopLogoImage {
    max-height: 52px;
  }

  .career-ranking-lp .blackRankingScrollGuide.is-compact-comparison {
    display: flex;
  }

  .career-ranking-count-3 .blackComparisonTable {
    width: 128%;
    min-width: 128%;
  }

  .career-ranking-count-3 .blackComparisonTable .blackCompareLabelCol,
  .career-ranking-count-3 .blackComparisonTable th:first-child {
    width: 18%;
  }

  .career-ranking-count-3 .blackComparisonTable .blackCompareAgentCol,
  .career-ranking-count-3 .blackComparisonTable th:nth-child(n + 2) {
    width: 27.333%;
  }
}
/* Keep the BEST-title sparkles inside the slashes and about 3mm from the text. */
.pharmacist-ranking-lp .pharmacistRankingBestTitle > .pharmacistRankingBestTitleLine {
  display: flex;
  width: max-content;
  margin-inline: auto;
  align-items: center;
  justify-content: center;
  gap: 11px;
  white-space: nowrap;
}
.pharmacist-ranking-lp .pharmacistRankingBestTitleText {
  display: block;
  white-space: nowrap;
}
.pharmacist-ranking-lp .pharmacistRankingBestTitleLine .pharmacistRankingSparkles {
  position: relative;
  top: auto;
  right: auto !important;
  left: auto !important;
  flex: 0 0 auto;
}
.pharmacist-ranking-lp .pharmacistRankingBestTitleLine .pharmacistRankingSparkles.is-left::after {
  top: -9px;
  left: 12px;
}
.pharmacist-ranking-lp .pharmacistRankingBestTitleLine .pharmacistRankingSparkles.is-right::after {
  top: 10px;
  left: -10px;
}
@media (min-width: 761px) {
  .pharmacist-ranking-lp .pharmacistRankingTitleStage {
    width: max-content;
    max-width: calc(100% - 80px);
    padding-inline: 45px;
    box-sizing: content-box;
  }
}
@media (max-width: 760px) {
  .pharmacist-ranking-lp .pharmacistRankingTitleStage {
    width: max-content;
    max-width: calc(100vw - 46px);
    padding-inline: 23px;
    box-sizing: content-box;
  }

  .pharmacist-ranking-lp .pharmacistRankingBestTitle > .pharmacistRankingBestTitleLine {
    gap: 11px;
  }

  .pharmacist-ranking-lp .pharmacistRankingBestTitleLine .pharmacistRankingSparkles.is-left::after {
    top: -6px;
    left: 8px;
  }

  .pharmacist-ranking-lp .pharmacistRankingBestTitleLine .pharmacistRankingSparkles.is-right::after {
    top: -6px;
    left: -7px;
  }

  .career-ranking-engineer .pharmacistRankingBestTitle {
    font-size: 19px;
  }

  .career-ranking-freelance .pharmacistRankingBestTitle {
    font-size: 16.5px;
  }

  .pharmacist-ranking-lp .pharmacistRankingSlash.is-left {
    left: 1px;
  }

  .pharmacist-ranking-lp .pharmacistRankingSlash.is-right {
    right: 1px;
  }
}
@media (max-width: 360px) {
  .pharmacist-ranking-lp .pharmacistRankingBestTitle {
    font-size: 19px;
  }

  .career-ranking-engineer .pharmacistRankingBestTitle {
    font-size: 16px;
  }

  .career-ranking-freelance .pharmacistRankingBestTitle {
    font-size: 14px;
  }

  .career-ranking-doctor .pharmacistRankingBestTitle {
    font-size: 20px;
  }

  .career-ranking-ptot .pharmacistRankingBestTitle {
    font-size: 18.5px;
  }
}
/* Keep the doctor ranking disclosure below the hero on the same white treatment as the other LPs. */
.career-ranking-doctor.doctor-black-page .blackHero > .blackAdNotice {
  position: static;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 4px 8px 3px;
  box-sizing: border-box;
  background: #fff;
  color: #5f6f79;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.25;
  text-shadow: none;
}
@media (max-width: 760px) {
  .career-ranking-doctor.doctor-black-page .blackHero > .blackAdNotice {
    width: 100%;
    padding: 4px 8px 3px;
    font-size: 8px;
  }
}
/* Emphasize game-industry specialization in comparison notes. */
.gameIndustryNote {
  font-weight: 700;
  background: linear-gradient(transparent 60%, #ffe65b 60%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media (max-width: 768px) {
  .blackComparisonTable td > .gameJobsComparisonNote,
  .game-agent-page .comparisonTable .gameJobsComparisonNote {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.4;
  }

  .gameJobsComparisonNote .gameIndustryNote {
    font-size: inherit;
    line-height: inherit;
  }
}
.game-agent-page .comparisonTable .gameMetricBadge > .gameJobsComparisonNote {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .game-agent-page .comparisonTable .gameMetricBadge > .gameJobsComparisonNote {
    font-size: 10px;
  }
}
.blackComparisonTable td > .gameJobsComparisonNote.isIndustryScope,
.game-agent-page .comparisonTable .gameMetricBadge > .gameJobsComparisonNote.isIndustryScope {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (max-width: 768px) {
  .blackComparisonTable td > .gameJobsComparisonNote.isIndustryScope,
  .game-agent-page .comparisonTable .gameMetricBadge > .gameJobsComparisonNote.isIndustryScope {
    font-size: 8px;
  }
}
.compareScreeningNotice .blackAgentEditorPortrait {
  position: relative;
  display: block;
  width: 62px;
  height: 62px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #eef2f2;
  box-shadow: 0 0 0 3px #f5d93e, 0 5px 12px rgba(0, 0, 0, .18);
  overflow: hidden;
}
.compareScreeningNotice .blackAgentEditorPortrait img {
  position: absolute;
  top: 0;
  left: 55%;
  width: 190%;
  max-width: none;
  height: auto;
  transform: translateX(-50%);
}
.compareScreeningNotice .blackAgentEditorRole {
  position: absolute;
  right: 50%;
  bottom: -2px;
  padding: 2px 7px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #f5d93e;
  color: #173a4d;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
  transform: translateX(50%);
}
/* Shared editor portrait for every screening notice. */
.compareScreeningNotice.has-editor,
.pharmacist-ranking-lp .pharmacistRankingScreeningNotice.has-editor {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 18px;
  padding: 14px 20px;
}
.has-editor .rankingScreeningEditor {
  position: relative;
  flex: 0 0 64px;
  width: 64px;
  height: 70px;
}
.compareScreeningNotice.has-editor .compareScreeningNoticeLines,
.pharmacist-ranking-lp .has-editor .rankingScreeningNoticeLines {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 4px;
  white-space: normal;
  text-wrap: balance;
}
.compareScreeningNotice.has-editor .compareScreeningNoticeLines > span,
.pharmacist-ranking-lp .has-editor .rankingScreeningNoticeLines > span {
  white-space: normal;
  display: block;
}
@media (max-width: 640px) {
  .compareScreeningNotice.has-editor,
  .pharmacist-ranking-lp .pharmacistRankingScreeningNotice.has-editor {
    gap: 10px;
    padding: 12px 10px;
    font-size: clamp(12px, 3.6vw, 14.4px);
    line-height: 1.5;
  }

  .has-editor .rankingScreeningEditor {
    flex-basis: 48px;
    width: 48px;
    height: 56px;
  }

  .has-editor .rankingScreeningEditor .blackAgentEditorPortrait {
    width: 46px;
    height: 46px;
  }

  .has-editor .rankingScreeningEditor .blackAgentEditorRole {
    bottom: 0;
    padding: 2px 6px;
    font-size: 9px;
  }
}
/* Shared selection rationale below the engineer comparison tables. */
.engineerRankingEditorial {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 28px 0;
  padding: 24px 28px;
  background: #f6f6f6;
  color: #1e3b5f;
  text-align: left;
}
.engineerRankingEditorialAvatar {
  position: relative;
  flex: 0 0 72px;
  width: 72px;
  height: 82px;
}
.engineerRankingEditorialPortrait {
  position: relative;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #eef2f2;
  box-shadow: 0 0 0 3px #f5d93e, 0 5px 12px rgb(0 0 0 / 12%);
}
.engineerRankingEditorialPortrait img {
  position: absolute;
  top: 0;
  left: 55%;
  width: 190%;
  max-width: none;
  height: auto;
  transform: translateX(-50%);
}
.engineerRankingEditorialRole {
  position: absolute;
  bottom: 0;
  left: 50%;
  padding: 2px 8px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #f5d93e;
  color: #173a4d;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.3;
  white-space: nowrap;
  transform: translateX(-50%);
}
.engineerRankingEditorialText {
  flex: 1;
  min-width: 0;
}
.engineerRankingEditorial .engineerRankingEditorialText p {
  margin: 0;
  color: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
  overflow-wrap: anywhere;
}
.engineerRankingEditorial .engineerRankingEditorialText p + p {
  margin-top: 12px;
}
.engineerRankingEditorialText strong {
  color: inherit;
  font-weight: 900;
  text-decoration: none;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.engineerRankingEditorialText .engineerEditorialCriteria {
  background: linear-gradient(transparent 68%, #ffffa5 68%, #ffffa5 94%, transparent 94%);
}
.engineerRankingEditorialText .engineerEditorialExclusion {
  background: linear-gradient(transparent 68%, #a8ddf2 68%, #a8ddf2 94%, transparent 94%);
}
@media (max-width: 640px) {
  .engineerRankingEditorial {
    align-items: flex-start;
    gap: 12px;
    margin: 22px 0;
    padding: 18px 12px;
  }

  .engineerRankingEditorialAvatar {
    flex-basis: 46px;
    width: 46px;
    height: 57px;
    margin-top: 4px;
  }

  .engineerRankingEditorialPortrait {
    width: 46px;
    height: 46px;
  }

  .engineerRankingEditorialRole {
    padding: 2px 5px;
    font-size: 9px;
  }

  .engineerRankingEditorial .engineerRankingEditorialText p {
    font-size: 14px;
    line-height: 1.85;
  }
}
.voiceCardAgeAvatar {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  margin: 3px 7px 3px 0;
  border-radius: 50%;
  object-fit: cover;
  background: #faf8f3;
}
/* /data-recovery — ranking-page full renewal */
.data-recovery-ranking-page {
  --black-navy: #173b4c;
  --black-blue: #1685a4;
  --black-blue-deep: #0d667f;
  --black-orange: #ef7623;
  --black-yellow: #ffe26c;
  --career-hero-left: #2fc8ad;
  --career-hero-right: #edf6f5;
}
@media (min-width: 761px) {
  .data-recovery-ranking-page.pharmacist-ranking-lp .blackHero {
    background: linear-gradient(90deg, #21c6ae 0 65.1%, #edf5f4 65.1% 100%);
  }
}
.data-recovery-ranking-page .blackHero > .blackAdNotice {
  position: static;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 4px 8px 3px;
  border-radius: 0;
  background: #fff;
  color: #5f6f79;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.3;
  text-shadow: none;
}
.data-recovery-ranking-page .pharmacistRankingLogoCarousel .fvLoopItem {
  background: #fff;
}
.data-recovery-ranking-page .pharmacistRankingLogoCarousel .fvLoopLogoImage {
  width: auto;
  max-width: 180px;
  max-height: 30px;
  object-fit: contain;
}
.data-recovery-ranking-page .pharmacistRankingFeaturedCard.rank2 .fvLoopLogoImage {
  width: 145px;
  max-width: 82%;
  max-height: 48px;
}
.data-recovery-ranking-page .pharmacistRankingScreeningNotice > span {
  max-width: 100%;
  white-space: normal;
}
.data-recovery-ranking-page .pharmacistRankingScreeningNotice > span:first-child {
  text-wrap: balance;
}
.data-recovery-ranking-page .dataRecoveryScreeningWarning {
  color: #d94134;
  font-weight: 900;
}
.data-recovery-ranking-page .pharmacistRankingFeaturedCard > p {
  line-height: 1.7;
}
.data-recovery-ranking-page .dataRecoveryFeaturedLine {
  display: block;
  overflow-wrap: anywhere;
}
.data-recovery-ranking-page .dataRecoveryFeaturedLine + .dataRecoveryFeaturedLine {
  margin-top: 7px;
}
.data-recovery-ranking-page .pharmacistRankingFeaturedEmphasis.is-marker {
  color: #df473b;
}
.data-recovery-ranking-page .blackCompareValue {
  display: grid;
  gap: 2px;
  font-size: 12px;
  line-height: 1.35;
}
.data-recovery-ranking-page .dataRecoveryComparisonPoint {
  display: block;
  color: #173b4c;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.55;
}
.data-recovery-ranking-page .pharmacistRankingGuide {
  margin-top: 10px;
}
.data-recovery-ranking-page .blackSpeechList {
  border-left-color: #1685a4;
}
.data-recovery-ranking-page .dataRecoveryAgentMedia {
  min-width: 0;
  text-align: center;
}
.data-recovery-ranking-page .blackAgentBannerLink {
  display: grid;
  aspect-ratio: 16 / 10;
  place-items: center;
  overflow: hidden;
  border: 1px solid #d4dadd;
  background: #fff;
}
.data-recovery-ranking-page .dataRecoveryOfficialBanner {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.data-recovery-ranking-page .blackAgentBannerLink .dataRecoveryOfficialBanner img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  box-shadow: none;
}
.data-recovery-ranking-page .blackAgentCard.rank1 .blackAgentBannerLink .dataRecoveryOfficialBanner img {
  object-fit: cover;
}
.data-recovery-ranking-page .blackAgentHeader p {
  max-width: 680px;
  line-height: 1.45;
}
.data-recovery-ranking-page .blackAgentFacts dd .blackStars {
  font-size: 14px;
}
.data-recovery-ranking-page .blackAgentFacts dd .blackStars strong {
  font-size: 15px;
}
.data-recovery-ranking-page .blackAgentFacts > div {
  display: grid;
  grid-template-rows: auto 1fr;
}
.data-recovery-ranking-page .blackAgentFacts dd {
  width: 100%;
}
.data-recovery-ranking-page .dataRecoveryFactLines {
  display: grid;
  gap: 2px;
}
.data-recovery-ranking-page .dataRecoveryFactLines > span {
  display: block;
}
.data-recovery-ranking-page .dataRecoveryInlineServiceLink {
  color: #143bc8;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .14em;
}
.data-recovery-ranking-page .dataRecoveryInlineServiceLink:hover {
  color: #0d667f;
}
.data-recovery-ranking-page .dataRecoveryFaq {
  padding: 74px 0 82px;
  border-top: 1px solid #d5e1e4;
  background: #f4f8f8;
}
.data-recovery-ranking-page .dataRecoveryFaq .simpleSectionTitle {
  margin-top: 0;
}
.data-recovery-ranking-page .exitPopupOverlay {
  padding: 20px;
}
.data-recovery-ranking-page .exitPopupDialog {
  width: min(500px, calc(100vw - 40px));
  max-width: calc(100vw - 40px);
}
.data-recovery-ranking-page .exitPopupHighlight {
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (max-width: 760px) {
  .data-recovery-ranking-page .blackHero > .blackAdNotice {
    width: 100%;
    padding: 4px 8px 3px;
    font-size: 8px;
  }

  .data-recovery-ranking-page .pharmacistRankingLogoCarousel .fvLoopLogoImage {
    max-width: 124px;
    max-height: 22px;
  }

  .data-recovery-ranking-page .pharmacistRankingFeaturedCard.rank2 .fvLoopLogoImage {
    width: 76px;
    max-width: 86%;
    max-height: 28px;
  }

  .data-recovery-ranking-page .pharmacistRankingBestTitle {
    font-size: 19px;
  }

  .data-recovery-ranking-page .pharmacistRankingFeaturedCard {
    min-height: 330px;
  }

  .data-recovery-ranking-page .pharmacistRankingFeaturedCard > p {
    font-size: 12px;
    line-height: 1.48;
  }

  .data-recovery-ranking-page .dataRecoveryFeaturedLine + .dataRecoveryFeaturedLine {
    margin-top: 5px;
  }

  .data-recovery-ranking-page .blackComparisonTable {
    width: 138%;
    min-width: 138%;
  }

  .data-recovery-ranking-page .blackComparisonTable .blackCompareLabelCol,
  .data-recovery-ranking-page .blackComparisonTable th:first-child {
    width: 20%;
  }

  .data-recovery-ranking-page .blackComparisonTable .blackCompareAgentCol,
  .data-recovery-ranking-page .blackComparisonTable th:nth-child(n + 2) {
    width: 26.666%;
  }

  .data-recovery-ranking-page .blackCompareValue,
  .data-recovery-ranking-page .dataRecoveryComparisonPoint {
    font-size: 8.5px;
  }

  .data-recovery-ranking-page .blackComparisonTable th,
  .data-recovery-ranking-page .blackComparisonTable td {
    padding: 10px 5px;
  }

  .data-recovery-ranking-page .blackAgentHeader h3 {
    font-size: 21px;
    overflow-wrap: anywhere;
  }

  .data-recovery-ranking-page .blackAgentHeader p {
    font-size: 9px;
  }

  .data-recovery-ranking-page .blackAgentBannerLink {
    width: 100%;
    max-width: 340px;
    aspect-ratio: 16 / 10;
  }

  .data-recovery-ranking-page .blackAgentCard.rank1 .blackAgentBannerLink .dataRecoveryOfficialBanner img {
    object-fit: cover;
  }

  .data-recovery-ranking-page .dataRecoveryFaq {
    padding: 56px 0 62px;
  }

  .data-recovery-ranking-page .exitPopupOverlay {
    padding: 16px;
  }

  .data-recovery-ranking-page .exitPopupDialog {
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
    padding-right: 22px;
    padding-left: 22px;
  }
}
@media (max-width: 360px) {
  .data-recovery-ranking-page .blackAgentCard.rank3 .blackAgentHeader h3 {
    font-size: 18px;
    letter-spacing: -.04em;
    white-space: nowrap;
  }
}
/* LP共通: コンテンツ直上のサイトヘッダーは全ページで表示しない */
body .siteHeader {
  display: none !important;
}
/* PTOT ranking: profession-specific UI */
.careerRankingHeroArtwork {
  position: relative;
  background: #fff;
}
.career-ranking-engineer .careerRankingHeroArtwork {
  background-image: url("data:image/webp;base64,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");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 760px) {
  .career-ranking-engineer .careerRankingHeroArtwork {
    background-image: url("data:image/webp;base64,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");
  }
}
.careerRankingHeroArtwork[data-desktop-hero="/ranking-fv/game.webp"] {
  background-image: url("data:image/webp;base64,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");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.careerRankingHeroArtwork[data-desktop-hero="/ranking-fv/doctor.webp"] {
  background-image: url("data:image/webp;base64,UklGRkojAABXRUJQVlA4ID4jAACQowCdASrgAaAAPuliqk4pJa0iLHSdSaAdCWIzst19c8RWjakzT2f5lSMO5bOE8fuu4zkH6v/K9BLkfHg5PfTWb/1BZ1/+Z67P7tu9fM95uvp43p30AOme/vtsh8wf3XiH6AYkmZfts1UO+fIXwj4Bz2fz/mF+8f4XwSNYzxn7AXDf/ff+j6on+v9XD/Z8s2oeo8qmq3ShNrJEGsmVfHH/YhAQmipq+qL8czTx49VauqOFGNSjNHkCMkhh359BrGmX4R+LYvfH0q3HP3gp2bvYwrnsQ7hFg8P2StIG94YitxNMLhMv2pBCBGP5OlN8ASCK6Gg952rJpmDuu1aUqkdsa/aBT0tfGP6jKcxrlEoSOiQVQyqhv91+V5UhO8L3j/zn69zVPJA9XPu7YMHsaT9mUSk3y5swjaHw6ugqIxiPQgWA5YAc2ts/WOPtZMmwuuNWDRkL0kcTKgJ9xLgbHpo774PAVQVaPoqBcoYR038MbH4nyAOaFXfg6Thm0rPHfqmxFmZ40XwkBqKeovHBBeSTHBq8WaiMFFIOxu8GiVmLGTEOpuziSpth8HE8J0s7DYODlSG6QncN3+1Av8OLckB6/D4neD3AR5MsQAMyLanrB/ATmaRVLTYBhVJqRW29IAgx5dLdPy6WVycYqX24RukKz8jAhnbZzC/02B9phhjpr1+FrvuXXASVRv/E7DNZwonAm1KENx46zkBjx4LWBxowafWCrSSYkHhruUGndxOwp7A0om0Fl37ftCs8nIWi5HLLhAiGqloDuQrauxVUI4MwVdXCmHmo7SoPrmJuhs2Uuox4PELfwoo2Epbij3G/jHt5/Yr3gfjUjWNd5QChF35HaSDGUSyXIFDHUbzxr4+AGMlmnZrz2/aOv8TfphLOD3xatMp4GYgZz3N97mOxtv342PjHZXcnHQGFI3xdLYXHUwK4YG0mFvbdaLbeifEaE0v1ZxA2C2AoYvj2xVLc2qG6s6gLvmDOxRZzA2I/okSS6MsxfQGr96aamE5uhJfyYm5mckDbVrxyImfCBiiMD5i429OlrsVyKxz1qI+5ScFjghId5mYVKGupGPLVubIMXKra8drq8mI79XWmaF0XBmRRYCqh2Jw7ROQW1ExmkMoRwl4mKJhb5bR7qQcdZtoXk5aGvlyMTBqib1eiNaVNgGhPVRqk4Zq7OeBwfVpyzsmoqWwvzJT7j0RhKr8YcHN2vujxJ5QhHTqOiKV23wy/JevODSVZEq6ExHhYMcEfQzkakkO4yAAQ4nDMwoTPBmIxRFBn2XE8c9EPz5wt6jqRmXQt6aig5LtJaayis0qew5y2UEFJU7gdsT+VJ8Lr2N1AylIWgrBQVX666v8jC2Ybn153V0q70ZyCvlUHkP3GfzKcCPPpEJK6FfOt4WW5IuI5WlBgHi4eGkvdgOkH9yyvMjb98Lk+X8G9MgPGW1oMz5GtDPV1rvlDMT17h2gY0kZZhqWOrvQczp6pTRO2JO3UPgvHF1k0sfjzJdZAdxY8jhudlJyhs3vEBFqeZ/2hJMpcT3C5l0YBh3bihCCklZNARCDh4pVM3/k9F1htwjwVfFZVQwJXCqI01sTmdZjs8UqoIac4b3P5UzUNOCIkcPgMHfGom5Z0zLHhbKfwxFR/EZI7zRAluVgp16A6qvrEftWBNr8eaBtAmeeJPjODyLQUXHcXj29596v4vJVAup6BvBoH26Bl2cy7rwoIGpZnOFloaHJ6b3BwbDF1znyyXu7SaOaRqef/bJAA78Ql/MxHFPKGc6WE/lm+J1WvUiExdlHITx70I7pXc1QU/5Qz9aH3Cdbt3qJKk5SSMM14KCxsjn6xCyFgVfdNYx2O6iLdpJkdwEwWIVXH+Lv1SlbgaaoVyAYtK70wQq2dDNfi2jStWtybMz/rdmy/JHdGVpPHV4DIcp6jeMSJu/Ilc0VdxQ2BfaPyFpPdVN1tcTHEhk3hmfiUxOPqJ2aZdopA4DNY6rW3WK25t+VSMEMXwH8oxZrSaeUKGuCrPeMzM4yDuwDPUdyXXckKVQx9Pm/QkMXWUvNta3LeXL6oCyipPEH0fwKhriSD/Oz9hpZ1YbYKZkBPKsjQ8m9FAcajXQWbY1xxL+FnZAjvpAH4ZXs/KULrrI5TqNoMtoua0orxH8nS2JuhexptrjLLnFcK+mjVUR89UylZfqAJZZjfasal6nOP5LIBJdBESAcfvVU7wjlSUnCCtfnsH+ULPK3cCHAjCUbBBchDodsgshiNSYw5uZ8EBxf6dZAx9SdxobB0ShJLpnQh3is17G5DbxBJFJIapiRajd/er9gAS2eyO/bjSf4de837QcLGAIkO1fKgEcGJUF0+F2kpFNETMOYAw8vlGKa+yU29thmce2SQmfExbNyG/52COlaG/S95/xJCTX2wu72seraj6Gm5EoIfTVZOsBxfcN9ga1omaG5gSuGnr0xCIOf2JmgJkSFCJ4KO3oXz7BKB6BEZzU13CaL79t1mz4ybWWsPLnOxTT9CQL9DsnxTQnnt16uuYm4kXMW4KB0k4I23ri4gqBHH4zZ+GD/w0TZ8HD5oRpAf2fx72S0lS77xxDvr4d5+gnHbSBOCWylFt8DHosvdI/4TJOnQS1dupzvsMHczn2JxBvqMeKUfNL1Cnxh5anOY2ob51HKiP3VXkl/A8Ompv+ATMUy1XINmfWOSZY9WOmkM221yypDxuKKqO88mwCxXef5zEE2cVKSFanP4Ex5z61m4adNUC3kmENy5+m3kDqzkS8qVnmGvtw01K07vkWbS6fVBLAYUtwMpmXJQoVGqgeHMwqibx08T8vpTnAAmfHOo11J+Byjf3DGNhxGf3u1Kh8YYgsUp5H/+5h9pEqMnYK99lCRa3bzAl6Zk6sTOhj5NbBTUTtmaJqDLpPt3ozoeqMoO7txMVEu/hBuAdf0TrgnNf0LFCaizFrTvqNfWTt0PSRn9e7PkWkRilYmigieKeerasqwUvtRLFZjRrGBahnqmtXNfJcyFWMPJmbJLF7BYTGjNc8iK/J5DgkbnDfOM0CgTz27lW/EeDUtAG4EDNsrLRx4NQdfbH2XP3epa12bKQQVNaBoe1373noaCg15CgXTbqhZeNEn3g0fLBgVdN6owJe2OZfCDY1mVH7PXqyNbazXJv7v4UGYl2sIVUw/F6gl4W4R8kPMUCDeFpV+tNENm466ZSWyGJEQcEct9bG8hRr45JYFXFAFHSJj0GTs6GsSLtErzAbAFICOQ/5wP3D573RwP1G89PB5Lb9Iz/L1P25U14I/9ivVxX1KiwQcbYACeP9Nc+ROv/VJn4t2vfiYMVfH0NscVC60183yAktPh2FkZbprDFIJKzLiezMXJbgIhu7uuw6bPcKl0J9T4p8gR7X/B9mZm4Qkck1MY5X29bLbuIQNX0mBK0gKE2JHkGNJZE2yR/hr/7iYhyI22TE/aHSBcRqCsR4UH+Z6QVSR0rBzglXJZuzmENHiqWS9vpPGuB2Qg47wfBApe5UaU+lK1FkciU7fDuZrAPWnOeVXLfJBVGbjtmtEXZJdig3gl4AK8PyM1sv2ClQCWIai/eARdX8M4m282M5rjUfJRFRn79ZdnWBGJ62viwzBY2mrpgDhFh4pgDglgA+mX3l/+ye4VEW4YcPORqsRQBG/MCuR3r0crCi5WN+HOdOyXb9AoEdlYm7pphywdz+LMcTgGPmZyW0MXo7a8OBXM2tYMq1oEL1ecI56S6R/H1GwoQ45aNNTtItws8hxxmoXg6yQh6ixE6y8Xm6Ycfs4Rb0UqwwJyWbBBfa2I0zGrwYSdelmJVSlGnJcyknWtETDFTA5uRnQGqSmy4XlqHlPhD4J1kmA3HubDC0JeLY5KS+3j6v9SZhebzJ6NWB25xQwKDFFByyRDHocU9uVtE/oWW16dDA+bfs527q0EbAe95eHIjQ9XtqHNr3x/EHUau0xZdx0NcFJnF8tiUfADBk7MNgTIQd8WW7i/9rtbNDYA81y2slruvBuw7CktlJJUcPK0jbxWHYUUgIHy0wzhPgGfZp9Sl8HTyQWGPOpxwlgcR3JK10OeWjGdGsY5rrO9p4fhBiXIH4x8aAyXDCf0pNBcZY8KoZbl5frDbKSMK8W1ZF8FbNi+b8F9OoUSDKiPlJF1SVjVdk1gDA3IfKQs5WKr52GD6XgAhdd/OsV6AJ6TOe81tePRbN1rP5rVaXh2TW6f/do0u1Oi8cbUOjH05fhsOfgh6TqWzxN8bDBRkYMXQ8e00qvkCCGnWaznh4kPsrp3BM2JTQbh9A6nyk4i4PUA9IGxLD/W5NfFX8DYtUpjCma/psgTBElMLaGtTZeJi9G3tlWdKVnaFzAV0ygKYidtCbKAYMHTz0M8U1Iu52g7aGrJeGuGGhVV1oRN7fc81F5SHj2J/d8dM6pIyv/yK176t+IvBtDe+A4u998ZfEq/p3QSiQC2/ZC7zQtqwh3+gWuz8a1x2HxqnmTHYRj7O/9VyYBX+tcTlyG8B3/M1MfbqGyGhXvMpSfOSRBhU/MZZYY91S4ZYh9Dnh1fnBxV8tgle8kn8fqjh6jRdoG4vSgjKM67CkNoFAC29yA49lpZD+30FWYlGmYjfAFuoupL78qvERcZ2HHuEBF5jnmSv5oAZ94WwHHgrfyMAUCyXGBva+1uuat88s+uaDLf5C2StXrVX8bAREM0UNKetMRwwI7IIq9CNujZQrUXl4dLwHwgNNNk1D5fFR4cRxhrVjU76k3GHG6Y6vJk1UCSynhXQim1vdJ2JufRsQBu+qjbXA/pSgZ0CJmkO8ghuAr1imHTiJijLrxtaLKh3v+cu1Em3z6Aqj3QfHAtcoptM6YXl0xoZYcC4drXzexrbicq4CISfDiyuuFYmCKrYdSJbrCHUBS5+g1Gh5GZxZbGDyOyxDiHRqu1vOmzNNKYWeD8+CRc/33w0InFCoUaXQglfBmX85owvqUNhZVz5CjEFP9Sht4PcqkbDwkIKTA9zTzQJJJIW7PS0+eJb8AGTqiguVOA/NFQRMLbrz/AzAKDTK36WaKwO3Wocdq1zCOl+xqJN2TNI9/zI6paDcSjGUTDzP9wIrEckFXdFjz9um44XBZElrY24wMUcjxsW4Ynd6wwBJKi2ltytXvSSCskDEHPkppABIRC9A0/Dy57eQMSiW3KI3lw+sD91atMjqzIIa74oeB9JHdZy3vgU+FfKEsNrLFvPqmpQKEXqwp1kb/sjLahmn03q8zDwhaQiwXkt30X146BZalhPaS/aoNoT1xWP5awrY4v+6HvmdO2WZfPOXu5C1gMRWU471E4tbyMd6cQO/grbspeE1sTRSI04exC3ffV5ym8FKFXL2xvKnHOWb0wh5wC9rbVZHKRYF2WeN18KjFfGer1X7xf/VXkrxeAJgcDUrEFGaY2cCIfJBfshYFj9XVgT2Wa/Zjl7P1sVMPrLkmJmn7zx6q12WPl2/GjAJicmw3BZrUyUvV0/jKrDHpiA3NzbwWz0xeWz5rD7p+127CaMseQPpeFfvbt18XNR+eh32c/LzLP/DB4KHYM4NW/berx9gEe4l6CxPH+gdv50o7zL1SBJVVLQZKsG97GXppDyYgk1uuWzhRRdZ8BXhlBNnJkllOORSwbktRdYpEwuPV9jUGZN/CXw+ZhAkU18CPqwZ4AQoSmiqAoGWs9KsugFo2aunYszdvoL+V1sl1LvcSZXy74uP06jKAMIVIQrsWfbZrRLIizh2Z28k6UF3fSw5He8xgBcnkfx3Y6bhRpTDuU/TZTrbjIciLu+o3jdUWoG3uYOd6w23FXBlf1Lv7Uo01uXKWvNmjUaYDBC7QJo01n0ZiyFNIeueByo5ej2ZwlPCQ8GvmFhusLWRZylr9phfXs7kEtC2Bk4C2aLa6OnEiZv+T83PThSzznpS6RUbCVUV7zNTDfN9uWCvK6Fzk5i9ln9/TbCojVW7o3H/q/3WoGtZBW9TJ2BZJm0qcDwaBLStWESXajpl3fMqhoYGvOJkHjWWfXMmxw2ApL92dhiP48aH0/do2EUCk5ERhCDffgScJkXGQA2dpL2jL7i6EY8DIZwDCE87JIXFNnkWOeoDwxbEyPnqtaNkC/WxaIw9+TGNgcNV7/h0KWUy+0uohdjaSOwe7cZAWGg0qBABGxlSa5z7AdyzE4kD8dwx4ODMlSYND0iT3sXGA+/Mot94rGRhhgKJzBgZc64/Ve+eaRTtcSUUoZkypooSQLlYl0mR43GtP7Ppc/c+14ImDK+RCItS8ZU9PhLMU2fycci1LOblU31m7BCM4HZ4VFsnkxPB5lF2gWwavSy+g1S2d3LCkX2TdoMZ+Vj2ACmBoGsVkP5neyqt3xzjqqVAosdYm/5h8Nc6MA1SNM1aFxTLTLj9QPsRsBlwXK+TZjXDqlIfpchB5UNQTIElSUwKduWqCp95U+yErnKgYo/tvCdgO3PFIJKRleZByxxAWk5BfLxq5Dhvigx/1uOG44KrYZKevZDpD2nUWUMeV7Ae0ezI03e1dqcrWCN9vb9FaHrKMPAfOv27zK5U92HFQMdEwpu0c/bmMhu1zW3rvTMZC0YLzmllX2fNd/cVwN4rSQZUpjZeg16Aoy0gy+hOHsSZ7kppkVVB0h/q+TH1JqyDmu9CkUv+pdssYSPS/KuEnacfWxTPBvaH5DwcIssOZAkPAH2hGo5jnOaSkbmwNIph0URTmeLrpgW+EC2p5JWgET4CdXI5ssPisqW3ZeXwR94mrX7kS5PFRlc1dwiKW4YXDayIBm0aax9XoKzstHqu/eLqinobaTo3yyL5AoCLhW98GRNJkNIsS9I8qybOMG5fVSfNQ0YaOjzl8brcpUIFk+VTiN7PWO7HSzqejpnE1FWo57BAobMMwIKY6M9BcY+8aOjnoEvgGS0pXH3LNjoMJvFAOneNUWac93M8I6XHjpBtQsk6mbSa6JQ1gdgI3EFd7s4jTQqegjX+/QFafqJ9gZ9mbmHHRZy5xH9LvSiz4WY9VtQdkgVY9fOtPUhU1WafIQVHW7MkRvHGi7P3pZO0uvw7BjaCy3jeDVtl/4wo49pA97yaQa+ChPfATR9xNBIfT6GOn4DH0LEdlIIHYbXyZhPbWPQtBWFF0U6X/d++EFhUtM70ii6N2BuzzgDVgKWvOGuPn56Avxz+647y7P+wS9hlPKQSyzSYAb5yHDNqVCcWFXkfUV3ZZilFpaJ1rk93YKf8YTotmImpOLOmhyRYewyP93Pu4n6MOFYu76Qo3fHzhKMw6Y/iVbTntcAOvX0LQ0rXaPXja3e4V9nzEkLOhD3rgcxbn+BcSS/T2vZLKCZCQTuAZTwQbOFiyBcqD6LEF//rDNwMjlgX6fe/JHPw9z66/Y+abvTd/qfoEPedOnaOGqn+6MwTOiAydZqF6gu6zlSEubs0d3iaiz5WdBCF/MjKz6wfqILF1EwIc5+6NzuoQHSuWCpZmqw/RBnGCZz2PFGqrV7fqivCC97v9Z5djU4m8fn99STqjPHOvr9RNNOykXdz9DZWAUYRKmzAj4nY02mqAqZ0oOPKpu73R2fg24912QDNL6Ph7RTedE6BI+8EXdwuJP392dqs8Qp4Ku3nVMrNaBt6nwnvZnFyp43LGlsicbDaH3ubdL63XhZ5WzYwTxsWYS7RtwBGQnrFjQEJBf8lQZlrZ8tsecBG6gU7srI4KatbUi1M179qtI1b8stoBrOfNsx/s7lZCH94qds35Y7fidMhE9WyLMyg0XYPqyukGmjFGipeBNS7gM9EvoaJxVr6c1kLth4KzhEfrdlP/EUYWmzU5UkRkJwyUsZsHPcG+/PkSs+lrHfNtVngp7n+HHjwdBbsHmLJiE5mD1NqiqsqMKv+7UzquPimBXQcwe370e4bbX/3MCqW9W8HOZZNUsWh0jIWZOxAZULDiKznJwM/TF4iaN+D2nGz+jS1PebWntUZA6Zo0gDh8zS+eidduSQeoj7qEjqOrEwOZ09HZ+5kG5FVjPREiLHFj0OJyLAZGy3dDaYDH26/iDQkrscqnf3WjkxIKV6orDt9CM99g2Md88bIRxfcZZx2qC7cqsMdvbAOz/IFzBrItzTx7ttxj20+06UG4NdfJ+rMlWO5ekpAj4obEfiSgFQMPMWKRC+0r6tCNg05iEUK61Jd0oLQAcZ8Rm4PFeWEUfaPpFUAxcUHiCPlmSL5h9/E2gl5dwhl5ZdZnRw8XqAjQGTtuEfMqvupbghpIyCcw4YCsoVp2XG8qh9SLwSTzFDfmSHQT44xHX/WN653AW5oDBQxciqiQKb/+9ZaxEgELtXOl0VA78xpnZTUiySWCyF44LG/kStnMp6K8x2QreMku7QH6XZfxQCcjU1kBnyFG3BmSDfzKU9vkQrchI6fkflgNcKipNqmyEf9GzPWbUczKQqV8OXFoS3+CPo2gIvoPJsgBna90f3f7z9n06XLcyLXrCHo1AT2bJCUE+Rn2lVJdY3ZQXQN8pq/rRsbxLjWsenD3gFpQRgVHeV51nOQLn4anziAySy611yte+MC6PhewJHzR4zKvqiN2NcehrhAdKxCT2fUmT8UAtClPDnv8Otlmaepeo7QU3dYQrZC6HNvRdAE8mvfAUqbHceRXF0XjMWHSxUwX5VrLXIZMJ+KB6LFktYE09py0N4LqLzm6WZnA3zvJTmCc9XzeCsyrXiuwTkE8QULjiNKDse9gst6yx04RlYSI5otwKJBkB3LyI2bJVAUXbDe1unQnCrmegzZt8IL3VTl/DhAzkoCruNNPwfjX2YKS3byYxo9eeEAQ+AHC8LLQle0vIEfBOCGpJqN5fNYcj0ZV8I7NcUIz06vgmAE4/xB5+xt1ZDVhsTtH9ZRtOcv2CbCwLt/i6db2WOyYQLEYH71ugPMwu0OgZ9hD1+ypJYp71qRP7OQaUjYphgzn4ptse0EDHCwq1iGiYvk3Mj4rwAprozVr8XlqgtGa59GnjJuoC8eTTW/qpP31qQJFgyejofvwHZvdYPymZqcBYrf4qIink7TOkMmIIr3JViFQTbnJyyHeKDz8PRMU5rMSekJMB4W0SR60YU9aW6S0eQZIYGkNGZUs5iAH07DfA7I0HiJXoqr9NkuKFGnCixdY7LrxGIH2cpm3CDxtoR4MGezWye1aZwdy+0d5TN1fpmIE533LovSAsOR3/aWyWZuZTx6f8UqaZTjdfhv8jxtf5trZM/Vd1pegzCrdIniQNs2VSUyVPtYo8t0lQCulWBEP3X+5uAQBml7g1Pt5q2mmtnuoWTf/RKK0K65KINti1BISf5rch5NHW77FKuhZHM7h7dprXQ9ZiDky6luHKyHF+mV+6TN76DHaFZjmHhTafzAxMFcBZtlmmKXncBh7aFoiicPQlMPKnKe5nQQ/h+peKsA9JUNOu83WeHuW0MYcU1zjAxuVyD23rJwzmfIJd7cGuHhbL9y1OjJlnRhUpLYDgyhiMnov8xHqBm0rMdGGj4P8EusJ30fFOpuz0IoEDReV9sk8L1c9CtwWOflhBFhogh7dse3YJamwfPfdq4qrKq5VYlSEcZ54cyAiKS9r10ZnHRR480CJ6qAOHa7XErGxF9eBiC+4c18hoM/eMiCO/YbdfzzSWwMenCEyJIRm2zJ/gnv99yuhYaCJivjsPyS41TnUP+6MLwUbVXtmp7adEonIwzZtHWvUSsaf3fcIP1ovgc5hFtwIGFqywd2dCFMueVvekr56Y+YLggXgGbIwEow6KPGO038xjUFWJwsst6hEUJHphLy1M2ytg9G8/Lx4PvXXlZlLT5KIgSX+ndykgfbu9sqZQ1f0kPrCb7NfwN6S770BHPSjC1g/z5bobXXanlr5Zqm/dWYTUhP/XN3/q2ltJPIP+r9CFxl/KDPqHe+kevsiTz4O4Lhm0m3KFSLf25BcQOJGz4+vP81XAcktAIqCSrT/QfwhaJpLGSvHB5GOiquoUlamc+0OLy7sx7FnvIZH8VlbD8FpgVx85S5Afl0CXQ2H8ELfTZOowmIvPO89nyIopCaT10RvvVKnDIGd603B5CUSomdSyX3Dy3Zyl5/NkrxUfPZ2KX+fxjdbX6DbAkqjCyb1h8C/DxuArToUwwX9FaCSeHYIuanWGR5AqOz+Idk+uKo5gxI+yGScYLhDx/L9xGewyZkS5AToLOXaRexT9ZJz+96rh8UEzAVsWOeahCJuEVlnV4wASMNnJwq0GEaNvUGoFtp9bMXgEm1C3exfeNt8W+bifrckQqGXA9StFHgO6RgDW956DgyckK5K0dK/S/UiPEJielKbktgcbSyQBFumiWAHO29VTCrWcqGntftD+yb0YxEoRfANit5uhCfALjrXA/ztKVATt6jLU9A7QvwGyMO41GVfE7pqbIOg4hHnR8XIT2ywn2kDOlyiIyjE4YXNKxduJ8W5D019eMkYsg6jOsenYjNK+RodtsyFEhb1cy2ICQtoFoFZv3a/oJ7S0Tmc3/chxYy9PYQmiK1Ofq3M7oIRZ35tjMDlHBqSXu2P845GzzuB7N2lRHTlvJ7d2tc8ed+wRh/MQJ06THx/yCwYUhggHHSKMmrUXrClRB0cPIzAh+kWmOTOAXqXvv5Fild1LvCYHo2kfVWxj3CF6yUX+DPyHZRWTAITzM9I/cWa9euH0GHYOTg32MMZ8SysxfVjkIPAtENRHvTp0oWYOxu606fdHjTuFg9/QS4n++TEvQrP58bcjF8R1LTpdG3HXQNaUxG4BMlAaCBc0aD9OmgZCy8r1WqT+5FUDzpkpHt6fIJ8tvvnsjBi9bp28mxaTtefGpqVWY3vUUaydME5h7JvA+voPw9WawNjPo2qAz2nR4f7+g886fl7Jig09xiIwOsJiP/4uRXr0zOaWLszrt/1aefKnGOTMEqCVSuiZosuUJUNbNnsnFoj1u0MaYpJ9bnAP+l/zlBJHR+dAnKa4giXeJ0c0KtvI/qsxUyq8e71pAJbv/GicvHDu6PwMglZC2V7Dgpzm8+FLnt6jVzGF7baGd+jvxPH5/xfauq+VCS22XdakWCdUMkfKXj+0t49gJ8boBYMpkqx2t7MKwPqlXNzEQagsOzxrhUWuskQR9VuCnfAMnV1QhIKhPAate6qoLefV/wN/45YVeLm7HeWHbM008VJChZyBs2kbx/XlPoyh0mcCGgLCeUQbUNiW01eqHY53crRrXTCON8fZBlW8DCkF1N9nso7Uvh7Fp64nvlGOf2rp1neZabCJItOMSMHUOi/LxOknqLZ5eqO06KIVGfy2kBYifru+Drcr1rX/nQxiikN8K9zIYUWJYBD9YBYuhPHbBF31vRGvBeCtUceiVP8T4ALWtdzn9fth159+ucT0c4McTPjCIpemCbAiJcCoLectkG5v8a1lsyjEiy2rN06AgB7O0K9g3KCgJzhVOD3BNqlthLC0SEjyLS6OKxiHUy/Vxa6zLKv2RWPEIlLL5Vu5UKlcwkOgDbF8GElurUj8wz89fedKzvH4brxfk2F3s2Vi8E1GcIbr5hXlkwiEbogHink4WeMDcYUIOOq4qe9Vf4eRDYQZeKhJjDeQnfbW2J5aUekEWj+AdFnHqAV5dvYSABlDT6r/Fy28ytcO0jn4NO6qQbpQQmx7iSWj3QG1oWDNu8M3qlANq109QN9+LGIOwtV8R2hpCNYPZH+fGaqrF6zSqawYiN3Jm+eb83KRFR2qDEw7LlCNI2SMJXHB20/9RKjZHHfk2WFyvsQR5omCjjEFtPuZXBWbJspf/w2OH7mdswvWs7NnMTafSUcW/J1Wni9W4xRI31cOXRFbbVGdsYyALagxuoTUM+yyJcX/lfHv66DCPKFULFAGGdUHChjC2LHLGvQwSQaKe/UKpHiYwqHy4JfXbS9CL6s5Hj9IYSO4vKNXpo5OfNtbwh+RJU4UcjSuVmX9HB8MjMIq97lxJWkLME8c1XgpuqRvJGxUOj29c+krKUAWhiZVyqWbiZxPwDGBLczj5UgJtTsAY7uaceeVMjSsNIQ76FL7apGhrfDhM1n5j1NWCR/vVpHm1iqX5yhIMTQ5puR3EhYBMaQovr2HO3Y7FqbUi+bZSAAA");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 760px) {
  .careerRankingHeroArtwork[data-desktop-hero="/ranking-fv/game.webp"] {
    background-image: url("data:image/webp;base64,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");
  }

  .careerRankingHeroArtwork[data-desktop-hero="/ranking-fv/doctor.webp"] {
    background-image: url("data:image/webp;base64,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");
  }
}
.career-ranking-freelance .careerRankingHeroArtwork {
  background-image: url("data:image/webp;base64,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");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 760px) {
  .career-ranking-freelance .careerRankingHeroArtwork {
    background-image: url("data:image/webp;base64,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");
  }
}
.careerRankingHeroBadge {
  position: absolute;
  z-index: 2;
  top: 4.4%;
  left: 12.7%;
  display: grid;
  width: 35%;
  height: 10.6%;
  place-items: center;
  border: 1px solid rgba(14, 104, 76, .12);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(12, 91, 70, .12);
  color: #075744;
  font-size: clamp(14px, 2.05vw, 25px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .02em;
  white-space: nowrap;
  pointer-events: none;
}
.careerRankingSpecialtyNav {
  display: flex;
  width: min(100% - 32px, 1120px);
  align-items: center;
  gap: 18px;
  margin: 12px auto 0;
  padding: 10px 14px;
  border: 1px solid #d6e5df;
  border-radius: 10px;
  background: #f7fbf9;
}
.careerRankingSpecialtyNav > span {
  flex: 0 0 auto;
  color: #41675a;
  font-size: 12px;
  font-weight: 800;
}
.careerRankingSpecialtyNav > div {
  display: grid;
  min-width: 0;
  flex: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.careerRankingSpecialtyNav a {
  display: grid;
  min-height: 36px;
  place-items: center;
  padding: 6px 10px;
  border: 1px solid #b9d6ca;
  border-radius: 7px;
  background: #fff;
  color: #246b52;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
}
.careerRankingSpecialtyNav a[aria-current="page"] {
  border-color: #16865f;
  background: #16865f;
  color: #fff;
}
@media (max-width: 760px) {
  .careerRankingHeroBadge {
    top: 3.4%;
    left: 10.1%;
    width: 46.5%;
    height: 10.5%;
    font-size: clamp(9px, 3.2vw, 15px);
  }

  .careerRankingSpecialtyNav {
    display: block;
    width: calc(100% - 20px);
    margin-top: 8px;
    padding: 8px;
  }

  .careerRankingSpecialtyNav > span {
    display: block;
    margin-bottom: 6px;
    font-size: 10px;
    text-align: center;
  }

  .careerRankingSpecialtyNav > div {
    gap: 5px;
  }

  .careerRankingSpecialtyNav a {
    min-height: 34px;
    padding: 5px 3px;
    font-size: 9px;
  }
}
/* Doctor ranking first-view copy, sized against the responsive artwork. */
.career-ranking-doctor .careerRankingHeroArtwork { container-type: inline-size; }
.doctorHeroValue {
  position: absolute;
  top: 85%;
  height: 7.2%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #fbfdfb;
  color: #005b48;
  font-family: Arial, "Noto Sans JP", sans-serif;
  font-size: 2.18cqw;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.doctorHeroSalary { left: 11.1%; width: 9.7%; }
.doctorHeroHolidays { left: 28%; width: 10%; }
.doctorHeroValue > span { background: linear-gradient(transparent 72%, #ffe45c 72%); }
.doctorHeroConditions { left: 45.1%; width: 10.6%; }
.doctorCarouselLead {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 12px 8px 14px;
  color: #17315b;
  font-size: clamp(12px, 1.4vw, 18px);
  font-weight: 700;
  line-height: 1.5;
}
.doctorCarouselLead strong { font-size: 1.2em; }
.doctorCarouselCount { background: linear-gradient(transparent 72%, #ffe45c 72%); }
.doctorCarouselLead > span:first-child,
.doctorCarouselLead > span:last-child { font-size: 1.4em; }
@media (max-width: 760px) {
  .doctorHeroValue { top: 81.8%; height: 5.4%; font-size: 2.65cqw; }
  .doctorHeroSalary { left: 10.4%; width: 11.8%; }
  .doctorHeroHolidays { left: 30%; width: 12%; }
  .doctorHeroConditions { left: 49.2%; width: 12%; }
  .doctorCarouselLead { gap: 4px; margin: 9px 4px 10px; }
}
/* Shared doctor ranking heading: keep each of the two lines unbroken. */
.career-ranking-doctor .pharmacistRankingBestTitle {
  font-size: clamp(15px, 4.7vw, 36px);
}
.career-ranking-doctor .pharmacistRankingBestTitle > strong {
  font-size: clamp(24px, 7.5vw, 58px);
  white-space: nowrap;
}
.career-ranking-doctor .pharmacistRankingBestTitle > strong > span {
  font-size: 1.12em;
}
@media (max-width: 760px) {
  .career-ranking-doctor .pharmacistRankingBestTitle > .pharmacistRankingBestTitleLine {
    gap: 7px;
  }
}
.doctorMainHeroArtwork { position: relative; container-type: inline-size; }
@media (min-width: 761px) and (max-width: 768px) {
  .doctorMainHeroArtwork .doctorHeroValue { top: 81.8%; height: 5.4%; font-size: 2.65cqw; }
  .doctorMainHeroArtwork .doctorHeroSalary { left: 10.4%; width: 11.8%; }
  .doctorMainHeroArtwork .doctorHeroHolidays { left: 30%; width: 12%; }
  .doctorMainHeroArtwork .doctorHeroConditions { left: 49.2%; width: 12%; }
}
@media (min-width: 1024px) {
  .pharmacist-page .fvImage.doctorMainHeroArtwork { width: var(--inner); margin-inline: auto; }
  .pharmacist-page .doctorMainHeroArtwork .fvPicture { width: 100%; }
}
.doctorBlackHeroArtwork { position: relative; container-type: inline-size; }
@media (max-width: 760px) {
  .doctorBlackHeroArtwork .doctorHeroValue { display: none; }
}
/* Pharmacist carousel lead and two-line ranking title. */
.pharmacistCarouselLead {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 12px 8px 14px;
  color: #17315b;
  font-size: clamp(12px, 1.4vw, 18px);
  font-weight: 700;
  line-height: 1.5;
}
.pharmacistCarouselLead strong { font-size: 1.2em; }
.pharmacistCarouselCount { background: linear-gradient(transparent 72%, #ffe45c 72%); }
.pharmacistCarouselLead > span:first-child,
.pharmacistCarouselLead > span:last-child { font-size: 1.4em; }
.pharmacist-ranking-lp:not(.career-ranking-lp) .pharmacistRankingBestTitle { font-size: clamp(15px, 4.7vw, 36px); }
.pharmacist-ranking-lp:not(.career-ranking-lp) .pharmacistRankingBestTitle > strong {
  font-size: clamp(24px, 7.5vw, 58px);
  white-space: nowrap;
}
.pharmacist-ranking-lp:not(.career-ranking-lp) .pharmacistRankingBestTitle > strong > span { font-size: 1.12em; }
@media (max-width: 760px) {
  .pharmacistCarouselLead { gap: 4px; margin: 9px 4px 10px; }
  .pharmacist-ranking-lp:not(.career-ranking-lp) .pharmacistRankingBestTitle > .pharmacistRankingBestTitleLine { gap: 7px; }
}
/* Shared headline for all doctor first-view artwork variants. */
.doctorHeroHeadline {
  position: absolute;
  left: 11.3%;
  top: 7.3%;
  width: 36.7%;
  height: 9.3%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fbfdfb;
  color: #005b48;
  font-family: Arial, "Noto Sans JP", sans-serif;
  font-size: 2.08cqw;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .doctorHeroHeadline { left: 11%; top: 5.2%; width: 44.5%; height: 7%; font-size: 2.5cqw; }
}
@media (min-width: 761px) and (max-width: 768px) {
  .doctorMainHeroArtwork .doctorHeroHeadline { left: 11%; top: 5.2%; width: 44.5%; height: 7%; font-size: 2.5cqw; }
}
/* Shared ribbon copy for all pharmacist hero variants. */
.pharmacistHeroArtwork { position: relative; container-type: inline-size; }
.pharmacistHeroHeadline {
  position: absolute;
  left: 14%;
  top: 7%;
  width: 38%;
  height: 7%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #e96578;
  font-family: Arial, "Noto Sans JP", sans-serif;
  font-size: 2.05cqw;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .pharmacistHeroHeadline { left: 10.5%; top: 8%; width: 43%; height: 8%; font-size: 2.65cqw; }
}
@media (min-width: 1024px) {
  .pharmacist-page .fvImage.pharmacistHeroArtwork { width: var(--inner); margin-inline: auto; }
  .pharmacist-page .pharmacistHeroArtwork .fvPicture { width: 100%; }
}
@media (min-width: 761px) and (max-width: 768px) {
  .pharmacist-page .pharmacistHeroArtwork .fvPicture.fvRankingPicture { aspect-ratio: 2172 / 724; }
}
/* Match the screening notice's gold dots under the hero's exclusion phrase. */
.heroExclusionPhrase { position: relative; display: inline-block; }
.heroExclusionPhrase .screeningNoticeRiskDots {
  left: .06em;
  right: .06em;
  bottom: -.23em;
  height: .2em;
  background-image: radial-gradient(circle, #d99b18 0 .075em, transparent .085em);
  background-size: .34em .2em;
}
/* PTOT general ranking: match the doctor/pharmacist first-view treatment. */
.career-ranking-ptot .careerRankingHeroArtwork { container-type: inline-size; }
.ptotHeroHeadline {
  position: absolute;
  left: 14.1%;
  top: 6.5%;
  width: 31.5%;
  height: 8%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fbfdfb;
  color: #005b48;
  font-family: Arial, "Noto Sans JP", sans-serif;
  font-size: 1.8cqw;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.career-ranking-ptot .pharmacistRankingBestTitle > strong {
  font-size: clamp(24px, 7.5vw, 58px);
  white-space: nowrap;
}
.career-ranking-ptot .pharmacistRankingBestTitle > strong > span { font-size: 1.12em; }
@media (max-width: 760px) {
  .ptotHeroHeadline { left: 11.5%; top: 5%; width: 43%; height: 7.7%; font-size: 2.45cqw; }
}
/* Highlight the three condition values in the existing PTOT artwork. */
.ptotHeroUnderlines { position: absolute; inset: 0; pointer-events: none; }
.ptotHeroUnderline { position: absolute; top: 90.8%; height: 1.4%; background: #ffe45c; mix-blend-mode: multiply; }
.ptotHeroUnderline.is-salary { left: 10.2%; width: 9.2%; }
.ptotHeroUnderline.is-holidays { left: 27.8%; width: 10.4%; }
.ptotHeroUnderline.is-weekends { left: 46.2%; width: 10.1%; }
@media (max-width: 760px) {
  .ptotHeroUnderline { top: 86%; height: 1.2%; }
  .ptotHeroUnderline.is-salary { left: 11.7%; width: 10.3%; }
  .ptotHeroUnderline.is-holidays { left: 31%; width: 10.3%; }
  .ptotHeroUnderline.is-weekends { left: 50%; width: 10.9%; }
}
/* Main PTOT LP shares the ranking artwork copy at its own breakpoint. */
.ptotMainHeroArtwork { container-type: inline-size; }
@media (min-width: 1024px) {
  .ptot-page .fvImage.ptotMainHeroArtwork { width: var(--inner); margin-inline: auto; }
  .ptot-page .ptotMainHeroArtwork .fvPicture { width: 100%; }
}
@media (max-width: 1023px) {
  .ptotMainHeroArtwork .ptotHeroHeadline { left: 11.5%; top: 5%; width: 43%; height: 7.7%; font-size: 2.45cqw; }
  .ptot-page .ptotMainHeroArtwork .fvPicture.fvRankingPicture { aspect-ratio: 750 / 400; }
  .ptotMainHeroArtwork .ptotHeroUnderline { top: 86%; height: 1.2%; }
  .ptotMainHeroArtwork .ptotHeroUnderline.is-salary { left: 11.7%; width: 10.3%; }
  .ptotMainHeroArtwork .ptotHeroUnderline.is-holidays { left: 31%; width: 10.3%; }
  .ptotMainHeroArtwork .ptotHeroUnderline.is-weekends { left: 50%; width: 10.9%; }
}
.ptotMainRankingTitle { margin: 24px 0 30px; text-align: center; font-weight: 900; line-height: 1.35; }
.ptotMainRankingTitle > span { display: block; color: #303030; font-size: clamp(20px, 4.7vw, 36px); }
.ptotMainRankingTitle > strong { display: block; color: #55a5f5; font-size: clamp(24px, 7.5vw, 58px); white-space: nowrap; }
.ptotMainRankingTitle > strong > span { font-size: 1.12em; }
/* First-view copy for engineer, freelance and game rankings. */
:is(.career-ranking-engineer, .career-ranking-freelance, .career-ranking-game) .careerRankingHeroArtwork { container-type: inline-size; }
.techHeroHeadline {
  position: absolute;
  left: 13.5%;
  top: 4%;
  width: 35%;
  height: 9%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff4dc;
  color: #30300f;
  font-family: Arial, "Noto Sans JP", sans-serif;
  font-size: 1.95cqw;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.career-ranking-game .techHeroHeadline { left: 16.5%; width: 35.5%; top: 5.5%; background: #fff4df; }
.career-ranking-freelance .techHeroHeadline { width: 34%; background: #fff6e5; }
@media (max-width: 760px) {
  :is(.career-ranking-engineer, .career-ranking-freelance, .career-ranking-game) .techHeroHeadline { left: 10.5%; top: 5.5%; width: 45.5%; height: 7.5%; font-size: 2.55cqw; background: #fff5da; }
}
:is(.career-ranking-engineer, .career-ranking-freelance, .career-ranking-game) .pharmacistRankingBestTitle > strong {
  font-size: clamp(24px, 7.5vw, 58px);
  white-space: nowrap;
}
:is(.career-ranking-engineer, .career-ranking-freelance, .career-ranking-game) .pharmacistRankingBestTitle > strong > span { font-size: 1.12em; }
/* Keep PTOT ranking headlines on one line on phones. */
.career-ranking-ptot .pharmacistRankingBestTitle {
  font-size: clamp(12px, 4vw, 36px);
}
@media (max-width: 760px) {
  .career-ranking-ptot .pharmacistRankingBestTitle > .pharmacistRankingBestTitleLine { gap: 7px; }
}
/* Main tech LPs use the same copy and artwork coordinates as ranking LPs. */
.techMainHeroArtwork { position: relative; container-type: inline-size; }
.techMainHeroArtwork.is-game .techHeroHeadline { left: 16.5%; width: 35.5%; top: 5.5%; background: #fff4df; }
.techMainHeroArtwork.is-freelance .techHeroHeadline { width: 34%; background: #fff6e5; }
@media (max-width: 768px) {
  .techMainHeroArtwork:is(.is-engineer, .is-freelance, .is-game) .techHeroHeadline { left: 10.5%; top: 5.5%; width: 45.5%; height: 7.5%; font-size: 2.55cqw; background: #fff5da; }
}
.techMainRankingTitle { margin: 24px 0 30px; text-align: center; font-weight: 900; line-height: 1.35; }
.techMainRankingTitle > span { display: block; color: #303030; font-size: clamp(16px, 4.4vw, 36px); }
.techMainRankingTitle > strong { display: block; color: #55a5f5; font-size: clamp(24px, 7.5vw, 58px); white-space: nowrap; }
.techMainRankingTitle > strong > span { font-size: 1.12em; }
.techMainRankingTitle { position: relative; width: fit-content; max-width: 100%; margin-inline: auto; padding: 8px 42px 12px; background: #fff; line-height: 1.2; }
.techMainRankingTitle::before, .techMainRankingTitle::after { content: ""; position: absolute; top: 22px; width: 3px; height: 62px; border-radius: 3px; background: #42a5f5; }
.techMainRankingTitle::before { left: 9px; transform: rotate(-20deg); }
.techMainRankingTitle::after { right: 9px; transform: rotate(20deg); }
.techMainRankingTitle > .techMainTitleLine { display: flex; justify-content: center; align-items: center; gap: 12px; white-space: nowrap; }
.techMainSparkles { position: relative; color: #42a5f5; font-size: .65em; font-style: normal; }
.techMainSparkles::after { content: "✦"; position: absolute; color: #f4b24e; font-size: .65em; left: .7em; top: -.4em; }
.techMainSparkles:last-child::after { top: .7em; left: -.4em; }
.techMainRankingTitle > strong { margin-top: 8px; line-height: .95; color: #5aaaf2; font-weight: 900; }
@media (max-width: 768px) {
  .techMainRankingTitle { padding: 8px 18px 12px; }
  .techMainRankingTitle > .techMainTitleLine { gap: 6px; font-size: clamp(12px, 4.1vw, 30px); }
  .techMainRankingTitle::before, .techMainRankingTitle::after { top: 15px; height: 36px; width: 2px; }
  .techMainRankingTitle::before { left: 2px; }
  .techMainRankingTitle::after { right: 2px; }
}
.data-recovery-ranking-page .pharmacistRankingBestTitle {
  font-size: clamp(15px, 4.7vw, 36px);
}
.data-recovery-ranking-page .pharmacistRankingBestTitle > strong {
  font-size: clamp(23px, 6.4vw, 54px);
  white-space: nowrap;
}
.data-recovery-ranking-page .pharmacistRankingBestTitle > strong > span { font-size: 1.12em; }