.terms-page .terms-hero { padding:20px 0; border-bottom:1px solid #dfe8f0; }
.terms-hero nav { display:flex; gap:8px; font-size:13px; margin-bottom:8px; color:#60718a; }
.terms-page .terms-hero h1 { font-size:30px; margin:0 0 8px; }
.terms-page .terms-hero p { margin:0 0 5px; font-size:15px; }
.terms-hero small { color:#60718a; font-size:12px; }
.terms-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:24px; padding-top:24px; align-items:start; }
.terms-navigation { position:sticky; top:20px; padding:18px; border:1px solid #dfe8f0; border-radius:12px; background:white; }
.terms-navigation nav { display:grid; gap:10px; font-size:13px; }
.terms-navigation strong { font-size:15px; margin-bottom:3px; }
.terms-navigation a:hover { text-decoration:underline; }
.terms-page .terms-content { padding:28px; }
.terms-summary { display:flex; align-items:flex-start; gap:14px; padding:18px; background:#edf5ff; border-radius:10px; margin-bottom:26px; }
.terms-summary > i { color:#0759c5; font-size:24px; padding-top:3px; }
.terms-page .terms-summary p { margin:6px 0 0; font-size:14px; }
.terms-content section { scroll-margin-top:20px; padding:0 0 22px; margin-bottom:22px; border-bottom:1px solid #e8edf3; }
.terms-content section:last-child { margin:0; padding:0; border:0; }
.terms-page .terms-content h2 { font-size:21px; margin:0 0 12px; }
.terms-page .terms-content p { font-size:15px; line-height:1.85; margin:0 0 12px; }
.terms-page .terms-content p:last-child { margin-bottom:0; }
.terms-content a { text-decoration:underline; text-underline-offset:3px; }
.terms-page .terms-content h3 { font-size:18px; line-height:1.5; margin:22px 0 10px; }
.terms-page .terms-content ul { padding-left:24px; margin:0 0 16px; }
.terms-page .terms-content li { font-size:15px; line-height:1.85; margin-bottom:5px; }
.terms-navigation { max-height:calc(100vh - 40px); overflow-y:auto; }
.about-layout { max-width:960px; padding-top:24px; }
.about-banner { display:block; width:100%; height:auto; margin-bottom:24px; border-radius:12px; }
.about-page .terms-content h2 { margin-top:28px; }
@media(max-width:800px) { .terms-navigation { max-height:none; } }
@media(max-width:800px) { .terms-layout { grid-template-columns:1fr; } .terms-navigation { position:static; } .terms-navigation nav { grid-template-columns:1fr 1fr; } .terms-navigation strong { grid-column:1/-1; } }
@media(max-width:575px) { .terms-page .terms-hero h1 { font-size:26px; } .terms-page .terms-content { padding:20px; } .terms-page .terms-content h2 { font-size:19px; } }
@media print { .site-header,.site-footer,.terms-navigation { display:none!important; } .terms-layout { display:block; } .terms-page,.terms-content { background:white!important; border:0!important; } .terms-page .terms-content { padding:0; } .terms-content section { break-inside:avoid; } }
