:root{--ground:#f5f7f3;--paper:#fff;--ink:#23312b;--brand:#183f36;--muted:#58635c;--line:#e0e6df;--selected:#e9eeea;--radius:8px;--gap:28px;color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:3px}img{max-width:100%;height:auto}p{line-height:1.75;margin:0 0 12px}h1,h2,h3{margin:0;line-height:1.4}h1{font-size:32px;color:var(--brand);font-weight:700;letter-spacing:-.025em}h2{font-size:21px;font-weight:650}h3{font-size:20px;font-weight:650}.skip{position:fixed;top:0;left:16px;transform:translateY(-120%);padding:12px;background:var(--paper);z-index:10}.skip:focus{transform:none}
.brand-preview-page .preview-strip{background:#e8ede7;font-size:12px;color:#46524b}.brand-preview-page .preview-strip>div{max-width:1200px;margin:auto;min-height:32px;padding:6px 24px;display:flex;justify-content:space-between;gap:12px}.brand-preview-page .site-header{background:var(--paper);border-bottom:1px solid var(--line)}.brand-preview-page .header-inner{max-width:1200px;margin:auto;min-height:94px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand-preview-page .brand-mark{display:flex;align-items:center;gap:16px;flex:none}.brand-preview-page .brand-mark img{width:116px;height:42px;object-fit:contain}.brand-preview-page .brand-mark>strong{font-size:30px;font-style:italic}.brand-preview-page .brand-mark>span{font-size:19px;font-weight:600;letter-spacing:.06em}.brand-preview-page .header-inner nav{display:flex;flex-wrap:wrap;gap:8px 24px}.brand-preview-page .header-inner nav a{min-height:44px;display:inline-flex;align-items:center;font-size:15px;color:var(--muted)}.brand-preview-page .header-inner nav [aria-current]{color:var(--ink);font-weight:650;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}
.hub{max-width:1200px;margin:auto;padding:36px 24px 56px}.title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.title-row p{font-size:16px;color:var(--muted);margin:8px 0 0;max-width:62ch}.calendar-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;white-space:nowrap;margin-top:6px;gap:12px}.brand-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:28px}.brand-nav>a{min-height:84px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px 8px;background:var(--paper);border-radius:var(--radius);font-size:14px;font-weight:550}.brand-nav>a img{width:74px;height:28px;object-fit:contain}.brand-nav>a.is-current{background:var(--selected);outline:2px solid #bac8bd;outline-offset:-2px}.brand-nav>.all-brand{font-size:16px}.brand-nav a:hover{text-decoration:none;outline:2px solid #aebfb2;outline-offset:-2px}
/* At 1200px: 24px + 808px + 28px + 316px + 24px = 1200px. */
.hub-grid{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:var(--gap);align-items:start}.feed-panel{background:var(--paper);border-radius:var(--radius);padding:24px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-heading>span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.section-heading>a{font-size:14px;min-height:44px;display:flex;align-items:center}.type-nav{display:flex;flex-wrap:wrap;gap:6px 20px;border-bottom:1px solid var(--line);margin-bottom:14px}.type-nav>a{display:flex;align-items:center;min-height:44px;font-size:15px;position:relative;white-space:nowrap;color:var(--muted)}.type-nav>[aria-current]{color:var(--ink);font-weight:650;border-bottom:2px solid var(--ink)}.scene-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.scene-nav>a{min-height:36px;padding:7px 12px;font-size:13px;border-radius:5px;display:inline-flex;align-items:center;color:var(--muted)}.scene-nav>[aria-current]{background:var(--selected);color:var(--ink);font-weight:600}.feed-row{display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px;padding:26px 0;border-bottom:1px solid var(--line)}.feed-row:last-child{border-bottom:0;padding-bottom:4px}.feed-identity{padding-top:3px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.feed-identity img{width:72px;height:48px;object-fit:contain}.feed-identity>span{font-size:12px;font-weight:600;overflow-wrap:anywhere}.feed-copy{min-width:0}.feed-meta{display:flex;flex-wrap:wrap;gap:5px 12px;color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:9px;font-variant-numeric:tabular-nums}.feed-meta>span:first-child{font-weight:600;color:var(--brand)}.feed-copy h3{font-size:20px;line-height:1.5;margin-bottom:9px;text-wrap:pretty}.feed-copy>p{font-size:15px;margin-bottom:12px;line-height:1.75}.feed-copy>.event-date{font-weight:600;color:var(--brand);font-variant-numeric:tabular-nums}.feed-copy>.relationship{font-size:13px}.feed-source{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;line-height:1.75;color:var(--muted);align-items:center}.feed-source a{font-weight:600;color:var(--ink);min-height:32px;display:inline-flex;align-items:center;gap:6px}.feed-copy>.evidence-note{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.7}.empty-state{padding:32px 0 24px}.empty-state h3{font-size:18px;margin-bottom:10px}.empty-state p{font-size:15px;color:var(--muted)}.empty-state>a{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline}
.side-column{display:grid;gap:24px}.announcement-panel{background:var(--paper);padding:24px;border-radius:var(--radius)}.announcement-panel .section-heading{margin-bottom:3px}.section-intro{font-size:13px;color:var(--muted);margin-bottom:10px}.announcement-link{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-bottom:1px solid var(--line)}.announcement-link:last-child{border-bottom:0;padding-bottom:0}.announcement-link strong{font-size:16px;font-weight:650}.announcement-link>span{font-size:13px;line-height:1.65;color:var(--muted)}.announcement-link>.link-label{font-size:12px;color:var(--ink);display:flex;gap:8px;align-items:center;min-height:28px}.coverage-panel{padding:0 6px}.coverage-panel h2{font-size:17px;margin-bottom:10px}.coverage-panel p{font-size:13px;color:var(--muted);line-height:1.8}.brand-original{margin-top:36px}.brand-original>.section-heading{margin-bottom:16px}.original-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap);align-items:start}.original-section{background:var(--paper);border-radius:var(--radius);padding:24px;scroll-margin-top:24px;min-width:0}.original-section>h3{font-size:20px;margin-bottom:20px}.snapshot-copy{font-size:15px;line-height:1.8;overflow-wrap:anywhere}.snapshot-copy a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.snapshot-copy img{max-width:100%;height:auto!important;object-fit:contain;margin:16px auto;display:block}.snapshot-copy h2,.snapshot-copy h3{font-size:18px;margin:18px 0 12px}.snapshot-copy .information-copy{white-space:pre-wrap}.snapshot-copy .information-image{width:auto;max-height:640px}.brand-preview-page .site-footer{max-width:1152px;margin:0 auto;padding:28px 0 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px}.brand-preview-page .site-footer>div:first-child>a{font-size:18px;font-weight:650;color:var(--brand);display:inline-flex;min-height:44px;align-items:center}.brand-preview-page .site-footer p{font-size:12px;color:var(--muted);margin-bottom:6px}.brand-preview-page .site-footer>div:last-child{display:flex;align-items:flex-start;gap:20px}.brand-preview-page .site-footer>div:last-child a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
@media(max-width:1000px){.brand-preview-page .header-inner{flex-wrap:wrap;gap:8px}.brand-preview-page .header-inner nav{width:100%;gap:8px 22px}.hub-grid{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.feed-panel,.announcement-panel{padding:20px}.feed-row{grid-template-columns:1fr;gap:10px}.feed-identity{flex-direction:row;align-items:center;padding:0;gap:10px}.feed-identity img{width:48px;height:24px}.brand-preview-page .site-footer{margin-inline:24px}.brand-nav>a{font-size:13px}.original-grid{gap:20px}}
@media(max-width:720px){.brand-preview-page .preview-strip>div{padding:6px 18px}.brand-preview-page .preview-strip span{display:none}.brand-preview-page .header-inner{padding:14px 18px;gap:10px;min-height:0}.brand-preview-page .brand-mark img{width:100px;height:36px}.brand-preview-page .brand-mark>span{font-size:17px}.brand-preview-page .header-inner nav{gap:0 18px}.brand-preview-page .header-inner nav a{font-size:14px;min-height:40px}.brand-preview-page .header-inner nav [aria-current]{text-underline-offset:7px}.hub{padding:26px 18px 36px}.title-row{margin-bottom:22px;gap:10px;align-items:flex-start}.title-row h1{font-size:28px}.title-row p{font-size:14px;max-width:38ch}.calendar-link{font-size:12px;gap:4px;margin-top:0}.brand-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.brand-nav>a{min-height:68px;padding:8px 4px;font-size:13px}.brand-nav>a img{width:64px;height:23px}.brand-nav>.all-brand{font-size:14px}.hub-grid{grid-template-columns:1fr;gap:24px}.feed-panel{padding:20px}.section-heading h2{font-size:20px}.type-nav{gap:4px 18px}.type-nav>a{font-size:14px}.scene-nav>a{min-height:40px;font-size:13px;padding:8px 10px}.feed-row{padding:24px 0;gap:10px}.feed-copy h3{font-size:19px;line-height:1.5}.feed-copy>p{font-size:15px}.feed-source a{min-height:40px}.side-column{grid-template-columns:1fr;gap:22px}.announcement-panel{padding:20px}.announcement-link{padding:14px 0}.coverage-panel{padding:0}.original-grid{grid-template-columns:1fr;gap:20px}.brand-original{margin-top:28px}.brand-original>.section-heading{flex-wrap:wrap;gap:0}.brand-original>.section-heading h2{font-size:20px}.original-section{padding:20px}.brand-preview-page .site-footer{margin-inline:18px;flex-direction:column;gap:8px;padding:22px 0 30px}.brand-preview-page .site-footer>div:last-child{gap:24px}}
@media(max-width:360px){.brand-preview-page .preview-strip>div,.brand-preview-page .header-inner{padding-inline:14px}.hub{padding-inline:14px}.title-row{flex-direction:column;gap:4px}.calendar-link{min-height:36px}.brand-preview-page .header-inner nav{gap:0 15px}.brand-preview-page .header-inner nav a{font-size:13px}.feed-panel,.announcement-panel,.original-section{padding:16px}.type-nav{gap:0 14px}.type-nav>a{font-size:13px}.scene-nav{gap:3px}.scene-nav>a{padding-inline:8px}.feed-copy h3{font-size:18px}.brand-preview-page .site-footer{margin-inline:14px}}
.mobile-site-nav,.mobile-brand-nav,.type-short,.mobile-item-brand{display:none}.scene-disclosure{margin-bottom:0}.scene-disclosure>summary{font-size:13px;min-height:40px;cursor:pointer;line-height:40px;color:var(--muted);width:fit-content}.scene-disclosure[open]>summary{margin-bottom:6px}.scene-disclosure .scene-nav{margin-bottom:8px}.evidence-note{font-size:12px;color:var(--muted);margin-top:4px}.evidence-note>summary{min-height:32px;line-height:32px;cursor:pointer;width:fit-content}.evidence-note>p{font-size:12px;line-height:1.7;margin:0 0 6px}.feed-meta>span:nth-child(2){font-weight:600;color:var(--brand)}summary:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:3px}
@media(max-width:720px){
  .brand-preview-page .preview-strip>div{min-height:28px;padding-top:4px;padding-bottom:4px}
  .brand-preview-page .header-inner{flex-wrap:nowrap;min-height:64px;padding-top:10px;padding-bottom:10px;position:relative}
  .brand-preview-page .brand-mark{min-height:44px;gap:10px}.brand-preview-page .brand-mark img{width:94px;height:34px}.brand-preview-page .brand-mark>span{font-size:16px}
  .brand-preview-page .header-inner>.desktop-site-nav,.desktop-brand-nav,.type-long{display:none}
  .mobile-site-nav,.mobile-brand-nav,.type-short{display:block}
  .mobile-site-nav{flex:none}.mobile-site-nav>summary{font-size:14px;min-height:44px;min-width:56px;line-height:44px;cursor:pointer;text-align:right}
  .mobile-site-nav nav{position:absolute;top:100%;left:0;right:0;padding:12px 18px;background:var(--paper);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;z-index:5;width:auto}
  .mobile-site-nav nav a{min-height:44px}
  .hub{padding-top:20px}.title-row{margin-bottom:16px}.title-row p{margin-top:6px;max-width:none}.calendar-link{display:none}
  .mobile-brand-nav{background:var(--paper);border-radius:var(--radius);margin-bottom:16px;padding:0 14px}
  .mobile-brand-nav>summary{font-size:14px;min-height:44px;line-height:44px;cursor:pointer;font-weight:600}
  .mobile-brand-nav .brand-nav{margin:4px 0 12px;gap:8px}.mobile-brand-nav .brand-nav a{background:var(--ground);min-height:68px}.mobile-brand-nav .brand-nav a.is-current{background:var(--selected)}
  .feed-panel{padding:16px}.feed-panel>.section-heading{margin-bottom:10px}.feed-panel>.section-heading h2{font-size:20px}
  .type-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:6px}.type-nav>a{min-height:44px;font-size:13px;justify-content:center;white-space:nowrap}.type-short{white-space:nowrap}
  .scene-disclosure>summary{min-height:44px;line-height:44px;font-size:13px}.scene-disclosure .scene-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.scene-nav>a{min-height:44px;justify-content:center;padding-inline:3px;white-space:nowrap}
  .feed-row{display:block;padding-top:16px}.feed-identity{display:none}.mobile-item-brand{display:inline}.feed-meta{gap:4px 10px;margin-bottom:7px}.feed-meta>.mobile-item-brand{font-weight:600;color:var(--brand)}
  .feed-copy h3 a{display:block;min-height:44px}.feed-source a{min-height:44px}.evidence-note>summary{min-height:44px;line-height:44px}
  .snapshot-copy a{display:inline-block;min-height:44px;line-height:1.8;padding-block:8px;max-width:100%;overflow-wrap:anywhere}
  .brand-preview-page .site-footer>div:last-child a,.brand-original>.section-heading a{min-height:44px}
}

/* The published APOT asset is square; crop the existing white margins in its horizontal logo slot. */
.brand-preview-page .brand-mark img{object-fit:cover;object-position:center}


/* Production keeps the shared APOT header/footer; only its main content changes. */
.apot-public-frame main.hub{width:100%;max-width:1200px;margin-inline:auto;min-width:0}
.hub .information-status{min-height:280px;padding:32px 0}
.hub .information-status h3{margin-bottom:12px}
.hub .information-status p{color:var(--muted)}
.hub .information-status button{font:inherit;min-height:44px;padding:8px 16px;background:var(--brand);color:white;border:0;border-radius:4px;cursor:pointer}
.hub .type-nav{overflow-x:auto;overscroll-behavior-x:contain}
.hub .type-nav>a{min-width:0}
@media(max-width:720px){.apot-public-frame main.hub{padding:24px 16px 40px}.hub .title-row{display:block}.hub .type-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.hub .information-status{min-height:240px}}
@media(max-width:360px){.apot-public-frame main.hub{padding-inline:12px}.hub .feed-panel{padding-inline:12px}}

/* Online updates retain the shared frame; filters replace the five-brand hero. */
.hub-grid{grid-template-columns:minmax(0,1fr)}
.hub-grid.has-platform-info{grid-template-columns:minmax(0,1fr) 316px}
.hub .online-filters{display:flex;align-items:end;gap:16px;margin-bottom:24px;max-width:100%}
.online-filters label{display:grid;gap:6px;font-size:14px;min-width:0}
.online-filters label:first-child{flex:1}.online-filters label:nth-child(2){width:220px}
.online-filters input,.online-filters select,.related-platform-picker select{width:100%;min-width:0;min-height:44px;padding:8px 12px;font:inherit;color:var(--ink);background:var(--paper);border:1px solid #b9c6bd;border-radius:4px}
.online-filters button,.platform-information button{min-height:44px;padding:8px 18px;font:inherit;color:white;background:var(--brand);border:0;border-radius:4px;cursor:pointer}
.online-filters :focus-visible,.platform-information button:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.hub .feed-row{display:block}.hub .type-nav{display:flex;gap:28px}.hub .feed-copy{max-width:78ch}
.platform-information{min-width:0;display:grid;gap:16px;align-content:start}
.platform-group{background:var(--paper);padding:0 18px;border-radius:8px;min-width:0;scroll-margin-top:135px}
.platform-group>summary{font-size:18px;font-weight:650;min-height:56px;padding:14px 0;cursor:pointer;line-height:1.6}
.disclosure-hint:after{content:'展開';font-size:12px;font-weight:400;margin-left:12px;color:var(--muted)}
.platform-group[open] .disclosure-hint:after{content:'收合'}
.platform-group .snapshot-copy{padding-bottom:18px;font-size:15px;white-space:normal}
.platform-group .information-copy{white-space:pre-wrap;font-size:15px!important;line-height:1.85!important}
.platform-group .information-image{width:auto!important;height:auto!important;max-width:100%;max-height:none!important}
.platform-information [role]{padding:18px;background:var(--paper);margin:0}
.online-breadcrumb{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:14px;margin-bottom:12px;align-items:center}
.online-breadcrumb a{min-height:44px;display:inline-flex;align-items:center}
.apot-public-frame .online-article-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start}
.apot-public-frame .online-article-layout.has-platform-info{grid-template-columns:minmax(0,1fr) 316px!important;gap:28px!important}
.online-article-information{min-width:0}.related-platform-picker{display:grid;gap:8px;margin-bottom:16px}
@media(max-width:800px){.hub-grid.has-platform-info,.apot-public-frame .online-article-layout.has-platform-info{grid-template-columns:minmax(0,1fr)!important}.hub .online-filters{flex-wrap:wrap;gap:12px}.online-filters label:first-child{flex-basis:100%}.online-filters label:nth-child(2){flex:1;width:auto}.hub .type-nav{display:flex;gap:28px}.platform-information{margin-top:8px}.online-article-information{grid-column:1}.hub .section-heading h2{font-size:19px}.hub .feed-copy h3{font-size:18px}}

.platform-mark{padding:16px;background:var(--paper);border-radius:8px;text-align:center}
.platform-mark .information-cover{display:block;margin:auto;width:160px;height:72px;object-fit:contain}
[data-platform-route-error] button{display:block;margin-top:8px;min-height:44px;font:inherit;padding:8px 16px}