/* Shared by the four legal pages; site chrome remains in common.css. */
#main{color:#fff;background:#b71f2d;}
#main .hero{position:relative;min-height:500px;overflow:hidden;background:#141414 url("../images/legal/terms.webp") 80% 50% / cover no-repeat;}
#main .hero::before{position:absolute;inset:0;content:"";background:linear-gradient(90deg, rgba(20, 20, 20, 0.84) 0%, rgba(20, 20, 20, 0.58) 42%, rgba(20, 20, 20, 0.06) 74%, rgba(20, 20, 20, 0) 100%);}
#main.privacy .hero{background-color:#141414;background-image:url("../images/legal/privacy.webp");background-position:80% 50%;}
#main.responsible .hero{background-color:#141414;background-image:url("../images/legal/responsible.webp");background-size:max(100vw, 2400px) auto;background-position:85% 50%;}
#main.agreement .hero{background-color:#141414;background-image:url("../images/legal/agreement.webp");background-position:72% 50%;}
#main .inner{position:relative;z-index:1;display:grid;align-items:center;width:calc(100% - var(--site-gutter) * 2);min-height:500px;margin:0 auto;padding:32px 0;}
#main .eyebrow{display:block;margin-bottom:8px;color:#e4e4e4;font-size:12px;line-height:18px;font-weight:800;letter-spacing:0.12em;}
#main .hero h1{margin:0;font-size:40px;line-height:1.2;font-weight:900;}
#main .hero p{max-width:660px;margin:14px 0 0;color:#e4e4e4;font-size:16px;line-height:28px;}
#main .content{display:grid;gap:24px;width:calc(100% - var(--site-gutter) * 2);margin:0 auto;padding:32px 0 40px;}
#main .document{min-width:0;padding:36px 40px;border-radius:16px;background:#141414;overflow-wrap:anywhere;}
#main .document section{padding-bottom:28px;border-bottom:1px solid #383838;scroll-margin-top:130px;}
#main .document section + section{margin-top:28px;}
#main .document section:last-child{padding-bottom:0;border-bottom:0;}
#main .document h2, #main .document h3{margin:0 0 14px;color:#fff;font-size:21px;line-height:31px;font-weight:800;}
#main .copy{color:#d0d0d0;font-size:15px;line-height:29px;}
#main .copy p{margin:0 0 14px;}
#main .copy ul, #main .copy ol{display:grid;gap:10px;margin:0;padding-left:1.65em;}
#main .copy ul{list-style:disc;}
#main .copy ol{list-style:decimal;}
#main .copy .numbered{padding-left:0;list-style:none;}
#main .copy .nested{margin-top:10px;}
#main .copy > :first-child{margin-top:0;}
#main .copy > :last-child, #main .copy li > :last-child{margin-bottom:0;}
#main .copy a{color:#fff;text-decoration:underline;text-underline-offset:4px;}
#main .copy a:hover, #main .copy a:focus-visible{color:#ff8993;}
#main .note{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 24px;border-radius:16px;color:#fff;background:#c72b39;font-size:15px;line-height:26px;font-weight:700;text-align:center;}
#main .note img{flex:0 0 26px;width:26px;height:26px;object-fit:contain;}
@media (max-width: 720px){
#main .hero, #main .inner{min-height:248px;}
#main .hero{background-position:78% 50%;}
#main.privacy .hero{background-position:75% 50%;}
#main.agreement .hero{background-position:80% 50%;}
#main.responsible .hero{background-size:auto 160%;background-position:80% 50%;}
#main .hero::before{background:linear-gradient(90deg, rgba(20, 20, 20, 0.94), rgba(20, 20, 20, 0.72) 58%, rgba(20, 20, 20, 0.12));}
#main.agreement .hero::before, #main.responsible .hero::before{background:linear-gradient(90deg, rgba(20, 20, 20, 0.92), rgba(20, 20, 20, 0.46) 58%, rgba(20, 20, 20, 0.04));}
#main.privacy .hero::before{background:linear-gradient(90deg, rgba(20, 20, 20, 0.94), rgba(20, 20, 20, 0.8) 78%, rgba(20, 20, 20, 0.25));}
#main .eyebrow{margin-bottom:6px;font-size:10px;line-height:16px;}
#main .hero h1{font-size:31px;line-height:40px;}
#main .hero p{max-width:320px;margin-top:8px;font-size:14px;line-height:22px;}
#main .content{gap:20px;padding:24px 0 28px;}
#main .document{padding:24px 16px;}
#main .document section{padding-bottom:24px;scroll-margin-top:110px;}
#main .document section + section{margin-top:24px;}
#main .document h2, #main .document h3{margin-bottom:12px;font-size:20px;line-height:29px;}
#main .copy{font-size:14px;line-height:27px;}
#main .note{padding:18px 16px;font-size:14px;line-height:24px;text-align:left;}
}