/* TCHAHIT v83 — route-only legal and service policy reading surface. */
.legal-page { min-height: 100vh; padding-bottom: 70px; background: radial-gradient(circle at 92% 0,rgba(255,87,40,.08),transparent 30%),#f5f2ea; }
.legal-page > header { position: sticky; z-index: 20; top: 0; height: 80px; padding: 0 max(20px,calc((100vw - 1080px)/2)); display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.92); border-bottom: 1px solid #e1e5e2; backdrop-filter: blur(18px) saturate(150%); }
.legal-page > article { width: min(900px,calc(100% - 28px)); margin: 48px auto; padding: clamp(26px,5vw,64px); border: 1px solid rgba(22,45,35,.08); border-radius: 28px; background: #fff; box-shadow: 0 25px 70px rgba(33,42,37,.08); }
.legal-page > article > span { width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; background: #edf8f1; color: var(--green); }
.legal-page h1 { margin: 10px 0 22px; font-size: clamp(34px,5vw,58px); }
.legal-page article > p { white-space: pre-wrap; color: #4f5e56; font-size: 16px; line-height: 1.95; }
.legal-page article > div { margin: 28px 0; padding: 16px; display: flex; flex-direction: column; gap: 6px; border-radius: 13px; background: #f6f8f7; }
.legal-page article > a { display: inline-flex; align-items: center; gap: 7px; color: var(--orange); font-weight: 900; }
.legal-page article > .service-policy-list { padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; background: transparent; }
.service-policy-list > section { min-width: 0; min-height: 190px; padding: 22px; border: 1px solid #dfe5e1; border-radius: 17px; background: linear-gradient(145deg,#f8faf8,#fff); box-shadow: 0 10px 26px rgba(27,47,36,.035); }
.service-policy-list h2 { margin: 0 0 11px; color: #24372b; font-size: 20px; line-height: 1.35; }
.service-policy-list p { margin: 0; white-space: pre-wrap; color: #55635b; font-size: 14px; line-height: 1.85; }
.service-policy-list a { margin-top: 10px; display: block; width: fit-content; color: var(--orange); font-size: 14px; font-weight: 850; overflow-wrap: anywhere; }
.legal-page article > .legal-operator-details { padding: 22px; gap: 9px; background: linear-gradient(145deg,#eef7f1,#fafbf9); color: #485950; font-size: 14px; line-height: 1.65; }
.legal-operator-details > b { color: #193a2b; font-size: 16px; }
.legal-operator-details a { width: fit-content; color: var(--orange); font-weight: 850; overflow-wrap: anywhere; }
.legal-cross-links { margin: 0 0 20px; display: flex; flex-wrap: wrap; gap: 7px; }
.legal-cross-links a { min-height: 42px; padding: 9px 13px; border: 1px solid #dfe5e1; border-radius: 10px; background: #fff; color: #43534a; display: inline-flex; align-items: center; font-size: 13px; font-weight: 850; }
.legal-page :is(a,button):focus-visible { outline: 3px solid rgba(255,87,40,.35); outline-offset: 3px; }
@media (max-width:700px){.legal-page>header{height:70px}.legal-page>article{margin:24px auto;padding:24px 18px;border-radius:22px}.legal-page article>.service-policy-list{grid-template-columns:1fr}.service-policy-list>section{min-height:0;padding:18px}.legal-page article>p{font-size:15px;line-height:1.85}}
@media (prefers-reduced-motion:reduce){.legal-page *{scroll-behavior:auto!important;transition-duration:.001ms!important}}