/* Independent hub/navigation selectors. The page background applies only to the verified hub. */
body.mfw-hub-page.custom-background,body.mfw-hub-page{background-color:#edf7ff;background-image:linear-gradient(145deg,#eff8ff,#f1fcf7);background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;background-attachment:scroll}
body.mfw-hub-page #content{background:transparent}
body.mfw-hub-page #main{background:#fff;border-color:#c9dfee}
/* This short landing uses the full comparison width instead of the article sidebar. */
body.mfw-hub-page #content-in{display:block;width:calc(100% - 24px);max-width:1180px;margin:0 auto}
body.mfw-hub-page #main{width:100%;margin:0;padding:clamp(14px,2vw,24px);float:none}
body.mfw-hub-page #sidebar,body.mfw-hub-page .sns-share.ss-top,body.mfw-hub-page .date-tags,body.mfw-hub-page #toc{display:none}
body.mfw-hub-page .entry-header .entry-title{margin:0 0 14px;font-size:clamp(20px,2.8vw,25px);line-height:1.5}
body.mfw-hub-page .entry-content{margin-top:0}
.mfw-switch,.mfw-hub{box-sizing:border-box;font-family:inherit;color:#203348;line-height:1.65}
.mfw-switch *,.mfw-hub *{box-sizing:border-box}
.mfw-switch{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 10px;margin:0 0 12px;border:1px solid #c8dfef;border-radius:12px;background:#f1f8fe;font-size:14px}
.mfw-switch a{display:inline-flex;align-items:center;min-height:36px;padding:5px 20px;border:1px solid transparent;border-radius:8px;color:#205581;text-decoration:none;font-weight:700;background:#fff}
.mfw-switch a[aria-current=page]{background:#1e68a2;border-color:#1e68a2;color:#fff}
.mfw-switch a:hover{border-color:#3886bd;text-decoration:underline}
.mfw-switch>span{margin-left:auto;padding:0 6px;color:#48657b;font-size:12px}
.mfw-switch a:focus-visible,.mfw-hub a:focus-visible{outline:3px solid #e99114;outline-offset:3px}
.mfw-hub{margin:0 0 24px;border:1px solid #c9dfee;border-radius:16px;background:#fff;overflow:hidden}
.mfw-hub .mfw-hub__intro{padding:22px 24px 18px;background:linear-gradient(115deg,#e1f3ff,#e5fbf3)}
.mfw-hub .mfw-hub__eyebrow{display:block;color:#216687;font-size:13px;font-weight:700;letter-spacing:.04em}
.mfw-hub h2#mfw-hub-heading{margin:4px 0 5px;padding:0;border:0;background:none;font-size:clamp(22px,3.4vw,29px);line-height:1.4;color:#173e5c}
.mfw-hub .mfw-hub__intro p{margin:0;font-size:14px}
.mfw-hub .mfw-hub__routes{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px;background:#fff}
.mfw-hub .mfw-hub__routes>section{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px;border:1px solid #d4e6f3;border-radius:10px;background:#f6fbff}
.mfw-hub .mfw-hub__routes>section+section{border-color:#cfe8dd;background:#f2fcf6}
.mfw-hub .mfw-hub__number{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:#d3ecff;color:#275b82;font-weight:800;font-size:13px}
.mfw-hub .mfw-hub__routes>section+section .mfw-hub__number{background:#d0f1de;color:#256048}
.mfw-hub .mfw-hub__routes h3{margin:0 0 3px;padding:0;border:0;background:none;font-size:16px;color:#203348}
.mfw-hub .mfw-hub__routes p{margin:0;color:#43586a;font-size:12px}
.mfw-hub .mfw-hub__empty{margin:0 20px 20px;padding:18px 20px;border:1px solid #f0d591;border-radius:10px;background:#fff9e9}
.mfw-hub .mfw-hub__badge{display:inline-block;padding:2px 9px;background:#ffe8a8;border-radius:20px;color:#69510b;font-size:12px;font-weight:700}
.mfw-hub .mfw-hub__empty h3{margin:7px 0 4px;padding:0;border:0;background:none;font-size:18px;color:#4e4327}
.mfw-hub .mfw-hub__empty p{margin:0 0 10px;font-size:13px;color:#5f5847}
.mfw-hub .mfw-hub__empty a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;color:#245e8e;font-size:14px;font-weight:700;text-underline-offset:3px}
.mfw-hub .mfw-hub__published{padding:0 20px 20px}
.mfw-hub .mfw-hub__section-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 9px}
.mfw-hub .mfw-hub__section-heading h3{margin:0;padding:0;border:0;background:none;font-size:17px;color:#244c69}
.mfw-hub .mfw-hub__section-heading>span{font-size:12px;color:#49677d;white-space:nowrap}
.mfw-hub .mfw-hub__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.mfw-hub a.mfw-hub__card{display:flex;flex-direction:column;justify-content:space-between;gap:7px;padding:13px 15px;min-height:82px;border:1px solid #c6deef;border-radius:10px;background:#f4faff;color:#244b6c;text-decoration:none;overflow-wrap:anywhere}
.mfw-hub a.mfw-hub__card:hover{border-color:#418bc0;background:#eaf6ff;text-decoration:underline}
.mfw-hub .mfw-hub__card strong{font-size:15px;line-height:1.5}
.mfw-hub .mfw-hub__card>span{font-size:12px;color:#3c7096}
@media(max-width:560px){.mfw-switch a{flex:1;justify-content:center;padding:5px 14px}.mfw-switch>span{display:none}.mfw-hub .mfw-hub__intro{padding:17px 15px}.mfw-hub .mfw-hub__routes{grid-template-columns:1fr;gap:8px;padding:12px}.mfw-hub .mfw-hub__routes>section{padding:9px;gap:7px}.mfw-hub .mfw-hub__number{display:none}.mfw-hub .mfw-hub__routes h3{font-size:14px}.mfw-hub .mfw-hub__empty{margin:0 12px 12px;padding:14px}.mfw-hub .mfw-hub__published{padding:0 12px 12px}}
@media print{.mfw-switch{display:none}.mfw-hub{border-color:#bbb}.mfw-hub .mfw-hub__intro,.mfw-hub .mfw-hub__empty,.mfw-hub a.mfw-hub__card{background:white}}

/* The three origin guides and policy link belong only to this hub. */
.mfw-hub .mfw-hub__origins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px}
.mfw-hub .mfw-hub__origin{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:108px;padding:18px;border:1px solid #c6deef;border-radius:10px;background:#f4faff;color:#244b6c;text-decoration:none;overflow-wrap:anywhere}
.mfw-hub .mfw-hub__origin strong{font-size:20px;line-height:1.4}
.mfw-hub .mfw-hub__origin>span{font-size:13px}
.mfw-hub a.mfw-hub__origin:hover{border-color:#418bc0;background:#eaf6ff;text-decoration:underline}
.mfw-hub .mfw-hub__origin--pending{background:#f5f7f8;color:#62727b;border-color:#d6dfe5}
.mfw-hub .mfw-hub__policy{padding:0 20px 18px;color:#43586a;font-size:13px}
.mfw-hub .mfw-hub__policy p{margin:0 0 4px}
.mfw-hub .mfw-hub__policy a{display:inline-flex;align-items:center;min-height:44px;color:#245e8e;text-underline-offset:3px}
.mfw-hub .mfw-hub__policy-note{color:#62727b}
@media(max-width:560px){.mfw-hub .mfw-hub__origins{grid-template-columns:1fr;gap:10px;padding:14px}.mfw-hub .mfw-hub__origin{min-height:92px;padding:15px}.mfw-hub .mfw-hub__origin strong{font-size:19px}.mfw-hub .mfw-hub__policy{padding:0 14px 16px}}
