/* Reading pages and product information share the same content-first rhythm. */
.public-nav{flex-wrap:wrap;justify-content:flex-end;gap:18px}
.public-footer{gap:24px;align-items:flex-start}.public-footer .footer-links{max-width:780px;flex-wrap:wrap;gap:12px 24px}
.public-article{max-width:1120px;margin:auto;padding:24px 32px 56px}
.public-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:12px 0 32px}
.public-breadcrumb a{color:var(--text)}
.public-intro{max-width:78ch;padding-bottom:32px;border-bottom:1px solid var(--line)}
.public-intro h1{font-size:clamp(28px,3.5vw,42px);line-height:1.2;letter-spacing:-.025em;margin:12px 0 20px}
.public-intro>p,.public-discover>p{font-size:17px;line-height:1.7;max-width:70ch}
.public-reading{max-width:72ch;margin:32px 0 40px}
.public-reading section{margin:0 0 28px}.public-reading h2{font-size:23px;line-height:1.3;letter-spacing:-.015em;margin-bottom:12px}
.public-reading p{font-size:16px;line-height:1.75;color:var(--text)}
.public-next{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}
.public-next h2{font-size:24px;margin-bottom:12px}.public-next p{line-height:1.7;margin-bottom:20px;max-width:70ch}
.public-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin-top:24px}
.public-related>a{position:relative;padding:20px 24px 20px 0;border-top:1px solid var(--line);color:inherit;transition:color .18s}
.public-related>a:hover{color:var(--primary)}.public-related strong{display:block;font-size:17px;font-weight:600;margin-bottom:8px}
.public-related span{display:block;font-size:14px;line-height:1.65;color:var(--muted)}.public-related b{position:absolute;right:0;top:20px;color:var(--primary)}
.public-contact{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.public-discover>h2{max-width:32ch}
.public-404{max-width:960px;margin:auto;padding:64px 24px;min-height:55vh}.public-404 h1{font-size:32px;margin-bottom:20px}.public-404 p{margin:20px 0;line-height:1.7}
@media(max-width:640px){.site-header:has(.public-nav){gap:16px;align-items:flex-start;flex-wrap:wrap}.public-nav{gap:12px;width:100%;justify-content:flex-start;font-size:13px}.public-nav .btn{margin-left:auto;padding:9px 13px}.public-article{padding:20px 20px 40px}.public-intro>p{font-size:16px}.public-related{grid-template-columns:1fr}.public-footer .footer-links{gap:12px 20px}}