/* Arthanka — shared stylesheet for interior pages (About, Contact, Privacy, Terms, Refund).
   Design tokens copied from index.html (approved homepage) to stay visually consistent —
   do not introduce new colors/fonts here. */
:root{
  --violet:#6425D0; --violet-light:#8B5CF6; --violet-dark:#4C1D95;
  --teal:#0F7A6C; --teal-light:#14A89A;
  --ink:#111111; --paper:#F5F5F0; --white:#FFFFFF; --line:#DADAD2; --gray:#6B7280;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:'Poppins',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--violet);text-decoration:none}
a:hover{color:var(--violet-dark)}
img{display:block;max-width:100%}
.wrap{max-width:900px;margin:0 auto;padding-left:clamp(20px,5vw,56px);padding-right:clamp(20px,5vw,56px)}
.btn-primary{background:var(--violet);color:var(--white);font-weight:700;font-size:15px;padding:14px 24px;border-radius:9999px;border:0;cursor:pointer;display:inline-block;text-align:center}
.btn-primary:hover{background:var(--violet-light);color:var(--white)}
.btn-outline{border:2px solid var(--violet);color:var(--violet);font-weight:700;font-size:15px;padding:12px 24px;border-radius:9999px;display:inline-block;text-align:center}

/* Light header for interior pages (hero on homepage is dark-bg only) */
header.site-inner{background:var(--white);border-bottom:1px solid var(--line)}
header.site-inner .wrap{max-width:1240px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px}
header.site-inner nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
header.site-inner nav a{color:var(--ink);font-size:14px;font-weight:500;white-space:nowrap}
header.site-inner nav a:hover{color:var(--violet)}
header.site-inner nav a.cta{background:var(--violet);color:var(--white);font-weight:700;padding:9px 20px;border-radius:9999px}
header.site-inner nav a.cta:hover{background:var(--violet-light);color:var(--white)}

main.page-content{padding:clamp(40px,7vw,72px) 0 clamp(60px,9vw,100px)}
main.page-content .eyebrow{color:var(--violet);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
main.page-content h1{font-size:clamp(30px,4.2vw,46px);font-weight:800;line-height:1.15;letter-spacing:-.01em;margin:8px 0 6px}
main.page-content .updated{color:var(--gray);font-size:13px;margin-bottom:36px}
main.page-content h2{font-size:clamp(20px,2.4vw,26px);font-weight:700;margin:40px 0 12px;letter-spacing:-.005em}
main.page-content h3{font-size:17px;font-weight:700;margin:24px 0 8px}
main.page-content p{font-size:15.5px;line-height:1.75;color:#2B2B2B;margin:0 0 14px}
main.page-content ul,main.page-content ol{font-size:15.5px;line-height:1.75;color:#2B2B2B;padding-left:22px;margin:0 0 14px}
main.page-content li{margin-bottom:6px}
main.page-content strong{color:var(--ink)}
main.page-content .callout{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin:20px 0;font-size:14.5px;line-height:1.65;color:#333}
main.page-content .contact-card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px;margin:20px 0}
main.page-content .contact-card .row{display:flex;gap:12px;align-items:baseline;margin-bottom:10px}
main.page-content .contact-card .label{font-weight:700;min-width:110px;font-size:14px}
main.page-content .faq-item{border-top:1px solid var(--line);padding:18px 0}
main.page-content .faq-item .q{font-weight:700;font-size:16px;margin-bottom:6px}

footer.site{background:var(--white);border-top:1px solid var(--line);padding:32px 0}
footer.site .footer-inner{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,56px);display:flex;flex-direction:column;gap:16px}
footer.site .footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
footer.site .footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:13.5px;color:var(--gray)}
footer.site .footer-links a{color:var(--gray)}
footer.site .footer-links a:hover{color:var(--violet)}
footer.site .footer-bottom{font-size:12.5px;color:#9A9A92;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
