/* 自動生成: scripts/build_static_shells.py（app/styles/portal.css + brand.css から抽出）。直接編集しない */
#mep-studio{--ms-bg:light-dark(#f3f4ef,#182320);--ms-paper:light-dark(#fff,#22302c);--ms-ink:light-dark(#203b34,#e6efea);--ms-muted:light-dark(#687970,#a9b9b1);--ms-line:light-dark(#dce3dc,#3a4b43);--ms-soft:light-dark(#e8eee7,#30413a);--ms-accent:light-dark(#c35339,#f3a086);--ms-tint:light-dark(#fcf0e9,#4b352d);--ms-button:light-dark(#254b3d,#b4d5c0);--ms-button-text:light-dark(#fff,#183527);--ms-radius:10px;font-family:Arial,'Hiragino Sans','Noto Sans JP',sans-serif;font-size:14px;color:var(--ms-ink);width:100%;line-height:1.5;background:transparent;text-align:left}
#mep-studio i,#mep-studio svg.lucide{width:18px;height:18px;flex-shrink:0}
#mep-studio .ms-shell{display:grid;grid-template-columns:202px minmax(0,1fr);background:var(--ms-bg);min-height:735px;border:1px solid var(--ms-line);border-radius:14px;overflow:hidden}
#mep-studio .ms-sidebar{background:light-dark(#203e35,#102b23);color:#e4ede8;display:flex;flex-direction:column;padding:25px 13px 18px}
#mep-studio .ms-workarea{min-width:0;position:relative}
#mep-studio .ms-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:66px;padding:14px 26px;border-bottom:1px solid var(--ms-line);background:var(--ms-paper)}
#mep-studio .ms-breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px}
#mep-studio .ms-breadcrumb>span{color:var(--ms-muted)}
#mep-studio .ms-breadcrumb strong{font-weight:500}
#mep-studio .ms-mobile-brand{display:none}
#mep-studio #ms-content{padding:25px 28px 30px}
#mep-studio .ms-eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--ms-muted);margin-bottom:7px}
#mep-studio .ms-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:23px}
#mep-studio .ms-page-sub{color:var(--ms-muted);font-size:12px;margin-top:6px}
#mep-studio .ms-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:7px 13px;border:1px solid var(--ms-line);background:var(--ms-paper);border-radius:6px;white-space:nowrap;font-size:12px}
#mep-studio .ms-button:hover{filter:brightness(.95)}
#mep-studio .ms-button:disabled{cursor:default;opacity:.55}
#mep-studio .ms-browse-actions{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}
#mep-studio[data-design="library"]{--ms-bg:light-dark(#f7f8fc,#171e2c);--ms-ink:light-dark(#263558,#e2e9f8);--ms-muted:light-dark(#6d7890,#a8b4cf);--ms-line:light-dark(#dfe4ef,#3c4763);--ms-paper:light-dark(#fff,#222d44);--ms-soft:light-dark(#eaf0ff,#354363);--ms-accent:light-dark(#325bd9,#afc1ff);--ms-button:light-dark(#325bd9,#a8bdff);--ms-button-text:light-dark(#fff,#162c71)}
#mep-studio[data-design="library"] .ms-shell{grid-template-columns:1fr}
#mep-studio[data-design="library"] .ms-sidebar{display:none}
#mep-studio[data-design="library"] .ms-topbar{padding:18px 30px;min-height:73px}
#mep-studio[data-design="library"] .ms-mobile-brand{display:flex;align-items:center;gap:12px;background:transparent;border:0;font-size:27px;letter-spacing:-1px;color:var(--ms-accent)}
#mep-studio[data-design="library"] .ms-mobile-brand span{font-size:13px;font-weight:600;letter-spacing:1.1px}
#mep-studio[data-design="library"] .ms-breadcrumb{display:none}
#mep-studio[data-design="library"] #ms-content{padding:27px 34px 30px}
#mep-studio[data-design="library"] .ms-page-head{margin-bottom:24px}
@media(min-width:1180px){#mep-studio .ms-shell{min-height:760px}
#mep-studio .ms-page-head{margin-bottom:27px}}
@media(max-width:850px){#mep-studio .ms-shell{grid-template-columns:160px minmax(0,1fr)}
#mep-studio .ms-sidebar{padding-left:7px;padding-right:7px}
#mep-studio #ms-content{padding:22px 20px}
#mep-studio .ms-topbar{padding:13px 20px}}
@media(max-width:600px){#mep-studio .ms-shell{display:block;min-height:0;border-radius:8px}
#mep-studio .ms-sidebar{display:none}
#mep-studio .ms-topbar{padding:12px 16px;flex-wrap:wrap;min-height:55px}
#mep-studio .ms-breadcrumb{display:none}
#mep-studio .ms-mobile-brand{display:block;background:transparent;border:0;color:var(--ms-accent);font-size:22px;font-weight:600}
#mep-studio .ms-mobile-brand span{font-size:11px;letter-spacing:.5px}
#mep-studio #ms-content,#mep-studio[data-design="library"] #ms-content{padding:20px 16px}
#mep-studio .ms-page-head{display:block}
#mep-studio .ms-page-head>.ms-button{margin-top:12px}
#mep-studio .ms-page-head>div:last-child{margin-top:8px}
#mep-studio[data-design="library"] .ms-topbar{padding:12px 16px}}
.preview-bar{display:flex;align-items:center;gap:22px;padding:15px 26px;background:#fff;border-bottom:1px solid #dce3dc;position:sticky;top:0;z-index:10;font-size:12px;color:#617067}
.preview-bar nav{display:flex;gap:4px;margin-left:auto;padding:4px;border:1px solid #dfe5dd;border-radius:8px;background:#f6f7f4}
.preview-bar nav a{padding:7px 12px;border-radius:5px;white-space:nowrap}
.preview-bar nav a[aria-current]{background:#254b3d;color:#fff}
.preview-bar nav a:last-child[aria-current]{background:#325bd9}
.site-footer{display:flex;justify-content:space-between;padding:14px 28px;color:#687970;font-size:12px;gap:12px}
#mep-studio{font-size:16px;background:var(--ms-bg)}
#mep-studio .ms-shell{min-height:calc(100vh - 122px);border-radius:0;border:0;grid-template-columns:228px minmax(0,1fr)}
#mep-studio .ms-sidebar{padding-top:30px}
#mep-studio #ms-content{max-width:1480px;padding:32px 36px;margin:auto}
#mep-studio .ms-page-head{margin-bottom:26px}
#mep-studio .ms-page-sub{font-size:14px}
#mep-studio .ms-eyebrow{font-size:11px}
#mep-studio .ms-global-nav{display:flex;gap:22px;font-size:13px;margin-left:auto;margin-right:24px}
#mep-studio .ms-global-nav a:hover{color:var(--ms-accent)}
#mep-studio .ms-button{font-size:13px;min-height:38px}
#mep-studio .ms-button.ms-static:hover{filter:none}
#mep-studio .ms-browse-actions{margin-top:0}
#mep-studio .ms-generic .ms-browse-actions{margin-top:24px}
#mep-studio[data-design="library"] .ms-shell{grid-template-columns:1fr}
#mep-studio[data-design="library"] #ms-content{max-width:1440px;width:100%;padding:34px 44px}
@media(min-width:1500px){#mep-studio .ms-sidebar{padding-left:17px;padding-right:17px}}
@media(max-width:1150px){#mep-studio .ms-global-nav{gap:14px;margin-right:0}
#mep-studio .ms-shell{grid-template-columns:200px minmax(0,1fr)}
#mep-studio #ms-content{padding:26px}}
@media(max-width:850px){#mep-studio .ms-shell{grid-template-columns:175px minmax(0,1fr)}
#mep-studio .ms-breadcrumb{display:none}}
@media(max-width:600px){.preview-bar{padding:10px 12px;gap:6px;flex-wrap:wrap}
.preview-bar nav{font-size:12px}
.preview-bar nav a{padding:5px 10px}
.preview-bar nav a span{display:none}
.site-footer{padding:14px 16px;font-size:10px}
#mep-studio .ms-shell{display:block}
#mep-studio .ms-global-nav{gap:12px;font-size:12px;margin:0 0 0 auto}
#mep-studio .ms-mobile-brand span{display:none}
#mep-studio #ms-content,#mep-studio[data-design="library"] #ms-content{padding:23px 18px}
#mep-studio .ms-page-head>.ms-browse-actions{margin-top:15px}}
#mep-studio .ms-mobile-brand,#mep-studio[data-design="library"] .ms-mobile-brand{font-size:16px;font-weight:600;letter-spacing:0}
#mep-studio .ms-global-nav{margin-right:0}
@media(max-width:600px){#mep-studio .ms-topbar{gap:14px}
#mep-studio .ms-mobile-brand,#mep-studio[data-design="library"] .ms-mobile-brand{font-size:14px}
#mep-studio .ms-global-nav{gap:10px;font-size:12px;flex-wrap:wrap}}
#mep-studio[data-design="workbench"] .ms-global-nav{display:none}
@media(max-width:600px){#mep-studio[data-design="workbench"] .ms-global-nav{display:flex}}
.preview-bar{color:#60738a;border-color:#dbe4ef}
.preview-bar nav{border-color:#dbe4ef;background:#f3f7fc}
.preview-bar nav a[aria-current],.preview-bar nav a:last-child[aria-current]{background:#0057be}
.site-footer{color:#65768a}
#mep-studio .ms-shell{grid-template-columns:248px minmax(0,1fr)}
#mep-studio .ms-sidebar{background:#0057be;color:#fff;position:sticky;top:73px;height:calc(100dvh - 73px);align-self:start;overflow-y:auto;padding:24px 12px 18px;scrollbar-width:thin;scrollbar-color:#ffffff60 transparent}
#mep-studio .ms-global-nav a{display:flex;align-items:center;gap:7px;color:#0057be;font-size:14px}
#mep-studio .ms-page-head h1{display:flex;align-items:center;gap:12px}
#mep-studio .ms-heading-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:#eaf2fc;border-radius:9px;flex:none;color:#0057be}
#mep-studio .ms-heading-icon svg.lucide{width:26px;height:26px}
#mep-studio[data-design] .ms-tool-row .ms-app-icon svg.lucide{position:static;width:24px;height:24px;color:inherit}
#mep-studio[data-design] .ms-tool-row .ms-card-arrow svg.lucide{width:14px;height:14px;position:static;color:inherit}
@media(max-width:1180px){#mep-studio .ms-shell{grid-template-columns:232px minmax(0,1fr)}}
@media(max-width:900px){#mep-studio .ms-shell{grid-template-columns:216px minmax(0,1fr)}}
@media(max-width:600px){#mep-studio .ms-sidebar{display:none}
#mep-studio .ms-shell{display:block}
#mep-studio .ms-page-head h1{font-size:23px;gap:9px}
#mep-studio .ms-heading-icon{width:36px;height:36px}}
@media(max-width:950px){.preview-bar nav a span{display:none}}
#mep-studio[data-design="map"]{--ms-bg:#f0f5fc;--ms-paper:#fff;--ms-line:#d6e3f4;--ms-radius:14px;--ms-ink:#173459;--ms-muted:#607798}
#mep-studio[data-design="map"] .ms-shell{grid-template-columns:minmax(0,1fr);overflow:visible}
#mep-studio[data-design="map"] .ms-sidebar{display:none}
#mep-studio[data-design="map"] .ms-topbar{background:#fff;padding:17px 38px;border-bottom:1px solid #d6e3f4;min-height:72px}
#mep-studio[data-design="map"] .ms-mobile-brand{display:flex;font-size:16px;font-weight:600;letter-spacing:0;color:#0057be}
#mep-studio[data-design="map"] .ms-breadcrumb{margin-left:20px;margin-right:auto;font-size:12px}
#mep-studio[data-design="map"][data-page="home"] .ms-breadcrumb,#mep-studio[data-design="map"][data-page="home"] .ms-global-nav{display:none}
#mep-studio[data-design="map"] #ms-content{max-width:1510px;padding:31px 38px 38px;background-image:linear-gradient(#0057be04 1px,transparent 1px),linear-gradient(90deg,#0057be04 1px,transparent 1px);background-size:28px 28px}
#mep-studio[data-design="map"] .c-map-app-icon svg.lucide{width:35px;height:35px;stroke-width:1.35}
#mep-studio[data-design="map"] .c-feature-app .c-map-app-icon svg.lucide{width:66px;height:66px;stroke-width:1.1}
#mep-studio[data-design="map"] .c-app-dock{display:flex;align-items:center;gap:18px;border-bottom:1px solid #d6e3f4;background:#fff;padding:12px 38px}
#mep-studio[data-design="map"] .c-dock-home{display:flex;align-items:center;gap:8px;font-size:13px;color:#0057be;white-space:nowrap;padding-right:18px;border-right:1px solid #d6e3f4}
#mep-studio[data-design="map"] .c-dock-apps{display:flex;gap:7px;overflow-x:auto;min-width:0}
#mep-studio[data-design="map"] .c-dock-apps a{display:grid;place-items:center;width:38px;height:38px;border:1px solid transparent;border-radius:9px;color:#6080a8;flex:none}
#mep-studio[data-design="map"] .c-dock-apps a:hover{background:#eaf2fc;color:#0057be}
#mep-studio[data-design="map"] .c-dock-apps a[aria-current]{background:#0057be;color:#fff;border-color:#0057be;box-shadow:0 3px 8px #0057be20}
#mep-studio[data-design="map"] .c-dock-apps svg{width:21px;height:21px}
@media(max-width:1150px){#mep-studio[data-design="map"] #ms-content{padding:26px}
#mep-studio[data-design="map"] .c-app-dock{padding:12px 26px}
#mep-studio[data-design="map"] .ms-breadcrumb{display:none}}
@media(max-width:600px){#mep-studio[data-design="map"] .ms-topbar{padding:14px 18px;min-height:58px}
#mep-studio[data-design="map"] #ms-content{padding:22px 16px}
#mep-studio[data-design="map"] .c-feature-app .c-map-app-icon svg.lucide{width:53px;height:53px}
#mep-studio[data-design="map"] .c-app-dock{padding:10px 16px;gap:12px}
#mep-studio[data-design="map"] .c-dock-home{padding-right:12px}
#mep-studio[data-design="map"] .c-dock-home span{display:none}
#mep-studio[data-design="map"] .c-dock-apps{gap:5px}
#mep-studio[data-design="map"] .c-dock-apps a{width:34px;height:34px}}
/* Setsubi Weave brand layer: header lockup, logo mark, key visual. Loaded after style.css. */
:root{--nv-navy:#1B3A8B;--nv-blue:#2E5BE0;--nv-cyan:#33A1FF;--nv-ink:#0F1C3F;--nv-sub:#5B6B8C;--nv-line:#E6ECF7;--nv-bg:#F4F7FC}

/* Header: brand left, key visual right (faded into the white header) */
#mep-studio .ms-topbar{position:relative;overflow:hidden;isolation:isolate}
#mep-studio[data-design="map"] .ms-topbar{gap:24px;border-bottom-color:var(--nv-line)}
#mep-studio .sw-brand{display:flex;align-items:center;gap:13px;flex-shrink:0;color:var(--nv-ink)}
#mep-studio .sw-brand__logo{display:block;width:44px;height:44px;flex-shrink:0}
#mep-studio .sw-brand__text{display:flex;flex-direction:column;line-height:1}
#mep-studio .sw-brand__sub{font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--nv-sub);margin-bottom:5px}
#mep-studio .sw-brand__title{font-family:var(--font-inter),Inter,"Helvetica Neue",Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.01em;padding-bottom:2px;background:linear-gradient(90deg,var(--nv-navy) 0%,var(--nv-navy) 42%,var(--nv-blue) 64%,var(--nv-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#mep-studio .sw-keyvisual{position:absolute;top:0;right:0;bottom:0;width:min(46%,620px);z-index:-1;pointer-events:none;background:url(/assets/keyvisual-header.png) right 40%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%);mask-image:linear-gradient(90deg,transparent 0%,#000 45%)}
#mep-studio[data-design="map"] .ms-global-nav a{padding:7px 14px;background:#ffffffe0;border:1px solid var(--nv-line);border-radius:20px}

/* Home: 大きなロゴ ＋ 建物のキービジュアル ＋ 分野チップ を 1 列に並べ、直下からカード群。
   建物はロゴマークと同じ高さ（104px）にそろえ、画像の左側の白い余白（約 1/4）は切り落として文字のすぐ隣に置く */
#mep-studio[data-design="map"][data-page="home"] .ms-topbar{min-height:0;padding:24px max(38px,calc((100% - 1434px)/2)) 20px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:14px 22px}
#mep-studio[data-page="home"] .sw-brand{gap:24px;align-self:flex-end;margin-bottom:8px}
#mep-studio[data-page="home"] .sw-brand__logo{width:104px;height:104px}
#mep-studio[data-page="home"] .sw-brand__sub{font-size:15px;letter-spacing:.16em;margin-bottom:9px}
#mep-studio[data-page="home"] .sw-brand__title{font-size:50px;padding-bottom:4px}
#mep-studio[data-page="home"] .sw-keyvisual{position:static;z-index:auto;width:auto;height:104px;aspect-ratio:726/840;flex:none;align-self:flex-end;margin:0 0 8px;background:url(/assets/keyvisual-header.png) right center/auto 100% no-repeat;-webkit-mask-image:none;mask-image:none}
#mep-studio[data-page="home"] .c-map-jump{margin:0 0 2px auto;align-self:flex-end;justify-content:flex-end;gap:5px}
#mep-studio[data-design="map"][data-page="home"] .c-map-jump a{padding:7px 12px;font-size:12.5px;gap:6px}
#mep-studio[data-design="map"][data-page="home"] #ms-content{padding-top:26px}
/* 1 行に収まらない幅では、ロゴ＋建物を中央に、分野チップをその下に中央揃えで置く（左右に散らさない） */
@media(max-width:1419px){
  #mep-studio[data-design="map"][data-page="home"] .ms-topbar{justify-content:center}
  #mep-studio[data-page="home"] .c-map-jump{flex-basis:100%;justify-content:center;margin:0;align-self:auto}
}

/* 電気の分野カード: 上辺の太い青線をやめ、他の分野カードと同じ枠線にする */
#mep-studio[data-design="map"] .c-sector-electrical{border-top:1px solid #c9dbf1}

/* 分野チップで選んだ分野カードを強調（URL の #sector-xxx と一致している間）。チップ側は選択中を塗りつぶしで示す */
html:has(#mep-studio[data-page="home"]){scroll-behavior:smooth}
#mep-studio[data-design="map"] .c-sector{scroll-margin-top:16px;transition:box-shadow .2s,border-color .2s}
#mep-studio[data-design="map"] .c-sector:target{border-color:#2e5be0;box-shadow:0 0 0 3px #33a1ff,0 14px 32px -16px rgba(46,91,224,.4)}
#mep-studio[data-design="map"] .c-map-jump a[aria-current]{background:#2e5be0;border-color:#2e5be0;color:#fff}
#mep-studio[data-design="map"] .c-map-jump a[aria-current] svg{color:#fff}

/* フッター: 文字はやめ、左に小さな横長ロゴだけ置く。左端は分野カード（本文）の左端に揃える（画像の透明余白 6.8px 分を戻す） */
.site-footer{justify-content:flex-start;align-items:center;padding:14px max(38px,calc((100% - 1434px)/2)) 30px}
.site-footer__logo{display:block;width:180px;height:auto;margin-left:-6.8px}
@media(max-width:1150px){.site-footer{padding-left:26px;padding-right:26px}}
@media(max-width:600px){.site-footer{padding:12px 16px 24px}}

/* 準備中: remove the badge / notice from a page once its app is implemented */
#mep-studio .sw-status{display:inline-block;align-self:flex-start;width:fit-content;margin-top:8px;padding:1px 9px;border:1px solid #f0d9a8;border-radius:20px;background:#fff8e8;color:#8a6a1f;font-size:11px;font-style:normal;font-weight:500;line-height:1.6}
#mep-studio .sw-notice{display:flex;align-items:center;gap:10px;margin:0 0 22px;padding:10px 14px;border:1px solid #f0d9a8;border-radius:10px;background:#fff8e8;color:#6b4e12;font-size:13px;line-height:1.5}
#mep-studio .sw-notice strong{flex-shrink:0;padding:2px 10px;border-radius:20px;background:#f5b83d;color:#3d2a00;font-size:12px;font-weight:600}

@media(max-width:900px){#mep-studio .sw-keyvisual{opacity:.6}}
/* ロゴと建物が横に並びきらない幅では建物を出さず、ロゴ → 分野チップ の縦積み・中央揃えにする */
@media(max-width:720px){
  #mep-studio .sw-keyvisual{display:none}
  #mep-studio[data-design="map"][data-page="home"] .ms-topbar{min-height:0;padding:20px 18px;gap:16px 22px}
  #mep-studio[data-page="home"] .sw-brand{gap:14px;align-self:auto;margin-bottom:0}
  #mep-studio[data-page="home"] .sw-brand__logo{width:64px;height:64px}
  #mep-studio[data-page="home"] .sw-brand__sub{font-size:12px;margin-bottom:6px}
  #mep-studio[data-page="home"] .sw-brand__title{font-size:32px}
  #mep-studio[data-page="home"] .c-map-jump{margin:4px 0 0;align-self:auto;justify-content:center}
}
@media(max-width:600px){
  #mep-studio .sw-brand{gap:9px}
  #mep-studio .sw-brand__logo{width:34px;height:34px}
  #mep-studio .sw-brand__sub{display:none}
  #mep-studio .sw-brand__title{font-size:19px}
  #mep-studio[data-page="home"] .sw-brand__sub{display:block}
}

/* トップページの左メニュー（B 案「左メニュー＋一覧」から移植。2026-09-22）。アプリ画面には付けない
   ヘッダーの下を「左メニュー｜本文＋フッター」の 2 列にし、左の列はページの一番下まで青で埋める。
   メニュー本体は画面に追従（sticky）。PC 幅（1180px 以上）だけで、タブレット・スマホでは出さない */
#mep-studio[data-design="map"] .ms-sidebar{display:none}
@media(min-width:1180px){
  #mep-studio[data-design="map"][data-page="home"] .ms-workarea{display:flex;flex-direction:column;min-height:100vh}
  #mep-studio[data-design="map"] .sw-body{flex:1;display:grid;grid-template-columns:240px minmax(0,1fr);align-items:stretch;background:linear-gradient(90deg,#0057be 0 240px,transparent 240px)}
  #mep-studio[data-design="map"] .sw-main{min-width:0;display:flex;flex-direction:column}
  #mep-studio[data-design="map"] .sw-main>#ms-content{flex:1}
  #mep-studio[data-design="map"] .ms-sidebar{display:flex;flex-direction:column;gap:0;position:sticky;top:0;align-self:start;max-height:100vh;width:240px;box-sizing:border-box;padding:22px 12px 18px;background:#0057be;color:#fff;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff60 transparent;font-size:13px;line-height:1.5}
  #mep-studio[data-design="map"] .ms-side-nav{display:grid;gap:3px;margin:0}
  #mep-studio[data-design="map"] .ms-portal-nav{padding-bottom:14px;border-bottom:1px solid #ffffff35;margin-bottom:16px}
  #mep-studio[data-design="map"] .ms-all-apps{gap:14px}
  #mep-studio[data-design="map"] .ms-nav-group{display:grid;gap:3px}
  #mep-studio[data-design="map"] .ms-side-label{margin:0 10px 5px;font-size:12px;letter-spacing:0;color:#c2dcff}
  #mep-studio[data-design="map"] .ms-side-nav a{display:flex;align-items:center;gap:9px;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:#f4f8ff;font-size:13px;text-align:left;text-decoration:none}
  #mep-studio[data-design="map"] .ms-side-nav a:hover{background:#ffffff20;color:#fff}
  #mep-studio[data-design="map"] .ms-side-nav a[aria-current]{background:#fff;color:#0057be}
  #mep-studio[data-design="map"] .ms-side-nav a svg{width:18px;height:18px;flex:none}
  #mep-studio[data-design="map"] .ms-side-nav a .ms-nav-title{margin:0;font-size:13px;opacity:1;line-height:1.5;min-width:0}
  #mep-studio[data-design="map"] .ms-side-nav a .ms-nav-count{margin-left:auto;font-size:12px;opacity:1}
}

/* トップページ下部のニュース・トピックス（2026-09-22）。分野カードと同じ白いカードに、日付・発信元・見出しを 1 行ずつ */
#mep-studio[data-design="map"] .c-news{margin-top:18px;background:#fff;border:1px solid #c9dbf1;border-radius:17px;box-shadow:0 5px 15px #15396306;padding:22px}
#mep-studio[data-design="map"] .c-news-list{list-style:none;margin:0;padding:0;border-top:1px solid #e3ecf7}
#mep-studio[data-design="map"] .c-news-list a{display:grid;grid-template-columns:92px 200px minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 6px;border-bottom:1px solid #e3ecf7;color:#173459;text-decoration:none;transition:background .16s ease}
#mep-studio[data-design="map"] .c-news-list a:hover{background:#f4f8fe}
#mep-studio[data-design="map"] .c-news-list time{font-size:12px;color:#6880a0;font-variant-numeric:tabular-nums}
#mep-studio[data-design="map"] .c-news-source{font-size:12px;color:#6880a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mep-studio[data-design="map"] .c-news-title{font-size:14px;font-weight:500;line-height:1.6;min-width:0}
#mep-studio[data-design="map"] .c-news-list a:hover .c-news-title{color:#0057be}
#mep-studio[data-design="map"] .c-news-pdf{display:inline-block;margin-left:8px;padding:0 6px;border:1px solid #d2e0f1;border-radius:5px;font-size:10px;font-style:normal;font-weight:500;color:#5d799e;line-height:1.7;vertical-align:1px}
@media(max-width:1150px){
  #mep-studio[data-design="map"] .c-news{padding:17px;margin-top:14px}
  #mep-studio[data-design="map"] .c-news-list a{grid-template-columns:84px 150px minmax(0,1fr) auto;gap:12px}
}
@media(max-width:800px){
  #mep-studio[data-design="map"] .c-news-list a{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"date source arrow" "title title title";gap:4px 12px;padding:12px 4px}
  #mep-studio[data-design="map"] .c-news-list time{grid-area:date}
  #mep-studio[data-design="map"] .c-news-source{grid-area:source}
  #mep-studio[data-design="map"] .c-news-title{grid-area:title;font-size:13px}
  #mep-studio[data-design="map"] .c-news-list .c-app-arrow{grid-area:arrow}
}
@media(max-width:600px){#mep-studio[data-design="map"] .c-news{padding:15px;border-radius:13px;margin-top:12px}}

/* 印刷（各アプリの PDF 出力）時はポータルの枠を出さない */
@media print{
  #mep-studio .ms-topbar,#mep-studio .c-app-dock,#mep-studio .ms-sidebar,.site-footer{display:none !important}
  #mep-studio .sw-body{display:block}
  #mep-studio[data-design="map"] #ms-content{padding:0;max-width:none;background:none}
}

/* 静的アプリ用の追加分：外枠は本文を持たないので見出しの下の余白を詰める */
#mep-studio.sw-shell{color-scheme:light;font-family:Arial,'Hiragino Sans','Noto Sans JP',sans-serif;color:#0f1c3f;line-height:1.5}
#mep-studio.sw-shell[data-design="map"] #ms-content{padding:20px 38px 16px;background:#f1f4f8}
/* 左右の余白はトップページの本文（分野カード）と同じ段階で狭める＝フッターのロゴと左端が揃う */
@media(max-width:1150px){#mep-studio.sw-shell[data-design="map"] #ms-content{padding:20px 26px 16px}}
@media(max-width:600px){#mep-studio.sw-shell[data-design="map"] #ms-content{padding:20px 16px 16px}}
#mep-studio.sw-shell .ms-page-head{margin-bottom:0}
/* 静的アプリでは見出しの下の説明文（登録表の desc）は出さない。トップページのカードと重複するだけなので */
#mep-studio.sw-shell .ms-page-sub{display:none}
/* 設計マップの外枠は画面いっぱい（calc(100vh - 122px)）に伸びる指定なので、静的アプリでは解除する */
#mep-studio.sw-shell .ms-shell{min-height:0 !important;height:auto}
/* 各アプリの要素セレクタ（h1 / a / button …）が外枠に及ばないよう、外枠側で明示する */
#mep-studio.sw-shell a{text-decoration:none;color:inherit}
#mep-studio.sw-shell .ms-page-head h1{margin:0;color:#0f1c3f;font-size:28px;font-weight:600;letter-spacing:0;line-height:1.3;text-shadow:none;background:none;-webkit-text-fill-color:initial}
#mep-studio.sw-shell .ms-page-sub{margin:7px 0 0;color:#5b6b8c;font-size:14px}
#mep-studio.sw-shell .ms-eyebrow{color:#5b6b8c}
#mep-studio.sw-shell .ms-breadcrumb strong{color:#0f1c3f}
#mep-studio.sw-shell .sw-brand__title{-webkit-text-fill-color:transparent}
#mep-studio.sw-shell img{max-width:none}
/* フッター: 本体が画面いっぱいの縦 flex でも縮まないようにする。iframe 内では外枠と同様に出さない */
.site-footer{flex:none}
html.sw-embedded .sw-shell,html.sw-embedded .site-footer{display:none}
/* 静的アプリの本体幅: トップページの分野カードと同じ（最大 1434px を中央に、左右余白は 38 / 26 / 16px）。
   各アプリのテーマ CSS が本体の入れ物に width:var(--sw-content-w);margin-left:auto;margin-right:auto を当てる */
:root{--sw-side:38px;--sw-content-w:min(1434px,calc(100% - var(--sw-side) * 2))}
@media(max-width:1150px){:root{--sw-side:26px}}
@media(max-width:600px){:root{--sw-side:16px}}