/* Progressive server rendering uses the incumbent colors and reading styles. */
.jyd-client .jyd-server-content{display:none}
.jyd-direct-article{max-width:960px;margin-inline:auto;overflow-wrap:anywhere}
.jyd-direct-article h1{font-size:clamp(1.75rem,4vw,3rem);margin-block:1rem}
.jyd-direct-article time{color:var(--muted)}
.jyd-direct-article .jyd-article-body{margin-block:2rem;white-space:normal}
.jyd-ssr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.jyd-ssr-grid img,.jyd-ssr-card img,.jyd-server-content video{max-width:100%;height:auto}
.jyd-ssr-card{display:block;color:inherit;text-decoration:none;background:var(--panel);padding:1rem;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}
.jyd-ssr-card h3{margin-block:.75rem}.jyd-ssr-card p{color:var(--muted);line-height:1.65}
.jyd-server-content address{font-style:normal;white-space:pre-line}
@media(max-width:700px){.jyd-ssr-grid{grid-template-columns:1fr}}
/* Detail URLs render the home hero title as a non-h1 element; mirror the incumbent h1 rules
   (styles.css base + max-width:690px, responsive.css max-width:900px) so it looks identical. */
.jyd-hero-title{max-width:650px;margin:0 0 18px;font-size:clamp(36px,4.2vw,56px);font-weight:700;line-height:1.12;letter-spacing:-.01em;color:#16283b}
@media(max-width:690px){.jyd-hero-title{font-size:33px}}
@media(max-width:900px){.jyd-hero-title{max-width:100%;font-size:36px!important;line-height:1.08!important;letter-spacing:0!important}}