/* Feature showcases share one responsive layout; all panel borders are uniform 1px. */
.mf-page{--mf-ink:#153746;--mf-accent:#175e50;--mf-soft:#e4f5e6;--mf-header:64px;--mf-nav:64px;background:#fffdf7;color:var(--mf-ink);overflow-wrap:anywhere;font-family:"Noto Sans JP","Noto Sans CJK JP","BIZ UDPGothic","Hiragino Sans",Meiryo,sans-serif;font-size:16px;line-height:1.9;letter-spacing:.025em}
.mf-page.mf-league{--mf-accent:#4c439e;--mf-soft:#eeebff}
.mf-wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.mf-page h1,.mf-page h2,.mf-page h3{color:var(--mf-ink)}
.mf-page a:focus-visible,.mf-page button:focus-visible{outline:3px solid #bc3270;outline-offset:5px}
.mf-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding-block:22px;font-size:14px;color:#354f5b}
.mf-switch{display:flex;gap:8px;flex-wrap:wrap;font-size:16px;font-weight:750}
.mf-switch a{padding:9px 18px;border:1px solid #ccd7d5;border-radius:100px;color:var(--mf-ink);background:white}
.mf-switch a[aria-current=page]{background:var(--mf-ink);border-color:var(--mf-ink);color:white}
.mf-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:48px;padding-block:62px 76px;align-items:center}
.mf-kicker{font-size:13px;font-weight:850;letter-spacing:.13em;color:var(--mf-accent);margin-bottom:20px}
.mf-hero h1{font-size:18px;letter-spacing:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;margin-bottom:24px}
.mf-hero h1 span{font-size:25px}.mf-hero h1 small{font-size:16px;color:inherit}
.mf-catch{font-size:clamp(32px,3.8vw,53px);line-height:1.4;font-weight:900;letter-spacing:-.055em;margin-bottom:26px}
.mf-catch span,.mf-feature h2 span{display:block}
.mf-intro{font-size:18px;line-height:2;color:#354f5b;margin-bottom:28px}
.mf-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.mf-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 23px;min-height:52px;border:1px solid var(--mf-ink);border-radius:100px;background:var(--mf-ink);color:white;font-weight:750;font-size:16px}
.mf-button:hover{background:var(--mf-accent);color:white;text-decoration:none}.mf-button-light{background:white;color:var(--mf-ink)}
.mf-text-link{color:var(--mf-accent);font-size:16px;font-weight:750;text-decoration:underline;text-underline-offset:5px}
.mf-small{font-size:14px;line-height:1.9;color:#354f5b;margin-top:18px}
.mf-hero-visual{position:relative;background:var(--mf-soft);border:1px solid #d2dfce;padding:54px 22px 24px;border-radius:46% 46% 28px 28px}
.mf-sticker{position:absolute;right:4px;top:-30px;display:grid;place-content:center;width:126px;height:126px;border-radius:50%;background:#ffd668;border:1px solid #d1aa48;font-weight:850;font-size:17px;line-height:1.6;text-align:center;transform:rotate(10deg);z-index:1}
.mf-screen{margin:0;min-width:0}
.mf-screen>a{display:block;position:relative;background:white;border:1px solid #cfdddf;border-radius:18px;overflow:hidden}
.mf-screen img{display:block;width:100%;height:auto}
.mf-screen figcaption{font-size:13px;line-height:1.7;color:#354f5b;padding:12px 5px 0}
.mf-enlarge{position:absolute;bottom:10px;right:10px;background:#fff;color:var(--mf-ink);border:1px solid #c8d6d9;border-radius:100px;padding:4px 10px;font-size:13px;font-weight:700}
.mf-hero-tags{padding:0;margin:24px 0 0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.mf-hero-tags li{padding:7px 11px;background:white;border-radius:100px;font-size:13px;font-weight:750}.mf-hero-tags li span{color:var(--mf-accent)}
.mf-ribbon{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 50px;padding:20px;background:#d4f279;color:#193d3b;font-size:clamp(14px,2vw,24px);font-weight:900;letter-spacing:.04em}
.mf-league .mf-ribbon{background:#e4dcff;color:#423481}
.mf-jumps{position:sticky;top:var(--mf-header);z-index:30;background:#fffef9f5;border-bottom:1px solid #d5dfda;backdrop-filter:blur(8px)}
.mf-jumps>.mf-wrap{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;padding-block:12px}
.mf-jumps a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;padding:8px 15px;border-radius:100px;font-size:14px;font-weight:750;color:var(--mf-ink);border:1px solid transparent}
.mf-jumps a:hover,.mf-jumps a[aria-current=location]{background:var(--mf-soft);border-color:#cbd9d4;text-decoration:none}
.mf-page section[id]{scroll-margin-top:calc(var(--mf-header) + var(--mf-nav) + 20px)}
.mf-needs{text-align:center;padding-block:80px}
.mf-needs h2,.mf-more h2{font-size:clamp(27px,3.2vw,42px);line-height:1.5;margin-bottom:20px;font-weight:850}
.mf-needs>p:not(.mf-kicker){color:#354f5b}
.mf-needs ul{list-style:none;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:0;margin:30px 0 0}
.mf-needs li{padding:12px 19px;border:1px solid #d9dcd3;border-radius:16px;background:#fff;font-weight:700;font-size:16px;transform:rotate(-2deg)}
.mf-needs li:nth-child(even){transform:rotate(2deg);background:#fff1cc}
.mf-feature{padding-block:86px}.mf-tone-0{background:#edf7ee}.mf-tone-1{background:#fff0e6}.mf-tone-2{background:#f1effc}
.mf-feature-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:66px;align-items:center}
.mf-feature-grid.mf-reverse{grid-template-columns:1.1fr 1fr}.mf-reverse .mf-feature-copy{order:2}
.mf-feature h2{font-size:clamp(27px,3vw,41px);line-height:1.45;font-weight:850;margin-bottom:24px}
.mf-section-lead{font-size:17px;line-height:1.95;color:#354f5b}
.mf-points{margin-block:28px}
.mf-points article+article{margin-top:24px}.mf-points h3{display:flex;align-items:baseline;gap:10px;font-size:18px;margin-bottom:8px;line-height:1.7}
.mf-points h3 span{font-size:13px;color:var(--mf-accent);font-weight:850;flex-shrink:0}
.mf-points p{font-size:16px;line-height:1.95;margin:0 0 0 26px;color:#354f5b}
.mf-feature-visual{min-width:0}.mf-feature-visual>.mf-screen+.mf-screen{margin-top:24px}
.mf-design-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.mf-design-links span{padding:10px 16px;background:#ffdf77;border-radius:100px;font-size:14px;font-weight:750}
.mf-design-links span:nth-child(2){background:var(--mf-ink);color:white}.mf-design-links span:nth-child(3){background:#e0d8ff}
.mf-gallery{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.mf-gallery h3{font-size:27px;line-height:1.5}.mf-gallery p:not(.mf-kicker){font-size:16px;color:#354f5b}
.mf-gallery>.mf-screen img{max-height:720px;object-fit:contain}.mf-gallery .mf-screen{margin-top:24px}
.mf-more{padding-block:90px}.mf-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px;margin:44px 0}
.mf-more-grid article{padding:20px;background:#fff;border:1px solid #dae2dc;border-radius:20px;min-width:0}
.mf-more-grid article:nth-child(3n+2){background:#fff5d9}.mf-more-grid article:nth-child(3n+3){background:#f0edf9}
.mf-number{display:inline-block;font-size:23px;font-weight:900;color:var(--mf-accent);margin-bottom:16px}
.mf-more-grid h3{font-size:18px;line-height:1.6}.mf-more-grid p{font-size:16px;line-height:1.95;margin-bottom:0;color:#354f5b}
.mf-closing{padding-block:80px;background:#e2f1aa;text-align:center}.mf-league .mf-closing{background:#e6dfff}
.mf-closing h2{font-size:clamp(30px,4vw,51px);line-height:1.5;font-weight:900}.mf-closing .mf-actions{justify-content:center;margin-top:30px}.mf-closing>div>p:not(.mf-kicker):not(.mf-small){line-height:2}
.mf-next{display:flex;justify-content:center;gap:20px 40px;flex-wrap:wrap;margin-top:44px;padding-top:28px;border-top:1px solid #b7c68d;font-size:16px;font-weight:750}.mf-next a{color:var(--mf-ink)}
.mf-lightbox{padding:18px;width:min(1280px,94vw);max-height:92dvh;border:1px solid #b8c9cd;border-radius:18px;background:#fff;color:var(--mf-ink)}
.mf-lightbox::backdrop{background:#102d40cf}.mf-lightbox-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.mf-lightbox-head h2{font-size:18px;margin:0}.mf-lightbox-head form{margin:0}.mf-lightbox button{border:1px solid #c2d1d5;border-radius:100px;padding:9px 15px;background:#f2f6f6;white-space:nowrap;font-weight:700;color:var(--mf-ink)}
.mf-lightbox-scroll{overflow:auto;max-height:70dvh}.mf-lightbox img{display:block;width:auto;max-width:none;height:auto}.mf-lightbox-caption{font-size:14px;margin:12px 0 0}
@media(min-width:850px){.mf-hero-visual .mf-screen img{max-height:390px;object-fit:contain}.mf-league .mf-hero-visual{padding-top:40px}}
@media(max-width:1000px){.mf-feature-grid,.mf-feature-grid.mf-reverse{gap:32px}.mf-hero{gap:28px}.mf-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-catch{font-size:36px}.mf-intro{font-size:16px}}
@media(max-width:760px){.mf-page{--mf-header:0px}.mf-wrap{width:calc(100% - 36px)}.mf-breadcrumb{font-size:13px;padding-block:16px}.mf-switch a{font-size:14px;padding:8px 13px}.mf-hero{grid-template-columns:1fr;padding-block:36px 42px;gap:58px}.mf-hero h1{font-size:18px}.mf-hero h1 span{font-size:22px}.mf-catch{font-size:clamp(29px,7.9vw,47px)}.mf-intro{font-size:16px}.mf-hero-visual{padding:40px 16px 20px}.mf-sticker{width:104px;height:104px;font-size:16px;top:-26px}.mf-hero-tags{gap:6px}.mf-hero-tags li{font-size:12px;padding:6px 9px}.mf-ribbon{gap:12px;padding-block:16px;font-size:14px}.mf-jumps>.mf-wrap{width:100%;padding:8px 18px}.mf-jumps a{padding:8px 12px;font-size:14px}.mf-needs{padding-block:54px}.mf-needs ul{gap:10px}.mf-needs li{font-size:14px;padding:10px 13px}.mf-feature{padding-block:52px}.mf-feature-grid,.mf-feature-grid.mf-reverse{grid-template-columns:1fr;gap:28px}.mf-reverse .mf-feature-copy{order:0}.mf-feature h2{font-size:30px}.mf-kicker{font-size:12px;margin-bottom:15px}.mf-gallery{grid-template-columns:1fr;gap:28px;margin-top:36px}.mf-gallery>.mf-screen img{max-height:560px}.mf-more{padding-block:54px}.mf-more-grid{gap:14px;margin-block:30px}.mf-more-grid article{padding:16px}.mf-more-grid h3{font-size:16px}.mf-more-grid p{font-size:16px}.mf-closing{padding-block:52px}.mf-next{flex-direction:column}.mf-lightbox{padding:12px}.mf-lightbox-head h2{font-size:16px}}
@media(max-width:600px){.mf-more-grid{grid-template-columns:1fr}.mf-more-grid article{padding:22px}.mf-points p{margin-left:0}.mf-page button{font-family:inherit}}
@media(max-width:360px){.mf-more-grid{grid-template-columns:1fr}.mf-hero h1 span{font-size:20px}}
@media(prefers-reduced-motion:reduce){.mf-page *{scroll-behavior:auto!important;transition:none!important}}

/* The same live renderer and playback controls as the pricing-page demo. */
.mf-animation-sample{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;margin-top:60px}
.mf-animation-intro h3{font-size:28px;line-height:1.5}.mf-animation-intro p:not(.mf-kicker){font-size:16px;line-height:1.95;color:#354f5b}
.mf-animation-sample .plan-live-demo{margin:0;min-width:0;background:#fff;border:1px solid #cfdddf;border-radius:20px;overflow:hidden}
.mf-animation-sample .plan-demo-heading{padding:24px 24px 0}.mf-animation-sample .plan-eyebrow{font-size:12px;font-weight:700;color:var(--mf-accent)}
.mf-animation-sample .plan-demo-heading h2{font-size:24px;line-height:1.5;margin:12px 0}.mf-animation-sample .plan-demo-heading p{font-size:16px;margin-bottom:0}
.mf-animation-sample .plan-demo-canvas{padding:20px 12px;min-height:250px}.mf-animation-sample svg{display:block;width:100%;height:auto;max-width:100%;margin:auto}
.mf-animation-sample .plan-demo-fallback img{display:block;width:100%;height:auto}
.mf-animation-sample .plan-demo-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:18px 24px}
.mf-animation-sample button{font-family:inherit;font-size:15px;font-weight:700;line-height:1.5;padding:12px 16px;min-height:46px;border:1px solid var(--mf-ink);border-radius:100px;background:var(--mf-ink);color:white}
.mf-animation-sample button:disabled{background:#eef3f4;color:#536573;border-color:#cfdddf;cursor:default}
.mf-animation-sample [data-demo-status]{font-size:14px;color:#354f5b;flex-basis:100%}
.mf-animation-sample figcaption{font-size:13px;line-height:1.8;color:#354f5b;padding:0 24px 24px}
@media(max-width:760px){.mf-animation-sample{grid-template-columns:1fr;gap:24px;margin-top:40px}.mf-animation-intro h3{font-size:25px}.mf-animation-sample .plan-demo-canvas{padding:12px 4px}.mf-animation-sample .plan-demo-controls{padding:16px}.mf-animation-sample button{font-size:14px;padding:10px 12px}}
/* Explain flexible formats with crisp, responsive illustrations and live text. */
#compound .mf-feature-grid,#compound .mf-feature-grid.mf-reverse{grid-template-columns:1fr;gap:36px}
#compound .mf-feature-copy{order:0}#compound .mf-feature-copy>h2{font-size:clamp(28px,3.4vw,46px)}
#compound .mf-section-lead{max-width:960px}#compound .mf-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}#compound .mf-points article+article{margin-top:0}
.mf-format-map{margin:0;padding:36px;background:#fffdf8;border:1px solid #d4dfd8;border-radius:28px}
.mf-format-map-heading{text-align:center;margin-bottom:28px}.mf-format-badge{display:inline-block;background:#ffe18a;color:#533d13;border-radius:100px;padding:8px 24px;font-weight:800;font-size:16px;transform:rotate(-3deg)}
.mf-format-map-heading h3{font-size:clamp(25px,3vw,36px);margin:18px 0 12px}.mf-format-map-heading p{font-size:16px;color:#354f5b}
.mf-format-patterns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mf-format-pattern{padding:22px;background:white;border:1px solid #d6e0df;border-radius:20px;min-width:0}
.mf-format-message{text-align:center;font-weight:750;font-size:17px;margin:0 0 18px;color:var(--mf-ink)}
.mf-format-flow{display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);gap:8px;align-items:center}
.mf-format-stage{padding:14px 8px;border-radius:16px;text-align:center;min-width:0}.mf-format-qualifying{background:#eaf5ff;color:#17688c}.mf-format-finals{background:#fff0dc;color:#9a5518}
.mf-format-stage>span{display:inline-block;font-size:14px;font-weight:800;background:white;padding:2px 16px;border-radius:100px}.mf-format-stage>svg{display:block;width:100%;height:auto;margin:12px 0}.mf-format-stage strong{font-size:17px;white-space:nowrap;letter-spacing:0}
.mf-format-arrow{color:#527b70;text-align:center}.mf-format-arrow span{font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:0}.mf-format-arrow svg{width:100%;height:auto;display:block;margin-top:8px}
.mf-format-options{margin-top:28px;text-align:center}.mf-format-options>strong{font-size:18px}.mf-format-options ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px 0;padding:0}.mf-format-options li{background:#e5f2c7;color:#344d20;border-radius:100px;padding:10px 18px;font-weight:700;font-size:15px}
.mf-format-map figcaption{font-size:13px;color:#354f5b;text-align:center;margin-top:22px}
@media(max-width:1000px){.mf-format-map{padding:24px}.mf-format-flow{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr)}.mf-format-pattern{padding:16px}.mf-format-stage strong{font-size:14px}}
@media(max-width:760px){#compound .mf-points{grid-template-columns:1fr;gap:24px}.mf-format-patterns{grid-template-columns:1fr}.mf-format-map{padding:20px 12px;border-radius:20px}.mf-format-pattern{padding:18px 10px}.mf-format-flow{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:4px}.mf-format-stage{padding:12px 4px}.mf-format-stage strong{font-size:clamp(11px,3.4vw,16px)}.mf-format-arrow span{font-size:10px}.mf-format-message{font-size:15px}.mf-format-options li{font-size:14px}.mf-format-map-heading p{font-size:15px}}
.mf-design-demo{min-width:0}.mf-theme-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.mf-theme-controls label{display:grid;gap:6px;font-size:16px;font-weight:700}.mf-theme-controls select,.mf-theme-controls button{font:inherit;min-height:46px;padding:10px 14px;border:1px solid #bcced1;border-radius:12px;background:white;color:var(--mf-ink);max-width:100%}.mf-theme-controls button{font-size:14px;font-weight:700}
.mf-theme-help{font-size:15px;color:#354f5b;line-height:1.8}
.mf-shape-preview{border:1px solid #c7d7db;border-radius:18px;padding:20px 12px;margin-top:16px;overflow:hidden}
.mf-shape-preview h3{font-size:clamp(22px,2vw,28px);font-weight:800;color:inherit;margin:0 8px 8px;line-height:1.5}
.mf-shape-preview svg{display:block;width:100%;height:auto;max-width:100%;margin:auto}
@media(max-width:760px){.mf-shape-preview{padding:18px 8px}.mf-theme-controls label{width:100%}.mf-theme-controls select{width:100%}}
.mf-design-details{margin-top:64px}.mf-design-details>h3{font-size:clamp(26px,3vw,36px);line-height:1.5}.mf-design-details>p{color:#354f5b}
.mf-detail-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:30px}
.mf-detail-group{min-width:0}.mf-detail-group h4{font-size:24px;line-height:1.5;margin:0 0 20px}
.mf-detail-preview{background:#fff;border:1px solid #cfdddf;border-radius:20px;margin:0 0 20px;padding:24px 16px;overflow:hidden}
.mf-detail-preview figcaption{padding:0 8px}.mf-detail-preview strong{display:block;font-size:24px;line-height:1.5;color:var(--mf-ink);margin-bottom:8px}.mf-detail-preview figcaption span{display:block;font-size:15px;line-height:1.8;color:#354f5b}
.mf-detail-preview svg{display:block;width:100%;height:auto;max-width:100%}
@media(max-width:760px){.mf-detail-columns{grid-template-columns:1fr;gap:28px}.mf-detail-preview{padding:20px 8px}.mf-detail-group h4{font-size:22px}}

/* 記録・共有の役割をひと目で伝える共通イラスト */
.mf-support-art{display:block;width:100%;max-width:280px;height:auto;margin:0 auto 22px}
.mf-support-art .mf-art-text{fill:#174859;stroke:none;font-family:inherit;font-size:13px;font-weight:700;text-anchor:middle}
.mf-support-art .mf-art-accent{fill:#9f3548;font-size:20px}
.mf-more-grid .mf-number{margin-bottom:4px}

/* 大会当日の楽しさを伝えるクロージング背景 */
.mf-page .mf-closing{padding:70px 0 240px;background-color:#f6f8e9;background-image:linear-gradient(180deg,rgba(255,253,243,.2),rgba(255,253,243,.08)),url('/images/minmane/features/tournament-day.webp');background-size:cover;background-position:center bottom}
.mf-closing>.mf-wrap{max-width:960px;background:radial-gradient(ellipse,rgba(255,253,243,.94) 25%,rgba(255,253,243,.8) 55%,rgba(255,253,243,0) 75%)}
.mf-closing .mf-next{border-color:rgba(23,72,89,.2)}
@media(max-width:1000px){.mf-page .mf-closing{padding-bottom:300px;background-size:100% auto;background-repeat:no-repeat;background-image:linear-gradient(180deg,#f6f8e9 0%,rgba(246,248,233,0) 48%),url('/images/minmane/features/tournament-day.webp')}}
@media(max-width:600px){.mf-page .mf-closing{padding:52px 0 260px;background-size:100% 300px,auto 300px}.mf-closing>.mf-wrap{background:none}}
.mf-closing h2{text-wrap:balance}
.mf-closing .mf-next a{padding:8px 14px;border-radius:12px;background:rgba(255,253,243,.92)}
.mf-shape-heading{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin:0 8px 12px}
.mf-shape-heading h3{margin:0}
.mf-theme-name{margin-left:auto;padding:6px 12px;border:1px solid currentColor;border-radius:999px;font-size:16px;font-weight:750;line-height:1.5;color:inherit}
/* リーグ表は全幅で、結果から順位まで見渡せる大きさに。 */
.mf-league #roundrobin .mf-feature-grid{grid-template-columns:1fr;gap:0}
.mf-league #roundrobin .mf-feature-copy{display:contents}
.mf-league #roundrobin .mf-section-lead{max-width:850px;margin-bottom:30px}
.mf-league #roundrobin .mf-feature-visual{order:1}
.mf-league #roundrobin .mf-points{order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}
.mf-league #roundrobin .mf-screen img{max-height:none;width:100%}
@media(max-width:760px){.mf-league #roundrobin .mf-points{grid-template-columns:1fr;gap:12px}}
.mf-league #roundrobin .mf-points article{margin-top:0}

/* 順位の決め方を、具体的な数字と図で比較する。 */
.mf-rank-guide{margin-bottom:28px;font-family:"BIZ UDPGothic","Noto Sans JP","Noto Sans CJK JP","Hiragino Sans",Meiryo,sans-serif;letter-spacing:.02em}
.mf-rank-option{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;align-items:center;padding:20px 16px;margin-bottom:14px;border:1px solid #d3dfdf;border-radius:20px;background:#fff}
.mf-rank-option:nth-of-type(2){background:#fff8df}
.mf-rank-option.mf-rank-manual{background:#f2eefb}
.mf-rank-option svg{display:block;width:100%;height:auto;font-family:inherit}
.mf-rank-option h3{font-family:inherit;font-size:26px;line-height:1.5;margin:0 0 6px;font-weight:800}
.mf-rank-option p{font-size:18px;line-height:1.75;margin:0 0 10px}
.mf-rank-example{font-size:18px;line-height:1.9}
.mf-rank-example strong{display:inline-block;font-size:24px;color:#174859}
.mf-rank-option .mf-rank-note{font-size:16px;color:#354f5b;margin:6px 0 0}
.mf-rank-connector{text-align:center;font-size:17px;font-weight:700;line-height:1.8;margin:16px 0}
.mf-rank-connector span{display:block;font-size:26px;color:#65509a}
.mf-rank-guide>.mf-small{font-size:16px}.mf-rank-guide>.mf-kicker{font-size:16px;letter-spacing:.04em}
@media(max-width:600px){.mf-rank-option{grid-template-columns:1fr;padding:22px 18px;gap:12px}.mf-rank-option svg{width:140px;margin-inline:auto}.mf-rank-option h3{font-size:24px}.mf-rank-example{font-size:18px}}

.mf-schedule-story{font-family:"BIZ UDPGothic","Noto Sans JP","Noto Sans CJK JP",Meiryo,sans-serif}
.mf-schedule-inputs,.mf-schedule-output{padding:24px;border:1px solid #d0dede;border-radius:20px;background:#fff}
.mf-schedule-story h3,.mf-schedule-screen h3{font-family:inherit;font-size:24px;line-height:1.6;margin:0 0 18px}
.mf-schedule-story h3 span{color:#65509a;margin-right:8px}
.mf-schedule-inputs dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}
.mf-schedule-inputs dl div{padding:12px;background:#f0f6f3;border-radius:12px}
.mf-schedule-inputs dt{font-size:16px;color:#354f5b}.mf-schedule-inputs dd{font-size:20px;font-weight:750;margin:4px 0 0}
.mf-schedule-click{display:flex;align-items:center;justify-content:center;gap:16px;margin:22px 0;color:#174859}.mf-schedule-click svg{width:52px;height:52px}.mf-schedule-click strong{font-size:22px;line-height:1.6}.mf-schedule-click>span{font-size:36px}
.mf-schedule-output{background:#fff9e4}.mf-schedule-output table{width:100%;border-collapse:collapse;background:#fff;font-size:16px}.mf-schedule-output caption{font-size:15px;text-align:left;margin-bottom:8px}.mf-schedule-output th,.mf-schedule-output td{border:1px solid #cddddd;padding:12px 8px;text-align:center}.mf-schedule-output thead{background:#e4f2ee}.mf-schedule-rest{background:#f2eefb}.mf-schedule-output p{font-size:17px;margin:16px 0 0}.mf-schedule-story>.mf-small{font-size:15px;margin-top:16px}
.mf-schedule-screen{margin-top:48px}.mf-schedule-screen .mf-screen img{max-height:none}
@media(max-width:600px){.mf-schedule-inputs,.mf-schedule-output{padding:18px 12px}.mf-schedule-inputs dl{gap:10px}.mf-schedule-inputs dd{font-size:18px}.mf-schedule-story h3{font-size:22px}.mf-schedule-output table{font-size:14px}.mf-schedule-output th,.mf-schedule-output td{padding:10px 4px}}

.mf-view-block{margin-top:40px}.mf-view-block h3{font-size:26px;line-height:1.6;margin:0 0 14px}.mf-view-block h3 span{color:#65509a;margin-right:10px}.mf-view-block p{font-size:18px;line-height:1.9}
.mf-view-comparison{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:24px;align-items:start}.mf-view-comparison h4{font-size:23px;margin:0 0 6px}.mf-view-comparison .mf-screen img{max-height:none}.mf-view-color{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;align-items:center;padding-block:32px;border-block:1px solid #d7dede}.mf-view-legend{display:flex;flex-wrap:wrap;gap:14px;padding:0;list-style:none;font-size:18px;font-weight:700}.mf-view-legend li{display:flex;align-items:center;gap:8px}.mf-view-legend i{width:26px;height:26px;border:1px solid #b8cdca;border-radius:6px}.mf-win-swatch{background:#dcf1e6}.mf-loss-swatch{background:#e7edf4}.mf-view-detail{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.mf-view-detail .mf-screen{max-width:360px;justify-self:center}.mf-view-block .mf-small{font-size:16px}
@media(max-width:760px){.mf-view-comparison,.mf-view-color,.mf-view-detail{grid-template-columns:1fr;gap:24px}.mf-view-block h3{font-size:23px}.mf-view-detail .mf-screen{max-width:300px}}

.mf-schedule-focus>p,.mf-schedule-focus [data-schedule-panel]>p{font-size:18px;line-height:1.9}
.mf-schedule-team{color:#174859}.mf-schedule-team strong{padding:4px 12px;border-radius:8px;background:#e5f3fa}
.mf-schedule-modes{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.mf-schedule-modes[hidden]{display:none}
.mf-schedule-modes button{font:inherit;font-size:18px;font-weight:750;padding:12px 20px;border:1px solid #b8ccd4;border-radius:14px;background:#fff;color:#174859;cursor:pointer}
.mf-schedule-modes button[aria-pressed=true]{background:#174859;color:#fff;border-color:#174859}
.mf-schedule-focus h4{font-size:24px;margin:0 0 12px}.mf-schedule-focus>.mf-small{font-size:15px;margin-top:18px}
@media(max-width:600px){.mf-schedule-modes{flex-direction:column}.mf-schedule-modes button{text-align:left}}