/* OfficeCalculator.Net v158 — consistent calculator content surfaces and dark-mode contrast. */

body[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card){
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin:clamp(16px,2.1vw,22px) 0;
  padding:clamp(17px,2.2vw,23px);
  overflow-wrap:anywhere;
  border:1px solid #9bb1c5!important;
  border-radius:16px;
  background:#fff!important;
  color:#152a40!important;
  box-shadow:0 7px 22px rgba(19,54,82,.06);
}

body[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card)>:first-child{
  margin-top:0!important;
}

body[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card)>:last-child{
  margin-bottom:0!important;
}

body[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card)>h2{
  color:#173b59!important;
  line-height:1.25;
}

body[data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example){
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin:12px 0 0!important;
  padding:14px 16px!important;
  border:1px solid #b8cad9!important;
  border-left:4px solid #285f90!important;
  border-radius:11px!important;
  background:#edf3f8!important;
  color:#233f59!important;
  line-height:1.65;
  overflow-wrap:anywhere;
}

body[data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example)>:first-child{margin-top:0!important}
body[data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example)>:last-child{margin-bottom:0!important}

body[data-oc-workspace="stable-v30"] .oc-r47-related{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin:24px 0;
  padding:clamp(17px,2.2vw,23px);
  border:1px solid #9bb1c5;
  border-radius:17px;
  background:#fff;
  color:#152a40;
  box-shadow:0 7px 22px rgba(19,54,82,.06);
}

body[data-oc-workspace="stable-v30"] .oc-r47-related>h2{
  margin:0 0 14px!important;
  color:#173b59!important;
  line-height:1.25;
}

body[data-oc-workspace="stable-v30"] .oc-r47-related-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));
  gap:11px;
  min-width:0;
}

body[data-oc-workspace="stable-v30"] .oc-r47-related-card{
  box-sizing:border-box;
  display:flex;
  min-width:0;
  min-height:86px;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:13px 14px;
  border:1px solid #c0cfdb!important;
  border-radius:12px;
  background:#f4f7fa!important;
  color:#173b59!important;
  text-decoration:none!important;
  transition:border-color .16s ease,background-color .16s ease,transform .16s ease;
}

body[data-oc-workspace="stable-v30"] .oc-r47-related-card strong{
  color:#173b59!important;
  line-height:1.35;
}

body[data-oc-workspace="stable-v30"] .oc-r47-related-card small{
  color:#40566d!important;
  font-size:.78rem;
  line-height:1.45;
}

body[data-oc-workspace="stable-v30"] .oc-r47-related-card:hover{
  transform:translateY(-1px);
  border-color:#668baa!important;
  background:#eaf2f8!important;
}

body[data-oc-workspace="stable-v30"] .oc-r47-related-card:focus-visible{
  outline:3px solid #285f90;
  outline-offset:2px;
}

/* Keep the shared love calculator result frame on the same site palette. */
body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-area{
  border-color:#9bb1c5!important;
  background:linear-gradient(145deg,#f1f6fa,#fff)!important;
  box-shadow:0 10px 26px rgba(19,54,82,.08)!important;
}

body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-area::before{
  background:linear-gradient(135deg,rgba(40,95,144,.06),transparent 45%,rgba(219,39,119,.035))!important;
}

body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-label{color:#285f90!important}
body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-placeholder{color:#40566d!important}
body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-placeholder strong{color:#173b59!important}

body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-badge,
body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-local-badge{
  border-color:#b8cad9!important;
  background:#edf3f8!important;
  color:#344e66!important;
}

body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-legacy-note{
  border:1px solid #c0cfdb;
  background:#edf3f8!important;
  color:#40566d!important;
}

body[data-oc-calculator="bmi"] .oc-calculator-visual{
  box-sizing:border-box;
  border-color:#9bb1c5;
  border-radius:15px;
  background:#edf3f8;
}

body[data-oc-calculator="bmi"] .oc-calculator-visual img{
  width:100%;
  max-height:170px;
  object-fit:cover;
}

@media(max-width:700px){
  body[data-oc-workspace="stable-v30"] .oc-r47-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-oc-calculator="bmi"] .oc-calculator-visual{margin:12px 0 16px}
  body[data-oc-calculator="bmi"] .oc-calculator-visual img{max-height:120px}
}

@media(max-width:460px){
  body[data-oc-workspace="stable-v30"] .oc-r47-related-grid{grid-template-columns:1fr}
  body[data-oc-workspace="stable-v30"] .oc-r47-related-card{min-height:70px}
}

@media(prefers-reduced-motion:reduce){
  body[data-oc-workspace="stable-v30"] .oc-r47-related-card{transition:none}
}

/* Dark mode: keep examples, related cards and legacy love results off white. */
html.oc-dark-preload body[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card),
html.dark body[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card),
body.oc-dark[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card),
body.dark-mode[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card),
body[data-theme="dark"][data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card){
  border-color:#60798f!important;
  background:#152535!important;
  color:#f0f6fb!important;
  box-shadow:0 8px 22px rgba(0,0,0,.2);
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card)>h2,
html.dark body[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card)>h2,
body.oc-dark[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card)>h2,
body.dark-mode[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card)>h2,
body[data-theme="dark"][data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card)>h2{
  color:#e1eff8!important;
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card) :is(p,li),
html.dark body[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card) :is(p,li),
body.oc-dark[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card) :is(p,li),
body.dark-mode[data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card) :is(p,li),
body[data-theme="dark"][data-oc-workspace="stable-v30"] :is(.oc-r47-content-card,.oc-adv-content-card) :is(p,li){
  color:#c8d7e3!important;
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example),
html.dark body[data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example),
body.oc-dark[data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example),
body.dark-mode[data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example),
body[data-theme="dark"][data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example){
  border-color:#60798f!important;
  border-left-color:#62a9d5!important;
  background:#1c3041!important;
  color:#d6e3ed!important;
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example) :is(p,strong),
html.dark body[data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example) :is(p,strong),
body.oc-dark[data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example) :is(p,strong),
body.dark-mode[data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example) :is(p,strong),
body[data-theme="dark"][data-oc-workspace="stable-v30"] :is(.oc-r47-example,.oc-adv-example) :is(p,strong){
  color:#e1edf5!important;
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-r47-related,
html.dark body[data-oc-workspace="stable-v30"] .oc-r47-related,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-r47-related,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-r47-related,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-r47-related{
  border-color:#60798f!important;
  background:#152535!important;
  color:#f0f6fb!important;
  box-shadow:0 8px 22px rgba(0,0,0,.2);
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-r47-related>h2,
html.dark body[data-oc-workspace="stable-v30"] .oc-r47-related>h2,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-r47-related>h2,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-r47-related>h2,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-r47-related>h2{color:#e1eff8!important}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-r47-related-card,
html.dark body[data-oc-workspace="stable-v30"] .oc-r47-related-card,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-r47-related-card,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-r47-related-card,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-r47-related-card{
  border-color:#536f87!important;
  background:#1a2e3f!important;
  color:#f0f6fb!important;
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-r47-related-card strong,
html.dark body[data-oc-workspace="stable-v30"] .oc-r47-related-card strong,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-r47-related-card strong,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-r47-related-card strong,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-r47-related-card strong{color:#e1eff8!important}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-r47-related-card small,
html.dark body[data-oc-workspace="stable-v30"] .oc-r47-related-card small,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-r47-related-card small,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-r47-related-card small,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-r47-related-card small{color:#c2d1de!important}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-r47-related-card:hover,
html.dark body[data-oc-workspace="stable-v30"] .oc-r47-related-card:hover,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-r47-related-card:hover,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-r47-related-card:hover,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-r47-related-card:hover{
  border-color:#79a5c5!important;
  background:#223a4d!important;
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-area,
html.dark body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-area,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-area,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-area,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-area{
  border-color:#60798f!important;
  background:linear-gradient(145deg,#152535,#192b3b)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-area::before,
html.dark body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-area::before,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-area::before,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-area::before,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-area::before{
  background:linear-gradient(135deg,rgba(76,153,202,.08),transparent 48%,rgba(255,126,182,.045))!important;
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 :is(.oc-love-global-result-label,.oc-love-global-result-placeholder),
html.dark body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 :is(.oc-love-global-result-label,.oc-love-global-result-placeholder),
body.oc-dark[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 :is(.oc-love-global-result-label,.oc-love-global-result-placeholder),
body.dark-mode[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 :is(.oc-love-global-result-label,.oc-love-global-result-placeholder),
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-love-legacy-v71 :is(.oc-love-global-result-label,.oc-love-global-result-placeholder){color:#c2d1de!important}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-label,
html.dark body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-label,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-label,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-label,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-label{color:#8fc7e9!important}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-placeholder strong,
html.dark body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-placeholder strong,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-placeholder strong,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-placeholder strong,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-placeholder strong{color:#f0f6fb!important}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 :is(.oc-love-global-result-badge,.oc-love-local-badge,.oc-love-legacy-note),
html.dark body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 :is(.oc-love-global-result-badge,.oc-love-local-badge,.oc-love-legacy-note),
body.oc-dark[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 :is(.oc-love-global-result-badge,.oc-love-local-badge,.oc-love-legacy-note),
body.dark-mode[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 :is(.oc-love-global-result-badge,.oc-love-local-badge,.oc-love-legacy-note),
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-love-legacy-v71 :is(.oc-love-global-result-badge,.oc-love-local-badge,.oc-love-legacy-note){
  border-color:#536f87!important;
  background:#1c3041!important;
  color:#d6e3ed!important;
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection,
html.dark body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection{
  border-color:#60798f!important;
  background:#1c3041!important;
  color:#e1edf5!important;
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection h2,
html.dark body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection h2,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection h2,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection h2,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection h2{color:#e1eff8!important}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection :is(.partner-names,.partner-name,.name-badge,.result-text,.relationship-title,.relationship-status),
html.dark body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection :is(.partner-names,.partner-name,.name-badge,.result-text,.relationship-title,.relationship-status),
body.oc-dark[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection :is(.partner-names,.partner-name,.name-badge,.result-text,.relationship-title,.relationship-status),
body.dark-mode[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection :is(.partner-names,.partner-name,.name-badge,.result-text,.relationship-title,.relationship-status),
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection :is(.partner-names,.partner-name,.name-badge,.result-text,.relationship-title,.relationship-status){color:#d6e3ed!important}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection :is(.message,.compliment,#compliment,#friendshipMessage,#resultMessage),
html.dark body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection :is(.message,.compliment,#compliment,#friendshipMessage,#resultMessage),
body.oc-dark[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection :is(.message,.compliment,#compliment,#friendshipMessage,#resultMessage),
body.dark-mode[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection :is(.message,.compliment,#compliment,#friendshipMessage,#resultMessage),
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-love-legacy-v71 #resultSection :is(.message,.compliment,#compliment,#friendshipMessage,#resultMessage){
  border:1px solid #536f87!important;
  background:#263b4e!important;
  color:#e8f2fa!important;
}

html.oc-dark-preload body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-badge,
html.dark body[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-badge,
body.oc-dark[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-badge,
body.dark-mode[data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-badge,
body[data-theme="dark"][data-oc-workspace="stable-v30"] .oc-love-legacy-v71 .oc-love-global-result-badge{color:#ffb3d1!important}

html.oc-dark-preload body[data-oc-calculator="bmi"] .oc-calculator-visual,
html.dark body[data-oc-calculator="bmi"] .oc-calculator-visual,
body.oc-dark[data-oc-calculator="bmi"] .oc-calculator-visual,
body.dark-mode[data-oc-calculator="bmi"] .oc-calculator-visual,
body[data-theme="dark"][data-oc-calculator="bmi"] .oc-calculator-visual{
  border-color:#60798f;
  background:#152535;
}

html.oc-dark-preload body[data-oc-calculator="bmi"] .oc-calculator-visual img,
html.dark body[data-oc-calculator="bmi"] .oc-calculator-visual img,
body.oc-dark[data-oc-calculator="bmi"] .oc-calculator-visual img,
body.dark-mode[data-oc-calculator="bmi"] .oc-calculator-visual img,
body[data-theme="dark"][data-oc-calculator="bmi"] .oc-calculator-visual img{
  filter:brightness(.78) saturate(.82);
}