/* Page / Report without sidebars (2026-10-01). Rides on css/article-v2.css; only the differences live here. */
#sew2.sew2--solo .art-grid{margin-top:24px}

/* Pictures break out of the 760px text column, up to 1140px (Alex, 2026-10-01: "text 400px → images 600px", i.e. 1.5×).
   Big screens only — on phones and small tablets pictures simply fill the column. Small pictures keep their own size;
   pictures inside lists, tables, quotes and boxes stay in the column (only top-level paragraphs and figures break out).
   Centring: margin-left:50% + translateX(-50%) centres any width on the column, narrow or wide. */
@media (min-width:900px){
  #sew2.sew2--solo{--pv2-wide:min(1140px, calc(100vw - 72px))}
  /* title, standfirst and the author box + featured picture span the same width as the wide pictures */
  #sew2.sew2--solo .art-head,#sew2.sew2--solo .authstart{max-width:var(--pv2-wide)}
  #sew2.sew2--solo [itemprop="mainContentOfPage"] > p img:not(.alignleft):not(.alignright){
    width:auto;max-width:var(--pv2-wide);height:auto;margin:30px 0 0 50%;transform:translateX(-50%)}
  #sew2.sew2--solo [itemprop="mainContentOfPage"] > :is(figure,.wp-caption,.wp-block-image):not(.alignleft):not(.alignright){
    width:var(--pv2-wide)!important;max-width:none;margin:30px 0 34px 50%;transform:translateX(-50%)}
  #sew2.sew2--solo [itemprop="mainContentOfPage"] > :is(figure,.wp-caption,.wp-block-image) img{
    width:auto;max-width:100%;height:auto;margin:0 auto;transform:none}
  /* captions run to the text width (the old theme caps them at 58ch), left-aligned under the picture */
  #sew2.sew2--solo [itemprop="mainContentOfPage"] > :is(figure,.wp-caption,.wp-block-image) :is(figcaption,.wp-caption-text){
    max-width:760px;margin:0;padding:8px 0 10px;text-align:left}
}

/* Reports inherit rules from the old Reports design (main.css `.reports-template-default .single-post__content …`):
   h1–h4 float left at 100% width, and quote text turns bold. They collapsed the comment box header to 0px, hid the
   rule in the "More in" header and bolded quotes. Undone here, Reports only (2026-10-01). */
body.reports-template-default #sew2.sew2--solo .single-post__content :is(h1,h2,h3,h4){float:none;display:block;width:auto}
body.reports-template-default #sew2.sew2--solo .single-post__content blockquote p{font-weight:400}


/* Contents list after the first paragraph (Alex's reference, 2026-10-02): off-white card, the logo colour bar,
   spaced-out heading, grey numbers, larger dark titles on hairline rows; on phones a –/+ button folds it.
   Selectors start #sew2 .art-body .pv2-toc so they outrank the article's list and link rules. */
#sew2 .pv2-toc{--toc-bg:#FAF9F7;--toc-border:#ECEAE7;--toc-rule:#E6E3E1;--toc-num:#9B9B9D}
html[data-theme="dark"] #sew2 .pv2-toc{--toc-bg:var(--card);--toc-border:var(--line);--toc-rule:var(--line);--toc-num:var(--muted)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) #sew2 .pv2-toc{--toc-bg:var(--card);--toc-border:var(--line);--toc-rule:var(--line);--toc-num:var(--muted)}}
#sew2 .art-body .pv2-toc{margin:4px 0 34px;padding:22px 26px 14px;background:var(--toc-bg);border:1px solid var(--toc-border);border-radius:4px}
#sew2 .art-body .pv2-toc .pv2-toc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
#sew2 .art-body .pv2-toc .pv2-toc-title{position:relative;margin:0;padding:22px 0 0;font-family:var(--display);font-weight:800;font-size:13px;line-height:1.2;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
#sew2 .art-body .pv2-toc .pv2-toc-title::before{content:"";position:absolute;top:0;left:0;width:56px;height:4px;background:linear-gradient(90deg,#841d5c 0 11.1%,#0e7333 0 22.2%,#a8c216 0 33.3%,#da0e15 0 44.4%,#1665af 0 55.5%,#ec6611 0 66.6%,#ffca00 0 77.7%,#8d4f17 0 88.8%,#8c8f8b 0)}
#sew2 .art-body .pv2-toc .pv2-toc-list{list-style:none;margin:14px 0 0;padding:0}
#sew2 .art-body .pv2-toc .pv2-toc-list li{margin:0;padding:0;border-top:1px solid var(--toc-rule);font-size:inherit;line-height:inherit}
#sew2 .art-body .pv2-toc .pv2-toc-list li:first-child{border-top:0}
#sew2 .art-body .pv2-toc .pv2-toc-list a{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:baseline;padding:14px 0;color:var(--ink);background:none;text-decoration:none}
#sew2 .art-body .pv2-toc .pv2-toc-n{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.02em;color:var(--toc-num);font-variant-numeric:tabular-nums}
#sew2 .art-body .pv2-toc .pv2-toc-t{font-family:var(--display);font-weight:600;font-size:17px;line-height:1.35;letter-spacing:-.005em;text-wrap:pretty}
#sew2 .art-body .pv2-toc .pv2-toc-list a:hover{color:var(--ink);background:none}
#sew2 .art-body .pv2-toc .pv2-toc-list a:hover .pv2-toc-t{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:4px}
#sew2 .art-body .pv2-toc .pv2-toc-list a:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}
#sew2 .art-body .pv2-toc .pv2-toc-toggle{display:none}
@media (max-width:760px){
  #sew2 .art-body .pv2-toc{padding:20px 20px 10px;margin-bottom:28px}
  #sew2 .art-body .pv2-toc .pv2-toc-n{font-size:14px}
  #sew2 .art-body .pv2-toc .pv2-toc-t{font-size:16px}
  #sew2 .art-body .pv2-toc .pv2-toc-list a{grid-template-columns:40px minmax(0,1fr);padding:13px 0}
  /* the –/+ button: 44px tap target, the sign drawn with two bars */
  #sew2 .art-body .pv2-toc .pv2-toc-toggle{display:block;position:relative;flex:none;width:44px;height:44px;margin:-14px -12px -12px 0;padding:0;border:0;background:none;color:var(--ink);cursor:pointer}
  #sew2 .art-body .pv2-toc .pv2-toc-toggle::before,#sew2 .art-body .pv2-toc .pv2-toc-toggle::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:currentColor;border-radius:1px}
  #sew2 .art-body .pv2-toc .pv2-toc-toggle::after{transform:rotate(90deg);opacity:0}
  #sew2 .art-body .pv2-toc.is-folded .pv2-toc-toggle::after{opacity:1}
  #sew2 .art-body .pv2-toc .pv2-toc-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:-4px;border-radius:50%}
  #sew2 .art-body .pv2-toc.is-folded{padding-bottom:20px}
  #sew2 .art-body .pv2-toc.is-folded .pv2-toc-list{display:none}
}