/* Paid enhanced business profiles.

   The styling has one job beyond looking tidy: make the paid section read as a
   different kind of thing from the page around it, at a glance, before anyone
   reads a word. Hence the inset card, the tinted ground, the ruled top edge
   and the tag -- the visual vocabulary of a marked advertisement, not of a
   subtle footnote. A reader who skims must still come away knowing which part
   of the page the business wrote and paid for.

   Nothing here is load-bearing for the disclosure: the label and the sentence
   come from graph.profiles and render with or without this file. If this
   stylesheet fails to load the section is plainer, never unmarked. */

.paid-tag{display:inline-block;font:700 .64rem/1.4 var(--mono,ui-monospace,Menlo,monospace);
  letter-spacing:.11em;text-transform:uppercase;color:#5c4813;background:#fdf3d6;
  border:1px solid #e3cc8a;border-radius:3px;padding:3px 7px;white-space:nowrap}

/* --- the section on a business's own page -------------------------------- */
.paid-profile{border:1px solid #e3cc8a;border-top:4px solid #b8860b;border-radius:6px;
  background:#fffdf6;padding:18px 20px 22px;margin:30px 0}
.paid-profile-label{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.paid-profile-logo{max-height:52px;width:auto;border-radius:4px}
.paid-profile>h2{font-size:1.3rem;margin:0 0 8px}
.paid-profile-disclosure{font-size:.86rem;line-height:1.55;color:#5a4a28;
  border-left:3px solid #e3cc8a;padding-left:12px;margin:0 0 18px}
.paid-profile>h3{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted,#5a6b78);margin:20px 0 8px}
.paid-profile-body p{margin:0 0 .8em;line-height:1.6}
.paid-profile-services,.paid-profile-hours{margin:0;padding-left:1.1rem}
.paid-profile-services li,.paid-profile-hours li{margin:0 0 .35em}
.paid-profile-contact{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.paid-profile-contact dt{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;
  color:var(--muted,#5a6b78)}
.paid-profile-contact dd{margin:3px 0 0}
.paid-profile-links{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.paid-profile-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:12px;margin:16px 0 6px}
.paid-profile-photos figure{margin:0}
.paid-profile-photos img{width:100%;height:auto;border-radius:4px;display:block}
.paid-profile-photos figcaption{font-size:.8rem;color:var(--muted,#5a6b78);margin-top:5px}
.paid-profile .small{font-size:.8rem;color:var(--muted,#5a6b78)}

/* --- the featured row inside one Explore section ------------------------- */
.place-row-paid{background:#fffdf6}
.place-row-paid .cal-meta .paid-tag{margin-left:8px}
.paid-note{font-size:.82rem;line-height:1.5;color:var(--muted,#44535f);
  border-left:3px solid #e3cc8a;padding-left:11px;margin:10px 0 0}

/* --- the business's own form --------------------------------------------- */
.tier-list{margin:14px 0 20px;display:grid;gap:14px}
.tier-list dt{font-weight:650}
.tier-list dd{margin:3px 0 0;color:var(--muted,#44535f)}

@media print{.paid-profile{break-inside:avoid}}