/* Just Scribes 2.0.314 — service-specific visuals and premium business page sections.
   Presentation only; directory, rewards, billing and order engines remain authoritative. */
.jst-site .jst-service-icon,.jsd-bs .jst-service-icon,.jsd-wp .jst-service-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:92px;height:92px;min-width:72px;max-width:100%;border-radius:19px;background:radial-gradient(circle at 35% 25%,#fffdf9,#f7e9d6 61%,#f4e6d5);border:1px solid rgba(170,139,85,.20);box-shadow:inset 0 1px #fff,0 4px 13px rgba(20,47,79,.07);line-height:1.1;text-align:center}
.jst-site .jst-service-icon>span,.jsd-bs .jst-service-icon>span,.jsd-wp .jst-service-icon>span{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;display:block;font-size:43px;line-height:1.4;filter:drop-shadow(0 2px 2px rgba(0,0,0,.10))}
.jst-site .jst-service-photo,.jsd-bs .jst-service-photo,.jsd-wp .jst-service-photo{display:block;overflow:hidden;border-radius:12px;max-width:100%;height:92px;background:#f4eee5}
.jst-service-photo img{display:block;width:100%;height:100%;object-fit:cover}
.jst-site .jst-service{display:grid;grid-template-columns:minmax(76px,92px) minmax(0,1fr);align-items:start;gap:12px;min-width:0;border:1px solid #e4e9ef;border-radius:14px;padding:13px;background:#fff;box-shadow:0 3px 12px rgba(22,50,77,.06)}
.jst-site .jst-service h3{font-size:16px;color:#102d4d;margin:3px 0 5px;line-height:1.25}
.jst-site .jst-service p{margin:4px 0 8px;line-height:1.45;color:#43566b}
.jst-site .jst-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.jsd-bs .bs-service-feature .bs-service-feature-media{flex:0 0 auto;max-width:104px;min-width:82px;display:flex;align-items:center;justify-content:center}
.jsd-bs .bs-service-feature .bs-service-feature-media img{object-fit:cover;border-radius:12px}
.jsd-wp .jsd-wp-service .jst-service-icon{margin:13px auto 5px;width:110px;height:95px}
.jst-icon-editor{margin:22px 0;padding:18px;border:1px solid #dce5ed;border-radius:15px;background:linear-gradient(135deg,#fff,#f8fafc)}
.jst-icon-editor h3{font-size:19px;color:#12304e;margin:0 0 6px}.jst-icon-editor p{font-size:13px;color:#586d81;margin:0 0 14px}
.jst-icon-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.jst-icon-controls label{display:grid;gap:6px;border:1px solid #e2e7ed;background:#fff;border-radius:12px;padding:11px;color:#143653;font-size:13px;min-width:0}
.jst-icon-controls select{width:100%;max-width:100%;min-width:0;padding:9px;border:1px solid #cddbe5;border-radius:8px;background:#fff;color:#102d49}
/* Compact menu under the Services section; uses REAL item images and prices. */
.jst-site .jst-upgraded-menu{background:linear-gradient(140deg,#fffefb,#faf4eb);border:1px solid #e6ddcf;border-radius:18px;padding:clamp(14px,2.2vw,24px);margin:14px 0;box-shadow:0 10px 26px rgba(23,47,67,.05)}
:is(.jst-site,.jsd-bs) .jst-menu-heading{display:flex;gap:12px;align-items:center;margin-bottom:12px}:is(.jst-site,.jsd-bs) .jst-menu-heading h2{margin:0;color:#112e4e;font-size:clamp(22px,2.5vw,28px)}:is(.jst-site,.jsd-bs) .jst-menu-heading p{margin:4px 0 0;color:#51687e;font-size:13px}
:is(.jst-site,.jsd-bs) .jst-menu-heading-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;background:#e4effb;border-radius:13px;font-size:26px}
:is(.jst-site,.jsd-bs) .jst-menu-categories{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px;padding:0}
:is(.jst-site,.jsd-bs) .jst-menu-categories a{background:#f7f8fa;border:1px solid #e1e4e7;border-radius:100px;color:#14334e;font-weight:750;text-decoration:none;padding:9px 16px;font-size:13px}
:is(.jst-site,.jsd-bs) .jst-menu-categories a:hover,:is(.jst-site,.jsd-bs) .jst-menu-categories a:focus{background:#123353;color:#fff;outline-offset:3px}
:is(.jst-site,.jsd-bs) .jst-menu-category-label{font-size:14px;color:#123352;margin:6px 0 12px}
:is(.jst-site,.jsd-bs) .jst-menu-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:10px;margin:0 0 10px}
:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item{min-width:0;display:block;margin:0;overflow:hidden;border:1px solid #e4e5e9;background:#fff;border-radius:14px;box-shadow:0 3px 12px rgba(15,43,72,.05)}
:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item-button{display:grid;align-items:center;grid-template-columns:96px minmax(0,1fr);gap:11px;width:100%;min-height:94px;text-align:left;padding:9px;border:0;background:transparent;cursor:pointer;color:#12304b}
:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item-button:hover,:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item-button:focus-visible{background:#fcf7eb;outline-color:#c08e34}
:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item img{width:96px;height:88px;max-width:100%;object-fit:cover;border-radius:10px}
:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item-copy{display:flex;flex-direction:column;min-width:0;gap:4px;padding:0}
:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item-title{font-size:14px;font-weight:850;line-height:1.3;color:#102e4c}
:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item-description{font-size:12px;color:#566579;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item-copy b{color:#112e4c;font-size:14px;font-weight:850}
:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-view{width:max-content;border-radius:99px;background:#e6f1fc;color:#123856;font-size:12px;font-weight:750;padding:5px 11px}
:is(.jst-site,.jsd-bs) .jst-menu-featured-tag{display:none;font-size:10px;font-weight:850;letter-spacing:.025em;color:#906512;background:#fff0c9;border-radius:30px;width:max-content;padding:4px 10px}
:is(.jst-site,.jsd-bs) .jst-menu-grid:not(.is-single) .jst-menu-item:first-child{grid-row:span 3}
:is(.jst-site,.jsd-bs) .jst-menu-grid:not(.is-single) .jst-menu-item:first-child .jst-menu-item-button{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);gap:15px;height:100%;min-height:230px;padding:13px}
:is(.jst-site,.jsd-bs) .jst-menu-grid:not(.is-single) .jst-menu-item:first-child img{width:100%;height:100%;min-height:190px;max-height:245px}
:is(.jst-site,.jsd-bs) .jst-menu-grid:not(.is-single) .jst-menu-item:first-child .jst-menu-item-title{font-size:19px}
:is(.jst-site,.jsd-bs) .jst-menu-grid:not(.is-single) .jst-menu-item:first-child .jst-menu-featured-tag{display:inline-block}
:is(.jst-site,.jsd-bs) .jst-menu-grid.is-single{display:block;max-width:920px}
:is(.jst-site,.jsd-bs) .jst-menu-grid.is-single .jst-menu-item-button{grid-template-columns:minmax(120px,34%) minmax(0,1fr);min-height:170px}
:is(.jst-site,.jsd-bs) .jst-menu-grid.is-single .jst-menu-item img{width:100%;height:155px;object-fit:cover}
:is(.jst-site,.jsd-bs) .jst-menu-grid.is-single .jst-menu-featured-tag{display:inline-block}
:is(.jst-site,.jsd-bs) .jst-menu-grid.is-single .jst-menu-item-title{font-size:18px}
/* Reward card image always present even when no games are scheduled. Never fabricates coin rewards. */
.jsd-blg-rewards .jsd-blg-rewards-intro{display:grid;grid-template-columns:100px minmax(0,1fr);gap:11px;align-items:center;padding:9px;border-radius:13px;background:linear-gradient(135deg,#fff8e4,#f6ead0);margin:8px 0 13px;border:1px solid #f3dfae;color:#173251}
.jsd-blg-rewards .jsd-blg-rewards-illustration{display:block;width:100px;height:90px;background:url('../images/activity-dashboard/chest.webp') center center/contain no-repeat;border-radius:12px}
.jsd-blg-rewards .jsd-blg-rewards-intro strong{color:#12304c;font-size:13px}
.jsd-blg-rewards .jsd-blg-rewards-intro p{margin:4px 0 0;line-height:1.4;font-size:12px}
.jsd-blg-rewards .jsd-blg-clock{padding:10px;border-radius:9px;background:#fff3d9;color:#173a57;font-weight:800;font-variant-numeric:tabular-nums}
.jsd-blg-rewards .jsd-blg-coin{background:#fff0c7;color:#704b00;border-radius:10px;padding:10px;font-weight:800}
/* Subscription status dashboard, prices are read only and sourced from JS Add-ons. */
.jst-package-card{margin:16px 0!important;min-width:0;border:1px solid #e2e7ea!important;box-shadow:0 8px 22px rgba(16,44,68,.07)!important}
.jst-package-card .bs-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.jst-package-eyebrow{display:block;font-size:10px;color:#9a722d;font-weight:900;letter-spacing:.12em}
.jst-package-tier{font-size:13px;font-weight:850;border-radius:50px;background:#fff0c7;color:#6f4c12;padding:7px 13px}
.jst-package-card>p{font-size:13px;color:#536679;line-height:1.6}
.jst-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
.jst-package-feature{border:1px solid #e2e8ed;background:#fff;border-radius:11px;padding:12px;min-width:0;display:grid;gap:5px}
.jst-package-feature strong{font-size:13px;color:#143753;display:block}
.jst-package-feature small{color:#5a6c7e;font-size:11px;display:block}
.jst-feature-status{display:inline-block;max-width:max-content;font-weight:800;font-size:11px;background:#f2f4f7;color:#34485e;border-radius:99px;padding:5px 9px}
.jst-feature-status.is-included,.jst-feature-status.is-active{background:#e7f4e8;color:#1c682c}
.jst-feature-price{font-weight:850;color:#244464!important}
@media(max-width:1000px){.jst-site .jst-service-grid{grid-template-columns:1fr}:is(.jst-site,.jsd-bs) .jst-menu-grid{grid-template-columns:1fr}:is(.jst-site,.jsd-bs) .jst-menu-grid:not(.is-single) .jst-menu-item:first-child{grid-row:auto}:is(.jst-site,.jsd-bs) .jst-menu-grid:not(.is-single) .jst-menu-item:first-child .jst-menu-item-button{min-height:180px}:is(.jst-site,.jsd-bs) .jst-menu-grid:not(.is-single) .jst-menu-item:first-child img{min-height:145px}}
@media(max-width:680px){.jst-icon-controls,.jst-package-grid{grid-template-columns:1fr}:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item-button,:is(.jst-site,.jsd-bs) .jst-menu-grid:not(.is-single) .jst-menu-item:first-child .jst-menu-item-button,:is(.jst-site,.jsd-bs) .jst-menu-grid.is-single .jst-menu-item-button{grid-template-columns:minmax(80px,30%) minmax(0,1fr);min-height:112px;padding:9px;gap:9px}:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item img,:is(.jst-site,.jsd-bs) .jst-menu-grid:not(.is-single) .jst-menu-item:first-child img,:is(.jst-site,.jsd-bs) .jst-menu-grid.is-single .jst-menu-item img{width:100%;height:104px;min-height:0;max-height:none}:is(.jst-site,.jsd-bs) .jst-menu-grid:not(.is-single) .jst-menu-item:first-child .jst-menu-item-title{font-size:15px}:is(.jst-site,.jsd-bs) .jst-menu-featured-tag{display:none!important}:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item-description{-webkit-line-clamp:2}.jst-site .jst-service{grid-template-columns:74px minmax(0,1fr)}.jst-site .jst-service-icon{width:74px;height:74px;min-width:65px}.jst-site .jst-service-icon>span{font-size:35px}.jsd-blg-rewards .jsd-blg-rewards-intro{grid-template-columns:72px 1fr}.jsd-blg-rewards .jsd-blg-rewards-illustration{width:72px;height:72px}}
@media(prefers-reduced-motion:reduce){:is(.jst-site,.jsd-bs) .jst-menu-grid .jst-menu-item-button{transition:none}}

/* Original Business Studio public renderer uses .jsd-bs rather than .jst-site. */
.jsd-bs .bs-main .jst-upgraded-menu{box-sizing:border-box;display:block;width:100%;max-width:100%;clear:both;margin-block:12px 18px}
.jsd-bs .bs-main [data-jsd-blg-block="menu"]{min-width:0;max-width:100%;width:100%;box-sizing:border-box}
.jsd-bs .bs-main .jst-menu-grid{max-width:100%;min-width:0}