@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,400&display=swap'); *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Inter', sans-serif; background: #0D3B3E; color: #FFFFFF; } .tos-page-wrapper { width: 100%; } .tos-header-section { background: #0D3B3E; padding: 80px 20px 50px; text-align: center; position: relative; } .tos-header-section h1 { font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 700; color: #FFD25A; margin-bottom: 16px; letter-spacing: -0.5px; } .tos-header-subtext { font-size: clamp(1rem, 2vw, 1.15rem); color: #FFF2B0; font-style: italic; font-weight: 300; margin-bottom: 20px; max-width: 700px; margin-left: auto; margin-right: auto; } .tos-header-copyright { font-size: 0.85rem; color: #E6B23A; display: block; margin-bottom: 30px; } .tos-header-divider { width: 100%; height: 2px; background: #FFD25A; border: none; margin-top: 10px; } .tos-toc-section { background: #1A5055; padding: 40px 20px; } .tos-toc-inner { max-width: 900px; margin: 0 auto; } .tos-toc-title { font-size: 0.85rem; font-weight: 600; color: #E6B23A; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; } .tos-toc-links { display: flex; flex-wrap: wrap; gap: 10px 16px; list-style: none; } .tos-toc-links li a { color: #FFD25A; text-decoration: none; font-size: 0.9rem; font-weight: 500; padding: 6px 12px; border: 1px solid rgba(255,210,90,0.3); border-radius: 4px; display: inline-block; transition: all 0.25s ease; background: rgba(255,210,90,0.05); } .tos-toc-links li a:hover { color: #FFF2B0; background: rgba(255,210,90,0.15); border-color: #FFF2B0; transform: translateY(-1px); } .tos-body-section { background: #0D3B3E; padding: 60px 20px; } .tos-body-inner { max-width: 900px; margin: 0 auto; } .tos-content-block { margin-bottom: 0; } .tos-content-block + .tos-content-block { border-top: 1px solid #B7902A; margin-top: 40px; padding-top: 40px; } .tos-content-block.tos-alt-bg { background: rgba(26,80,85,0.25); border-radius: 8px; padding: 30px; margin-left: -10px; margin-right: -10px; border-top: none !important; margin-top: 40px !important; } .tos-content-block.tos-alt-bg + .tos-content-block { border-top: 1px solid #B7902A; margin-top: 40px; padding-top: 40px; } .tos-body-inner .tos-content-block:first-child { margin-top: 0; } .tos-section-heading { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 700; color: #FFD25A; padding-top: 0; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; } .tos-section-heading .tos-heading-num { font-family: 'Inter', sans-serif; font-size: 0.8rem; font-weight: 600; background: rgba(255,210,90,0.15); color: #FFD25A; border: 1px solid rgba(255,210,90,0.4); border-radius: 4px; padding: 3px 8px; white-space: nowrap; } .tos-subsection-heading { font-size: 1.1rem; font-weight: 600; color: #E6B23A; margin-top: 24px; margin-bottom: 12px; } .tos-body-text { font-size: 1rem; line-height: 1.85; color: #FFFFFF; margin-bottom: 14px; } .tos-bullet-list { list-style: none; margin: 12px 0 16px 0; padding: 0; } .tos-bullet-list li { position: relative; padding-left: 22px; color: #FFFFFF; font-size: 1rem; line-height: 1.8; margin-bottom: 8px; } .tos-bullet-list li::before { content: '🔹 color: #FFF2B0; position: absolute; left: 0; top: 0; font-size: 1.2rem; line-height: 1.7; font-weight: 700; } .tos-contact-section { background: #1A5055; padding: 50px 20px; } .tos-contact-inner { max-width: 900px; margin: 0 auto; text-align: center; } .tos-contact-section h3 { font-family: 'Playfair Display', serif; font-size: 1.6rem; font-weight: 700; color: #FFD25A; margin-bottom: 18px; } .tos-contact-section p { font-size: 1rem; color: #FFFFFF; line-height: 1.8; max-width: 650px; margin: 0 auto; } .tos-contact-section a { color: #FFD25A; text-decoration: underline; transition: color 0.2s; } .tos-contact-section a:hover { color: #FFF2B0; } .tos-accessibility-section { background: #0D3B3E; padding: 60px 20px; border-top: 2px solid #FFD25A; } .tos-accessibility-inner { max-width: 900px; margin: 0 auto; } .tos-accessibility-inner h2 { font-family: 'Playfair Display', serif; font-size: 1.6rem; font-weight: 700; color: #FFD25A; margin-bottom: 20px; } .tos-accessibility-inner h3 { font-size: 1.1rem; font-weight: 600; color: #E6B23A; margin-top: 28px; margin-bottom: 12px; } .tos-accessibility-inner p { font-size: 1rem; color: #FFFFFF; line-height: 1.85; margin-bottom: 14px; } .tos-wcag-list { list-style: none; padding: 0; margin: 12px 0 16px 0; } .tos-wcag-list li { padding: 10px 0; border-bottom: 1px solid rgba(183,144,42,0.2); display: flex; flex-wrap: wrap; gap: 6px; font-size: 0.95rem; } .tos-wcag-list li:last-child { border-bottom: none; } .tos-wcag-label { color: #FFF2B0; font-weight: 600; min-width: 180px; } .tos-wcag-value { color: #FFFFFF; } .tos-accessibility-inner a { color: #FFD25A; text-decoration: underline; transition: color 0.2s; } .tos-accessibility-inner a:hover { color: #FFF2B0; } .tos-back-to-top { position: fixed; bottom: 30px; right: 30px; background: #FFD25A; color: #0D3B3E; border: none; border-radius: 50%; width: 46px; height: 46px; font-size: 1.2rem; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 16px rgba(0,0,0,0.3); opacity: 0; pointer-events: none; transition: opacity 0.3s, transform 0.3s, background 0.2s; z-index: 999; font-weight: 700; } .tos-back-to-top.tos-visible { opacity: 1; pointer-events: all; } .tos-back-to-top:hover { background: #FFF2B0; transform: translateY(-3px); } @media (max-width: 768px) { .tos-header-section { padding: 60px 16px 40px; } .tos-toc-links li a { font-size: 0.82rem; padding: 5px 10px; } .tos-body-section { padding: 40px 16px; } .tos-content-block.tos-alt-bg { margin-left: 0; margin-right: 0; padding: 20px; } .tos-section-heading { font-size: 1.15rem; flex-wrap: wrap; } .tos-wcag-label { min-width: 140px; } .tos-contact-section { padding: 40px 16px; } .tos-accessibility-section { padding: 40px 16px; } .tos-back-to-top { bottom: 20px; right: 16px; width: 40px; height: 40px; font-size: 1rem; } } @media (max-width: 480px) { .tos-toc-links { gap: 8px; } .tos-wcag-list li { flex-direction: column; gap: 2px; } }


    /* Editable elements styling - HIGHEST PRIORITY */
    .editable:hover:not(.editor-tool):not([data-editor-tool]) {
      outline: 2px dashed #ff9800 !important;
      outline-offset: 2px !important;
      cursor: pointer !important;
      z-index: 999999 !important;
    }
    .selected-editable:not(.editor-tool):not([data-editor-tool]) {
      outline: 3px solid #ff9800 !important;
      outline-offset: 2px !important;
      box-shadow: 0 0 8px 2px #ff980033 !important;
      z-index: 999999 !important;
    }
    /* Prevent editor tools from having editor styles */
    .editor-tool,
    [data-editor-tool] {
      outline: none !important;
      cursor: default !important;
    }
    /* Drag and drop styles */
    .dragging {
      opacity: 0.5 !important;
    }
    .drag-over {
      border-top: 3px solid #4CAF50 !important;
    }


    /* Editable elements styling - HIGHEST PRIORITY */
    .editable:hover:not(.editor-tool):not([data-editor-tool]) {
      outline: 2px dashed #ff9800 !important;
      outline-offset: 2px !important;
      cursor: pointer !important;
      z-index: 999999 !important;
    }
    .selected-editable:not(.editor-tool):not([data-editor-tool]) {
      outline: 3px solid #ff9800 !important;
      outline-offset: 2px !important;
      box-shadow: 0 0 8px 2px #ff980033 !important;
      z-index: 999999 !important;
    }
    /* Prevent editor tools from having editor styles */
    .editor-tool,
    [data-editor-tool] {
      outline: none !important;
      cursor: default !important;
    }
    /* Drag and drop styles */
    .dragging {
      opacity: 0.5 !important;
    }
    .drag-over {
      border-top: 3px solid #4CAF50 !important;
    }