/* Rule dùng chung cho landing page + phân khu — trước đây lặp lại trong từng <style> riêng.
   Trang nào cần giá trị khác (vd .photo-note cỡ chữ/opacity riêng) thì tự ghi đè trong <style> của trang đó. */

.faq-item summary { list-style: none; cursor: pointer; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item[open] .faq-arrow { transform: rotate(180deg); }
.faq-arrow { transition: transform .35s cubic-bezier(.22,1,.36,1); }

.ph::before { font-family:'Material Symbols Outlined'; content:'image'; font-size:34px; opacity:.45; }
.ph[data-ph]::after { content:attr(data-ph); font:600 12px/1.45 'Manrope',sans-serif; letter-spacing:.01em; max-width:34ch; }

.star-fill { font-variation-settings:'FILL' 1; }

.photo-note { position:absolute; bottom:8px; right:10px; z-index:2; font:500 10px/1 'Manrope',sans-serif; letter-spacing:.04em; color:rgba(255,255,255,.8); text-shadow:0 1px 4px rgba(0,0,0,.4); }