/* WOC Portal 3.0 — EDITION RC5 UX / visual experiment
 * Overlay only. Baseline styles and assets remain at /woc3-preview.
 * Grounded in existing WOC brand and real editorial assets. No new dependencies. */
:root{
 --rc5-paper:#fcfbf8;
 --rc5-panel:#f4f0e9;
 --rc5-line:#dfd8cd;
 --rc5-ink:#242327;
 --rc5-sub:#65615d;
 --rc5-red:#be1732;
}
html{scroll-padding-top:74px}
body{background:var(--rc5-paper);color:var(--rc5-ink);text-rendering:optimizeLegibility}
:where(a,button,input,summary):focus-visible{
 outline:3px solid #bd1732!important;outline-offset:3px!important;
}
a,button{ -webkit-tap-highlight-color:rgba(190,23,50,.09) }
.site-header{background:var(--rc5-paper);border-bottom:1px solid var(--rc5-line)}
.site-header .utility-row{max-width:1340px;border-color:var(--rc5-line);padding-top:5px;padding-bottom:5px}
.site-header .masthead-band{background:var(--rc5-paper)!important;border-bottom:0}
.site-header .masthead-inner{
 max-width:1340px;min-height:103px;padding:13px 18px 12px;
 grid-template-columns:218px minmax(0,1fr);gap:46px
}
.site-header .masthead-logo{
 grid-column:1;grid-row:1;justify-self:start;max-width:218px;
}
.site-header .masthead-logo img{width:100%;max-height:95px!important;object-position:left center}
.site-header .main-nav.masthead-navigation{grid-column:2;grid-row:1;align-self:center}
.site-header .masthead-primary{justify-content:flex-end;min-height:49px;border-bottom:1px solid var(--rc5-line)}
.site-header .masthead-primary a{font-size:clamp(13px,1.14vw,16px);padding:12px 10px 13px;letter-spacing:-.025em}
.site-header .masthead-primary a:first-child{padding-left:10px}
.site-header .masthead-secondary{justify-content:flex-end;min-height:32px}
.site-header .masthead-secondary a{font-size:11px;padding:9px 9px}
.site-header .masthead-primary .nav-home::before{right:8px;bottom:0}
.site-header .masthead-primary a:not(:last-child)::after{top:13px;bottom:14px}
.site-header .nav-analysis summary{font-size:clamp(13px,1.14vw,16px);padding:12px 9px}
.site-header .nav-analysis{position:relative}
.edition-ticker{background:#eee9e0;border-top:1px solid #ded8cd;border-bottom:1px solid #d8d0c5}
.edition-ticker-inner{max-width:1340px;min-height:41px}
.edition-ticker-label{border-radius:2px;background:var(--rc5-red)}
.edition-ticker-viewport,.edition-ticker-item{height:39px;min-height:39px}
.edition-ticker-controls button{border-radius:5px}
#main-content{max-width:1340px}
main .edition-hero{gap:27px;padding-top:24px;padding-bottom:24px;
 grid-template-columns:minmax(0,1fr) 268px}
main .edition-hero .lead-main{
 grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
 gap:26px;align-items:center
}
main .edition-hero .lead-image{display:block;overflow:hidden;background:#e8e3dc}
main .edition-hero .hero-img{aspect-ratio:1.26;transition:transform .35s ease}
main .edition-hero .lead-image:hover .hero-img{transform:scale(1.018)}
main .edition-hero .lead-copy h1{
 font:680 clamp(31px,2.63vw,39px)/1.10 var(--serif);
 letter-spacing:-.025em;margin:8px 0 14px;
 overflow-wrap:break-word;
}
main .edition-hero .lead-copy>p{font-size:16px;line-height:1.55;color:#625d59;-webkit-line-clamp:3}
main .edition-hero .lead-copy .meta{margin-top:13px}
main .edition-hero .lead-side{padding-left:18px}
main .edition-hero .lead-side .card-compact{
 grid-template-columns:104px minmax(0,1fr);gap:12px;margin-bottom:15px;padding-bottom:15px
}
main .edition-hero .lead-side .card-compact h3{font-size:19px;line-height:1.14;letter-spacing:-.01em}
main .edition-hero .lead-side .kicker{letter-spacing:.03em}
.edition-wire{border-top:0;padding-top:17px;padding-bottom:18px}
.edition-wire-item{border-left-color:var(--rc5-red)}
.edition-wire-item span{font-size:15px;line-height:1.27}
.edition-section .section-head h2{font-size:clamp(28px,2.35vw,34px);line-height:1.13}
.edition-section .edition-section-grid{gap:23px}
.edition-section .card-copy h3{line-height:1.15}
.edition-section .card-media{background:#f2eee8}
.edition-section .card-media img{transition:transform .3s ease}
.edition-section .card-media:hover img{transform:scale(1.025)}
.edition-section.edition-opinions{
 background:#f2eee7;border-top:1px solid #e1d9ce;border-bottom:1px solid #e1d9ce
}
.edition-opinion{border-top-color:#ad9f94}
.edition-opinion h3{line-height:1.12}
.edition-duo{border-top-color:#302f32}
.edition-mini-cards .card-copy h3{line-height:1.17}
.edition-media-section{background:#252b33;border-top:3px solid var(--rc5-red)}
.edition-app{background:#f1eae1}
.card a:hover,.edition-opinion a:hover,.edition-mini-collection a:hover{
 text-decoration-color:var(--rc5-red);text-underline-offset:4px
}
.woc-privacy-banner{border-radius:9px;overflow:hidden}
.woc-privacy-banner .privacy-actions button{border-radius:5px}
.woc-privacy-banner .privacy-allow{background:var(--rc5-red)}
.article-page .article-head h1{line-height:1.1;letter-spacing:-.025em}
.article-page .article-body{line-height:1.7}
.article-page .article-body p{line-height:1.7}
.site-footer{border-top:3px solid #292b31}
.rc5-label{
 max-width:1340px;margin:0 auto;padding:10px 18px 0;
 font:800 10px/1.4 var(--sans);letter-spacing:.13em;
 color:#94877e;text-transform:uppercase
}
.rc5-preview-strip{
 display:flex;align-items:center;justify-content:center;gap:11px;
 background:#272c31;color:#fff;padding:7px 15px;
 font:650 11px/1.2 var(--sans);letter-spacing:.025em;
}
.rc5-preview-strip strong{color:#fff;font-weight:850}
.rc5-preview-strip a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.woc-quicknav{display:none}
@media (min-width:1021px) and (max-width:1230px){
 .site-header .masthead-inner{grid-template-columns:175px minmax(0,1fr);gap:15px}
 .site-header .masthead-logo{max-width:175px}
 .site-header .masthead-primary a{font-size:12px;padding:11px 6px 12px}
 .site-header .nav-analysis summary{font-size:12px;padding:11px 5px}
 .site-header .masthead-secondary a{padding:8px 7px;font-size:10px}
 main .edition-hero{grid-template-columns:minmax(0,1fr) 235px;gap:15px}
 main .edition-hero .lead-main{gap:18px}
 main .edition-hero .lead-side{padding-left:12px}
}
@media (max-width:1020px){
 .site-header .masthead-inner{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:10px;min-height:0;padding:9px 15px;
 }
 .site-header .masthead-logo{grid-column:1;grid-row:1;max-width:172px;width:172px}
 .site-header .masthead-logo img{height:auto!important;max-height:79px!important}
 .site-header .mobile-menu-button{
  grid-column:2;grid-row:1;padding:9px 13px;
  border-radius:6px;border-color:#c4bbb0;
  min-height:40px;min-width:86px
 }
 .site-header .main-nav.masthead-navigation{
  grid-column:1/-1;grid-row:2;
  border-top:1px solid var(--rc5-line);
  background:var(--rc5-paper)!important
 }
 .site-header .masthead-primary,.site-header .masthead-secondary{justify-content:stretch}
 .site-header .masthead-primary a{font-size:13px!important}
 .site-header .nav-analysis summary{font-size:13px!important}
 main .edition-hero{grid-template-columns:1fr;gap:16px;padding-top:17px}
 main .edition-hero .lead-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
 main .edition-hero .lead-side{padding-left:0}
}
@media(max-width:620px){
 .rc5-preview-strip{justify-content:space-between;font-size:10px;padding:7px 12px}
 .site-header .utility-row{display:none!important}
 .site-header .masthead-inner{padding:8px 12px;gap:8px}
 .site-header .masthead-logo{width:142px;max-width:142px}
 .site-header .masthead-logo img{max-height:64px!important}
 .site-header .mobile-menu-button{min-width:71px;padding:8px 9px;font-size:11px}
 .site-header .mobile-menu-button .menu-symbol{font-size:17px}
 .edition-ticker-inner{min-height:37px;padding:0 12px}
 .edition-ticker-label{font-size:9px;padding:7px 7px}
 .edition-ticker-viewport,.edition-ticker-item{height:37px;min-height:37px}
 .edition-ticker-controls button{width:25px;height:25px}
 .woc-quicknav{
  display:flex;align-items:center;gap:8px;
  padding:12px 12px 8px;overflow-x:auto;scrollbar-width:none;
  white-space:nowrap;-webkit-overflow-scrolling:touch;
  border-bottom:1px solid #e7e1d8
 }
 .woc-quicknav::-webkit-scrollbar{display:none}
 .woc-quicknav a{
  flex:none;padding:8px 11px;border:1px solid #d9d0c5;
  border-radius:18px;background:#fff;
  font:750 11px/1.1 var(--sans);color:#423d3c;
  text-decoration:none
 }
 .woc-quicknav a:first-child{background:#2c2c31;border-color:#2c2c31;color:#fff}
 .rc5-label{font-size:9px;padding:12px 12px 0}
 main .edition-hero{padding:10px 0 15px}
 main .edition-hero .lead-main{display:block}
 main .edition-hero .lead-main .lead-image{margin:0}
 main .edition-hero .lead-main .hero-img{aspect-ratio:16/9}
 main .edition-hero .lead-copy{padding:12px 2px 0}
 main .edition-hero .lead-copy h1{
  font:700 clamp(25px,6.35vw,30px)/1.10 var(--serif);
  letter-spacing:-.025em;margin:5px 0 9px;hyphens:auto
 }
 main .edition-hero .lead-copy>p{
  font:500 14px/1.5 var(--serif);-webkit-line-clamp:2
 }
 main .edition-hero .lead-copy .meta{font-size:10px;margin-top:9px}
 main .edition-hero .lead-side{
  gap:0;border-top:1px solid var(--rc5-line);padding:10px 0 0
 }
 main .edition-hero .lead-side .card-compact{
  display:grid;grid-template-columns:96px minmax(0,1fr);
  gap:12px;padding:10px 0;margin:0;border-bottom:1px solid var(--rc5-line)
 }
 main .edition-hero .lead-side .card-compact h3{font-size:17px;line-height:1.15}
 main .edition-hero .lead-side .card-media,
 main .edition-hero .lead-side .card-media img{height:78px!important}
 .edition-wire{padding:13px 0 15px}
 .edition-wire-item span{font-size:15px}
 .edition-section{padding:24px 0 16px}
 .edition-section .section-head h2{font-size:28px}
 .edition-section .card-copy h3{font-size:20px;line-height:1.16}
 .edition-opinion h3{font-size:22px;line-height:1.15}
 .edition-section.edition-opinions{margin:9px -12px;padding:22px 12px}
 .edition-media-section{margin:14px -12px;padding:20px 12px}
 .edition-mini-head h2{font-size:27px}
 .edition-app{padding:18px 15px}
 .woc-privacy-banner{left:10px;bottom:10px;width:calc(100vw - 20px);padding:12px 13px;gap:8px;border-radius:8px}
 .woc-privacy-banner .privacy-text strong{font-size:13px}
 .woc-privacy-banner .privacy-text p{font-size:11px;line-height:1.42}
 .woc-privacy-banner .privacy-actions{gap:7px}
 .woc-privacy-banner .privacy-actions button{font-size:10px;padding:10px 7px;min-width:0}
 .article-page .article-head h1{font-size:clamp(32px,8vw,42px)}
}
@media(max-width:355px){
 .site-header .masthead-logo{width:127px;max-width:127px}
 .edition-ticker-label{font-size:8px}
 .woc-quicknav{gap:5px}
 .woc-quicknav a{padding:7px 9px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .edition-section .card-media img,main .edition-hero .hero-img{transition:none!important}
}

/* RC5 regression fixes: narrow viewports and long Polish compounds. */
html,body{overflow-x:clip}
main .edition-hero .lead-side .card-compact .card-copy{min-width:0;max-width:100%}
main .edition-hero .lead-side .card-compact h3,main .edition-hero .lead-side .card-compact h3 a{overflow-wrap:anywhere;word-break:normal}
@media(max-width:620px){.woc-quicknav{width:100%;max-width:100%;min-width:0;contain:inline-size}}

/* FINAL RC5 header revision — coherent margins, China-inspired ink ornament.
   Restrained decoration is behind links, does not intercept clicks. */
.site-header .masthead-band{
 position:relative;
 isolation:isolate;
 overflow:hidden;
}
.site-header .masthead-band::before{
 content:"";
 position:absolute;
 inset:0;
 z-index:0;
 background-image:url("./woc-ink-ornament.svg");
 background-position:center center;
 background-size:100% 170px;
 background-repeat:no-repeat;
 opacity:.48;
 pointer-events:none;
}
.site-header .masthead-inner{
 position:relative;
 z-index:1;
}
@media(min-width:1021px){
 .site-header .masthead-logo{transform:translateX(18px);}
 .site-header .masthead-primary,
 .site-header .masthead-secondary{padding-right:18px;}
}
@media(min-width:621px) and (max-width:1020px){
 .site-header .masthead-logo{transform:translateX(9px);}
 .site-header .masthead-band::before{background-size:100% 155px;opacity:.30}
}
@media(max-width:620px){
 .site-header .masthead-logo{transform:translateX(5px);}
 .site-header .masthead-band::before{
  background-size:auto 125px;
  opacity:.14;
  background-position:center center
 }
}
/* Maintain clarity when browser zoom or increased font sizes are used. */
.site-header .masthead-navigation,
.site-header .masthead-logo,.site-header .mobile-menu-button{position:relative;z-index:2}
.edition-media-layout a:focus-visible,.category-directory a:focus-visible{outline-offset:4px}

/* Gentle feathering at the edges: ornaments must never compete with navigation. */
@media(min-width:1021px){
 .site-header .masthead-band::before{
  opacity:.30;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.84) 12%,transparent 30%,transparent 70%,rgba(0,0,0,.84) 88%,#000 100%);
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.84) 12%,transparent 30%,transparent 70%,rgba(0,0,0,.84) 88%,#000 100%);
 }
}


/* 2026-10-08: visible yet soft twin-side bamboo/Great-Wall header ornament. */
@media(min-width:1021px){
.site-header .masthead-band::before{
 opacity:.78!important;
 background-size:100% 190px;
 -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 9%,rgba(0,0,0,.86) 16%,transparent 29%,transparent 72%,rgba(0,0,0,.86) 84%,#000 94%,#000 100%)!important;
 mask-image:linear-gradient(90deg,#000 0%,#000 9%,rgba(0,0,0,.86) 16%,transparent 29%,transparent 72%,rgba(0,0,0,.86) 84%,#000 94%,#000 100%)!important;
}
}
@media(min-width:621px) and (max-width:1020px){
.site-header .masthead-band::before{opacity:.62!important}
}
@media(max-width:620px){
.site-header .masthead-band::before{opacity:.25!important}
}

/* WOC RC5-FINAL: editorial media density and seamless hands-free author marquee. */
.edition-media-layout{align-items:start}
.edition-media-rail{gap:0}
.edition-media-rail .card-compact{min-height:94px;padding:10px 0;align-items:start}
.edition-media-rail .card-copy h3{
 font-size:clamp(15px,1.1vw,18px);line-height:1.16;letter-spacing:-.015em;
 display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden
}
.edition-media-rail .card-media,
.edition-media-rail .card-media img{height:77px!important}
.edition-media-more{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;
 margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.25)
}
.edition-media-more .card-compact{
 min-width:0;display:grid;grid-template-columns:110px minmax(0,1fr);
 gap:12px;align-items:start;border:0;margin:0;padding:0
}
.edition-media-more .card-compact .card-media{display:block;height:95px}
.edition-media-more .card-compact .card-media img{width:100%;height:95px!important;object-fit:cover}
.edition-media-more .card-compact .card-copy{min-width:0}
.edition-media-more .card-compact .card-copy h3{
 margin:5px 0 0;line-height:1.22;font-family:var(--serif);font-size:16px;
}
.edition-media-more .card-compact .kicker{font:750 9px/1.2 var(--sans);color:#f4b4bf;text-transform:uppercase;letter-spacing:.045em}
.authors-home-strip{position:relative;padding-bottom:32px}
.authors-home-strip .section-head{margin-bottom:15px}
.woc-authors-marquee{
 position:relative;width:100%;overflow:hidden;isolation:isolate;
 border-top:1px solid #dfd9d0;border-bottom:1px solid #dfd9d0;
 padding:18px 0;
}
.woc-authors-marquee::before,.woc-authors-marquee::after{
 content:"";position:absolute;z-index:3;top:0;bottom:0;width:30px;
 pointer-events:none;
}
.woc-authors-marquee::before{left:0;background:linear-gradient(90deg,var(--rc5-paper),transparent)}
.woc-authors-marquee::after{right:0;background:linear-gradient(270deg,var(--rc5-paper),transparent)}
.woc-authors-track{
 display:flex;align-items:stretch;gap:16px;width:max-content;
 will-change:transform;
 animation:woc-author-parade var(--author-loop-duration,57s) linear infinite;
}
.woc-authors-set{display:flex;align-items:stretch;gap:16px;width:max-content;flex-shrink:0}
.woc-author-tile{
 width:354px;min-width:354px;height:166px;
 border:1px solid #ddd5ca;background:#fff;
 padding:16px 17px;box-sizing:border-box;
 display:flex;align-items:flex-start;gap:15px;
 color:#2b2928;text-decoration:none;
 transition:border-color .18s ease,background-color .18s ease;
}
.woc-author-tile:hover,.woc-author-tile:focus-visible{background:#f8f4ef;border-color:#b51e39;text-decoration:none}
.woc-author-tile img{
 flex:0 0 70px;width:70px;height:70px;
 border-radius:50%;object-fit:cover;background:#f3eae2;
 border:2px solid #ece6df
}
.woc-author-copy{display:flex;flex-direction:column;min-width:0}
.woc-author-copy strong{font:700 18px/1.12 var(--serif);color:#25252b;letter-spacing:-.015em}
.woc-author-copy em{font:750 10px/1.25 var(--sans);color:#b4233b;font-style:normal;margin:6px 0 8px}
.woc-author-bio{
 font:500 12px/1.38 var(--sans);color:#5b5653;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden
}
@keyframes woc-author-parade{
 from{transform:translate3d(0,0,0)}
 to{transform:translate3d(var(--author-loop-distance,-2200px),0,0)}
}
.woc-authors-marquee:is(:hover,:focus-within) .woc-authors-track{animation-play-state:paused}
.woc-authors-marquee[data-marquee-paused="true"] .woc-authors-track{animation-play-state:paused}
@media(max-width:1100px){
 .edition-media-more{grid-template-columns:1fr 1fr;gap:16px}
 .edition-media-more .card-compact:last-child{grid-column:1/-1;max-width:500px}
 .woc-author-tile{width:325px;min-width:325px}
}
@media(max-width:620px){
 .edition-media-rail .card:nth-child(n+2){display:grid!important}
 .edition-media-rail .card-compact{grid-template-columns:91px minmax(0,1fr)!important;gap:11px}
 .edition-media-rail .card-compact .card-media,
 .edition-media-rail .card-compact .card-media img{height:79px!important}
 .edition-media-rail .card-copy h3{font-size:16px}
 .edition-media-more{grid-template-columns:1fr;gap:13px}
 .edition-media-more .card-compact,
 .edition-media-more .card-compact:last-child{grid-column:auto;max-width:none}
 .edition-media-more .card-compact{grid-template-columns:91px minmax(0,1fr)!important}
 .edition-media-more .card-compact .card-media,
 .edition-media-more .card-compact .card-media img{height:79px!important}
 .edition-media-more .card-compact .card-copy h3{font-size:16px}
 .woc-author-tile{width:295px;min-width:295px;height:168px;padding:13px;gap:12px}
 .woc-author-tile img{width:58px;height:58px;flex-basis:58px}
 .woc-author-copy strong{font-size:16px}
 .woc-author-bio{font-size:11px}
 .woc-authors-marquee::before,.woc-authors-marquee::after{width:13px}
}
@media(prefers-reduced-motion:reduce){
 .woc-authors-track{animation:none!important;will-change:auto}
 .woc-authors-marquee{overflow-x:auto;scroll-snap-type:x proximity}
 .woc-author-tile{scroll-snap-align:start}
}


/* Selected visual (user choice #3) — actual ink-wash/pagoda/bamboo artwork.
   Horizontally centered logo/nav composition, no clipped frame ends. */
.site-header .masthead-band{
 background-color:#fbf8f3!important;
 background-image:linear-gradient(90deg,#f7f2ea 0%,#fffdfa 24%,#fffdfa 76%,#f7f2ea 100%)!important;
 border-bottom:1px solid #e7e0d8;
}
.site-header .masthead-band::before{
 background-image:url("./woc-selected-option3.webp")!important;
 background-repeat:no-repeat!important;
 background-position:center center!important;
 background-size:100% 100%!important;
 opacity:.90!important;
 mask-image:none!important;
 -webkit-mask-image:none!important;
}
@media(min-width:1021px){
 .site-header .masthead-inner{
  max-width:1310px;
  padding-left:26px;
  padding-right:26px;
  grid-template-columns:218px minmax(0,1fr);
  gap:34px;
 }
 .site-header .masthead-logo{transform:translateX(3px)!important}
 .site-header .masthead-primary,
 .site-header .masthead-secondary{padding-right:0!important}
}
@media(min-width:621px) and (max-width:1020px){
 .site-header .masthead-band::before{opacity:.75!important}
 .site-header .masthead-logo{transform:translateX(4px)!important}
}
@media(max-width:620px){
 .site-header .masthead-band::before{
  background-size:100% 100%!important;
  opacity:.19!important
 }
 .site-header .masthead-logo{transform:translateX(0)!important}
}

/* Feather both ends of the automatic author parade; no abrupt crop. */
.woc-authors-marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%)}
.woc-author-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Final media density: 5 supporting entries, 2 balanced featured extras. */
@media(min-width:1101px){.edition-media-more{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:621px) and (max-width:1100px){.edition-media-more{grid-template-columns:repeat(2,minmax(0,1fr))}.edition-media-more .card-compact:last-child{grid-column:auto}}

/* RC5 ornament edge treatment: no full-width raster stretching or hard image edges. */
.site-header .masthead-band::before,
.site-header .masthead-band::after{
 content:"";position:absolute;top:0;bottom:0;z-index:0;
 pointer-events:none;background-color:transparent;
 background-image:url("./woc-selected-option3.webp")!important;
 background-repeat:no-repeat!important;
 width:min(420px,32vw);
 opacity:.65!important;
}
.site-header .masthead-band::before{
 left:0!important;right:auto!important;
 background-size:820px 145px!important;
 background-position:left center!important;
 -webkit-mask-image:linear-gradient(to right,#000 0%,#000 40%,transparent 100%)!important;
 mask-image:linear-gradient(to right,#000 0%,#000 40%,transparent 100%)!important;
}
.site-header .masthead-band::after{
 right:0!important;left:auto!important;
 background-size:820px 145px!important;
 background-position:right center!important;
 -webkit-mask-image:linear-gradient(to left,#000 0%,#000 40%,transparent 100%)!important;
 mask-image:linear-gradient(to left,#000 0%,#000 40%,transparent 100%)!important;
}
@media(min-width:621px) and (max-width:1020px){
 .site-header .masthead-band::before,.site-header .masthead-band::after{
   width:24vw;background-size:550px 140px!important;opacity:.44!important
 }
}
@media(max-width:620px){
 .site-header .masthead-band::before,.site-header .masthead-band::after{
   width:29vw;background-size:245px 92px!important;opacity:.14!important;
 }
}


/* 2026-10-08 WOC final masthead centering, editorial language hierarchy */
@media(min-width:1021px){
 .site-header .main-nav.masthead-navigation{
   align-items:stretch!important;
   justify-self:stretch!important;
   width:100%!important;
 }
 .site-header .masthead-primary,.site-header .masthead-secondary{
   width:100%!important;
   justify-content:flex-end!important;
   padding-right:0!important;
 }
 .site-header .masthead-logo{align-self:center!important;transform:none!important}
}
@media(max-width:620px){
 .site-header .masthead-inner{
   grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
   column-gap:8px!important;
 }
 .site-header .masthead-logo{
   grid-column:2!important;grid-row:1!important;
   justify-self:center!important;align-self:center!important;
   width:min(142px,40vw)!important;max-width:min(142px,40vw)!important;
   transform:none!important;
 }
 .site-header .mobile-menu-button{
   grid-column:3!important;grid-row:1!important;
   justify-self:end!important;
   min-width:70px!important;
 }
 .site-header .main-nav.masthead-navigation{
   grid-column:1/-1!important;grid-row:2!important;
 }
}
.edition-hero .lead-copy h1,.card h3,.card h3 a,
.edition-opinion h3,.edition-opinion h3 a,
.publicystyka-index h3,.publicystyka-index h3 a{
 hyphens:none!important;-webkit-hyphens:none!important;
 word-break:normal!important;overflow-wrap:normal!important;
}
.publicystyka-index{padding-top:6px}
.publicystyka-index section{scroll-margin-top:20px}
.publicystyka-index .card-copy{padding-top:9px}
.publicystyka-index .cards-grid .card-standard h3{
 font-size:clamp(19px,1.55vw,23px)!important;
 line-height:1.17!important;
 letter-spacing:-.015em
}
.publicystyka-index .card-standard p{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
@media(max-width:620px){
 .publicystyka-index .cards-grid .card-standard h3{font-size:21px!important}
 .publicystyka-index .page-header{padding-top:28px}
}

/* 2026-10-08 author rail bugfix: full written dates must never occupy a 38px column.
   This fixes desktop AND iOS scaled desktop; unrelated article time-only rails stay intact. */
.author-rail .sidebar-box > a{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 gap:5px!important;min-width:0;padding:12px 0!important;
 overflow-wrap:break-word;
}
.author-rail .sidebar-box > a > small{
 display:block!important;max-width:100%;width:auto!important;
 font:750 11px/1.35 var(--sans,system-ui,sans-serif)!important;
 color:var(--red,#b02239);letter-spacing:.01em;white-space:normal!important;
 overflow-wrap:break-word;
}
.author-rail .sidebar-box > a > span{
 display:block!important;min-width:0!important;
 font:700 14px/1.3 var(--sans,system-ui,sans-serif);
 white-space:normal!important;overflow-wrap:anywhere;
}
@media (min-width:901px){.author-rail .sidebar-box>a>span{font-size:14px}}