/* Shared proportions for the service family, loaded after each service's own styles. */
body.lc-service-page{--paper:#fbfaf7;--pink:#f6e8e7;--ink:#343d34;--muted:#697267;--accent:#53664b;--line:#dedfd5;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}
body.lc-service-page>main{box-sizing:border-box;max-width:1180px;margin-inline:auto;padding:32px 22px 56px}
body.lc-service-page main h1{font:normal clamp(34px,4.5vw,48px)/1.12 Georgia,serif;letter-spacing:-1px;margin:10px 0 16px;overflow-wrap:anywhere}
body.lc-service-page main h2{font:normal 28px/1.2 Georgia,serif;letter-spacing:-.4px}
body.lc-service-page main :is(.eyebrow,.mb-eyebrow,.mn-eyebrow){font:600 12px/1.5 system-ui,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#83535f;margin:0 0 8px}
body.lc-service-page main :is(.min-bakning,.mn){max-width:none;margin:0;padding:0;font:inherit;color:var(--ink)}
/* A content introduction must not inherit the global site-header flex row or pink strip. */
body.lc-service-page .mn>header{display:block;background:transparent;border:0;padding:0;margin:0 0 24px;max-width:760px}
body.lc-service-page .mn>header p:last-child,body.lc-service-page .mb-heading p:last-child{margin:0;color:var(--muted);max-width:680px}
body.lc-service-page .mb-heading{margin:22px 0 26px}
body.lc-service-page .mn-toolbar{align-items:flex-start;margin-bottom:22px}
body.lc-service-page :is(.mn button,.min-bakning button){border-radius:10px;min-height:44px}
body.lc-service-page .mn-utilities{position:relative;min-width:0}
body.lc-service-page .mn-utilities>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;min-height:44px;box-sizing:border-box;padding:10px 16px;border:1px solid #d2d8cf;border-radius:10px;background:white;font-size:14px}
body.lc-service-page .mn-utilities>summary:after{content:'⌄'}
body.lc-service-page .mn-utilities>summary::-webkit-details-marker{display:none}
body.lc-service-page .mn-utilities>summary:focus-visible{outline:3px solid #b8798b;outline-offset:3px}
body.lc-service-page .mn-utility-actions{display:grid;gap:8px;min-width:240px;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:white}
body.lc-service-page .mn-utility-actions button{text-align:left;font-size:14px}
body.lc-service-page #near-status{font-size:13px;color:var(--muted);margin:0 0 8px}
body.lc-service-page #near-reload{font-size:13px;min-height:44px;margin:0 0 20px;padding:9px 12px}
body.lc-service-page :is(#baking-sign-in,#near-sign-in){margin:0 0 24px;padding:24px;border:1px solid var(--line);border-radius:16px;background:white}
body.lc-service-page #baking-sign-in h1{margin-top:0}
@media(max-width:760px){
 body.lc-service-page>main{padding:24px 16px 44px}
 body.lc-service-page main h1{font-size:34px;letter-spacing:-.7px}
 body.lc-service-page main h2{font-size:26px}
 body.lc-service-page .mn>header{margin-bottom:20px}
 body.lc-service-page .mb-heading{margin:20px 0 24px}
 body.lc-service-page :is(#baking-sign-in,#near-sign-in){padding:20px}
 body.lc-service-page .mn-toolbar>.mn-utilities{flex:1 1 100%}
 body.lc-service-page .mn-utilities>summary{justify-content:space-between}
 body.lc-service-page .mn-utility-actions{min-width:0}
}
@media print{body.lc-service-page .mn-utilities{display:none}}

/* Keep form text independent of the smaller labels in each service. */
body.lc-service-page :is(input,select,textarea,summary):focus-visible{outline:3px solid #b8798b;outline-offset:3px}
body.lc-service-page .min-bakning summary{box-sizing:border-box;min-height:44px;padding-block:8px}
@media(max-width:760px){
 body.lc-service-page :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),select,textarea){font-size:16px;min-height:44px}
}
