/* Article polish: chrome. Visual finish only. */
html[data-polish]{
  --pc-cast:0 1px 0 rgba(19,16,17,.04),0 8px 24px -8px rgba(19,16,17,.18);
  --pc-ring:0 0 0 1px var(--line);
  --pc-ring-hi:0 0 0 1px color-mix(in srgb,var(--ink) 22%,var(--line));
  --pc-sel:color-mix(in srgb,var(--accent) 20%,var(--app));
  --pc-toast-bg:var(--ink);
  --pc-toast-ink:var(--app);
  --pc-toast-ring:0 0 0 1px var(--ink);
}
@media (prefers-color-scheme:dark){
  html[data-polish]:not([data-theme="light"]){
    --pc-cast:0 1px 0 rgba(0,0,0,.28),0 10px 28px -8px rgba(0,0,0,.62);
    --pc-ring:0 0 0 1px color-mix(in srgb,var(--ink) 7%,var(--line));
    --pc-ring-hi:0 0 0 1px color-mix(in srgb,var(--ink) 18%,var(--line));
    --pc-sel:color-mix(in srgb,var(--accent) 34%,var(--app));
    --pc-toast-bg:color-mix(in srgb,var(--ink) 8%,var(--raised));
    --pc-toast-ink:var(--ink);
    --pc-toast-ring:var(--pc-ring);
  }
}
html[data-polish][data-theme="dark"]{
  --pc-cast:0 1px 0 rgba(0,0,0,.28),0 10px 28px -8px rgba(0,0,0,.62);
  --pc-ring:0 0 0 1px color-mix(in srgb,var(--ink) 7%,var(--line));
  --pc-ring-hi:0 0 0 1px color-mix(in srgb,var(--ink) 18%,var(--line));
  --pc-sel:color-mix(in srgb,var(--accent) 34%,var(--app));
  --pc-toast-bg:color-mix(in srgb,var(--ink) 8%,var(--raised));
  --pc-toast-ink:var(--ink);
  --pc-toast-ring:var(--pc-ring);
}
html[data-polish] ::selection{background:var(--pc-sel);color:var(--ink)}
html[data-polish] .totop{
  width:40px;height:40px;border:0;background:var(--raised);color:var(--ink-2);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:var(--pc-cast),var(--pc-ring);
  transform:translateY(4px) scale(.97);transform-origin:50% 100%;
  transition:opacity var(--d-2) var(--e-in),transform var(--d-2) var(--e-in),
    color var(--d-2) var(--e-out),box-shadow var(--d-2) var(--e-out),visibility 0s linear var(--d-2);
}
html[data-polish] .totop.show{transform:none;visibility:visible;
  transition:opacity var(--d-3) var(--e-out),transform var(--d-3) var(--e-out),
    color var(--d-2) var(--e-out),box-shadow var(--d-2) var(--e-out),visibility 0s}
html[data-polish] .totop svg{width:16px;height:16px;
  transition:transform var(--d-2) var(--e-out)}
@media (hover:hover){
  html[data-polish] .totop.show:hover{color:var(--ink);box-shadow:var(--pc-cast),var(--pc-ring-hi)}
  html[data-polish] .totop.show:hover svg{transform:translateY(-2px)}
}
html[data-polish] .totop.show:active{transform:scale(.97);transition-duration:var(--d-1)}
html[data-polish] .totop:focus-visible{box-shadow:var(--focus),var(--pc-cast)}
@media (min-width:721px){
  html[data-polish] .totop{left:var(--s6);bottom:calc(var(--s6) + env(safe-area-inset-bottom,0px))}
}
@media (max-width:720px){
  html[data-polish] .totop{width:44px;height:44px}
}
html[data-polish] .toast{
  display:flex;align-items:center;gap:var(--s2);
  padding:10px var(--s4) 10px 13px;border-radius:10px;
  font-size:var(--fs-sm);font-weight:500;line-height:20px;letter-spacing:-.003em;
  background:var(--pc-toast-bg);color:var(--pc-toast-ink);
  box-shadow:var(--pc-cast),var(--pc-toast-ring);
  bottom:calc(var(--s6) + env(safe-area-inset-bottom,0px));
  transform:translate(-50%,4px) scale(.97);transform-origin:50% 100%;
  transition:opacity var(--d-2) var(--e-in),transform var(--d-2) var(--e-in),visibility 0s linear var(--d-2);
}
html[data-polish] .toast.on{transform:translate(-50%,0) scale(1);
  transition:opacity var(--d-3) var(--e-out),transform var(--d-3) var(--e-out),visibility 0s}
html[data-polish] .toast::before{content:"";flex:0 0 auto;width:15px;height:15px;
  background:currentColor;opacity:.62;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-polish] .toast:empty::before{content:none}
@media (max-width:720px){
  html[data-polish] .toast{bottom:calc(18px + env(safe-area-inset-bottom,0px))}
}
html[data-polish] .hd .hprog{bottom:0;height:2px;z-index:-1}
@media (max-width:720px){
  html[data-polish] .hd .desktopnav a{height:42px}
}
html[data-polish] .hd :where(a,button):focus-visible{box-shadow:none;
  outline:2px solid var(--mast-ink);outline-offset:2px}
html[data-polish] .hd .logo:focus-visible{border-radius:6px;outline-offset:4px}
html[data-polish] .hd .navcats a:focus-visible{border-radius:6px;outline-offset:-6px}
html[data-polish] .clstack:focus-visible{outline:none;box-shadow:none}
html[data-polish] .railclaims:has(.clstack:focus-visible){border-radius:2px;
  outline:2px solid var(--accent);outline-offset:18px}
html[data-polish] .ft .flogo:focus-visible{border-radius:6px}
html[data-polish] .searchbar{border-bottom:1px solid var(--ink-4);padding-bottom:calc(var(--s3) + 1px);
  transition:border-color var(--d-2) var(--e-out),box-shadow var(--d-2) var(--e-out)}
html[data-polish] .searchbar:focus-within{border-bottom-color:var(--accent);box-shadow:0 1px 0 var(--accent)}
html[data-polish] .searchbar input:focus-visible{box-shadow:none}
html[data-polish] .searchx{transition:color var(--d-2) var(--e-out)}
html[data-polish] .searchx:focus-visible{border-radius:6px}
@keyframes artin{
  from{opacity:0;transform:translateX(-3px);
    -webkit-mask-image:linear-gradient(90deg,#000 44.44%,transparent 55.56%);
    mask-image:linear-gradient(90deg,#000 44.44%,transparent 55.56%);
    -webkit-mask-size:225% 100%;mask-size:225% 100%;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-position:100% 0;mask-position:100% 0;
    animation-timing-function:var(--e-out)}
  45%{opacity:1}
  to{opacity:1;transform:none;
    -webkit-mask-image:linear-gradient(90deg,#000 44.44%,transparent 55.56%);
    mask-image:linear-gradient(90deg,#000 44.44%,transparent 55.56%);
    -webkit-mask-size:225% 100%;mask-size:225% 100%;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-position:0 0;mask-position:0 0}
}
html[data-polish] .art > .hero{
  -webkit-mask-image:none!important;mask-image:none!important;transform:none!important}
@keyframes pc-fadein{
  from{opacity:0;animation-timing-function:var(--e-out)}
  45%{opacity:1}
  to{opacity:1}
}
@media (prefers-reduced-motion:no-preference){
  html[data-polish]:not([data-article-enter]) .art > .artby > .byline{animation:artin var(--d-5) var(--e-glide) 138ms backwards}
  html[data-polish]:not([data-article-enter]) .art > .artby > .sharewrap > [data-shareopen]{animation:pc-fadein var(--d-5) var(--e-glide) 138ms backwards}
  html[data-polish]:not([data-article-enter]) .art > .corrbar{animation:artin var(--d-5) var(--e-glide) 152ms backwards}
}
html[data-polish] .art > .artby > .sharewrap:has(.sharemenu.on) > [data-shareopen]{opacity:1!important}
