/* Public reading interaction, loaded only on public reading pages. */
@view-transition{navigation:auto}
@keyframes rn-page-out{to{opacity:0;transform:translateY(-5px)}}
@keyframes rn-page-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
::view-transition-old(root){animation:rn-page-out 130ms ease-out both}
::view-transition-new(root){animation:rn-page-in 220ms cubic-bezier(.22,.7,.25,1) both}
.public-page button,.public-page a{ -webkit-tap-highlight-color:transparent }
.public-page .news-item,.public-page .feature-card{transition:opacity 130ms ease,transform 130ms ease}
.public-page .news-item:active,.public-page .feature-card:active{opacity:.72;transform:scale(.992)}
.filter-shell{position:relative}
.filter-shell .filters{padding-right:70px}
.public-home .filter-shell{position:sticky;top:var(--reader-filter-top,0px);z-index:7;margin:22px 0 0;background:var(--paper);border-bottom:1px solid var(--line)}
.public-home .filter-shell .filters{position:static;margin:0;padding:8px 70px 8px 0;border:0}
.public-home .filter-more,.public-home .filter-before{top:8px;bottom:8px}
.filter-shell button[hidden]{display:none!important}
.filter-more,.filter-before{position:absolute;z-index:2;top:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 7px;border:0;background:var(--paper);color:#a2543b;font:inherit;font-size:11px;cursor:pointer}
.filter-more{right:0;min-width:60px}
.filter-before{left:0;min-width:32px}
.filter-more svg,.filter-before svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.filter-shell[data-more=true]::after,.filter-shell[data-before=true]::before{content:'';position:absolute;z-index:1;top:0;bottom:0;width:36px;pointer-events:none}
.filter-shell[data-more=true]::after{right:59px;background:linear-gradient(90deg,transparent,var(--paper))}
.filter-shell[data-before=true]::before{left:31px;background:linear-gradient(90deg,var(--paper),transparent)}
.public-page .reader-insight{margin:0 0 25px;padding:16px 18px;border:1px solid #ecdfcf;border-left:3px solid #cb6949;border-radius:3px 10px 10px 3px;background:#fcf8f1;color:#74644c}
.reader-insight h2{font-size:12px!important;line-height:1.5!important;color:#b76041!important;font-weight:650;margin:0 0 9px!important;letter-spacing:.5px}
.reader-insight p{font-size:14px;line-height:1.9;white-space:pre-line;margin:0;overflow-wrap:anywhere}
#detail-content{touch-action:pan-y pinch-zoom;transition:opacity 100ms ease;padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))}
#detail-content.is-loading{opacity:.55}
#detail.reader-closing{pointer-events:none}
.reader-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#f0f1ec;isolation:isolate}
.reader-stage>#detail-content,.reader-stage>.reader-preview{position:absolute;inset:0;background:#fff;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.reader-preview{padding:24px 36px calc(34px + env(safe-area-inset-bottom,0px));box-shadow:0 0 20px #25351c16;pointer-events:none}
.reader-stage.is-dragging>#detail-content,.reader-stage.is-dragging>.reader-preview{will-change:transform}
.public-page .article-actions>.reader-back{display:flex;align-items:center;justify-content:center;width:42px;height:44px;border-radius:8px;background:#f5f6f1;color:#6c7660}
.public-page .article-actions>.reader-back svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.public-page .article-original{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:0 13px;border:1px solid #ca4a33;border-radius:8px;background:#d94b37;color:#fff;font-size:12px;font-weight:600}
@media(max-width:700px){
  .public-home{--reader-filter-top:calc(var(--reader-header) + env(safe-area-inset-top,0px));--reader-filter-height:46px}
  .public-home .filter-shell{top:var(--reader-filter-top);margin:0 -18px;background:#fff;border-bottom:1px solid #eeede8}
  .public-home .filter-shell .filters{top:auto;padding:0 70px 9px 18px}
  .public-home .filter-more,.public-home .filter-before{top:0;bottom:8px;background:#fff}
  .public-home .filter-shell[data-more=true]::after{background:linear-gradient(90deg,#ffffff00,#fff)}
  .public-home .filter-shell[data-before=true]::before{background:linear-gradient(90deg,#fff,#ffffff00)}
  .public-page #detail-content{padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))}
  .public-page .reader-preview{padding:22px 22px calc(34px + env(safe-area-inset-bottom,0px))}
  .public-page .reader-preview h1{font-size:24px;line-height:1.5;margin:0 0 14px}
  .public-page #detail .reader-navigation{margin-top:calc(env(safe-area-inset-top,0px)/2)}
}
@media(max-width:360px){.reader-navigation button{display:none}.reader-position{min-width:58px}}
@media(max-width:700px),(max-height:500px){.public-page .reader-preview{padding-left:max(22px,calc(env(safe-area-inset-left,0px) + 12px));padding-right:max(22px,calc(env(safe-area-inset-right,0px) + 12px))}}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  .public-page .news-item,.public-page .feature-card,#detail-content{transition:none}
  .public-page .news-item:active,.public-page .feature-card:active{transform:none}
}