:root {
        --l-bg: #0b111a;      /* Deep Navy/Black */
        --l-panel: #131b26;   /* Slightly Lighter Panel */
        --l-text: #c0c0c0;    /* Soft Grey */
        --l-head: #ffffff;    /* White Headers */
        --l-gold: #C5A059;    /* Brand Gold */
        --f-serif: 'Playfair Display', serif;
        --f-sans: 'Inter', sans-serif;
    }

    /* Page Reset */
    body, html { background-color: var(--l-bg) !important; color: var(--l-text); margin: 0; padding: 0; }
    .site-content { background-color: var(--l-bg); }

    /* Container */
    .sc-container {
        max-width: 800px; /* Στενό για να διαβάζεται άνετα */
        margin: 0 auto;
        padding: 0 20px 100px 20px;
    }

    /* HERO */
    .sc-hero {
        text-align: center;
        padding: 140px 0 80px;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        margin-bottom: 60px;
    }
    .sc-label {
        display: inline-block;
        font-family: var(--f-sans);
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 3px;
        color: var(--l-gold);
        margin-bottom: 20px;
        border: 1px solid rgba(197, 160, 89, 0.3);
        padding: 8px 16px;
    }
    .sc-title {
        font-family: var(--f-serif);
        font-size: clamp(2.5rem, 5vw, 4rem);
        color: var(--l-head);
        margin: 0 0 15px;
        line-height: 1.1;
    }
    .sc-meta {
        font-family: var(--f-sans);
        font-size: 0.9rem;
        color: #666;
    }

    /* EXECUTIVE SUMMARY BOX */
    .sc-summary {
        background: var(--l-panel);
        padding: 40px;
        border-left: 2px solid var(--l-gold);
        margin-bottom: 80px;
    }
    .sc-summary h3 {
        font-family: var(--f-serif);
        font-size: 1.5rem;
        color: var(--l-head);
        margin-top: 0;
        margin-bottom: 20px;
    }
    .sc-summary ul { list-style: none; padding: 0; margin: 0; }
    .sc-summary li {
        position: relative;
        padding-left: 25px;
        margin-bottom: 12px;
        font-size: 1.05rem;
        line-height: 1.6;
    }
    .sc-summary li::before {
        content: "•";
        color: var(--l-gold);
        position: absolute; left: 0; top: 0px;
        font-size: 1.5rem; line-height: 1;
    }

    /* CONTENT SECTIONS */
    .sc-section {
        margin-bottom: 60px;
        position: relative;
    }

    /* Numbering (01, 02...) */
    .sc-num {
        font-family: var(--f-serif);
        font-size: 1.5rem;
        color: var(--l-gold);
        opacity: 0.6;
        display: block;
        margin-bottom: 10px;
    }

    .sc-section h2 {
        font-family: var(--f-serif);
        font-size: 2rem;
        color: var(--l-head);
        margin: 0 0 20px;
    }

    .sc-section p, .sc-section li {
        font-family: var(--f-sans);
        font-size: 1.05rem;
        line-height: 1.8;
        color: var(--l-text);
        margin-bottom: 20px;
    }
    .sc-section ul { padding-left: 20px; }
    .sc-section li { margin-bottom: 10px; }
    .sc-section strong { color: var(--l-head); font-weight: 600; }

    .sc-section a {
        color: var(--l-text);
        text-decoration: none;
        border-bottom: 1px solid var(--l-gold);
        transition: 0.3s;
    }
    .sc-section a:hover { color: var(--l-gold); }

    /* FOOTER NOTE */
    .sc-footer {
        text-align: center;
        margin-top: 100px;
        padding-top: 40px;
        border-top: 1px solid rgba(255,255,255,0.05);
        font-size: 0.9rem;
        color: #555;
    }

    @media (max-width: 768px) {
        .sc-hero { padding: 100px 0 60px; }
        .sc-title { font-size: 2.5rem; }
        .sc-summary { padding: 30px 20px; }
    }


/* NOTE (2026-07, NDA v2): the .sc-accept-box / .sc-accept-text / .btn-sign
   / .sc-legal-sub block lived here for the standalone clickwrap form on
   legal-nda.php. That form was removed — acceptance is now inline via
   sh_terms_note() (styles: .sh-terms-note in sh-core.css) — so those rules
   were deleted as dead. No other template used them. */