:root{--t-navy:#062746;--t-pink:#d80f52;--t-text:#263d52;--t-muted:#586c7f;--t-line:#dce5ec;--t-soft:#f5f8fb;--t-pinksoft:#fff4f7;--t-link:#7d0634}
.terms-page{background:#fff;color:var(--t-text)}
.terms-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}
.terms-breadcrumb{border-top:1px solid #edf1f4;border-bottom:1px solid #e5ebf0;background:#fff}
.terms-breadcrumb .terms-wrap{display:flex;align-items:center;gap:9px;padding:12px 0;font-size:.88rem;color:#5c6d7e}
.terms-breadcrumb a{color:var(--t-link);font-weight:700;text-decoration:none}
.terms-hero{background:linear-gradient(120deg,#f6fafc,#fff4f7);border-bottom:1px solid #e5ebf0}
.terms-hero-inner{padding:66px 0 58px}
.terms-eyebrow{color:#9a0b42;font-size:.78rem;font-weight:800;letter-spacing:.19em;margin:0 0 12px}
.terms-hero h1{color:var(--t-navy);font-size:clamp(2.7rem,5vw,4.5rem);line-height:1;margin:0 0 16px;letter-spacing:-.04em}
.terms-lead{font-size:1.25rem;color:var(--t-navy);font-weight:700;max-width:760px;line-height:1.5;margin:0 0 14px}
.terms-updated{font-size:.92rem;color:var(--t-muted);margin:0}
.terms-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:58px;padding-top:58px;padding-bottom:78px;align-items:start}
.terms-nav{position:sticky;top:100px;border:1px solid var(--t-line);border-radius:18px;padding:22px;background:#f8fafc;display:flex;flex-direction:column;gap:5px}
.terms-nav strong{color:var(--t-navy);margin:0 0 9px}
.terms-nav a{color:#324b60;text-decoration:none;padding:7px 8px;border-radius:7px;font-size:.89rem;line-height:1.3}
.terms-nav a:hover{background:#edf3f7;text-decoration:underline}
.terms-content{min-width:0}
.terms-content section{scroll-margin-top:110px;padding:0 0 38px;margin:0 0 38px;border-bottom:1px solid var(--t-line)}
.terms-content section:last-child{border-bottom:0;margin-bottom:0}
.terms-content h2{color:var(--t-navy);font-size:clamp(1.65rem,2.5vw,2.15rem);line-height:1.12;margin:0 0 17px;letter-spacing:-.025em}
.terms-content h3{color:var(--t-navy);font-size:1.12rem;margin:24px 0 8px}
.terms-content p,.terms-content li{line-height:1.72}
.terms-content p{margin:0 0 14px}
.terms-content ul{padding-left:23px;margin:10px 0 16px}
.terms-content li{margin-bottom:7px}
.terms-content a{color:var(--t-link);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.terms-kicker{display:inline-flex!important;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#fbe8ef;color:#a20c43;font-weight:900;font-size:.88rem;margin:0 0 12px!important}
.terms-notice{background:#f5f8fb;border:1px solid var(--t-line)!important;border-radius:20px;padding:28px!important;margin-bottom:44px!important}
.terms-notice h2{font-size:1.35rem}
.terms-notice p:last-child{margin-bottom:0}
.terms-highlight{background:linear-gradient(135deg,#fff7f9,#f6f9fc);border:1px solid #eadde3!important;border-left:4px solid var(--t-pink)!important;border-radius:20px;padding:30px!important}
.terms-law-note{background:#f3f7fa;border-radius:13px;padding:17px 19px;border-left:4px solid #147b82}
.terms-related{padding-bottom:0!important}
.terms-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.terms-related-grid a{display:flex;flex-direction:column;gap:6px;border:1px solid var(--t-line);border-radius:15px;padding:20px;text-decoration:none!important;background:#fff}
.terms-related-grid a:hover{background:#f8fafc}
.terms-related-grid strong{color:var(--t-navy)}
.terms-related-grid span{color:#4e6376;font-weight:400;font-size:.9rem;line-height:1.45}
@media(max-width:900px){
 .terms-layout{grid-template-columns:1fr;gap:28px}
 .terms-nav{position:static;display:none}
 .terms-hero-inner{padding:50px 0 45px}
}
@media(max-width:700px){
 .terms-wrap{width:calc(100% - 32px)}
 .terms-hero h1{font-size:2.65rem}
 .terms-lead{font-size:1.12rem}
 .terms-layout{padding-top:38px;padding-bottom:55px}
 .terms-content section{padding-bottom:29px;margin-bottom:29px}
 .terms-highlight,.terms-notice{padding:22px!important}
 .terms-related-grid{grid-template-columns:1fr}
}
@media(max-width:420px){
 .terms-wrap{width:calc(100% - 28px)}
 .terms-hero h1{font-size:2.35rem}
}