/* ===== GLOBAL ===== */
.tos-page {
font-family: "Inter", "Segoe UI", Arial, sans-serif;
color: #222;
background: #ffffff;
}
/* ===== HERO ===== */
.tos-hero {
background: #eef1f6;
padding: 60px 80px 50px;
}
.tos-back {
display: inline-block;
margin-bottom: 20px;
color: #c0392b;
text-decoration: none;
font-weight: 500;
}
.tos-back:hover {
text-decoration: underline;
}
.tos-hero h1 {
font-size: 48px;
margin: 0;
font-weight: 700;
}
/* ===== LAYOUT ===== */
.tos-layout {
display: flex;
max-width: 1200px;
margin: 60px auto;
gap: 60px;
padding: 0 30px;
}
/* ===== SIDEBAR ===== */
.tos-sidebar {
width: 260px;
flex-shrink: 0;
}
.tos-sidebar h3 {
font-size: 20px;
margin-bottom: 20px;
}
.tos-sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
.tos-sidebar li {
margin-bottom: 14px;
}
.tos-sidebar a {
text-decoration: none;
color: #b23b2b;
font-weight: 500;
transition: 0.2s;
}
.tos-sidebar a:hover {
color: #000;
}
/* ===== CONTENT ===== */
.tos-content {
flex: 1;
max-width: 760px;
}
/* Sections spacing */
.tos-section {
margin-bottom: 70px;
padding-left: 35px;
border-left: 3px solid #e3e6ed;
}
/* Main section title */
.tos-section h2 {
font-size: 30px;
margin-bottom: 20px;
font-weight: 700;
}
/* Subtitles */
.tos-section h3 {
font-size: 20px;
margin-top: 28px;
margin-bottom: 10px;
font-weight: 600;
}
/* Paragraphs */
.tos-section p {
line-height: 1.7;
margin-bottom: 14px;
color: #444;
}
/* Lists */
.tos-section ul,
.tos-section ol {
margin-top: 10px;
padding-left: 22px;
}
.tos-section li {
margin-bottom: 8px;
line-height: 1.6;
}
/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
.tos-layout {
flex-direction: column;
}
.tos-sidebar {
width: 100%;
border-bottom: 1px solid #eee;
padding-bottom: 30px;
}
.tos-section {
padding-left: 0;
border-left: none;
}
.tos-hero {
padding: 40px 30px;
}
.tos-hero h1 {
font-size: 36px;
}
}