/* Shared visual rhythm for the approved homepage. */
body[data-direction=cool]{--card-paper:#eeeae4;--card-border:#d5d2cc;--card-accent:#ef8354;--card-shadow:0 6px 14px #2d31420b}
body[data-direction=cool] .process-list li,body[data-direction=cool] .first-impression>p{box-shadow:var(--card-shadow)}
body[data-direction=cool] .faq-list{display:grid;gap:12px}
body[data-direction=cool] .faq-list details{background:var(--card-paper);border:1px solid var(--card-border);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
body[data-direction=cool] .faq-list details:first-child{border-top:1px solid var(--card-border)}
body[data-direction=cool] .faq-list summary{padding:18px 22px;gap:22px;font-size:18px;line-height:1.45}
body[data-direction=cool] .faq-list summary>span{position:relative;display:block;width:40px;height:40px;flex:0 0 40px;border:1px solid #d6c2b6;border-radius:50%;background:#ef835424;font-size:0;transform:none;transition:background .2s,border-color .2s}
body[data-direction=cool] .faq-list summary>span::before,body[data-direction=cool] .faq-list summary>span::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;background:#2d3142;transform:translate(-50%,-50%)}
body[data-direction=cool] .faq-list summary>span::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s,opacity .2s}
body[data-direction=cool] .faq-list details[open]{border-color:#ef8354;box-shadow:var(--card-shadow)}
body[data-direction=cool] .faq-list details[open] summary>span,body[data-direction=cool] .faq-list summary:hover>span{background:var(--card-accent);border-color:var(--card-accent)}
body[data-direction=cool] .faq-list details[open] summary>span::after{transform:translate(-50%,-50%) rotate(0);opacity:0}
body[data-direction=cool] .faq-list summary:focus-visible{outline:2px solid #2d3142;outline-offset:-4px;border-radius:12px}
body[data-direction=cool] .faq-list details p{margin:0;padding:0 84px 23px 22px;font-size:15px;line-height:1.7;max-width:none}
body[data-direction=cool] .compare-toggle{border-color:var(--card-border);background:var(--card-paper)}
body[data-direction=cool] .compare-toggle button[aria-pressed=true]{background:var(--card-accent);color:#2d3142}
body[data-direction=cool] .intent-switch button{border-color:#bfc0bc;border-radius:18px;background:var(--card-paper);transition:background .2s,border-color .2s}
body[data-direction=cool] .intent-switch button[aria-pressed=true]{background:#2d3142;color:#eeeae4;border-color:#2d3142}
body[data-direction=cool] .intent-switch button:hover{border-color:var(--card-accent)}
@media(max-width:600px){body[data-direction=cool] .faq-list summary{font-size:16px;padding:16px;gap:15px}body[data-direction=cool] .faq-list details p{padding:0 16px 20px;font-size:14px}body[data-direction=cool] .faq-list summary>span{width:36px;height:36px;flex-basis:36px}}
@media(prefers-reduced-motion:reduce){body[data-direction=cool] .faq-list details,body[data-direction=cool] .faq-list summary>span,body[data-direction=cool] .faq-list summary>span::after,body[data-direction=cool] .intent-switch button{transition:none}}

/* Keep disclosure circles unfilled except on deliberate pointer hover. */
body[data-direction=cool] .faq-list summary>span,
body[data-direction=cool] .faq-list details[open] summary>span,
body[data-direction=cool] .faq-list summary:hover>span{background:transparent;border-color:#c7b9af}
@media(hover:hover){body[data-direction=cool] .faq-list summary:hover>span{background:var(--card-accent);border-color:var(--card-accent)}}

/* Intro shares the single paper card and coral edge of the starting section. */
body[data-direction=cool] .why-site{position:relative;isolation:isolate;background:#eeeae4;border:1px solid #d5d2cc;border-radius:22px;padding:45px 115px 40px 45px;box-shadow:0 12px 28px #2d31420c;overflow:visible}
body[data-direction=cool] .why-site .first-impression{gap:28px;grid-template-columns:1fr 1fr 1.3fr;padding-bottom:28px;border-bottom:1px solid #c8cbc5}
body[data-direction=cool] .why-site .first-impression>p{background:transparent;box-shadow:none;border:0;border-radius:0;padding:0 0 0 28px;margin:0;border-left:1px solid #c8cbc5;font-size:clamp(26px,2.8vw,42px)}
body[data-direction=cool] .why-site .first-impression>p:first-child{padding-left:0;border:0}
body[data-direction=cool] .why-site .first-impression>p::before,body[data-direction=cool] .why-site .first-impression>p::after{content:none}
body[data-direction=cool] .why-site .why-note{margin-top:25px}
@media(max-width:850px){body[data-direction=cool] .why-site{padding:32px 85px 32px 28px}body[data-direction=cool] .why-site .first-impression{grid-template-columns:1fr;gap:22px}body[data-direction=cool] .why-site .first-impression>p{padding:0;border:0;font-size:30px}}
@media(max-width:600px){body[data-direction=cool] .why-site{padding:28px 60px 28px 22px}body[data-direction=cool] .why-site .first-impression>p{font-size:27px}}

body[data-direction=cool] .starting>.starting-edge>span{font-size:17px}@media(max-width:600px){body[data-direction=cool] .starting>.starting-edge>span{font-size:14px}}

/* Match the ONOVA coral brand accent in both home languages. */
body[data-direction=cool] .welcome-cross{color:var(--card-accent)}