*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

        :root {
            --primary:       #13B7BE;
            --primary-dark:  #1192B3;
            --primary-light: #E6FAFA;
            --dark:          #113153;
            --body:          #2D3C4B;
            --muted:         #4C8FB3;
            --bg:            #FFFFFF;
            --bg-alt:        #F3F9FA;
            --border:        #E1EBF0;
            --ease:          .3s cubic-bezier(.4,0,.2,1);
        }

        body {
            font-family: 'Manrope', sans-serif;
            background: var(--bg);
            color: var(--body);
            line-height: 1.75;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
        }

        a { text-decoration: none; color: var(--primary); }
        a:hover { text-decoration: underline; }

        .container {
            max-width: 800px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* ─── HEADER ─── */
        header {
            background: var(--dark);
            padding: 20px 0;
        }
        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .logo {
            font-family: 'Syne', sans-serif;
            font-size: 38px;
            font-weight: 800;
            color: var(--primary);
            text-decoration: none;
        }
        .back-link {
            font-size: .88rem;
            font-weight: 600;
            color: rgba(255,255,255,.55);
            transition: color var(--ease);
            text-decoration: none;
        }
        .back-link:hover { color: #fff; text-decoration: none; }

        /* ─── HERO ─── */
        .page-hero {
            background: var(--dark);
            padding: 56px 0 72px;
            text-align: center;
        }
        .page-hero h1 {
            font-family: 'Syne', sans-serif;
            font-size: clamp(1.8rem, 4vw, 2.4rem);
            font-weight: 800;
            color: #fff;
            margin-bottom: 10px;
        }
        .page-hero p {
            color: rgba(255,255,255,.45);
            font-size: .9rem;
        }

        /* ─── CONTENT ─── */
        .content {
            padding: 64px 0 80px;
        }

        .intro {
            background: var(--primary-light);
            border-left: 3px solid var(--primary);
            border-radius: 0 10px 10px 0;
            padding: 18px 22px;
            margin-bottom: 40px;
            font-size: .93rem;
            color: var(--dark);
            line-height: 1.65;
        }

        .content h2 {
            font-family: 'Syne', sans-serif;
            font-size: 1.05rem;
            font-weight: 800;
            color: var(--dark);
            margin: 40px 0 10px;
            padding-bottom: 8px;
            border-bottom: 1.5px solid var(--border);
        }
        .content h2:first-of-type { margin-top: 0; }

        .content p {
            font-size: .93rem;
            margin-bottom: 10px;
        }

        .content ul {
            margin: 8px 0 12px 20px;
        }
        .content ul li {
            font-size: .93rem;
            margin-bottom: 6px;
        }
        .content ul li::marker { color: var(--primary); }

        .law-note {
            background: var(--bg-alt);
            border: 1px solid var(--border);
            border-radius: 10px;
            padding: 14px 18px;
            font-size: .85rem;
            color: var(--muted);
            margin: 12px 0;
        }

        /* ─── FOOTER ─── */
        footer {
            background: var(--bg-alt);
            border-top: 1px solid var(--border);
            padding: 28px 0;
            text-align: center;
        }
        footer p {
            font-size: .85rem;
            color: var(--muted);
        }