/* Zalo Rentals — answer pages (FAQ, how it works, guides, occasions). Loaded after /s/seo.css; reuses its tokens. */
[data-slug][hidden]{display:none!important}
.intro .upd{font:12.5px/1.4 var(--data);color:var(--muted);margin:10px 0 0;letter-spacing:.02em}
.intro .ans{font-size:18px;line-height:1.55;color:var(--text);max-width:720px;margin:14px 0 0}
.intro .ans a,.ap p a,.faq a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(55,224,207,.45)}
.intro .ctas{grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px}
@media(max-width:420px){.intro .ctas{grid-template-columns:1fr 1fr}.intro .ctas .btn-book{grid-column:1/-1}}
.ap p,.ap li{color:#c9d2d8;max-width:760px}
.ap p{margin:0 0 12px}
.ticks{margin:0;padding:0 0 0 18px}
.ticks li{margin:0 0 8px}.ticks li::marker{color:var(--teal)}
.ap .grid{margin-top:18px}
/* FAQ accordion */
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;position:relative;padding:14px 0 14px 26px;font:600 18px/1.25 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--text)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"\25B8";position:absolute;left:2px;top:14px;color:var(--teal)}
.faq details[open]>summary::before{content:"\25BE"}
.faq summary:hover{color:var(--teal)}
.faq details>div{padding:0 0 16px 26px;color:#c9d2d8;max-width:780px}
.faq details>div p{margin:0}
/* numbered steps */
.steps{list-style:none;margin:0;padding:0;counter-reset:st;display:grid;gap:4px}
.steps li{counter-increment:st;position:relative;padding:4px 0 18px 58px;border-left:1px solid var(--line);margin-left:20px}
.steps li::before{content:counter(st);position:absolute;left:-21px;top:0;width:40px;height:40px;border-radius:50%;background:var(--bg);border:1px solid var(--teal-dim);color:var(--teal);font:700 20px/38px var(--display);text-align:center}
.steps li:last-child{border-left-color:transparent}
.steps h3{margin:6px 0 6px;font-size:20px}
.steps p{margin:0}
/* comparison table: 3 columns from 760 px, stacked cards below */
.cmp{width:100%;border-collapse:collapse;margin:6px 0 4px}
.cmp caption{caption-side:bottom;text-align:left;font:12.5px var(--data);color:var(--muted);padding-top:10px}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.cmp thead th{font:700 20px/1.05 var(--display);text-transform:uppercase}
.cmp thead th a{color:var(--text)}
.cmp thead small{display:block;font:400 12.5px var(--data);text-transform:none;color:var(--muted);margin-top:4px}
.cmp tbody th{font:600 12px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);position:sticky;left:0;background:var(--bg);width:140px}
.cmp td{font:14px/1.5 var(--data);color:#c9d2d8}
.cmp .p{color:var(--teal);font:700 19px var(--display)}
.cmp .btn{min-height:42px;font-size:12px}
@media(max-width:759px){.cmp{display:flex;flex-direction:column}.cmp thead,.cmp tbody,.cmp tr{display:contents}
 .cmp tbody th,.cmp thead td{display:none}.cmp td,.cmp thead th{display:block;padding:10px 2px}
 .cmp [data-c="1"]{order:1}.cmp [data-c="2"]{order:2}.cmp [data-c="3"]{order:3}.cmp caption{order:4}
 .cmp thead th{border-top:2px solid var(--teal-dim);border-bottom:0;margin-top:14px;padding-top:16px}
 .cmp td::before{content:attr(data-l);display:block;font:600 11.5px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}}
/* price table */
.ptable{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.ptable a{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:10px 16px 10px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}
.ptable a:hover{text-decoration:none;border-color:rgba(55,224,207,.45)}.ptable [data-flagship] a{border-color:rgba(232,196,105,.45)}
.ptable img{width:96px;height:58px;object-fit:cover;border-radius:6px}
.ptable .pn{font:700 18px/1.1 var(--display);text-transform:uppercase}
.ptable .pm{display:block;font:400 13px var(--body);text-transform:none;color:var(--muted);margin-top:3px}
.ptable .pp{font:700 20px var(--display);color:var(--teal);white-space:nowrap}
.ptable .pp small{font:400 12.5px var(--data);color:var(--muted)}
@media(max-width:520px){.ptable a{grid-template-columns:72px minmax(0,1fr)}.ptable img{width:72px;height:44px;grid-row:span 2}}
/* weekend lines */
.wk{list-style:none;margin:6px 0 14px;padding:0;display:grid;gap:8px}
.wk li{font:15px/1.5 var(--data);color:#c9d2d8;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.wk b{font:700 16px var(--display);text-transform:uppercase;letter-spacing:.03em;color:var(--text)}
.wk .t{color:var(--teal);font-weight:600}
