/* Shared reading layer for dated Wave Workshop daily briefs. Keep the report data unchanged. */
html{scroll-padding-top:18px}
body{overflow-wrap:anywhere}
body img,body svg{max-width:100%}
.brief-jump-nav{display:none}
.brief-responsive-table{max-width:100%}

@media(max-width:900px){
  body{max-width:820px;padding:24px 20px;font-size:16px;line-height:1.58}
  .setup-body,.portfolio-insight{grid-template-columns:minmax(0,1fr)}
  .setup-body>*,.portfolio-insight>*{min-width:0}
  .levels{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brief-jump-nav{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;position:sticky;top:0;z-index:10;background:#f2f5f7f5;border-bottom:1px solid #d8e2e7;padding:10px 0;margin:0 -2px 18px}
  .brief-jump-nav a{flex:none;background:#fff;border:1px solid #b9d5d7;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap}
  .brief-jump-nav a:focus-visible,.brief-back:focus-visible{outline:2px solid #147f79;outline-offset:2px}
  .brief-back{display:block;text-align:right;font-size:12px;font-weight:700;margin:12px 0 22px}
  .brief-responsive-table{display:block;overflow-x:auto;overscroll-behavior-inline:contain}
}

@media(max-width:820px){
  body{padding:18px 14px;font-size:16px}
  h1{font-size:clamp(29px,8vw,36px);line-height:1.12}
  h2{font-size:21px;line-height:1.25;margin:30px 0 12px}
  h3{font-size:20px;line-height:1.3}
  article{padding:18px 16px}
  .events,.newsitem,.pnl-panel,.portfolio-plan{padding:16px}
  .cardhead{align-items:flex-start}
  .cardhead h3{flex:1 1 100%}
  .setup-body p,.newsitem p,.event p,.portfolio-insight p{font-size:15px;line-height:1.58}
  .muted,.small,footer{font-size:13px}
  .levels{gap:10px}
  .levels b{font-size:18px}
  .event{grid-template-columns:76px minmax(0,1fr);gap:10px}
  .edition-nav a,.chartlink,.watch-callout{min-height:44px;display:inline-flex;align-items:center}
  .setup-body figure{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #d8e2e7;border-radius:8px;background:#fff}
  .setup-body figure svg{min-width:540px;max-width:none}
  .setup-body figcaption{position:sticky;left:0;max-width:100vw;padding:6px 8px;font-size:12px;background:#fff}
  .brief-responsive-table,.brief-responsive-table tbody,.brief-responsive-table tr,.brief-responsive-table td{display:block;width:100%;min-width:0}
  .brief-responsive-table{overflow:visible;font-size:14px}
  .brief-responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .brief-responsive-table tbody{display:grid;gap:12px}
  .brief-responsive-table tr{background:#fff;border:1px solid #d8e2e7;border-radius:10px;padding:10px 13px;overflow:hidden}
  .brief-responsive-table td{display:grid;grid-template-columns:minmax(92px,33%) minmax(0,1fr);gap:10px;border-bottom:1px solid #e4ebee;padding:9px 0;overflow-wrap:anywhere}
  .brief-responsive-table td:last-child{border-bottom:0}
  .brief-responsive-table td::before{content:attr(data-label);font-size:12px;font-weight:700;color:#526875;line-height:1.4}
  .brief-responsive-table td:first-child{display:block;font-weight:700;font-size:15px;color:#162b3b}
  .brief-responsive-table.performance td:first-child{min-width:0}
  .brief-responsive-table td:first-child::before{display:block;margin-bottom:3px}
  .brief-responsive-table td[data-label="Reason"],.brief-responsive-table td[data-label="How to read it"]{display:block}
  .brief-responsive-table td[data-label="Reason"]::before,.brief-responsive-table td[data-label="How to read it"]::before{display:block;margin-bottom:4px}
  .socialwrap{overflow:visible}
  .pnl-row{grid-template-columns:40px minmax(60px,1fr) 75px;gap:5px}
  .pnl-net{flex-wrap:wrap}
}

@media(max-width:390px){
  body{padding:14px 10px}
  article,.events,.newsitem,.pnl-panel,.portfolio-plan{padding:14px}
  .levels b{font-size:16px}
  .brief-responsive-table td{grid-template-columns:minmax(80px,35%) minmax(0,1fr)}
}

@media print{.brief-jump-nav,.brief-back{display:none!important}.brief-responsive-table{display:table;overflow:visible}}