/* All rules are scoped to supporter UI; existing vote/search buttons retain their sizes. */
.msc-sp-page{max-width:1120px;margin:0 auto;padding:52px 24px 64px;color:#102f40;font-size:16px;line-height:1.85}.msc-sp-page *{box-sizing:border-box}.msc-sp-page h1,.msc-sp-page h2,.msc-sp-page h3,.msc-sp-award h3{border:0;background:none;padding:0;letter-spacing:normal}.msc-sp-page-heading{text-align:center;margin-bottom:32px}.msc-sp-page-heading h1{font-size:40px;line-height:1.4;margin:12px 0 16px}.msc-sp-page-heading>p:last-child{color:#5e7381}.msc-sp-eyebrow{font-size:11px!important;letter-spacing:.16em;font-weight:600;margin:0 0 10px}.msc-sp-personal{border-radius:22px;overflow:hidden;background:linear-gradient(125deg,#091c2e,#173b54);color:#f6f9fc;box-shadow:0 16px 40px #16344514}.msc-sp-personal h2,.msc-sp-personal h3{color:#fff}.msc-sp-personal h2{font-size:26px;margin:8px 0 16px}.msc-sp-welcome{text-align:center;padding:36px 24px}.msc-sp-achievement{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center;padding:40px}.msc-sp-medal{text-align:center}.msc-sp-medal>span:last-child{display:block;letter-spacing:.22em;color:#dcc797;font-size:12px}.msc-sp-count{margin:8px 0}.msc-sp-count strong{font-size:48px;line-height:1.2;color:#f0dba7}.msc-sp-breakdown{font-size:13px;color:#bed0dd}.msc-sp-next{display:flex;align-items:center;gap:10px;font-size:14px}.msc-sp-personal progress{display:block;width:100%;height:7px;border:0;border-radius:6px;overflow:hidden;accent-color:#d7bc7c;background:#355066;margin-top:10px}.msc-sp-personal progress::-webkit-progress-bar{background:#355066}.msc-sp-personal progress::-webkit-progress-value{background:linear-gradient(90deg,#b79857,#f5e4b4)}.msc-sp-sharing{padding:28px 40px;background:#ffffff09;border-top:1px solid #ffffff20}.msc-sp-sharing h3{font-size:20px;margin:0}.msc-sp-sharing p{font-size:14px}.msc-sp-sharing label{display:block;font-size:12px;color:#c2d3dd}.msc-sp-sharing input{width:100%;min-width:0;font-size:14px;background:#fff;color:#163448;border:1px solid #cad8df;border-radius:8px;padding:10px 12px;height:44px}.msc-sp-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.msc-sp-actions a,.msc-sp-actions button,.msc-sp-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #ccdce3;border-radius:8px;padding:10px 18px;font-size:14px;line-height:1.5;font-weight:600;text-decoration:none;cursor:pointer;background:white;color:#12394d}.msc-sp-actions .msc-sp-button,.msc-sp-button{background:#dfc58c;color:#142938;border-color:#dfc58c}.msc-sp-page a:focus-visible,.msc-sp-page button:focus-visible,.msc-sp-award a:focus-visible,.msc-sp-award button:focus-visible{outline:3px solid #168ecc;outline-offset:3px}.msc-sp-section{margin-top:52px}.msc-sp-section h2{font-size:25px;line-height:1.5;margin:8px 0 14px}.msc-sp-ranks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px}.msc-sp-benefits{display:grid;grid-template-columns:1fr 1fr;gap:32px}.msc-sp-benefits>div{padding:26px;border:1px solid #dce6ed;border-radius:14px}.msc-sp-benefits h2{font-size:20px}.msc-sp-benefits p,.msc-sp-rules p{font-size:14px}.msc-sp-benefits small{color:#607380;font-size:12px}.msc-sp-example{display:flex;align-items:center;gap:8px;padding:12px;background:#f4f8fa;border-radius:8px;font-size:12px;margin:14px 0}.msc-sp-rules details{border-bottom:1px solid #dce6ed;padding:16px 0}.msc-sp-rules summary{cursor:pointer;font-weight:600}.msc-sp-back{display:block;text-align:center;margin-top:40px;color:#087cb0}.msc-sp-invite{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid #dce6ed;border-radius:14px;background:#fff;margin:24px auto;color:#14384b;max-width:1120px}.msc-sp-invite p{font-size:13px;line-height:1.8;margin:8px 0 0;color:#5e7381}.msc-sp-invite>a{flex-shrink:0;font-size:14px;color:#087cab}.msc-sp-award{position:relative;padding:24px;margin-top:24px;background:#f7f9fc;border:1px solid #d8e2eb;border-radius:14px;color:#183a4d}.msc-sp-award h3{font-size:20px!important;margin:0 0 14px}.msc-sp-award p{font-size:14px;line-height:1.9}.msc-sp-comment-badge{display:inline-flex;align-items:center;gap:3px;margin-left:6px;vertical-align:middle}.msc-sp-comment-badge small{font-size:10px;font-weight:normal;line-height:1.4}.msc-comment-meta{flex-wrap:wrap}.msc-sp-comment-badge .msc-sp-badge{width:26px}
.msc-sp-badge{--metal:#c49a69;--shine:#f6dec1;display:inline-block;width:130px;max-width:100%;vertical-align:middle;filter:drop-shadow(0 5px 6px #03101b30)}.msc-sp-badge.silver{--metal:#a4b7c8;--shine:#eff7ff}.msc-sp-badge.gold{--metal:#d2a444;--shine:#fff0ae}.msc-sp-badge.platinum{--metal:#a8d1e7;--shine:#f3fcff}.msc-sp-badge.diamond{--metal:#39aff2;--shine:#dbf7ff;}.msc-sp-badge svg{display:block;width:100%;height:auto}.msc-sp-badge .badge-rim{fill:#132d43;stroke:var(--metal);stroke-width:5;stroke-linejoin:round}.msc-sp-badge .badge-inner{fill:#1c3b53;stroke:var(--shine);stroke-width:1}.msc-sp-badge .badge-building{fill:none;stroke:var(--shine);stroke-width:4;stroke-linejoin:round}.msc-sp-badge .badge-laurel{fill:none;stroke:var(--metal);stroke-width:3;stroke-linecap:round}.msc-sp-badge text{fill:var(--shine);font-size:12px;letter-spacing:1px}.msc-sp-badge.is-small{width:38px}.msc-sp-medal .msc-sp-badge{width:190px}
@media(max-width:760px){.msc-sp-page{padding:28px 16px 40px;font-size:14px}.msc-sp-page-heading h1{font-size:30px}.msc-sp-achievement{grid-template-columns:1fr;gap:20px;padding:28px 22px}.msc-sp-medal .msc-sp-badge{width:145px}.msc-sp-personal h2{font-size:22px}.msc-sp-sharing{padding:24px 22px}.msc-sp-ranks{grid-template-columns:1fr;gap:10px}.msc-sp-section{margin-top:34px}.msc-sp-section h2{font-size:22px}.msc-sp-benefits{grid-template-columns:1fr;gap:16px}.msc-sp-invite{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.msc-sp-invite>a{flex-shrink:1}.msc-sp-actions .msc-sp-button{flex-basis:100%}.msc-sp-comment-badge small{max-width:none}.msc-sp-award{padding:18px}}
/* 0.12.56: progressive ornament, full-card links and a private member shortcut. */
.msc-sp-badge.gold{filter:drop-shadow(0 3px 5px #92611455)}.msc-sp-badge.platinum{filter:drop-shadow(0 0 6px #88c9ec88) drop-shadow(0 3px 5px #143b5555)}.msc-sp-badge.diamond{filter:drop-shadow(0 0 8px #31b9ff99) drop-shadow(0 3px 5px #10436966)}
a.msc-sp-invite{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 26px;text-decoration:none!important;box-sizing:border-box;transition:border-color .18s,box-shadow .18s;background:linear-gradient(115deg,#fff,#f5f8fc);border-color:#d7e1ea}
a.msc-sp-invite:hover{border-color:#9eafc2;box-shadow:0 6px 20px #12334810;color:#14384b}a.msc-sp-invite:focus-visible{outline:3px solid #168ecc;outline-offset:3px}
.msc-sp-invite-title{grid-column:1;font-size:17px;line-height:1.7}.msc-sp-invite p.msc-sp-invite-description{grid-column:1;margin:0;font-size:13px}.msc-sp-invite-cta{grid-column:1;grid-row:3;font-size:13px;font-weight:600;color:#097eae;margin-top:5px}.msc-sp-invite-cta>span{margin-left:8px}
@media(max-width:760px){a.msc-sp-invite{grid-template-columns:1fr;gap:10px;padding:20px}.msc-sp-invite-title{font-size:16px}.msc-sp-invite p.msc-sp-invite-description{grid-row:3}.msc-sp-invite-cta{grid-row:4}}
@media(prefers-reduced-motion:reduce){a.msc-sp-invite{transition:none}}

/* 0.12.57: compact invitation; no extra row beneath the site header. */
a.msc-sp-invite{grid-template-columns:64px minmax(0,1fr) auto;column-gap:18px;row-gap:2px;padding:22px 26px;background:#fff;align-items:center}
.msc-sp-invite-badge{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center}.msc-sp-invite-badge .msc-sp-badge{width:58px;filter:drop-shadow(0 2px 3px #13334822)}
.msc-sp-invite-title{grid-column:2;grid-row:1;font-size:18px}.msc-sp-invite p.msc-sp-invite-description{grid-column:2;grid-row:2;font-size:14px}.msc-sp-invite-cta{grid-column:3;grid-row:1/3;margin:0;white-space:nowrap}
.msc-sp-badge.platinum{filter:drop-shadow(0 3px 5px #143b5540)}.msc-sp-badge.diamond{filter:drop-shadow(0 3px 5px #10436950)}
.msc-sp-header-badge{display:flex;align-items:center;flex:0 0 40px;width:40px;height:40px;margin-left:auto}.msc-sp-header-badge[hidden],.msc-sp-menu-badge[hidden]{display:none!important}
.msc-sp-header-badge>a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f1f5f8}.msc-sp-header-badge .msc-sp-badge{width:27px}.msc-sp-header-badge a>span:not(.msc-sp-badge){display:none}.msc-sp-header-badge:not([hidden])+.msc-header-search{margin-left:4px}
.msc-sp-menu-badge a{display:flex;align-items:center;gap:12px!important;padding:12px!important;background:#f2f6f9;border-radius:8px;color:#13384b!important}.msc-sp-menu-badge small{display:block;font-size:11px;font-weight:400}.msc-sp-menu-badge strong{font-size:14px}.msc-sp-menu-badge .msc-sp-badge{width:34px;flex-shrink:0}.msc-sp-menu-badge .msc-sp-status-arrow{margin-left:auto}.msc-sp-header-badge a:focus-visible{outline:3px solid #168ecc;outline-offset:2px}
@media(min-width:1001px){.msc-sp-menu-badge{display:none!important}}
@media(max-width:1000px){.msc-sp-header-badge{display:none!important}.msc-sp-header-badge:not([hidden])+.msc-header-search{margin-left:auto}}
@media(max-width:760px){a.msc-sp-invite{grid-template-columns:48px minmax(0,1fr);gap:2px 14px;padding:18px}.msc-sp-invite-badge{grid-row:1/4}.msc-sp-invite-badge .msc-sp-badge{width:46px}.msc-sp-invite-title{grid-column:2;font-size:15px;}.msc-sp-invite p.msc-sp-invite-description{grid-column:2;grid-row:2;font-size:12px}.msc-sp-invite-cta{grid-column:2;grid-row:3;font-size:12px;margin-top:6px;white-space:normal}}

/* 0.12.59: restore the original understated badges; mobile copy break. */
.msc-sp-badge.gold,.msc-sp-badge.platinum{filter:drop-shadow(0 5px 6px #03101b30)}
.msc-sp-badge.diamond{filter:drop-shadow(0 0 7px #58bded50)}
.msc-sp-badge.is-small{filter:drop-shadow(0 2px 2px #12334825)}
.msc-sp-mobile-break{display:none}
@media(max-width:760px){.msc-sp-mobile-break{display:inline}}

/* 0.12.60: align the mobile homepage card action to the right. */
@media(max-width:760px){.msc-home-design .msc-sp-invite-cta{justify-self:end;text-align:right}}

/* 0.12.62: compact shared invitation, progress and nonblocking announcements. */
.msc-sp-title-phrase{display:inline-block;}
.msc-sp-menu-badge a>span:nth-child(2){min-width:0;}
.msc-sp-menu-badge strong{display:block;line-height:1.5;}
.msc-sp-menu-badge small{line-height:1.5;margin-top:3px;}
@media(max-width:760px){.msc-sp-invite-cta{justify-self:end;text-align:right;}.msc-sp-invite-title{line-height:1.6;}}
.msc-sp-notice{position:fixed;z-index:10000;right:20px;bottom:90px;box-sizing:border-box;width:360px;max-width:calc(100vw - 32px);display:flex;gap:12px;padding:16px 42px 16px 16px;background:#fff;color:#14384b;border:1px solid #cbdce5;border-radius:14px;box-shadow:0 8px 28px #12334826;font-size:14px;line-height:1.6;}
.msc-sp-notice.is-promotion{border-color:#c7a76a;background:#fffdf6;}
.msc-sp-notice strong{font-size:14px;display:block;}.msc-sp-notice p{font-size:12px;margin:5px 0;color:#5e7381;}.msc-sp-notice a{font-size:13px;color:#087cab;text-decoration:underline;}.msc-sp-notice-badge{flex:0 0 42px;}.msc-sp-notice button{position:absolute;right:0;top:0;width:40px;height:40px;min-height:0;padding:0;border:0;background:transparent;color:#496271;font-size:24px;cursor:pointer;}.msc-sp-notice a:focus-visible,.msc-sp-notice button:focus-visible{outline:2px solid #168ecc;outline-offset:2px;}
.msc-sp-notice .msc-preview-silver-guide{margin-top:8px;color:#35566a;font-weight:600;}.msc-sp-notice .msc-preview-resume-cta{position:static;width:auto;height:auto;min-height:38px;margin:7px 0 8px;padding:7px 12px;border:1px solid #337fba;border-radius:8px;background:#fff;color:#337fba;font-size:13px;font-weight:700;line-height:1.4;cursor:pointer;}.msc-sp-notice .msc-preview-resume-cta:hover{background:#f7fbff;}
@media(max-width:760px){.msc-sp-notice{right:16px;bottom:calc(82px + env(safe-area-inset-bottom,0px));}}

.msc-sp-notice[hidden]{display:none!important;}

/* 0.12.63: keep review rank names intact; wrap the badge group as a unit. */
.msc-sp-comment-badge{flex:0 0 auto;}
.msc-sp-comment-badge small{max-width:none;white-space:nowrap;word-break:normal;overflow-wrap:normal;}
.msc-sp-comment-badge .msc-sp-badge{flex-shrink:0;}

/* 0.12.64: desktop badge and next-rank hint stay inside the existing header. */
@media(min-width:1001px){
 .msc-sp-header-badge{flex:0 0 auto;width:auto;height:auto;}
 .msc-sp-header-badge>a{width:auto;height:auto;min-height:44px;gap:9px;padding:5px 11px;border-radius:10px;white-space:nowrap;text-decoration:none;}
 .msc-sp-header-badge a>span:not(.msc-sp-badge){display:block;}
 .msc-sp-header-badge strong{display:block;font-size:12px;line-height:1.5;}
 .msc-sp-header-badge small{display:block;font-size:11px;line-height:1.5;font-weight:400;}
 .msc-sp-header-badge .msc-sp-status-arrow{font-size:18px;margin-left:3px;}
}


/* 0.14.05: clearer first supporter award CTA and score units. */
.msc-sp-award h3::before,.msc-sp-award h3::after{content:none!important;display:none!important}
.msc-sp-award .msc-sp-award-info-link{display:block;width:max-content;max-width:100%;margin:4px auto 16px;color:#087cab;font-size:12px;text-decoration:none;text-align:center}
.msc-sp-award .msc-sp-award-info-link:hover{text-decoration:underline}
.msc-sp-award .msc-sp-review-next{text-align:center;margin:24px 0 4px;font-size:17px;line-height:1.6}
.msc-sp-award .msc-sp-review-next strong{font-size:17px}
.msc-sp-award-actions{display:grid;grid-template-columns:1fr;justify-items:center;width:100%;margin-top:18px}
.msc-sp-award-actions .msc-sp-button{justify-self:center}
.msc-sp-award-actions a{justify-self:end;min-height:0!important;border:0!important;background:transparent!important;padding:2px 0!important;border-radius:0!important;font-size:12px!important;font-weight:400!important;color:#087cab!important;text-decoration:none!important}
.msc-sp-award-actions a:hover{text-decoration:underline!important}
@media(max-width:760px){.msc-sp-award .msc-sp-review-next,.msc-sp-award .msc-sp-review-next strong{font-size:16px}.msc-sp-award-actions .msc-sp-button{width:auto;min-width:180px}.msc-sp-award-actions a{justify-self:end}}

/* 0.14.09: first-award badge; animate once only when the award enters the viewport. */
.msc-sp-award-badge{display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.msc-sp-award-badge .msc-sp-badge{width:82px;max-width:82px;transform-origin:50% 55%;animation:none;opacity:1;transform:scale(1)}
.msc-sp-award h3{text-align:center;line-height:1.55!important;margin:0 0 14px!important}
@keyframes msc-sp-award-badge-in{0%{opacity:0;transform:scale(.78) translateY(5px)}70%{opacity:1;transform:scale(1.035) translateY(0)}100%{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:760px){.msc-sp-award-badge{margin-bottom:10px}.msc-sp-award-badge .msc-sp-badge{width:76px;max-width:76px}.msc-sp-award h3{font-size:19px!important}}
.msc-sp-award.is-award-visible .msc-sp-award-badge .msc-sp-badge{animation:msc-sp-award-badge-in .48s cubic-bezier(.2,.8,.25,1) both}
.msc-sp-award h3{opacity:1}
.msc-sp-award.is-award-visible h3{animation:msc-sp-award-title-in .32s ease-out .10s both}
@keyframes msc-sp-award-title-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.msc-sp-award.is-award-visible .msc-sp-award-badge .msc-sp-badge,.msc-sp-award.is-award-visible h3{animation:none}}
.msc-sp-award-actions{row-gap:18px}
.msc-sp-award-actions a{margin-top:2px}


/* Keep the first award visible beside the next step without consuming the screen. */
.msc-sp-award{margin-top:12px;padding:15px 18px}
.msc-sp-award-badge{margin-bottom:5px}
.msc-sp-award-badge .msc-sp-badge{width:60px;max-width:60px}
.msc-sp-award h3{margin:0 0 6px!important;line-height:1.4!important}
.msc-sp-award>p{margin:0!important;line-height:1.55}
.msc-sp-award .msc-sp-award-info-link{margin:5px auto 0}
@media(max-width:600px){.msc-sp-award{padding:12px 14px}.msc-sp-award-badge .msc-sp-badge{width:54px;max-width:54px}.msc-sp-award h3{font-size:18px!important}}

/* Apply the award shadow to the SVG and allow its lower edge to paint freely. */
.msc-sp-award-badge{overflow:visible;padding-bottom:5px}
.msc-sp-award-badge .msc-sp-badge{filter:none}
.msc-sp-award-badge .msc-sp-badge svg{overflow:visible;filter:drop-shadow(0 4px 4px #03101b38)}

/* Keep the supporter details secondary to the acquired title. */
.msc-sp-award .msc-sp-award-info-link{width:max-content;margin:14px 0 0 auto;text-align:right;font-size:11px;line-height:1.5}

/* Explain the badge in place, so opening the explanation keeps the next step nearby. */
.msc-sp-award-about{margin:14px 0 0;text-align:right}
.msc-sp-award-about summary{display:inline-block;list-style:none;color:#087cab;font-size:11px;line-height:1.5;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.msc-sp-award-about summary::-webkit-details-marker{display:none}
.msc-sp-award-about summary::after{content:' ＋';text-decoration:none}
.msc-sp-award-about[open] summary::after{content:' −'}
.msc-sp-award-about summary:focus-visible{outline:3px solid #168ecc;outline-offset:3px}
.msc-sp-award-about p{max-width:440px;margin:9px 0 0 auto!important;color:#52636d;font-size:12px;line-height:1.65;text-align:left}
.msc-sp-award-about p+p{margin-top:8px!important}
.msc-sp-award-about p strong{color:#183a4d;font-size:12px}
.msc-sp-award{scroll-margin-top:16px}


/* 0.15.289: サポーター紹介をマンション別共有と同じ3ボタンに統一。 */
.msc-sp-page .msc-sp-share-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px;align-items:stretch}
.msc-sp-page .msc-sp-share-actions .msc-mansion-share-button{appearance:none;display:flex;box-sizing:border-box;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:7px;padding:8px 5px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none!important;cursor:pointer;white-space:nowrap;box-shadow:none;flex-basis:auto}
.msc-sp-page .msc-sp-share-actions .msc-mansion-share-line{background:#06c755;color:#fff!important}
.msc-sp-page .msc-sp-share-actions .msc-mansion-share-x{background:#171717;color:#fff!important}
.msc-sp-page .msc-sp-share-actions .msc-mansion-share-copy{background:#f0f2f4;border-color:#d6dde2;color:#263d4b!important}
.msc-sp-page .msc-sp-share-actions .msc-mansion-share-button:hover{filter:brightness(.96);text-decoration:none!important}
.msc-sp-page .msc-sp-share-actions .msc-mansion-share-line-mark,.msc-sp-page .msc-sp-share-actions .msc-mansion-share-x-mark,.msc-sp-page .msc-sp-share-actions .msc-mansion-share-copy-mark{display:inline-flex;align-items:center;justify-content:center;flex:none}
.msc-sp-page .msc-sp-share-actions .msc-mansion-share-line-mark svg{display:block;width:29px;height:29px}
.msc-sp-page .msc-sp-share-actions .msc-mansion-share-x-mark svg{display:block;width:21px;height:21px}
.msc-sp-page .msc-sp-share-actions .msc-mansion-share-copy-mark svg{display:block;width:22px;height:22px}
@media(max-width:600px){.msc-sp-page .msc-sp-share-actions{gap:6px}.msc-sp-page .msc-sp-share-actions .msc-mansion-share-button{min-height:43px;padding:7px 2px;font-size:12px;gap:5px}.msc-sp-page .msc-sp-share-actions .msc-mansion-share-line-mark svg{width:26px;height:26px}.msc-sp-page .msc-sp-share-actions .msc-mansion-share-x-mark svg{width:19px;height:19px}.msc-sp-page .msc-sp-share-actions .msc-mansion-share-copy-mark svg{width:20px;height:20px}}

/* 0.15.314: staged preview and rule-change notice. */
.msc-sp-preview-label{font-size:12px;color:#586f7d;margin-top:8px}
#msc-sp-rules-notice{bottom:160px;}
@media(max-width:760px){#msc-sp-rules-notice{bottom:calc(145px + env(safe-area-inset-bottom,0px));}}

/* 0.15.317: readable test-only caption against the navy achievement card. */
.msc-sp-personal .msc-sp-preview-label{color:#bed0dd}

/* 0.15.321: one rank-card layout, with a dedicated text/status column.
 * The status chip stays in normal flow and always has an inset from the bottom border.
 * Avoid the former five implicit grid rows and conflicting 0.15.318/319 overrides. */
.msc-sp-rank{display:flex;flex-direction:column;align-items:center;min-width:0;padding:18px 10px 2px;text-align:center;background:#f5f8fa;border:1px solid #dce6ed;border-radius:14px}
.msc-sp-rank>.msc-sp-badge{flex:0 0 auto}
.msc-sp-rank-details{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:3px;min-width:0;width:100%}
.msc-sp-rank-details>.msc-sp-eyebrow{margin:0}
.msc-sp-rank-details>h3{font-size:14px;line-height:1.6;min-height:45px;margin:6px 0 0}
.msc-sp-rank-details>p:not(.msc-sp-eyebrow){font-size:12px;margin:0}
.msc-sp-rank .msc-sp-rank-population{color:#526d7d;font-size:12px}
.msc-sp-earned{display:inline-block;align-self:flex-end;max-width:100%;margin-top:auto;padding:2px 12px;border-radius:20px;background:#e7edf1;color:#667b88;font-size:11px;line-height:1.5;white-space:nowrap}
.msc-sp-rank-details>.msc-sp-earned{margin-top:9px}
.msc-sp-rank.is-earned{border-color:#baa36f;background:#fffdf7}
.msc-sp-rank.is-earned .msc-sp-earned{background:#efe5c9;color:#665123}
/* 0.15.322: mobile Safari must size the card from the ENTIRE text column.
 * A nested flex column as a grid item could paint the final chip outside its
 * intrinsic grid track. One horizontal flex row has no implicit grid rows. */
@media(max-width:760px){
 .msc-sp-rank{display:flex;flex-direction:row;align-items:center;gap:14px;padding:15px 16px 4px;text-align:left}
 .msc-sp-rank>.msc-sp-badge{flex:0 0 90px;width:90px}
 .msc-sp-rank-details{flex:1 1 0;width:auto;min-width:0;gap:3px}
 .msc-sp-rank-details>h3{min-height:0;margin:0;line-height:1.5}
 .msc-sp-rank-details>p:not(.msc-sp-eyebrow){line-height:1.55}
 .msc-sp-rank-details>.msc-sp-earned{flex-shrink:0;margin-top:7px}
}

/* The one-time rule-change notice links to the supporter record. */
#msc-sp-rules-notice [role="status"]{flex:1;min-width:0}
#msc-sp-rules-notice [role="status"]>a{display:block;width:100%;text-align:right;margin-top:9px}