.ar{max-width:65ch;margin:0 auto}.ar-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:var(--space-4)}.ar-back:hover{color:var(--accent-strong)}.ar-cat{display:inline-block;font-size:12px;font-weight:700;padding:4px 11px;border-radius:var(--radius-full);background:var(--brand-soft);color:var(--text-strong)}.ar-title{font-size:clamp(28px,4.2vw,40px);line-height:1.3;font-weight:800;letter-spacing:-.6px;margin:var(--space-3) 0}.ar-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:var(--text-muted)}.ar-meta .dot{opacity:.5}.ar-rate{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:#b8860b}:root[data-theme=dark] .ar-rate{color:#ffce6b}.ar-progress{position:-webkit-sticky;position:sticky;top:0;height:3px;background:transparent;z-index:5;margin-bottom:var(--space-2)}.ar-progress-fill{height:100%;width:100%;background:var(--accent);transform-origin:right center;transform:scaleX(0)}.ar-body{font-size:18px;line-height:1.95;color:var(--text);margin-top:var(--space-6)}.ar-body p{margin-block:0 1.3em}.ar-body p:last-child{-webkit-margin-after:0;margin-block-end:0}.ar-body p:first-of-type{padding-top:var(--space-4);border-top:1px solid var(--border)}.ar-body .ar-body--plain{white-space:pre-wrap}.ar-section{font-size:var(--fs-h3);font-weight:800;color:var(--text-strong);margin:var(--space-8) 0 var(--space-4)}.ar-comment-row{display:flex;gap:var(--space-2);align-items:flex-start}.ar-comment-row>:first-child{flex:1 1}.ar-comments{flex-direction:column}.ar-comment,.ar-comments{display:flex;gap:var(--space-3)}.ar-comment{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--brand-soft)}.ar-comment-name{font-weight:700;font-size:13.5px;color:var(--text-strong)}.ar-comment-body{font-size:13.5px;line-height:1.8;color:var(--text);margin:4px 0 0}.ar-comment-time{font-size:11.5px;color:var(--text-muted);margin-top:4px}.ar-rec-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:640px){.ar-rec-grid{display:flex;overflow-x:auto;gap:var(--space-3);scroll-snap-type:x proximity;padding-bottom:var(--space-2)}.ar-rec-grid>*{flex:0 0 82%;scroll-snap-align:start}}.ar-heading-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ar-share{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--accent-strong);cursor:pointer}.ar-share:hover{background:var(--brand-soft)}.ar-share:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ar-share:disabled{opacity:.6;cursor:wait}.ar-share-status{color:var(--text-muted);font-size:13px;line-height:1.7}.ar-share-status:empty{display:none}.ar-cover{margin:var(--space-5) 0 0;overflow:hidden;border-radius:var(--radius-lg);background:var(--brand-soft)}.ar-cover img{display:block;width:100%;height:auto}.ar-body h2{font-size:clamp(21px,3vw,25px);line-height:1.65;color:var(--text-strong);margin:1.8em 0 .7em;font-weight:800}.ar-body ul{-webkit-padding-start:1.4em;padding-inline-start:1.4em;margin:1em 0 1.5em}.ar-body li{-webkit-padding-start:.3em;padding-inline-start:.3em;margin-block:0 .9em}.ar-body li,.ar-body p{text-align:justify;text-justify:inter-word;overflow-wrap:break-word}