/* mikiwameru: header, front page and footer of the v4 design
   (baby blue x washi fibre x rich light blue, decided by the user on 2026-10-08).
   Source: outputs/design_sample_20261008/mikiwameru_top_design_v4_babyblue_washi_2026-10-08.html
   Loaded on every page after mk-exact-tokens.css.

   Contrast (WCAG 2.1, computed 2026-10-08 on the v4 sample):
   - white on --mk-bright #0072C0 = 5.0:1, white on --mk-deep #024B7C = 9.0:1
   - --ink #0F2742 on --mk-gsafe #9AD0F5 >= 5.5:1 (hero and final CTA use --ink, not --mk-deep)
   - --ink-soft #4A6380 on white 6.2:1, on --mk-pale 5.8:1 */

:root{
  --mk-deep:#024B7C; --mk-mid:#0060A2; --mk-bright:#0072C0; --mk-glow:#9AD0F5;
  --mk-pale:#EAF5FD; --mk-line:#CEE4F3; --mk-gsafe:#9AD0F5;
  --mk-card:#FFFFFF; --mk-warn-bg:#FFF6E5; --mk-warn-ink:#7A4B00;
  --mk-r:18px;
  --mk-shadow:0 1px 2px rgba(10,40,80,.06),0 14px 30px -16px rgba(10,60,120,.35);
  --mk-font:'Noto Sans JP',"Hiragino Sans","Yu Gothic UI","Meiryo",system-ui,sans-serif;
  /* washi fibre: long horizontal noise, laid over coloured surfaces with blend mode overlay */
  --mk-washi:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.012 .22' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.30'/></svg>");
}

/* ---- header ---- */
.mk-hd{background:#fff;border-bottom:1px solid var(--mk-line);position:sticky;top:0;z-index:20;font-family:var(--mk-font)}
.mk-hd-in{max-width:1120px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:16px;position:relative}
.mk-logo{font-weight:800;font-size:20px;color:var(--ink);text-decoration:none;letter-spacing:.02em}
.mk-hd .custom-logo-link{display:block;line-height:0}
.mk-hd .custom-logo{max-height:44px;width:auto}
.mk-hd-nav{margin-left:auto;display:flex;gap:18px;font-size:15px}
.mk-hd-nav a{color:var(--ink);text-decoration:none;font-weight:700}
.mk-hd-nav a:hover{color:var(--mk-mid)}
.mk-hd-toggle{display:none;margin-left:auto;min-width:44px;min-height:44px;align-items:center;justify-content:center;
  background:transparent;border:1px solid var(--mk-line);border-radius:8px;color:var(--ink);cursor:pointer}
.mk-hd-toggle svg{width:20px;height:20px}
@media (max-width:720px){
  .mk-hd-toggle{display:inline-flex}
  .mk-hd-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;margin:0;
    background:#fff;border-bottom:1px solid var(--mk-line);box-shadow:0 12px 24px -16px rgba(10,40,80,.3)}
  .mk-hd-nav.is-open{display:flex}
  .mk-hd-nav a{padding:14px 20px;border-top:1px solid var(--mk-line)}
}
.mk-progress i{background:var(--mk-bright)}

/* ---- category rail under the header (v0.2.0). --mk-deep on --mk-pale 8.3:1 ---- */
.mk-rail{background:#fff;border-bottom:1px solid var(--mk-line);font-family:var(--mk-font)}
.mk-rail-in{max-width:1120px;margin:0 auto;padding:8px 16px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.mk-rail-in::-webkit-scrollbar{display:none}
.mk-rail a{flex:0 0 auto;font-size:14px;font-weight:700;color:var(--mk-deep);background:var(--mk-pale);border:1px solid var(--mk-line);border-radius:99px;padding:5px 14px;text-decoration:none;white-space:nowrap}
.mk-rail a:hover{background:#fff;border-color:var(--mk-bright)}

/* ---- texture layer (washi) for hero and final CTA ---- */
.mk-tex{position:relative;overflow:hidden;isolation:isolate}
.mk-tex::before,.mk-tex::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.mk-tex>*{position:relative;z-index:1}
.mk-tex::before{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 60%);opacity:.6}
.mk-tex::after{opacity:.28;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.012 .22' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* ---- hero (rich light blue, navy text) ---- */
.mk-hero{padding:0;color:var(--ink);font-family:var(--mk-font);
  background:linear-gradient(155deg,var(--mk-gsafe) 0%,color-mix(in srgb,var(--mk-gsafe) 75%,#fff) 100%)}
.mk-hero-in{max-width:1120px;margin:0 auto;padding:56px 16px 64px;display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center}
.mk-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;background:#fff;border:1px solid var(--mk-line);color:var(--mk-deep);border-radius:99px;padding:4px 12px}
.mk-hero h1{font-family:var(--mk-font);font-size:clamp(28px,4.6vw,46px);line-height:1.3;margin:14px 0 12px;color:var(--ink)}
.mk-hero p{margin:0 0 24px;font-size:17px;line-height:1.75;max-width:34em}
.mk-hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.mk-hero-fig{justify-self:center}
.mk-hero-fig img{width:min(260px,60vw);height:auto;display:block;filter:drop-shadow(0 18px 20px rgba(0,20,60,.35))}
@media (max-width:720px){.mk-hero-in{grid-template-columns:1fr;padding:40px 16px 48px}.mk-hero-fig img{width:180px}}

/* ---- buttons (washi on the coloured fill) ---- */
.mk-btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-decoration:none;border-radius:99px;padding:14px 26px;font-size:16px;font-family:var(--mk-font)}
.mk-btn-main{color:#fff;--fill:linear-gradient(180deg,var(--mk-bright),var(--mk-mid));box-shadow:inset 0 -2px 0 rgba(10,60,120,.12),0 10px 22px -10px rgba(0,20,60,.6)}
.mk-btn-ghost{color:var(--mk-deep);border:2px solid var(--mk-deep);--fill:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6))}
.mk-btn-main:hover,.mk-btn-ghost:hover{filter:brightness(1.06)}

/* ---- front page body ---- */
.mk-front{font-family:var(--mk-font);line-height:1.75;font-size:16px}
.mk-wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.mk-band{padding:48px 0}
.mk-band-tight{padding-top:8px}
.mk-band h2{font-family:var(--mk-font);font-size:clamp(22px,3vw,30px);margin:0 0 6px;line-height:1.4}
.mk-lead{color:var(--ink-soft);margin:0 0 24px}
.mk-h2-bar{display:inline-block;width:48px;height:6px;border-radius:6px;margin-bottom:10px;--fill:linear-gradient(90deg,var(--mk-bright),var(--mk-glow))}

.mk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:900px){.mk-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.mk-grid{grid-template-columns:1fr}}
.mk-tile{background:var(--mk-card);border:1px solid var(--mk-line);border-radius:var(--mk-r);padding:18px;box-shadow:var(--mk-shadow);text-decoration:none;color:var(--ink);position:relative;overflow:hidden;transition:transform .15s}
.mk-tile:hover{transform:translateY(-3px)}
.mk-tile::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;--fill:linear-gradient(90deg,var(--mk-deep),var(--mk-bright),var(--mk-glow))}
.mk-tile .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.4);margin-bottom:10px;--fill:linear-gradient(150deg,var(--mk-bright),var(--mk-deep))}
.mk-tile h3{font-family:var(--mk-font);margin:0 0 4px;font-size:17px}
.mk-tile p{margin:0;font-size:14px;color:var(--ink-soft)}

.mk-tablecard{background:var(--mk-card);border:1px solid var(--mk-line);border-radius:var(--mk-r);box-shadow:var(--mk-shadow);overflow:hidden}
.mk-tablescroll{overflow-x:auto;position:relative}
.mk-table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px}
.mk-table th,.mk-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--mk-line)}
.mk-table thead{--fill:linear-gradient(var(--mk-deep),var(--mk-deep))}
.mk-table thead th{background:transparent;color:#fff;font-size:14px}
.mk-table tbody tr:nth-child(even){background:var(--mk-pale)}
.mk-table td.co{font-weight:800}
.mk-pill{display:inline-block;font-size:12px;font-weight:700;border-radius:99px;padding:2px 10px;background:var(--mk-pale);color:var(--mk-deep);border:1px solid var(--mk-line)}
.mk-go{display:inline-block;font-weight:800;font-size:14px;text-decoration:none;color:#fff;border-radius:99px;padding:8px 14px;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.35);--fill:linear-gradient(180deg,var(--mk-bright),var(--mk-mid))}
.mk-tablecard .mk-foot{padding:12px 16px;font-size:13px;color:var(--ink-soft)}

.mk-point{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;background:linear-gradient(135deg,#fff 0%,var(--mk-pale) 100%);border:1px solid var(--mk-line);border-radius:var(--mk-r);padding:20px;box-shadow:var(--mk-shadow)}
.mk-point img{width:110px;height:auto;display:block;filter:drop-shadow(0 8px 10px rgba(10,60,120,.25))}
.mk-point h3{font-family:var(--mk-font);margin:0 0 6px;color:var(--mk-deep)}
.mk-point p{margin:0}
@media (max-width:560px){.mk-point{grid-template-columns:1fr;text-align:center}.mk-point img{margin:0 auto}}

.mk-warn{background:var(--mk-warn-bg);color:var(--mk-warn-ink);border-radius:12px;padding:12px 16px;font-size:14px;margin:0}
.mk-cta{color:var(--ink);border-radius:24px;padding:40px 24px;text-align:center;
  background:linear-gradient(155deg,var(--mk-gsafe) 0%,color-mix(in srgb,var(--mk-gsafe) 75%,#fff) 100%)}
.mk-cta h2{margin:0 0 8px;color:var(--ink)}
.mk-cta p{margin:0 0 20px}

/* ---- clay sunflower (2026-10-09, v0.1.1; rules in CONTENT_STYLE_RULES.md 7-B) ----
   Sizes come only from the classes below. These rules match .mkfx-sf only, never every image.
   Transparent images: drop-shadow, never box-shadow, border or background. */
.mkfx-sf{display:block;height:auto;filter:drop-shadow(0 8px 10px rgba(10,60,120,.22))}
.mkfx-sf-s{width:auto;height:72px}
.mkfx-sf-m{width:auto;height:110px}
.mkfx-sf-l{width:auto;height:150px}
/* "heading > sunflower > card": a zero-height box between them; the feet stand on the card's top edge. */
.mkfx-sf-perch{position:relative;height:0;z-index:2}
.mkfx-sf-perch .mkfx-sf{position:absolute;right:18px;bottom:-6px}
.mkfx-has-perch>h2,.mkfx-has-perch>.mk-lead{padding-right:120px}
@media (max-width:560px){.mkfx-has-perch>h2,.mkfx-has-perch>.mk-lead{padding-right:84px}.mkfx-sf-perch .mkfx-sf.mkfx-sf-m{height:84px}.mkfx-sf-perch .mkfx-sf{right:8px}}
.mk-point .mkfx-sf{width:auto;height:110px;margin:0 auto}
.mk-warn{display:flex;gap:12px;align-items:center}
.mk-cta .mkfx-sf{margin:0 auto 8px}
.pfj-page-simple .mkfx-sf{margin:24px 0 8px}

/* ---- footer (overrides the generic footer rules in mk-exact-tokens.css) ---- */
footer.mk-ft{margin-top:56px;padding:0;color:#fff;font-size:14px;font-family:var(--mk-font);--fill:linear-gradient(var(--mk-deep),var(--mk-deep))}
.mk-ft-in{max-width:1120px;margin:0 auto;padding:36px 16px 20px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px 28px}
/* v0.2.2 four link columns. Contrast on --mk-deep #024B7C: white 9.1:1, #DCEEFB 7.7:1, --mk-glow #9AD0F5 5.5:1 (headings). */
.mk-ft-name{font-weight:800;font-size:18px}
footer.mk-ft p{color:#DCEEFB;max-width:32em;margin:4px 0 0!important;font-size:14px}
footer.mk-ft p.mk-ft-tag{color:#fff;font-weight:700;margin-top:8px!important}
.mk-ft-col h4{margin:0 0 10px;font-size:14px;font-weight:800;color:var(--mk-glow);letter-spacing:.04em}
.mk-ft-col ul{list-style:none;margin:0!important;padding:0!important;display:grid;gap:6px}
.mk-ft-col li{margin:0}
footer.mk-ft a{color:#fff;font-size:14px;text-decoration:none}
footer.mk-ft a:hover{text-decoration:underline}
.mk-ft-bottom{max-width:1120px;margin:0 auto;padding:12px 16px 18px;border-top:1px solid rgba(255,255,255,.18);font-size:13px;color:#DCEEFB;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px}
@media (max-width:900px){.mk-ft-in{grid-template-columns:repeat(2,1fr)}.mk-ft-brand{grid-column:1/-1}}
@media (max-width:420px){.mk-ft-in{grid-template-columns:1fr}}

/* ---- washi on every coloured fill (buttons, icons, table header, footer, bars) ---- */
.mk-btn-main,.mk-btn-ghost,.mk-go,.mk-tile .ic,.mk-table thead,footer.mk-ft,.mk-h2-bar,.mk-tile::before{
  background-image:var(--mk-washi),var(--fill);background-blend-mode:overlay,normal;background-size:220px 220px,auto}

/* Text for screen readers only (WordPress does not ship this rule on the front end). 2026-10-09 v0.1.1 */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

/* Archive, search, blog index and 404 (body without .singular). 2026-10-09 v0.1.2
   These templates use the old classes of the original theme (.container, .pfj-page-simple, .pfj-h2, .pfj-lede, .pfj-btn),
   whose CSS (layout.css, pages.css) is no longer loaded, so the 404 page sat flush left with no styling.
   Contrast: --ink #0F2742 on white 15:1, --ink-soft #4A6380 on white 6.2:1, white on #0060A2-#0072C0 >= 5.0:1,
   input border --ink-soft on white 6.2:1 (WCAG 1.4.11 needs 3:1). */
body:not(.singular) .container{max-width:1120px;margin:0 auto;padding:0 16px}
body:not(.singular) .pfj-page-simple{padding:40px 16px 72px;font-family:var(--mk-font);color:var(--ink)}
body:not(.singular) .pfj-page-simple .pfj-h2{font-size:28px;font-weight:800;line-height:1.4;margin:8px 0 12px;color:var(--ink)}
body:not(.singular) .pfj-page-simple .pfj-lede{color:var(--ink-soft);font-size:16px;line-height:1.8;margin:0 0 20px}
body:not(.singular) .pfj-page-simple .pfj-btn,
body:not(.singular) .pfj-page-simple .search-submit{display:inline-flex;align-items:center;font-weight:800;text-decoration:none;border:0;border-radius:99px;padding:12px 24px;font-size:15px;font-family:var(--mk-font);color:#fff;background:linear-gradient(180deg,var(--mk-bright),var(--mk-mid));cursor:pointer}
body:not(.singular) .pfj-page-simple .pfj-btn:hover,
body:not(.singular) .pfj-page-simple .search-submit:hover{filter:brightness(1.06)}
body:not(.singular) .pfj-page-simple .search-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;max-width:480px}
body:not(.singular) .pfj-page-simple .search-form label{flex:1 1 220px;display:flex}
body:not(.singular) .pfj-page-simple .search-field{flex:1;width:100%;padding:11px 14px;font-size:16px;border:1px solid var(--ink-soft);border-radius:10px;background:#fff;color:#0F2742;font-family:var(--mk-font)}
@media (max-width:560px){body:not(.singular) .pfj-page-simple .pfj-h2{font-size:22px}}

/* 2026-10-09 v0.1.5: company logos (assets/img/logos/), taken from each company's official site with the user's OK.
   JFX's logo is white, so it sits on a navy plate (the company shows it on a dark header too). */
.mkfx-logo{display:block;height:24px;width:auto;max-width:150px;margin:0 0 6px}
.mkfx-logo-dark{background:#0F2742;padding:5px 8px;border-radius:6px;height:34px;box-sizing:border-box}

/* 2026-10-09 v0.1.6: article hero mascot. The original theme keeps these rules inline in every post, so the theme had no
   base position and the mascot rendered full size above the title on phones. Same placement as the original theme:
   bottom right of the hero, shown only wider than 1320px (the narrower layout has no room beside the title). */
.mk-article .hero{position:relative}
.mk-article .hero-main{position:relative;z-index:2}
.mk-article .mascot-herowrap{position:absolute;right:64px;left:auto;top:auto;bottom:-24px;z-index:1;pointer-events:none}
.mk-article .mascot-hero{height:380px;width:auto;display:block;box-shadow:none;background:transparent;filter:drop-shadow(0 20px 22px rgba(0,0,0,.5))}
@media (max-width:1320px){.mk-article .mascot-herowrap{display:none}}

/* 2026-10-10 v0.2.8: the same horizontal-streak noise as .mk-tex, laid over every pale-blue base background
   (body #F5F9FE, article body, .mk-band #EAF5FD). background-image only, so the colors stay and white cards stay plain. */
:root{--mk-paper-tex:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.012 .22' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.09'/></svg>")}
html body,html body .mk-article,html body .mk-article .mk-band:nth-of-type(even):not(.-dark):not(.-risk):not(.-paper):not(.-cta-geo){background-image:var(--mk-paper-tex);background-repeat:repeat}
.mkfx-ad-notice{font-size:13px;color:#4A6380;margin:8px auto 0}
.mkfx-ad-chip{display:inline-block;background:#55606b;color:#fff;font-size:11px;font-weight:700;line-height:1;padding:3px 6px;border-radius:3px;margin-right:6px;vertical-align:middle}
.mkfx-ad-band{padding:24px 0}
.mkfx-ad{background:#fff;border:2px solid #024B7C;border-radius:12px;padding:20px;max-width:720px;margin:0 auto}
.mkfx-ad p{margin:0 0 10px}
.mkfx-ad-head{font-size:13px;color:#55606b}
.mkfx-ad-name{font-size:20px;font-weight:700;color:#1d2733}
.mkfx-ad-catch{font-size:15px;color:#1d2733;line-height:1.7}
.mkfx-ad-bn{text-align:center}
.mkfx-ad-bn img{max-width:100%;height:auto}
.mkfx-ad-go{text-align:center}
.mkfx-ad .mkfx-ad-btn{display:inline-block;background:#024B7C;color:#fff;font-weight:700;text-decoration:none;padding:14px 22px;border-radius:999px;line-height:1.5;max-width:100%}
.mkfx-ad .mkfx-ad-btn:hover,.mkfx-ad .mkfx-ad-btn:focus{background:#013657;color:#fff}
.mkfx-ad-risk{font-size:12px;color:#4A6380;line-height:1.7;margin:0}
.mkfx-ad-px{display:inline;width:1px;height:1px;border:0;vertical-align:bottom}
.mkfx-ad-line{font-size:14px;padding:10px 0;text-align:center}
.mkfx-ad-line a{color:#024B7C;font-weight:700}
.mkfx-ad-tbl{display:block;margin-top:6px;font-size:12px;line-height:1.4}
.mkfx-ad-tbl a{color:#024B7C;font-weight:700}
/* 2026-10-11 v0.3.3: partnered logos go to the advertiser, with a PR chip */
a.mkfx-ad-logo{position:relative;display:inline-block;text-decoration:none}
a.mkfx-ad-logo .mkfx-ad-chip{position:absolute;top:-6px;right:-8px;margin:0;font-size:10px;padding:2px 4px}
.mkf-firm a.mkfx-ad-logo{display:inline-block;width:max-content;margin-bottom:6px}
.mkf-bcard.-pr{display:flex;flex-direction:column}
.mkf-bcard.-pr a.lg{position:relative;display:flex}
.mkf-bcard.-pr a.lg .mkfx-ad-chip{top:8px;left:8px;right:auto}
.mkf-bcard.-pr a.bd{text-decoration:none;color:var(--ink)}
.mkf-strip li a.mkfx-ad-logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.mkf-strip li a.mkfx-ad-logo .mkfx-ad-chip{top:-12px;right:-14px}
.mkf-theme-body li .mkfx-ad-tbl{margin:-4px 0 8px;text-align:right}
/* 2026-10-11 v0.3.8: offer-first ads, one PR chip. Colors on white: #B3261E 6.3:1, #024B7C 9.1:1, #4A6380 6.2:1; button #024B7C with white text 9.1:1. */
.mkfx-ad{text-align:center}
.mkfx-ad-offer{font-size:22px;font-weight:900;color:#B3261E;line-height:1.4;margin:4px 0 2px!important}
.mkfx-ad-sub{font-size:14px;font-weight:700;color:#024B7C}
.mkfx-ad-catch{text-align:left}
.mkfx-ad-go .mkfx-ad-chip{margin:0 0 0 8px}
.mkfx-ad .mkfx-ad-btn{font-size:16px;padding:16px 26px;box-shadow:0 4px 0 #013657}
.mkfx-ad-risk{text-align:left;font-size:11px}
.mkfx-ad-line{padding:12px 16px}
/* v0.4.4 offer card (2026-10-11 本人「黄色い帯 ダサイ」). White card on the page background; red offer #B3261E on #fff = 6.6:1, white on #024B7C button = 8.6:1. */
.mkfx-ad-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;background:#fff;border:1px solid #D5DFEA;border-left:6px solid #024B7C;border-radius:12px;padding:14px 18px;max-width:720px;margin:0 auto;box-shadow:0 2px 8px rgba(15,39,66,.08);color:#0F2742}
.mkfx-ad-bar .t{display:flex;flex-direction:column;min-width:0}
.mkfx-ad-bar .n{font-size:13px;font-weight:700;color:#4A6380}
.mkfx-ad-bar .o{font-size:20px;font-weight:900;color:#B3261E;line-height:1.3}
.mkfx-ad-bar a.b{display:inline-block;background:#024B7C;color:#fff;font-size:13px;font-weight:800;text-decoration:none;padding:10px 16px;border-radius:999px;line-height:1.4;text-align:center}
.mkfx-ad-bar a.b:hover,.mkfx-ad-bar a.b:focus{background:#013657;color:#fff}
.mkfx-ad-bar > .mkfx-ad-chip{position:absolute;top:8px;right:10px;margin:0;font-size:10px;padding:2px 4px}
@media (max-width:600px){.mkfx-ad-bar{flex-direction:column;align-items:stretch;text-align:center;padding-top:22px}}
.mkfx-ad-cta{text-align:center;padding:20px 16px;max-width:720px;margin:8px auto;background:#fff;border:1px solid #D5DFEA;border-top:5px solid #024B7C;border-radius:14px;box-shadow:0 4px 16px rgba(15,39,66,.10)} /* 2026-10-12 本人「黄色い点線ダサい」 */
.mkfx-ad-cta p{margin:0 0 8px}
.mkfx-ad-cta .mkfx-ad-btn{display:inline-block;background:#024B7C;color:#fff;font-weight:700;text-decoration:none;padding:14px 24px;border-radius:999px;line-height:1.5;max-width:100%;box-shadow:0 4px 0 #013657}
.mkfx-ad-cta .mkfx-ad-btn:hover,.mkfx-ad-cta .mkfx-ad-btn:focus{background:#013657;color:#fff}
a.mkfx-ad-txt{color:#024B7C;font-weight:700;text-decoration:underline}
/* v0.4.0 A8 banners everywhere (2026-10-11 本人「画像の素材、たくさん使って」) */
a.mkfx-ad-img{display:inline-block;line-height:0}
a.mkfx-ad-img img{max-width:100%;height:auto;display:block}
.mkfx-ad-leader{text-align:center;padding:4px 16px 12px}
.mkfx-ad-leader a.mkfx-ad-img{margin:0 auto}
.mkfx-ad-leader .n{display:none}
@media (max-width:760px){.mkfx-ad-leader .w{display:none}.mkfx-ad-leader .n{display:block}}
.mkfx-ad-cta .mkfx-ad-bn a.mkfx-ad-img{margin:4px auto}
.mkfx-ad-gband{padding:24px 0}
.mkfx-ad-ghead{font-size:18px;font-weight:800;color:#0F2742;margin:0 0 12px;text-align:center}
.mkfx-ad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-width:960px;margin:0 auto}
.mkfx-ad-gcard{background:#fff;border:1px solid #D5DFEA;border-radius:12px;padding:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.mkfx-ad-gcard a.mkfx-ad-img{width:100%}
.mkfx-ad-gcard a.mkfx-ad-img img{margin:0 auto}
.mkfx-ad-gcard .nm{font-size:13px;font-weight:700;color:#1d2733;margin:6px 0 0}
.mkfx-ad-gcard .of{font-size:15px;font-weight:900;color:#B3261E;line-height:1.4;margin:0}
.mkfx-ad-gcard a.mkfx-ad-gbtn{display:inline-block;margin-top:auto;background:#024B7C;color:#fff;font-size:12px;line-height:1.4;font-weight:700;text-decoration:none;padding:8px 14px;border-radius:999px}
.mkfx-ad-gcard a.mkfx-ad-gbtn:hover,.mkfx-ad-gcard a.mkfx-ad-gbtn:focus{background:#013657;color:#fff}
a.mkfx-ad-btn::after{content:" ›"}
/* v0.4.9 one notice per page, no PR chips (2026-10-12 本人「PRは全部消す」「ページに一箇所」) */
.mkfx-ad-chip{display:none}
.pfj-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:4px 12px;flex-wrap:wrap}
.mkfx-ad-notice{font-size:11px;color:#4A6380;margin:0;white-space:nowrap}
.mk-hero .mkfx-ad-notice.-hero{position:absolute;top:8px;right:16px;z-index:2;color:#0F2742}
.mkfx-ad-risk{max-width:960px;margin:8px auto 24px;padding:0 16px;font-size:11px;line-height:1.7;color:#4A6380;text-align:left}
.mkfx-ad-risk p{margin:0 0 4px}
/* v0.4.10 company pages tidy-up (2026-10-12 本人「くわしいページがダラダラ」「ひまわりのために縦の空きを作らない」「バナーは中央」) */
/* 1. The list of a company's detail pages: one compact row of buttons, not a long list. */
body .mk-article .mk-related:has(> a[href*="-swap/"]){max-width:960px;margin:16px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body .mk-article .mk-related:has(> a[href*="-swap/"]) a{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 10px;border:1px solid #CEE4F3;border-radius:10px;background:#fff;color:#0F2742;font-size:14px;font-weight:700;line-height:1.4;box-shadow:0 2px 6px rgba(15,39,66,.06)}
body .mk-article .mk-related:has(> a[href*="-swap/"]) a:last-child{border-bottom:1px solid #CEE4F3}
body .mk-article .mk-related:has(> a[href*="-swap/"]) a::after{content:" ›";margin-left:4px;color:#024B7C}
body .mk-article .mk-related:has(> a[href*="-swap/"]) a:hover{border-color:#024B7C;color:#024B7C}
body .mk-article .mk-related:has(> a[href*="-swap/"]) a p,
body .mk-article .mk-related:has(> a[href*="-swap/"]) a span{display:none}
body .mk-article .mk-band:has(> .mk-in > .mk-related > a[href*="-swap/"]){padding-top:28px!important;padding-bottom:28px!important}
@media (max-width:600px){body .mk-article .mk-related:has(> a[href*="-swap/"]){grid-template-columns:1fr 1fr;gap:8px}body .mk-article .mk-related:has(> a[href*="-swap/"]) a{font-size:13px;padding:10px 6px}}
/* 2. Sunflowers sit beside the heading, out of the flow: no empty band above the cards or the FAQ. */
body .mk-article .mk-in:has(> .mascot-topper.-peek),body .mk-article .mk-in:has(> .mascot-spot){position:relative}
body .mk-article .mk-in > .mascot-topper.-peek:not(:has(+ .mk-related)){position:absolute!important;top:0;right:0;height:120px!important;width:auto!important;margin:0!important;z-index:2;pointer-events:none}
body .mk-article .mk-in > .mascot-topper.-peek:not(:has(+ .mk-related)) img{height:120px!important;width:auto!important;position:static!important}
body .mk-article .mk-in > img.mascot-spot{position:absolute;top:0;right:0;height:120px!important;width:auto!important;margin:0!important;z-index:2;pointer-events:none}
@media (max-width:600px){
  body .mk-article .mk-in > .mascot-topper.-peek:not(:has(+ .mk-related)),
  body .mk-article .mk-in > .mascot-topper.-peek:not(:has(+ .mk-related)) img,
  body .mk-article .mk-in > img.mascot-spot{height:72px!important}
  body .mk-article .mk-in:has(> .mascot-topper.-peek:not(:has(+ .mk-related))) > .mk-h2,
  body .mk-article .mk-in:has(> img.mascot-spot) > .mk-h2{padding:0 64px}
}
/* 3. Banners in the ad box: centered. */
.mkfx-ad .mkfx-ad-bn{text-align:center}
.mkfx-ad .mkfx-ad-bn a{display:inline-block;line-height:0}
.mkfx-ad .mkfx-ad-bn img{max-width:100%;height:auto}
/* A lazy image with width:auto has no size before it loads, so it never starts loading. Fixed box. */
body .mk-article .mk-in > img.mascot-spot{width:100px!important;object-fit:contain}
@media (max-width:600px){body .mk-article .mk-in > img.mascot-spot{width:60px!important}}
@media (max-width:600px){
  body .mk-article .mk-in:has(> .mascot-topper.-peek:not(:has(+ .mk-related))) > .mk-h2,
  body .mk-article .mk-in:has(> img.mascot-spot) > .mk-h2{padding-left:58px!important;padding-right:58px!important}
}

/* v0.4.14 (2026-10-12 本人「記事につなぐときも、文字だけでなくカード形式で。ごちゃごちゃしないように」):
   related links become cards in a 2-column grid. Not the back link at the top (margin-bottom:8px) and not the swap buttons.
   Contrast on white: #0F2742 15.1:1, #4A6380 6.2:1, #024B7C 9.1:1. */
body .mk-article .mk-related:not([style*="margin-bottom:8px"]):not(:has(> a[href*="-swap/"])){max-width:960px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
body .mk-article .mk-related:not([style*="margin-bottom:8px"]):not(:has(> a[href*="-swap/"])) a{display:flex;flex-direction:column;padding:14px 16px;background:#fff;border:1px solid #C9D9E8;border-left:4px solid #024B7C;border-radius:10px;color:#0F2742;font-size:15px;line-height:1.5;box-shadow:0 2px 6px rgba(15,39,66,.06);text-decoration:none;transition:border-color .15s,transform .15s}
body .mk-article .mk-related:not([style*="margin-bottom:8px"]):not(:has(> a[href*="-swap/"])) a:last-child{border-bottom:1px solid #C9D9E8}
body .mk-article .mk-related:not([style*="margin-bottom:8px"]):not(:has(> a[href*="-swap/"])) a:hover{border-color:#024B7C;color:#0F2742;transform:translateY(-2px)}
body .mk-article .mk-related:not([style*="margin-bottom:8px"]):not(:has(> a[href*="-swap/"])) a p{font-size:13.5px;color:#4A6380;margin:4px 0 0;line-height:1.6}
body .mk-article .mk-related:not([style*="margin-bottom:8px"]):not(:has(> a[href*="-swap/"])) a span{margin-top:auto;padding-top:8px;align-self:flex-end;font-size:13px;color:#024B7C;letter-spacing:0}
@media (max-width:600px){body .mk-article .mk-related:not([style*="margin-bottom:8px"]):not(:has(> a[href*="-swap/"])){grid-template-columns:1fr;gap:10px}}

/* 「口座を選ぶなら」 block on every post: pick (A8 button) + comparison cards.
   Contrast: #0F2742 on #F4F8FC 14.3:1; #4A6380 on #F4F8FC 5.8:1 and on white 6.2:1; #B3261E on white 6.5:1. */
.mkfx-next{padding:28px 0!important;background:#F4F8FC}
.mkfx-next-h{font-size:18px;font-weight:800;color:#0F2742;margin:0 0 12px;text-align:center}
.mkfx-next-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;max-width:960px;margin:0 auto}
.mkfx-next-grid.-solo{grid-template-columns:1fr}
.mkfx-next-grid .k{font-size:13px;font-weight:800;color:#4A6380;margin:0 0 6px}
.mkfx-next-pick{background:#fff;border:1px solid #C9D9E8;border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;justify-content:center}
.mkfx-next-pick .nm{font-size:16px;font-weight:800;color:#0F2742;margin:0}
.mkfx-next-pick .mkfx-ad-offer{font-size:18px;font-weight:900;color:#B3261E;margin:4px 0 0;line-height:1.4}
.mkfx-next-pick .mkfx-ad-sub{font-size:13px;color:#4A6380;margin:2px 0 0}
.mkfx-next-pick .mkfx-ad-go{margin:12px 0 0}
.mkfx-next-cmp{display:grid;gap:8px;align-content:start}
.mkfx-next-grid.-solo .mkfx-next-cmp{grid-template-columns:repeat(3,minmax(0,1fr))}
.mkfx-next-grid.-solo .mkfx-next-cmp .k{grid-column:1/-1}
a.mkfx-next-card{display:block;background:#fff;border:1px solid #C9D9E8;border-left:4px solid #024B7C;border-radius:10px;padding:10px 14px;text-decoration:none;color:#0F2742;transition:border-color .15s}
a.mkfx-next-card:hover,a.mkfx-next-card:focus-visible{border-color:#024B7C}
a.mkfx-next-card b{display:block;font-size:15px}
a.mkfx-next-card b::after{content:" ›";color:#024B7C}
a.mkfx-next-card span{display:block;font-size:13px;color:#4A6380;line-height:1.55;margin-top:2px}
@media (max-width:760px){.mkfx-next-grid,.mkfx-next-grid.-solo .mkfx-next-cmp{grid-template-columns:1fr}}
.mkfx-next-pick .mkfx-ad-btn{display:inline-block;background:#024B7C;color:#fff;font-weight:700;font-size:15px;text-decoration:none;padding:12px 20px;border-radius:999px;line-height:1.5;max-width:100%;box-shadow:0 4px 0 #013657}
.mkfx-next-pick .mkfx-ad-btn:hover,.mkfx-next-pick .mkfx-ad-btn:focus-visible{background:#013657;color:#fff}

/* v0.5.0 (2026-10-12): /fx/ /cfd/ /crypto/ entrances and their news lists (inc/hubs.php).
   Contrast: #0F2742 on #EAF5FD 14.6:1 (hero text); #024B7C on #fff 9.1:1 (tabs, card titles' accent);
   white on #024B7C 9.1:1 (current tab); #4A6380 on #fff 6.2:1 (card sub line, dates). */
.mkh-hero{position:relative;background:linear-gradient(160deg,#FFFFFF 0%,#EAF5FD 100%);border-bottom:1px solid #C9D9E8;padding:36px 0 28px}
.mkh-hero .mk-wrap{position:relative}
.mkh-hero .mkfx-ad-notice.-hero{position:absolute;top:-24px;right:16px;color:#0F2742}
.mkh-hero-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;max-width:960px;margin:0 auto}
.mkh-hero p.mkh-kick{display:inline-block;margin:0 0 8px;font-size:13px;font-weight:800;color:#fff;background:#024B7C;border-radius:99px;padding:3px 14px}
.mkh-hero h1{font-size:clamp(26px,3.6vw,38px);line-height:1.3;margin:0 0 10px;color:#0F2742}
.mkh-hero h1 em{font-style:normal;color:#024B7C;background:linear-gradient(transparent 62%,#BFE3FA 62%)}
.mkh-hero p{margin:0;color:#0F2742;font-size:15px;max-width:44em}
.mkh-sf{width:auto;height:120px}
.mkh-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.mkh-tabs a{display:inline-block;min-width:92px;text-align:center;font-weight:800;font-size:15px;color:#024B7C;background:#fff;border:2px solid #024B7C;border-radius:99px;padding:6px 18px;text-decoration:none}
.mkh-tabs a[aria-current]{background:#024B7C;color:#fff}
.mkh-tabs a:hover{background:#024B7C;color:#fff}
.mkh-sec{padding:32px 0}
.mkh-sec:nth-of-type(odd){background:#F4F8FC}
.mkh-sec h2{font-size:clamp(20px,2.6vw,26px);color:#0F2742;margin:0 auto 4px;max-width:960px}
.mkh-lead{color:#4A6380;font-size:14px;margin:0 auto 14px;max-width:960px}
.mkh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-width:960px;margin:12px auto 0}
.mkh-card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #C9D9E8;border-left:4px solid #024B7C;border-radius:10px;padding:14px 16px;text-decoration:none;color:#0F2742;transition:transform .15s}
.mkh-card:hover{transform:translateY(-2px);border-color:#024B7C}
.mkh-card b{font-size:16px;line-height:1.45}
.mkh-card span{font-size:13px;color:#4A6380;line-height:1.55}
.mkh-card time{font-size:12px;color:#4A6380;margin-top:auto}
.mkh-grid.-news .mkh-card{border-left-color:#B3261E}
.mkh-card .mkh-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;font-style:normal}
.mkh-card .mkh-foot time{margin-top:0}
.mkh-card .mkh-foot img{width:176px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid #C9D9E8;flex:none;background:#fff}
.mkh-more{max-width:960px;margin:14px auto 0;text-align:right}
.mkh-more a{font-weight:800;color:#024B7C;text-decoration:none}
.mkh-more a:hover{text-decoration:underline}
@media (max-width:600px){
  .mkh-hero{padding:32px 0 22px}
  .mkh-hero-in{grid-template-columns:1fr}
  .mkh-sf{display:none}
  .mkh-grid{grid-template-columns:1fr}
  .mkh-tabs{gap:6px}.mkh-tabs a{min-width:0;flex:1 0 auto;white-space:nowrap;padding:6px 12px;font-size:14px}
}

/* News corner name (2026-10-13): navy #024B7C under white (9.4:1) and #BFE3FA (6.6:1). */
.mk-corner{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;background:#024B7C;color:#FFFFFF;border-radius:10px;padding:6px 14px;font-weight:900;line-height:1.35}
.mk-corner .jp{font-size:1em}
.mk-corner .sl{color:#BFE3FA;font-weight:400}
.mk-corner .en{color:#BFE3FA;letter-spacing:.12em;font-size:.9em}
.mkh-hero p.mkh-kick.-corner{background:none;padding:0;font-size:15px}
.mk-corner-h .mk-corner{font-size:clamp(17px,2.4vw,22px)}
.mk-corner-top{margin:0 0 16px}
.mk-corner-top a{text-decoration:none}
.mk-corner-top .mk-corner{font-size:15px}
/* Skim-reading emphasis in articles (the user, 2026-10-13). Ink #0F2742 on marker #FFF0A8 (13:1); red #B3261E and navy #024B7C on white (6.5:1, 9.4:1). */
.mk-article strong{font-weight:800;color:#0F2742}
.mk-article .mk-mark{background:linear-gradient(transparent 55%,#FFF0A8 55%);font-weight:800;color:#0F2742}
.mk-article .mk-red{color:#B3261E;font-weight:800}
.mk-article .mk-blue{color:#024B7C;font-weight:800}

/* v0.6.2 (2026-10-15) */
/* Article figures: full column width made tall figures fill a desktop screen (本人「パソコンで見たときの画像がでかすぎる」). Phones keep full width. */
@media (min-width:761px){.mk-fig{max-width:680px;margin-left:auto!important;margin-right:auto!important}}
/* Hero: four image cards where the big sunflower stood; the sunflower sits by the buttons. */
.mk-hero-in{grid-template-columns:1fr 1fr;gap:40px}
.mk-hero-cta{align-items:center}
.mk-hero-sf{width:74px;height:auto;margin-left:4px;filter:drop-shadow(0 8px 8px rgba(0,20,60,.25))}
.mk-hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mk-hero-card{display:block;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(15,39,66,.18);transition:transform .15s,box-shadow .15s}
.mk-hero-card img{display:block;width:100%;height:auto}
.mk-hero-card:hover,.mk-hero-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,39,66,.26)}
@media (max-width:900px){.mk-hero-in{grid-template-columns:1fr;gap:28px}}
@media (max-width:420px){.mk-hero-cards{gap:10px}.mk-hero-sf{width:58px}}
/* Campaign band heading */
.mkfx-ad-gband{padding:32px 0 28px;background:linear-gradient(180deg,#FFF7D6 0,#F4F8FC 100%)}
.mkfx-ad-ghead{margin:0 0 18px}
.mkfx-ad-ghead span{display:inline-block;position:relative;font-size:clamp(19px,2.6vw,24px);font-weight:900;color:#fff;background:#C0282D;padding:10px 28px;border-radius:999px;box-shadow:0 4px 0 #8E1B1F;letter-spacing:.03em}
.mkfx-ad-ghead span::before{content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);border:9px solid transparent;border-top-color:#C0282D;border-bottom:0}
@media (min-width:901px){.mk-hero-in{max-width:1240px;grid-template-columns:.92fr 1.08fr}}
@media (max-width:480px){.mk-hero-sf{display:none}}
.mkfx-ad-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
@media (max-width:480px){.mkfx-ad-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.mkfx-ad-ghead span{font-size:17px;padding:9px 16px;white-space:nowrap}}
@media (max-width:360px){.mkfx-ad-ghead span{font-size:15px;padding:8px 12px}}

/* v0.6.3 (2026-10-15): comparison picker above the FX table */
#compare-pick{scroll-margin-top:80px}
.mkf-cpick-h{text-align:center;font-size:clamp(20px,2.8vw,26px);font-weight:900;color:#0F2742;margin:0 0 16px}
.mkf-cpick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1040px;margin:0 auto}
.mkf-cpick-a{position:relative;display:flex;flex-direction:column;gap:4px;background:#fff;border:2px solid #C9D9E8;border-top:6px solid var(--c);border-radius:14px;padding:16px 36px 16px 16px;color:#0F2742;text-decoration:none;box-shadow:0 4px 12px rgba(15,39,66,.08);transition:transform .15s,box-shadow .15s}
.mkf-cpick-a:hover,.mkf-cpick-a:focus-visible{transform:translateY(-3px);box-shadow:0 10px 22px rgba(15,39,66,.16)}
.mkf-cpick-a .tg{align-self:flex-start;font-size:13px;font-weight:900;color:#fff;background:var(--c);border-radius:999px;padding:3px 12px}
.mkf-cpick-a b{font-size:18px;font-weight:900;line-height:1.35}
.mkf-cpick-a small{font-size:13px;color:#3D4B5C;line-height:1.5}
.mkf-cpick-a i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:26px;font-weight:900;color:var(--c)}
.mkf-cpick-a.-fx{--c:#0B5CAD}.mkf-cpick-a.-stock{--c:#C0282D}.mkf-cpick-a.-nisa{--c:#0B6B34}.mkf-cpick-a.-crypto{--c:#8A4B00}
.mkf-cpick-n{text-align:center;margin:14px 0 0;font-size:14px;font-weight:700}
.mkf-cpick-n a{color:#0B5CAD}
@media (max-width:900px){.mkf-cpick{grid-template-columns:repeat(2,1fr)}}
@media (max-width:400px){.mkf-cpick{gap:10px}.mkf-cpick-a{padding:12px 28px 12px 12px}.mkf-cpick-a b{font-size:16px}}

/* 2026-10-19 v0.7.1: hard words in articles (assets/js/mk-terms.js). Text #1A2B3C on #FFF8E1 = 13:1, #8A4B00 on #FFF8E1 = 6.6:1, white on #0B2740 = 15:1. */
.mk-term{border-bottom:2px dotted #024B7C;cursor:help;text-decoration:none}
.mk-term:hover,.mk-term:focus,.mk-term[aria-expanded="true"]{background:#E3EEF8;outline:none;border-bottom-style:solid}
.mk-tip{position:absolute;z-index:9999;background:#0B2740;color:#FFFFFF;border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.7;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.mk-tip b{display:block;font-size:15px;color:#FFE08A;margin-bottom:2px}
.mk-memo{display:flex;gap:12px;align-items:flex-start;margin:12px 0 20px;padding:12px 16px;background:#FFF8E1;border:2px solid #F2C94C;border-radius:14px;color:#1A2B3C}
.mk-memo img{flex:none;width:48px;height:48px;border-radius:50%;background:#FFFFFF;border:2px solid #F2C94C}
.mk-memo>div{min-width:0}
.mk-memo .mk-memo-h{display:block;font-size:13px;font-weight:800;color:#8A4B00;margin-bottom:4px}
.mk-memo p{margin:0 0 4px;font-size:15px;line-height:1.7;color:#1A2B3C}
.mk-memo p:last-child{margin-bottom:0}
.mk-memo strong{color:#024B7C;margin-right:6px;font-weight:800}

/* 2026-10-19 v0.7.3: news posts, one colour per section (approved sample outputs/news_design_mock_20261019/).
   All accents carry white text at 4.5:1 or more, and are dark enough on their own pale tint. */
body.mk-news .mk-article{counter-reset:mksec}
body.mk-news .mk-article .mk-band:nth-of-type(6n+1){--ac:#024B7C;--tint:#EAF3FB}
body.mk-news .mk-article .mk-band:nth-of-type(6n+2){--ac:#00695C;--tint:#E3F4F0}
body.mk-news .mk-article .mk-band:nth-of-type(6n+3){--ac:#5B3A99;--tint:#F1ECFA}
body.mk-news .mk-article .mk-band:nth-of-type(6n+4){--ac:#B3261E;--tint:#FDECEA}
body.mk-news .mk-article .mk-band:nth-of-type(6n+5){--ac:#8A4B00;--tint:#FFF3DE}
body.mk-news .mk-article .mk-band:nth-of-type(6n){--ac:#1E5E2E;--tint:#E9F5EA}
body.mk-news .mk-article .mk-band:not(.-dark):not(.-risk){background:var(--tint)!important;border-top:6px solid var(--ac);counter-increment:mksec}
body.mk-news .mk-article .mk-band:not(.-dark):not(.-risk) .mk-h2 .jp{color:var(--ac)!important}
body.mk-news .mk-article .mk-band:not(.-dark):not(.-risk) .mk-h2 .line{background:var(--ac)!important;height:4px;width:56px}
body.mk-news .mk-article .mk-band:not(.-dark):not(.-risk) .mk-h2 .en{color:var(--ac)!important}
body.mk-news .mk-article .mk-band:not(.-dark):not(.-risk) .mk-h2::before{content:counter(mksec);display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto 10px;border-radius:50%;background:var(--ac);color:#FFFFFF;font-weight:800;font-size:18px}
body.mk-news .mk-article .mk-band:not(.-dark):not(.-risk) .mk-in>:is(p,ul,ol){background:#FFFFFF;border-left:6px solid var(--ac);border-radius:12px;padding:16px 20px;margin:0 0 14px;box-shadow:0 2px 8px rgba(2,30,60,.06)}
body.mk-news .mk-article .mk-band:not(.-dark):not(.-risk) .mk-in>:is(ul,ol){padding-left:40px}
body.mk-news .mk-article .mk-band .mk-in>p.p-lead{border-left-width:10px;font-weight:700}
body.mk-news .mk-article .mk-band .mk-faqitem{background:#FFFFFF;border-left:6px solid var(--ac);border-radius:12px}