/* Editorial propolis guide, matching the supplied split-column reference. */
.ref-tips {
  margin-top: 16px;
  padding: 64px 48px 30px;
  background: #fbf9f2;
  color: #1c1e19;
}
.ref-tips-layout { display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.86fr); column-gap: 48px; align-items: stretch; }
.ref-tips-intro { min-width: 0; }
.ref-tips .tips-kicker { margin: 0 0 28px; color: #8c6b06; font: 800 12px/1.5 Arial, sans-serif; letter-spacing: 3.5px; }
.ref-tips-intro h2 { margin: 0 0 27px; font: 900 112px/.99 Impact, 'Arial Narrow', sans-serif; letter-spacing: -1.5px; color: #191a17; }
.ref-tips-intro h2 span { display: block; }
.ref-tips-description { margin: 0; color: #35362f; font-size: 17px; line-height: 1.9; letter-spacing: -.5px; word-break: keep-all; }
.ref-tips-mascot { margin: 22px -8% 0 -9%; }
.ref-tips-mascot > .hd-art { width: 100%; aspect-ratio: 1; overflow: visible; }
.ref-tips-mascot > .hd-art > img { width: 100%; height: 100%; object-fit: contain; }
.ref-tips-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, 1fr); list-style: none; padding: 0; margin: 6px 0 0; min-width: 0; }
.ref-tip-card { min-width: 0; padding: 28px 34px 34px; }
.ref-tip-card:nth-child(2n) { border-left: 1px solid #d5c7b0; }
.ref-tip-card:nth-child(n+3) { border-top: 1px solid #d5c7b0; padding-top: 36px; }
.ref-tip-meta { margin-bottom: 27px; }
.ref-tip-number { display: block; margin: -8px 0 9px; font: 400 104px/.95 'Times New Roman', Georgia, serif; font-variant-numeric: lining-nums; letter-spacing: -4px; color: #bd920b; }
.ref-tip-label { display: block; color: #8b7156; font: 400 9px/1.5 Arial, sans-serif; letter-spacing: 2.5px; }
.ref-tip-card h3 { margin: 0 0 23px; color: #1d1f19; font-size: 34px; font-weight: 800; line-height: 1.4; letter-spacing: -1.25px; word-break: keep-all; }
.ref-tip-card p { margin: 0; color: #5f6055; font-size: 16px; font-weight: 400; line-height: 1.9; letter-spacing: -.5px; word-break: keep-all; }
.ref-tip-card p br { display: initial; }
.ref-tips-note { margin: 25px 0 0; padding-top: 18px; border-top: 1px solid #e4ddcd; color: #96907f; font-size: 9px; line-height: 1.8; text-align: right; word-break: keep-all; }
.ref-tips-note > br:first-child { display: none; }
.ref-tips-link { display: inline-block; margin-top: 5px; color: #88764c; text-decoration: underline; text-underline-offset: 3px; }
.ref-tips-link:focus-visible { outline: 2px solid #8d6b1a; outline-offset: 4px; }
@media (max-width: 1250px) {
  .ref-tips { padding: 52px 34px 25px; }
  .ref-tips-layout { column-gap: 30px; }
  .ref-tips .tips-kicker { font-size: 10px; letter-spacing: 2.8px; margin-bottom: 24px; }
  .ref-tips-intro h2 { font-size: 90px; }
  .ref-tips-description { font-size: 13px; }
  .ref-tip-card { padding: 24px 26px 28px; }
  .ref-tip-number { font-size: 82px; }
  .ref-tip-label { font-size: 8px; letter-spacing: 2px; }
  .ref-tip-card h3 { font-size: 27px; letter-spacing: -1px; }
  .ref-tip-card p { font-size: 12px; }
}
@media (max-width: 1000px) {
  .ref-tips { padding: 42px 25px 24px; }
  .ref-tips-layout { grid-template-columns: minmax(0, .95fr) minmax(0, 1.75fr); column-gap: 20px; }
  .ref-tips .tips-kicker { font-size: 8px; letter-spacing: 2.1px; }
  .ref-tips-intro h2 { font-size: 72px; letter-spacing: -1px; margin-bottom: 22px; }
  .ref-tips-description { font-size: 11px; line-height: 1.9; letter-spacing: -.4px; }
  .ref-tips-mascot { margin-top: 28px; }
  .ref-tip-card { padding: 18px 19px 24px; }
  .ref-tip-card:nth-child(n+3) { padding-top: 27px; }
  .ref-tip-meta { margin-bottom: 22px; }
  .ref-tip-number { font-size: 70px; margin-bottom: 10px; }
  .ref-tip-label { font-size: 6px; letter-spacing: 1.5px; }
  .ref-tip-card h3 { font-size: 22px; margin-bottom: 17px; letter-spacing: -.8px; }
  .ref-tip-card p { font-size: 10px; line-height: 1.85; letter-spacing: -.35px; }
  .ref-tips-note { font-size: 8px; }
}
@media (max-width: 760px) {
  .ref-tips { padding: 34px 22px 22px; margin-top: 12px; }
  .ref-tips-layout { display: block; }
  .ref-tips-intro { position: relative; min-height: 250px; padding-right: 43%; }
  .ref-tips .tips-kicker { font-size: 8px; letter-spacing: 1.8px; margin-bottom: 20px; white-space: nowrap; }
  .ref-tips-intro h2 { font-size: 72px; margin-bottom: 20px; }
  .ref-tips-description { font-size: 11px; line-height: 1.8; }
  .ref-tips-description br { display: none; }
  .ref-tips-mascot { position: absolute; width: 44%; right: -4%; bottom: 0; margin: 0; }
  .ref-tips-list { margin: 28px 0 0; border-top: 1px solid #d5c7b0; }
  .ref-tip-card { padding: 25px 18px 27px 0; }
  .ref-tip-card:nth-child(2n) { padding-left: 22px; padding-right: 0; }
  .ref-tip-card:nth-child(n+3) { padding-top: 25px; }
  .ref-tip-number { font-size: 66px; letter-spacing: -3px; }
  .ref-tip-label { font-size: 6px; letter-spacing: 1.3px; }
  .ref-tip-card h3 { font-size: 23px; line-height: 1.45; letter-spacing: -.9px; }
  .ref-tip-card p { font-size: 11px; line-height: 1.8; }
  .ref-tip-card p br { display: none; }
  .ref-tips-note { text-align: left; line-height: 1.85; }
}
@media (max-width: 500px) {
  .ref-tips { padding: 30px 19px 22px; }
  .ref-tips-intro { min-height: 250px; padding-right: 0; }
  .ref-tips .tips-kicker { font-size: 7px; letter-spacing: 1.7px; margin-bottom: 18px; }
  .ref-tips-intro h2 { font-size: 67px; line-height: .98; }
  .ref-tips-description { max-width: 62%; font-size: 10px; }
  .ref-tips-mascot { width: 47%; right: -6%; bottom: -4px; }
  .ref-tips-list { margin-top: 25px; }
  .ref-tip-card { padding: 22px 14px 22px 0; }
  .ref-tip-card:nth-child(2n) { padding-left: 17px; }
  .ref-tip-card:nth-child(n+3) { padding-top: 22px; }
  .ref-tip-meta { margin-bottom: 18px; }
  .ref-tip-number { font-size: 58px; }
  .ref-tip-label { font-size: 5.5px; letter-spacing: 1px; }
  .ref-tip-card h3 { font-size: 17px; line-height: 1.5; letter-spacing: -.6px; margin-bottom: 13px; }
  .ref-tip-card p { font-size: 10px; letter-spacing: -.3px; }
  .ref-tips-note { font-size: 7px; }
}
@media (min-width: 761px) and (max-width: 850px) {
  .ref-tips-intro h2 { font-size: 62px; }
}
@media (max-width: 560px) {
  .ref-tips-list { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; }
  .ref-tip-card, .ref-tip-card:nth-child(2n), .ref-tip-card:nth-child(n+3) { padding: 27px 0 29px; border-left: 0; }
  .ref-tip-card + .ref-tip-card { border-top: 1px solid #d5c7b0; }
  .ref-tip-number { font-size: 72px; letter-spacing: -2px; }
  .ref-tip-label { font-size: 8px; letter-spacing: 1.8px; }
  .ref-tip-card h3 { font-size: 24px; line-height: 1.4; margin-bottom: 17px; }
  .ref-tip-card p { font-size: 13px; line-height: 1.9; }
}