/* D-177 macro AD-AS page; scoped from mockups/wave_20261025/s3/index.html by scripts port. */
#madas,#madas *{box-sizing:border-box}
#madas{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--fs-base);margin:0;padding:28px 24px 80px}
@media(max-width:600px){#madas{padding:20px 16px 60px}}
/* 掛在 /app 內時外層 #scr-brief 已有 16px 邊；再加一層左右 16 會把圖欄擠到 311、窄版圖被縮到字 <10px */
@media(max-width:600px){#scr-brief #madas{padding-left:0;padding-right:0}}
#madas{max-width:1320px;margin:auto}
/* 掛在 /app 內：頁邊、標題字級沿用 app 的 .screen／h1.title（docs/UI_REDESIGN_LUXE_V2.md §7），不再自帶一層內距 */
#scr-brief #madas{padding:0;max-width:none}
#scr-brief #madas h1{font-weight:500;font-size:var(--fs-title);letter-spacing:var(--tk-title);line-height:1.2}
html[data-view="mobile"] #scr-brief #madas h1{font-size:var(--fs-2xl)}
#scr-brief #madas .ma-q{font-size:var(--fs-md)}
/* 議題：左＝結論＋該議題的路徑樹（捲動時黏住），右＝論據；窄於 1100 改單欄 */
#madas .story{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
#madas .story .sl{position:sticky;top:16px}
@media(max-width:1100px){#madas .story{grid-template-columns:1fr;gap:32px}#madas .story .sl{position:static}}
#madas h1{font-family:var(--serif-tc);font-weight:400;font-size:var(--fs-2xl);margin:0 0 4px}
#madas .top{display:flex;gap:24px;align-items:baseline;flex-wrap:wrap;border-bottom:1px solid var(--ink);padding-bottom:10px;margin-bottom:18px}
#madas .top nav{display:flex;gap:18px}
#madas .top nav button,#madas .tabs button{font:inherit;font-size:var(--fs-sm);background:none;border:0;padding:4px 0;color:var(--ink-60);cursor:pointer;border-bottom:2px solid transparent}
#madas .top nav button[aria-pressed=true],#madas .tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}
#madas .tabs{display:flex;gap:20px;flex-wrap:wrap;margin:0 0 20px;font-size:var(--fs-sm)}
#madas .tabs .keep{color:var(--ink-45);font-size:var(--fs-caps);align-self:center}
#madas .verdict{font-family:var(--serif-tc);font-size:var(--fs-xl);line-height:1.5;border-left:2px solid var(--ink);padding:2px 0 2px 14px;margin:6px 0 18px}
#madas .verdict em{font-style:normal;color:var(--alert)}
#madas .verdict b{font-weight:400;color:var(--accent)}
#madas .kicker{font-size:var(--fs-caps);color:var(--ink-45);letter-spacing:var(--tk-kicker)}
#madas .unit{font-size:var(--fs-sm);color:var(--ink-60);margin:4px 0 0}
#madas .ma-row{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}
#madas .row2{display:grid;gap:40px;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}
@media(max-width:960px){#madas .ma-row,#madas .row2{grid-template-columns:1fr;gap:24px}}
#madas h2{font-family:var(--serif-tc);font-weight:400;font-size:var(--fs-xl);margin:0 0 4px}
#madas h3{font-family:var(--serif-tc);font-weight:400;font-size:var(--fs-lg);margin:0 0 4px}
#madas .ma-q{font-size:var(--fs-sm);color:var(--ink-60);margin:0 0 10px}
#madas .ma-sec{margin-top:36px}
#madas svg{display:block;max-width:100%;height:auto;overflow:visible}
#madas svg text{font-family:var(--latin),var(--sans);fill:var(--ink)}
#madas .node{cursor:pointer}
#madas .node:focus{outline:none}
#madas .node:focus rect.box,#madas .node.on rect.box{stroke-width:2}
#madas .gauges{display:flex;gap:28px;flex-wrap:wrap;margin:8px 0 0}
#madas .gauge{min-width:240px;flex:1}
#madas .gauge .v{font-family:var(--latin);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums}
#madas .st-ok{color:var(--ink-60)}
#madas .st-warn{color:var(--metal)}
#madas .st-hit{color:var(--alert)}
#madas .st-gap{color:var(--ink-45)}
#madas .lens{font-size:var(--fs-sm);line-height:1.7}
#madas .lens dt{font-size:var(--fs-caps);color:var(--ink-45);margin-top:10px}
#madas .lens dd{margin:0}
#madas .fals{border-top:1px solid var(--ink-25);margin-top:12px;padding-top:8px;font-size:var(--fs-sm)}
#madas .gapnote{font-size:var(--fs-sm);color:var(--ink-45);border:1px dashed var(--ink-25);border-radius:8px;padding:6px 10px;margin-top:8px}
#madas /* timeline (REQUEST.md 規格) */
.sum{font-size:var(--fs-sm);color:var(--ink-80);margin-bottom:8px}
#madas .month{display:flex;justify-content:space-between;font-size:var(--fs-caps);color:var(--ink-60);border-bottom:1px solid var(--ink);padding:16px 0 6px;margin-bottom:6px;letter-spacing:var(--tk-caps)}
#madas .it{display:grid;grid-template-columns:78px 18px 1fr;column-gap:10px;padding:10px 0}
#madas .it .d{font-family:var(--latin),monospace;font-variant-numeric:tabular-nums;font-size:var(--fs-xs);color:var(--ink-45);padding-top:3px}
#madas .it .trk{position:relative}
#madas .it .trk:before{content:"";position:absolute;left:8px;top:-10px;bottom:-10px;border-left:1px solid var(--ink-25)}
#madas .it .trk:after{content:"";position:absolute;left:3px;top:7px;width:9px;height:9px;border-radius:50%;border:1px solid var(--ink-60);background:var(--paper)}
#madas .it .t{font-family:var(--serif-tc);font-size:var(--fs-md);line-height:1.45}
#madas .it .t a{color:inherit;text-decoration:none}
#madas .it .t a:hover{text-decoration:underline}
#madas .it .m{font-size:var(--fs-caps);color:var(--ink-60);margin-top:4px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#madas .ma-chip{border:1px solid var(--ink-25);border-radius:var(--r-pill);padding:0 8px;min-height:0;line-height:1.6;font-size:var(--fs-caps)!important;background:none;white-space:nowrap;overflow:visible}
#madas .it .c{font-size:var(--fs-sm);color:var(--ink-60);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#madas .it .g{font-size:var(--fs-caps);color:var(--metal);margin-top:4px}
#madas details{margin-top:14px;border-top:1px solid var(--ink-25);padding-top:8px}
#madas summary{cursor:pointer;font-size:var(--fs-sm);color:var(--ink-60)}
#madas table.f{width:100%;margin-top:8px;table-layout:fixed;overflow-wrap:anywhere}
#madas table.f th,#madas table.f td{padding:7px 8px;vertical-align:top;white-space:normal}
#madas .cell{cursor:pointer}
#madas .ma-claims{margin-top:10px}
#madas .cl{padding:10px 0;border-bottom:1px solid var(--ink-25)}
#madas .cl .h{font-family:var(--serif-tc);font-size:var(--fs-md)}
#madas .cl .m{font-size:var(--fs-caps);color:var(--ink-60);margin-top:4px;display:flex;gap:10px;flex-wrap:wrap}
#madas .cl .e{font-size:var(--fs-sm);color:var(--ink-60);margin-top:4px}
#madas .v-sup{color:var(--accent)}
#madas .v-part{color:var(--metal)}
#madas .v-not{color:var(--alert)}
#madas .ma-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--ink-60);margin-top:6px}
#madas .ma-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:-1px}
#madas .foot{margin-top:56px;font-size:var(--fs-sm);color:var(--ink-45);border-top:1px solid var(--ink-25);padding-top:12px;line-height:1.8}
#madas .hide{display:none}
#madas #vmap{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 26px}
#madas #vmap .vedge{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:0}
#madas .vcol{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}
#madas .vc{font:inherit;text-align:left;background:var(--paper);border:1px solid var(--ink-25);border-radius:8px;padding:5px 8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:2px 6px;align-items:baseline;font-size:var(--fs-caps);color:var(--ink)}
#madas .vc .l{font-size:var(--fs-sm);width:100%;font-family:var(--serif-tc)}
#madas .vc .n{font-variant-numeric:tabular-nums;font-family:var(--latin)}
#madas .vc .c{color:var(--ink-45)}
#madas .vc .c.p{color:var(--accent)}
#madas .vc .c.m{color:var(--alert)}
#madas .vc .c.st-hit{color:var(--alert)}
#madas .vc .c.st-warn{color:var(--metal)}
#madas .vc.up{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
#madas .vc.dn{border-color:var(--alert);box-shadow:inset 3px 0 0 var(--alert)}
#madas .vc.ev.on,#madas .vc[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#madas .vc .eff{color:var(--ink);margin-left:auto}
#madas #vlane{margin-top:18px;border-top:1px dashed var(--ink-25);padding-top:10px}
#madas .vlrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 14px;margin-top:8px}
#madas .vgrid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:32px;align-items:start}
#madas .vside{position:sticky;top:12px}
#madas .chainline{font-size:var(--fs-sm);line-height:1.9;margin:6px 0}
#madas .chainline b{font-weight:400}
#madas .chainline b.p{color:var(--accent)}
#madas .chainline b.m{color:var(--alert)}
#madas .mcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:18px}
#madas .irfs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:20px;margin-top:12px}  /* 格寬 ≥ viewBox 寬，SVG 字不縮到 10px 以下 */
#madas .mc{border-top:1px solid var(--ink-25);padding-top:8px;font-size:var(--fs-sm);line-height:1.6}
#madas .mc p{margin:4px 0}
@media(max-width:960px){#madas .vgrid,#madas .mcs{grid-template-columns:1fr}
#madas .vside{position:static}}
@media(max-width:700px){#madas #vmap{grid-template-columns:1fr 1fr;gap:12px}
#madas .vcol:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
#madas .vcol:first-child .kicker{grid-column:1/-1}
#madas .vlrow{grid-template-columns:1fr 1fr}}
#madas .dv{border-left:2px solid var(--ink);padding:2px 0 2px 14px;margin:6px 0 22px}
#madas .dv .j{font-family:var(--serif-tc);font-size:var(--fs-xl);line-height:1.5;margin:0 0 10px;position:relative;padding-left:26px}
#madas .dv .j>.ic{position:absolute;left:0;top:.42em;width:18px;height:18px}
#madas .dv em{font-style:normal;color:var(--alert)}
#madas .dv b{font-weight:400;color:var(--accent)}
#madas .dv .r{display:grid;grid-template-columns:18px 3.6em minmax(0,1fr);gap:8px;align-items:start;font-size:var(--fs-sm);line-height:1.65;margin:6px 0}
#madas .dv .r .l{color:var(--ink-60)}
#madas .dv .r .ic{margin-top:4px}
#madas .dv .r .t>div+div{margin-top:2px}
#madas .ic{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
#madas .i-c{color:var(--accent)}
#madas .i-d{color:var(--ink-60)}
#madas .i-f{color:var(--alert)}
#madas .ma-q[data-ic]{position:relative;padding-left:24px}
#madas .ma-q[data-ic]>.ic{position:absolute;left:0;top:.28em;color:var(--ink-45)}
#madas .wch{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 12px}
#madas .wch button{font:inherit;font-size:var(--fs-caps);border:1px solid var(--ink-25);background:none;border-radius:999px;padding:3px 10px;color:var(--ink-60);cursor:pointer}
#madas .wch button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}
#madas .wgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
#madas #wmap path[data-w]{cursor:pointer}
@media(max-width:960px){#madas .wgrid{grid-template-columns:1fr}}
#madas .dpan{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 20px;margin:10px 0 6px}
@media(max-width:900px){#madas .dpan{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){#madas .dpan{grid-template-columns:1fr}}
#madas .ma-flag{display:inline-block;width:16px;height:12px;vertical-align:-1px;margin-right:4px;border-radius:2px;box-shadow:0 0 0 .5px var(--ink-25)}
#madas .dp h4{font-size:var(--fs-sm);font-weight:500;margin:0 0 4px}
#madas .dp svg{max-width:250px}
#madas .dp .unit{margin-top:4px}
#madas .dp .ok{color:var(--accent)}
#madas .xch{display:flex;flex-direction:column;gap:6px;margin-top:8px;font-size:var(--fs-sm)}
#madas .xch div{border:1px solid var(--ink-25);border-radius:6px;padding:6px 10px}
#madas .xch .ar{border:none;padding:0 10px;color:var(--ink-45)}
#madas .quad{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
#madas .quad>div{border:1px solid var(--ink-25);border-radius:8px;padding:10px 12px}
#madas .quad h4{margin:0 0 2px;font-size:var(--fs-sm);font-weight:500}
#madas .quad .unit{margin:0 0 8px}
#madas .quad .cs{display:flex;flex-wrap:wrap;gap:5px}
#madas .quad button{font:inherit;font-size:var(--fs-caps);border:1px solid var(--ink-25);background:none;border-radius:999px;padding:2px 9px;color:var(--ink);cursor:pointer}
#madas .quad button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media(max-width:700px){#madas .quad{grid-template-columns:1fr}}
#madas .hitg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
#madas .rows8{display:flex;gap:6px;flex-wrap:wrap}#madas .rows8 div{border:1px solid var(--ink-25);border-radius:8px;padding:6px 8px;font-size:var(--fs-caps);min-width:74px}
/* 總經頁不用右側脈絡欄 */
html[data-view="web"] body:has(#madas){grid-template-columns:276px minmax(0,1fr)}
html[data-view="web"] body:has(#madas) .context{display:none}
#madas .story{margin-top:4px}
#madas .paths{list-style:none;margin:12px 0 0;padding:0}
#madas .paths li{border-top:1px solid var(--ink-25);padding:10px 0;font-size:var(--fs-sm);line-height:1.6}
#madas .paths li b{font-family:var(--serif-tc);font-weight:500;font-size:var(--fs-md)}
#madas .paths .o{color:var(--metal)}
#madas .story .kicker{margin-bottom:6px}
#madas .ev{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(640px,100%),1fr));gap:20px 28px;margin-top:18px}
#madas .ev>.hide{display:none}
#madas h3.sub{margin-top:26px}
#madas .sr .gauges{margin-top:4px}
#madas .sr .gauge{min-width:200px}
#madas #geob{display:contents}
#madas #geob>.unit{grid-column:1/-1;margin-top:-8px}
#madas .mtag{display:inline-block;font-size:var(--fs-caps);color:var(--accent);border:1px solid var(--hair);border-radius:999px;padding:0 8px;margin-left:6px;letter-spacing:0;vertical-align:middle;font-weight:400}
#madas .mtag.none{color:var(--ink-45);border-style:dashed}
#madas .schools{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px}
#madas .sc{border-top:1px solid var(--hair);padding-top:8px}
#madas .sc p{margin:4px 0;font-size:var(--fs-sm)}
#madas .sc-h{display:flex;justify-content:space-between;align-items:baseline}
#madas .sc-v{font-size:var(--fs-caps)}