/* Undercover Article Experience v1.1.0 - Pastel Editorial + Vertical CONTENT */
body.ucr-article-experience-active {
  --ucr-ink:#171717;
  --ucr-paper:#fffdf9;
  --ucr-line:rgba(23,23,23,.12);
  --ucr-peach:#ffe9df;
  --ucr-butter:#fff3bd;
  --ucr-mint:#dff5e8;
  --ucr-sky:#e2f1ff;
  --ucr-lilac:#eee6ff;
  --ucr-rose:#ffe4ef;
  --ucr-aqua:#ddf6f4;
  background:var(--ucr-paper);
}
body.ucr-article-experience-active .site-content,
body.ucr-article-experience-active #content,
body.ucr-article-experience-active .content-area,
body.ucr-article-experience-active .container,
body.ucr-article-experience-active .site-main { max-width:none; }
body.ucr-article-experience-active .widget-area,
body.ucr-article-experience-active #secondary,
body.ucr-article-experience-active .sidebar,
body.ucr-article-experience-active aside.sidebar { display:none !important; }
.ucr-post-shell { width:100%; margin:0; padding:0 24px 92px; color:var(--ucr-ink); }
.ucr-article { width:min(100%, 1240px); margin:0 auto; }
.ucr-article-header { padding:54px 0 30px; }
.ucr-hero-card {
  position:relative;
  overflow:hidden;
  padding:clamp(32px,5vw,66px);
  border:1px solid var(--ucr-line);
  border-radius:34px;
  background:var(--ucr-peach);
  box-shadow:0 18px 50px rgba(30,30,30,.05);
}
.ucr-hero-card::after {
  content:""; position:absolute; right:-8%; bottom:-34%; width:330px; height:330px;
  border-radius:999px; background:var(--ucr-butter); opacity:.76; pointer-events:none;
}
.ucr-kicker-row { position:relative; z-index:1; display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:22px; font-size:12px; font-weight:900; letter-spacing:.08em; }
.ucr-kicker,.ucr-category-pill { display:inline-flex; align-items:center; min-height:32px; padding:7px 11px; border:1px solid var(--ucr-ink); border-radius:999px; color:var(--ucr-ink); text-decoration:none; background:rgba(255,255,255,.42); }
.ucr-title { position:relative; z-index:1; max-width:1050px; margin:0; color:var(--ucr-ink); font-size:clamp(42px,6.7vw,84px); line-height:.96; letter-spacing:-.052em; font-weight:900; text-wrap:balance; }
.ucr-deck { position:relative; z-index:1; max-width:820px; margin:26px 0 0; color:var(--ucr-ink); font-size:clamp(18px,2.3vw,24px); line-height:1.5; opacity:.78; }
.ucr-meta-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:14px 0 0; }
.ucr-meta-item { display:flex; gap:10px; min-width:0; padding:18px; border:1px solid var(--ucr-line); border-radius:18px; color:var(--ucr-ink); }
.ucr-meta-mint{background:var(--ucr-mint)} .ucr-meta-butter{background:var(--ucr-butter)} .ucr-meta-sky{background:var(--ucr-sky)} .ucr-meta-lilac{background:var(--ucr-lilac)}
.ucr-meta-symbol { font-weight:900; }
.ucr-meta-item>div { min-width:0; }
.ucr-meta-label { display:block; margin-bottom:3px; font-size:11px; line-height:1.2; text-transform:uppercase; letter-spacing:.08em; opacity:.58; }
.ucr-meta-item strong { display:block; overflow:hidden; font-size:13px; line-height:1.35; text-overflow:ellipsis; }
.ucr-byline { margin:16px 0 0; font-size:14px; opacity:.7; }

.ucr-reading-layout { display:grid; grid-template-columns:230px minmax(0,var(--ucr-reading-width,840px)); gap:54px; justify-content:center; align-items:start; margin-top:34px; }
.ucr-main-column { min-width:0; }
.ucr-content-rail { position:sticky; top:24px; display:grid; grid-template-columns:30px minmax(0,1fr); gap:13px; max-height:calc(100vh - 48px); padding:8px 0; }
.ucr-content-word { align-self:start; justify-self:center; writing-mode:vertical-rl; transform:rotate(180deg); font-size:11px; font-weight:900; letter-spacing:.24em; color:rgba(23,23,23,.45); padding-top:2px; }
.ucr-content-nav { position:relative; min-height:120px; max-height:calc(100vh - 64px); overflow:auto; padding:0 5px 24px 17px; scrollbar-width:none; }
.ucr-content-nav::-webkit-scrollbar{display:none}
.ucr-content-progress { position:absolute; left:3px; top:5px; bottom:24px; width:2px; background:rgba(23,23,23,.10); border-radius:2px; overflow:hidden; }
.ucr-content-progress span { display:block; width:100%; height:0; background:var(--ucr-ink); transition:height .25s ease; }
.ucr-content-nav ol { list-style:none; margin:0; padding:0; }
.ucr-content-nav li { margin:0 0 10px; }
.ucr-rail-link { display:grid; grid-template-columns:28px minmax(0,1fr); gap:7px; align-items:start; padding:6px 6px 6px 0; color:rgba(23,23,23,.52); text-decoration:none; border-radius:10px; transition:.18s ease; }
.ucr-rail-num { font-size:10px; font-weight:900; letter-spacing:.06em; padding-top:2px; }
.ucr-rail-text { font-size:12px; line-height:1.28; font-weight:700; }
.ucr-rail-link:hover,.ucr-rail-link.is-active { color:var(--ucr-ink); transform:translateX(3px); }
.ucr-rail-link.is-active .ucr-rail-num { color:#8b5cf6; }

.ucr-toc { display:none; margin:0 0 22px; padding:16px 18px; border:1px solid var(--ucr-line); border-radius:18px; background:var(--ucr-aqua); }
.ucr-toc summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; font-size:15px; font-weight:900; }
.ucr-toc summary::-webkit-details-marker{display:none}.ucr-toc ol{margin:14px 0 2px;padding-left:22px}.ucr-toc li{margin:0 0 8px}.ucr-toc-h3{margin-left:14px!important;opacity:.72}.ucr-toc a{color:var(--ucr-ink);text-decoration:none}

.ucr-featured-media { margin:0 0 26px; }
.ucr-featured-media img { display:block; width:100%; height:auto; border-radius:26px; border:1px solid var(--ucr-line); }
.ucr-entry-content { font-size:clamp(18px,1.7vw,20px); line-height:1.76; letter-spacing:-.008em; color:var(--ucr-ink); }
.ucr-entry-content>* { max-width:100%; }
.ucr-content-section { position:relative; margin:0 0 24px; padding:clamp(26px,4vw,42px); border:1px solid var(--ucr-line); border-radius:28px; box-shadow:0 10px 30px rgba(24,24,24,.035); scroll-margin-top:28px; }
.ucr-pastel-0{background:#fff8ef}.ucr-pastel-1{background:var(--ucr-mint)}.ucr-pastel-2{background:var(--ucr-butter)}.ucr-pastel-3{background:var(--ucr-sky)}.ucr-pastel-4{background:var(--ucr-lilac)}.ucr-pastel-5{background:var(--ucr-rose)}.ucr-pastel-6{background:var(--ucr-aqua)}
.ucr-section-intro { font-size:1.06em; background:#fff6ee; }
.ucr-entry-content p { margin:0 0 1.18em; }
.ucr-entry-content p:last-child { margin-bottom:0; }
.ucr-entry-content h2 { margin:0 0 .72em; padding-top:0; color:var(--ucr-ink); font-size:clamp(29px,4vw,42px); line-height:1.07; letter-spacing:-.036em; text-wrap:balance; scroll-margin-top:24px; }
.ucr-entry-content h3 { margin:1.65em 0 .62em; color:var(--ucr-ink); font-size:clamp(23px,3vw,31px); line-height:1.15; letter-spacing:-.024em; scroll-margin-top:24px; }
.ucr-entry-content ul,.ucr-entry-content ol { margin:0 0 1.3em; padding-left:1.25em; }.ucr-entry-content li{margin:.38em 0}
.ucr-entry-content blockquote,.ucr-dialogue-quote { margin:1.3em 0; padding:18px 20px; border:1px solid rgba(23,23,23,.16); border-left:5px solid var(--ucr-ink); border-radius:14px; background:rgba(255,255,255,.55); font-size:1.05em; font-weight:700; line-height:1.52; }
.ucr-entry-content blockquote p:last-child{margin-bottom:0}.ucr-entry-content img{max-width:100%;height:auto;border-radius:18px}.ucr-entry-content figure{margin:1.55em 0}.ucr-entry-content figcaption{margin-top:8px;font-size:13px;opacity:.62}.ucr-entry-content a{color:var(--ucr-ink);text-decoration-thickness:.08em;text-underline-offset:.16em}.ucr-pending-link{opacity:.68;text-decoration:none}

.ucr-article-footer { width:min(100%,var(--ucr-reading-width,840px)); margin:42px auto 0; padding-top:26px; border-top:1px solid var(--ucr-line); }
.ucr-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.ucr-tags a{padding:7px 11px;border:1px solid var(--ucr-line);border-radius:999px;color:var(--ucr-ink);text-decoration:none;font-size:12px;background:var(--ucr-butter)}
.ucr-post-nav { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ucr-post-nav>div:empty{display:none}.ucr-post-nav a{display:flex;min-height:120px;flex-direction:column;justify-content:space-between;gap:10px;padding:20px;border:1px solid var(--ucr-line);border-radius:20px;color:var(--ucr-ink);text-decoration:none}.ucr-nav-prev a{background:var(--ucr-mint)}.ucr-nav-next a{background:var(--ucr-lilac);text-align:right}.ucr-post-nav span{font-size:12px;opacity:.58;text-transform:uppercase;letter-spacing:.06em}.ucr-post-nav strong{font-size:16px;line-height:1.3}
.ucr-backtop { position:fixed; right:22px; bottom:22px; z-index:50; width:46px; height:46px; border:1px solid var(--ucr-ink); border-radius:999px; background:var(--ucr-butter); color:var(--ucr-ink); cursor:pointer; opacity:0; transform:translateY(8px); pointer-events:none; transition:.2s ease; }.ucr-backtop.is-visible{opacity:.95;transform:none;pointer-events:auto}

@media (max-width:1080px){
  .ucr-reading-layout{grid-template-columns:190px minmax(0,var(--ucr-reading-width,840px));gap:30px}
  .ucr-rail-text{font-size:11px}
}
@media (max-width:900px){
  .ucr-post-shell{padding-left:18px;padding-right:18px}.ucr-article-header{padding-top:34px}.ucr-hero-card{border-radius:26px;padding:30px 24px}.ucr-title{font-size:clamp(38px,10vw,62px)}
  .ucr-meta-grid{grid-template-columns:1fr 1fr}.ucr-reading-layout{display:block;margin-top:24px}.ucr-content-rail{display:none}.ucr-toc{display:block}.ucr-content-section{border-radius:22px;padding:26px 22px}.ucr-post-nav{grid-template-columns:1fr}
}
@media (max-width:520px){.ucr-meta-grid{grid-template-columns:1fr}.ucr-title{font-size:clamp(36px,11vw,52px)}.ucr-content-section{padding:24px 19px}.ucr-entry-content{font-size:18px}.ucr-hero-card::after{width:220px;height:220px}}
@media (prefers-reduced-motion:reduce){.ucr-rail-link,.ucr-content-progress span,.ucr-backtop{transition:none!important}}
