/* Version 4.0 — 06/10/2026. Phần riêng của site go.hopluc.net, dựng trên Aroma UI (ui/v1/aroma.css). Chỉ dùng token, không đặt màu cứng. */
.site-hero{padding-top:var(--space-6)}
.site-hero h1{max-width:20ch}
.site-cta{padding-top:var(--space-3)}
.site-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);position:relative}
.site-chain>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);min-width:0;position:relative}
.site-chain>div p{font-size:14px;line-height:22px;color:var(--ink-muted)}
.site-chain>div+div::before{content:"";position:absolute;left:calc(-1 * var(--space-3));top:50%;width:var(--space-3);height:1px;background:var(--line-strong)}
.site-chain>div.is-hl{background:var(--primary-soft);border-color:var(--primary);box-shadow:inset 0 3px 0 var(--brand)}
.site-chain>div.is-hl .ar-label{color:var(--primary)}
.site-chain>div.is-hl p{color:var(--ink)}
@media (max-width:719px){.site-chain{grid-template-columns:1fr}.site-chain>div+div::before{left:var(--space-6);top:calc(-1 * var(--space-3));width:1px;height:var(--space-3)}}
.site-faq{margin:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}
.site-faq>div{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line)}
.site-faq>div:last-child{border-bottom:0}
.site-faq dt{font-weight:600}
.site-faq dd{margin:var(--space-1) 0 0;color:var(--ink-muted)}
.site-who{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline;color:var(--ink-muted);font-size:15px}
.ar-table td .ar-prompt{min-width:18rem}
.ar-table td .ar-list{font-size:14px}
/* Bản 3.0: trang rộng có chủ đích */
.ar-page .ar-section__head p,.ar-page .ar-list,.ar-page>.ar-section>p{max-width:var(--w-text)}
.site-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,30rem),1fr));gap:var(--space-4);align-items:start}
.site-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.site-proc-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.ar-steps__body .site-sys{margin-right:6px;vertical-align:1px}
/* Bản 4.0: cổng công cụ */
.ar-panel .site-chain>div{background:var(--surface-sunken);border-color:transparent}
.ar-panel .site-chain>div.is-hl{background:var(--primary-soft);border-color:var(--primary)}
.site-finder{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4)}
.site-finder__q input{height:44px;font-size:16px;padding-left:38px}
.site-finder__q .ar-icon{top:13px;left:12px;width:18px;height:18px}
.site-cat-h{display:flex;align-items:center;gap:10px;font-size:18px;line-height:26px}
.site-cat-h .ar-icon{color:var(--brand-ink)}