/* This stylesheet belongs to the standalone marked page; the site's theme is untouched. */
.wp-service-introduction{margin:0 0 34px;padding:26px 28px;background:#fff;border:1px solid #dfe9e8;border-radius:18px}
.wp-service-kicker{margin:0 0 10px;color:#087f70;font-size:11px;font-weight:750;letter-spacing:.5px}
#wp-service-title{max-width:1000px;font-size:30px;line-height:1.5;letter-spacing:-1.2px;word-break:keep-all;overflow-wrap:anywhere}
.wp-service-lead{max-width:1040px;color:#526b78;font-size:16px;line-height:1.9;margin:14px 0 20px;word-break:keep-all}
.wp-service-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 15px}
.wp-service-metrics p{margin:0;padding:14px 17px;background:#edf6f3;border-radius:11px}
.wp-service-metrics strong{display:block;color:#116e60;font-size:27px;line-height:1.4;letter-spacing:-.7px}
.wp-service-metrics span{display:block;color:#426d63;font-size:11px;margin-top:4px}
.wp-service-scope{font-size:14px;line-height:1.85;color:#586d78;margin:0}
.wp-service-source{font-size:14px;line-height:1.7;color:#71818b;margin:9px 0 0}
.wp-service-guide{margin:17px 0 0;padding-top:15px;border-top:1px solid #e7eeed;font-size:15px;line-height:1.85;color:#5d7280}
.wp-service-guide summary{cursor:pointer;color:#0c796c;font-weight:650}
/* Server-rendered experiment callout: keep limitations visible, including on narrow screens. */
.wp-rank-example{margin:22px 0;padding:24px;border:1px solid #aacfc4;border-radius:18px;background:#f0faf6;color:#193e35}
.wp-rank-example p{margin:10px 0;line-height:1.75}.wp-rank-example .wp-rank-example-label{margin:0 0 7px;color:#216c55;font-size:13px;font-weight:700}
.wp-rank-example h2{margin:0;font-size:24px;line-height:1.5;letter-spacing:-.5px}.wp-rank-example-rule{font-size:18px}
.wp-rank-example-result{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wp-rank-example-balls{display:flex;gap:7px;flex-wrap:wrap}
.wp-rank-example-balls>span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#146d55;color:#fff;font-size:17px;font-weight:750}
.wp-rank-example .wp-rank-example-note{font-size:13px;color:#52685f;line-height:1.8}
.wp-rank-example-link{display:inline-flex;align-items:center;gap:16px;min-height:46px;margin:7px 0;padding:10px 18px;border-radius:10px;background:#146d55;color:#fff;font-weight:700;text-decoration:none}.wp-rank-example-link:hover{background:#10553f}.wp-rank-example-link:focus-visible{outline:3px solid #166da0;outline-offset:3px}
#rank-random{scroll-margin-top:90px}
@media(max-width:680px){.wp-rank-example{padding:18px 14px}.wp-rank-example h2{font-size:20px}.wp-rank-example-rule{font-size:16px}.wp-rank-example-result{gap:10px}.wp-rank-example-balls{gap:5px}.wp-rank-example-balls>span{width:34px;height:34px;font-size:16px}}
.wp-service-guide p{margin:9px 0 0}
.page-heading #page-title{font-size:29px;line-height:1.35;letter-spacing:-1px;margin:0}
.wp-home-link{white-space:nowrap}
/* One-action floating support dial. Viewport anchoring also respects mobile safe areas. */
.wp-service-support{position:fixed;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;margin:0;padding:0;border:0;background:transparent}
/* Keep the optional-support explanation available to assistive technology without a duplicate banner. */
.wp-service-support>div{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.wp-support-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:0 21px;border:1px solid #ffffff80;border-radius:999px;background:#146d55;color:#fff;font-size:15px;font-weight:750;line-height:1.4;text-decoration:none;box-shadow:0 6px 22px #153f3938;transition:background .15s,box-shadow .15s}
.wp-support-button::before{content:'♡';font-size:26px;font-weight:400;line-height:1}.wp-support-button:hover{background:#10553f;box-shadow:0 8px 26px #153f394a}.wp-support-button:focus-visible{outline:3px solid #166da0;outline-offset:4px}.wp-support-new-window{font-size:12px;font-weight:400}
/* Reserve space at the end of the page and keep transient messages above the dial. */
body:has(.wp-service-support){padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}body:has(.wp-service-support) .toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
@media(max-width:680px){.wp-service-support{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px))}.wp-support-button{min-height:50px;padding:0 17px;gap:7px;font-size:14px}.wp-support-button::before{font-size:23px}}
@media(prefers-reduced-motion:reduce){.wp-support-button{transition:none}}
@media(max-width:680px){.wp-service-introduction{padding:21px 18px;margin-bottom:25px}#wp-service-title{font-size:23px;line-height:1.55;letter-spacing:-.8px}.wp-service-lead{font-size:16px;line-height:1.8}.wp-service-metrics{grid-template-columns:1fr;gap:8px}.wp-service-metrics p{display:flex;align-items:center;gap:18px;padding:11px 14px}.wp-service-metrics strong{font-size:25px;min-width:88px}.wp-service-metrics span{margin:0;font-size:11px}.wp-service-scope,.wp-service-source{font-size:14px}.wp-service-guide{font-size:15px}.page-heading #page-title{font-size:25px}.site-header{height:auto}.header-inner{height:auto;padding:14px 16px 0;gap:12px 16px;flex-wrap:wrap}.header-inner .update-label{margin-left:0;flex:1 1 100px;font-size:11px}.header-inner nav{display:flex;order:3;width:100%;min-height:38px;gap:20px;flex-wrap:wrap;align-self:auto}.header-inner nav a{height:38px;font-size:12px}.wp-home-link{font-size:12px}}