/* WEB-009: text-only gold service disks. No official seals, marks, or artwork. */
.site-header .service-medallion{display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px ridge #e5c987;background:radial-gradient(circle at 32% 22%,#69552e 0%,#604925 24%,#3c2e1b 58%,#74592e 85%,#3b2c1a 100%);box-shadow:inset 0 0 0 3px #251f16,inset 0 0 0 5px #c3a366,0 3px 8px #07170f80;overflow:hidden;line-height:normal;padding:3px;color:#fff0c7!important;text-decoration:none!important}
.site-header .service-medallion span{display:block;max-width:94%;font:700 clamp(8px,.85vw,12px)/1.12 Georgia,serif;letter-spacing:.025em;text-align:center;text-shadow:0 1px 2px #000;overflow-wrap:normal}
@media(max-width:850px){.site-header .service-medallion span{font-size:clamp(7px,1.5vw,10px)}}
/* Mobile legibility: retain full service names and allow reflow at high zoom. */
@media(max-width:480px){
 .site-header .service-medallions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;min-width:0}
 .site-header .service-medallion{box-sizing:border-box;flex:0 0 54px;width:54px;height:54px;min-width:54px;min-height:54px;padding:4px}
 .site-header .service-medallion span{font-size:10px;line-height:1.14;letter-spacing:0;max-width:100%;overflow-wrap:normal}
}
@media(max-width:340px){
 .site-header .service-medallions{gap:4px}
 .site-header .service-medallion{flex-basis:50px;width:50px;height:50px;min-width:50px;min-height:50px}
 .site-header .service-medallion span{font-size:10px}
}
@media print{.service-medallions{display:none}}

/* Browser QA correction: long two-word label must fit narrow medallions. */
@media(max-width:850px){.site-header .service-medallion span{overflow-wrap:anywhere;word-break:normal}}

/* Extreme zoom: keep compound service names on whole-word lines. */
@media (max-width:240px){
 .site-header .service-medallions{gap:6px;justify-content:center}
 .site-header .service-medallion{flex:0 0 64px;width:64px;height:64px;min-width:64px;min-height:64px;padding:3px}
 .site-header .service-medallion span{font-size:10px;line-height:1.15;overflow-wrap:normal;word-break:normal;hyphens:none}
}

/* Keep service names on whole-word lines in the mobile disks. */
@media (max-width:850px) {
 .site-header .service-medallion span {
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
 }
}
@media (min-width:241px) and (max-width:480px) {
 .site-header .service-medallion span {font-size:9px}
}