/* Root */
.hhs-ar-wrap{--hhs-gap:16px; --hhs-radius:16px; --hhs-bg: #0b1522; --hhs-card:#0f1c2c; --hhs-text:#e9edf2; --hhs-muted:#9fb1c7; --hhs-accent:#f8b400; color:var(--hhs-text)}
.hhs-ar-wrap{background:transparent}
.hhs-ar-header{padding:12px 0 8px; border-bottom:1px solid rgba(255,255,255,0.08)}
.hhs-ar-title{margin:0 0 6px; font-size:1.5rem; color:#ffd36a}
.hhs-ar-aggregate{display:flex; align-items:center; gap:10px}
.hhs-ar-avg{font-size:1.25rem}
.hhs-ar-count{color:var(--hhs-muted)}

/* Stars */
.hhs-ar-stars{position:relative; width:110px; height:22px; display:inline-block}
.hhs-ar-stars-bg, .hhs-ar-stars-fill{position:absolute; inset:0; mask: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 110 22\"><defs><symbol id=\"s\" viewBox=\"0 0 22 22\"><polygon points=\"11,0 14,8 22,8 16,13 18,22 11,17 4,22 6,13 0,8 8,8\"/></symbol></defs><use href=\"#s\" x=\"0\"/><use href=\"#s\" x=\"22\"/><use href=\"#s\" x=\"44\"/><use href=\"#s\" x=\"66\"/><use href=\"#s\" x=\"88\"/></svg>') center/contain no-repeat; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 110 22\"><defs><symbol id=\"s\" viewBox=\"0 0 22 22\"><polygon points=\"11,0 14,8 22,8 16,13 18,22 11,17 4,22 6,13 0,8 8,8\"/></symbol></defs><use href=\"#s\" x=\"0\"/><use href=\"#s\" x=\"22\"/><use href=\"#s\" x=\"44\"/><use href=\"#s\" x=\"66\"/><use href=\"#s\" x=\"88\"/></svg>') center/contain no-repeat}
.hhs-ar-stars-bg{background:#2a3950}
.hhs-ar-stars-fill{background:var(--hhs-accent)}

/* Breakdown */
.hhs-ar-breakdown{margin:12px 0 0; max-width:420px}
.hhs-ar-break-row{display:grid; grid-template-columns:40px 1fr 40px; align-items:center; gap:10px; margin:6px 0}
.hhs-ar-break-row .bar{height:8px; background:#142337; border-radius:999px; overflow:hidden}
.hhs-ar-break-row .bar span{display:block; height:100%}
.hhs-ar-break-row .num{color:var(--hhs-muted)}

/* Cards */
.hhs-ar-list{display:grid; gap:var(--hhs-gap); margin:20px 0}
.hhs-ar-card{background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.06); border-radius:var(--hhs-radius); padding:16px; overflow:visible}
.hhs-ar-card .top{display:flex; align-items:center; gap:10px}
.hhs-ar-card .top h3{margin:0; font-size:1.05rem}
.hhs-ar-card .meta{color:var(--hhs-muted); margin:6px 0 8px}
.hhs-ar-card .meta .dot{opacity:.5; padding:0 6px}
.hhs-ar-card .body p{margin:.4em 0}
.hhs-ar-card .actions{display:flex; gap:10px}
.hhs-ar-card .actions button{border:1px solid rgba(255,255,255,0.1); background:#102035; color:#e9edf2; border-radius:999px; padding:6px 10px; cursor:pointer}
.hhs-ar-card .actions button:hover{transform:translateY(-1px)}

/* Form */
.hhs-ar-form-wrap{margin:24px 0 12px}
.hhs-ar-form-title{margin:0 0 8px}
.hhs-ar-form .row{margin:10px 0}
.hhs-ar-form .row.two{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.hhs-ar-form input[type=text], .hhs-ar-form input[type=email], .hhs-ar-form select, .hhs-ar-form textarea{width:100%; padding:10px 12px; background:#0e1a2b; color:#e9edf2; border:1px solid rgba(255,255,255,0.1); border-radius:12px}
.hhs-ar-form textarea{resize:vertical}
.hhs-ar-form .rating-input{display:block}
.hhs-ar-starpicker{display:flex; flex-direction:row-reverse; gap:6px}
.hhs-ar-starpicker input{display:none}
.hhs-ar-starpicker label{cursor:pointer; filter:grayscale(0);}
.hhs-ar-starpicker label::after{content:'°5'; font-size:24px; color:#2a3950}
.hhs-ar-starpicker input:checked ~ label::after, .hhs-ar-starpicker label:hover::after, .hhs-ar-starpicker label:hover ~ label::after{color:#f8b400}
.hhs-ar-form .row.agree label{display:flex; gap:8px; align-items:flex-start}
.hhs-ar-btn{padding:10px 16px; border-radius:12px; background:#f8b400; color:#1b2432; border:none; font-weight:600; cursor:pointer}
.hhs-ar-hp{position:absolute !important; left:-9999px !important;}

/* Pagination */
.hhs-ar-pagination{display:flex; gap:6px; margin:12px 0}
.hhs-ar-pagination a{border:1px solid rgba(255,255,255,0.12); padding:6px 10px; border-radius:10px; color:#e9edf2; text-decoration:none}
.hhs-ar-pagination a.current{background:#f8b400; color:#101623; border-color:#f8b400}

@media (max-width:680px){ .hhs-ar-form .row.two{grid-template-columns:1fr} }