/* Amato Reviews — leve, sem dependências. */
.ar-wrap{--ar-gold:#f5a623;--ar-card:#fff;--ar-bd:#e8e8ee;--ar-txt:#2a2a33;--ar-mut:#8a8a96;--ar-cols:3;--ar-min:260px;position:relative;margin:1.5rem 0;font-family:inherit;max-width:100%;box-sizing:border-box}
.ar-wrap *{box-sizing:border-box}
.ar-badge{display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem}
.ar-badge-score{font-size:2.4rem;font-weight:800;line-height:1;color:var(--ar-txt)}
.ar-badge-meta{display:flex;flex-direction:column;gap:.15rem}
.ar-badge-count{font-size:.85rem;color:var(--ar-mut)}

/* estrelas */
.ar-stars{display:inline-flex;gap:1px}
.ar-star{width:1em;height:1em;display:block}
.ar-stars .on .ar-star{fill:var(--ar-gold)}
.ar-stars .off .ar-star{fill:#d8d8e0}
.ar-badge-meta .ar-stars{font-size:1.1rem}
.ar-stars-row .ar-stars{font-size:1rem}

/* trilho */
.ar-track{display:grid;gap:1rem;min-width:0}
/* auto-responsivo: se adapta à largura do container (com ou sem sidebar), nunca transborda */
.ar-layout-grid .ar-track{grid-template-columns:repeat(auto-fill,minmax(min(var(--ar-min),100%),1fr))}
.ar-layout-carousel .ar-track{grid-auto-flow:column;grid-auto-columns:minmax(280px,320px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:.5rem;scrollbar-width:thin}
.ar-layout-carousel .ar-track::-webkit-scrollbar{height:6px}
.ar-layout-carousel .ar-track::-webkit-scrollbar-thumb{background:var(--ar-bd);border-radius:3px}
.ar-layout-carousel .ar-card{scroll-snap-align:start}

/* card */
.ar-card{background:var(--ar-card);border:1px solid var(--ar-bd);border-radius:14px;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 1px 3px rgba(20,20,40,.04);min-width:0;max-width:100%}
.ar-head{display:flex;align-items:center;gap:.7rem}
.ar-photo{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:#eee}
.ar-avatar{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}
.ar-id{display:flex;flex-direction:column;min-width:0}
.ar-name{font-weight:700;color:var(--ar-txt);font-size:.98rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-sub{display:flex;align-items:center;gap:.4rem;color:var(--ar-mut);font-size:.8rem}
.ar-src{width:14px;height:14px}
.ar-text{margin:0;color:var(--ar-txt);font-size:.92rem;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere;word-break:break-word}
.ar-id{flex:1 1 auto}
.ar-toggle{background:none;border:0;color:#2a6df0;cursor:pointer;font:inherit;font-size:.85rem;padding:0}
.ar-toggle:hover{text-decoration:underline}

/* nav do carrossel */
.ar-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid var(--ar-bd);background:#fff;color:#333;font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(20,20,40,.12);z-index:2}
.ar-nav:hover{background:#f6f6f9}
.ar-prev{left:-6px}.ar-next{right:-6px}
.ar-nav[disabled]{opacity:.35;cursor:default}

@media(max-width:782px){
	.ar-layout-grid .ar-track{grid-template-columns:1fr}
	.ar-nav{display:none}
}

/* dark */
@media(prefers-color-scheme:dark){
	.ar-wrap{--ar-card:#1c1c22;--ar-bd:#33333d;--ar-txt:#ececf1;--ar-mut:#9a9aa6}
	.ar-stars .off .ar-star{fill:#3a3a44}
	.ar-nav{background:#26262e;color:#ddd;border-color:#3a3a44}
}