:root {
    --sixteen-bg: #08080b;
    --sixteen-bg-soft: #0d0d12;
    --sixteen-surface: #131319;
    --sixteen-surface-2: #181820;
    --sixteen-surface-3: #202029;
    --sixteen-text: #f7f7f8;
    --sixteen-text-soft: #d7d7dd;
    --sixteen-muted: #9b9ba4;
    --sixteen-faint: #72727d;
    --sixteen-pink: #ff2b87;
    --sixteen-pink-strong: #ff4a9b;
    --sixteen-pink-soft: rgba(255, 43, 135, .13);
    --sixteen-pink-line: rgba(255, 43, 135, .38);
    --sixteen-line: rgba(255, 255, 255, .085);
    --sixteen-line-strong: rgba(255, 255, 255, .14);
    --sixteen-success: #58d39b;
    --sixteen-radius: 12px;
    --sixteen-radius-lg: 20px;
    --sixteen-shadow: 0 24px 80px rgba(0, 0, 0, .32);
    --sixteen-header-height: 72px;
    --sixteen-container: 1200px;
    --sixteen-content: 790px;
    --sixteen-sidebar: 230px;
    --sixteen-font: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans KR", "Apple SD Gothic Neo", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--sixteen-header-height) + 28px); }
body {
    margin: 0;
    color: var(--sixteen-text);
    background:
        radial-gradient(circle at 78% -10%, rgba(255, 43, 135, .08), transparent 33rem),
        var(--sixteen-bg);
    font-family: var(--sixteen-font);
    font-size: 16px;
    line-height: 1.78;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
::selection { color: #fff; background: rgba(255, 43, 135, .55); }

.sixteen-skip-link {
    position: fixed;
    z-index: 99999;
    top: 10px;
    left: 10px;
    transform: translateY(-150%);
    padding: 10px 14px;
    border-radius: 8px;
    color: #fff;
    background: var(--sixteen-pink);
}
.sixteen-skip-link:focus { transform: translateY(0); }

.sixteen-site-header {
    position: sticky;
    z-index: 1000;
    top: 0;
    height: var(--sixteen-header-height);
    border-bottom: 1px solid transparent;
    background: rgba(8, 8, 11, .74);
    backdrop-filter: blur(18px) saturate(130%);
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.sixteen-site-header.is-scrolled {
    border-bottom-color: var(--sixteen-line);
    background: rgba(8, 8, 11, .94);
    box-shadow: 0 12px 38px rgba(0, 0, 0, .22);
}
.sixteen-header-inner {
    width: min(calc(100% - 40px), var(--sixteen-container));
    height: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 195px minmax(0, 1fr) auto;
    align-items: center;
    gap: 26px;
}
.sixteen-logo-wrap { min-width: 0; }
.sixteen-brand,
.custom-logo-link { display: inline-flex; align-items: center; }
.sixteen-brand img,
.custom-logo {
    display: block;
    width: auto;
    height: 54px;
    max-width: 190px;
    object-fit: contain;
}
.sixteen-primary-nav { min-width: 0; }
.sixteen-nav-list,
.sixteen-primary-nav .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.sixteen-nav-list > li,
.sixteen-primary-nav .menu > li { position: relative; }
.sixteen-nav-list > li > a,
.sixteen-primary-nav .menu > li > a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 8px;
    color: var(--sixteen-text-soft);
    font-size: 14px;
    font-weight: 650;
    letter-spacing: -.01em;
    transition: color .18s ease, background .18s ease;
}
.sixteen-nav-list > li > a:hover,
.sixteen-primary-nav .menu > li > a:hover,
.sixteen-nav-list .current-menu-item > a,
.sixteen-primary-nav .current-menu-item > a,
.sixteen-primary-nav .current-menu-ancestor > a {
    color: #fff;
    background: rgba(255, 255, 255, .055);
}
.sixteen-nav-list .has-children > a::after,
.sixteen-primary-nav .menu-item-has-children > a::after {
    content: "";
    width: 6px;
    height: 6px;
    margin: -3px 0 0 7px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
}
.sixteen-nav-list .sub-menu,
.sixteen-primary-nav .sub-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    z-index: 30;
    width: 210px;
    margin: 0;
    padding: 8px;
    list-style: none;
    border: 1px solid var(--sixteen-line);
    border-radius: 12px;
    background: rgba(18, 18, 24, .98);
    box-shadow: var(--sixteen-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 8px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.sixteen-nav-list li:hover > .sub-menu,
.sixteen-nav-list li:focus-within > .sub-menu,
.sixteen-primary-nav li:hover > .sub-menu,
.sixteen-primary-nav li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}
.sixteen-nav-list .sub-menu a,
.sixteen-primary-nav .sub-menu a {
    display: block;
    padding: 9px 11px;
    border-radius: 7px;
    color: var(--sixteen-text-soft);
    font-size: 14px;
}
.sixteen-nav-list .sub-menu a:hover,
.sixteen-primary-nav .sub-menu a:hover { color: #fff; background: rgba(255, 43, 135, .09); }

.sixteen-header-cta,
.sixteen-btn,
.sixteen-home-official-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid var(--sixteen-pink-line);
    border-radius: 9px;
    color: #fff;
    background: linear-gradient(180deg, rgba(255, 43, 135, .18), rgba(255, 43, 135, .09));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025), 0 0 24px rgba(255, 43, 135, .08);
    font-size: 14px;
    font-weight: 750;
    white-space: nowrap;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.sixteen-header-cta:hover,
.sixteen-btn:hover,
.sixteen-home-official-cta:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 43, 135, .8);
    background: rgba(255, 43, 135, .18);
    box-shadow: 0 8px 30px rgba(255, 43, 135, .14);
}
.sixteen-btn-primary { color: #07070a; border-color: var(--sixteen-pink); background: var(--sixteen-pink); }
.sixteen-btn-primary:hover { color: #07070a; background: var(--sixteen-pink-strong); }
.sixteen-btn-secondary { background: transparent; }
.sixteen-btn-text { border-color: transparent; background: transparent; box-shadow: none; color: var(--sixteen-text-soft); }
.sixteen-btn-text::after { content: "→"; margin-left: 8px; color: var(--sixteen-pink); }
.sixteen-home-official-cta { min-height: 50px; padding: 0 8px; border-color: transparent; background: transparent; box-shadow: none; color: var(--sixteen-text-soft); }
.sixteen-home-official-cta::after { content: "→"; margin-left: 8px; color: var(--sixteen-pink); }
.sixteen-mobile-cta,
.sixteen-menu-toggle { display: none; }

.sixteen-main { min-height: 64vh; }
.sixteen-page-shell {
    width: min(calc(100% - 40px), var(--sixteen-container));
    margin: 0 auto;
    padding: 46px 0 104px;
}
.sixteen-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 26px;
    color: var(--sixteen-faint);
    font-size: 13px;
}
.sixteen-breadcrumb a:hover { color: var(--sixteen-pink-strong); }
.sixteen-breadcrumb .breadcrumb_last { color: var(--sixteen-muted); }
.sixteen-page-hero {
    max-width: 900px;
    padding: 36px 0 48px;
    border-bottom: 1px solid var(--sixteen-line);
}
.sixteen-eyebrow {
    margin: 0 0 13px;
    color: var(--sixteen-pink-strong);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.sixteen-page-hero h1,
.sixteen-error-page h1 {
    margin: 0;
    max-width: 920px;
    font-size: clamp(38px, 5vw, 58px);
    line-height: 1.08;
    letter-spacing: -.055em;
    font-weight: 830;
    text-wrap: balance;
}
.sixteen-entry-meta { margin: 18px 0 0; color: var(--sixteen-muted); font-size: 14px; }

.sixteen-content-layout {
    display: grid;
    grid-template-columns: var(--sixteen-sidebar) minmax(0, var(--sixteen-content));
    justify-content: space-between;
    gap: 72px;
    padding-top: 48px;
}
.sixteen-content-layout.toc-empty { grid-template-columns: minmax(0, var(--sixteen-content)); justify-content: center; }
.sixteen-toc { min-width: 0; }
.sixteen-toc-desktop {
    position: sticky;
    top: calc(var(--sixteen-header-height) + 30px);
    max-height: calc(100vh - var(--sixteen-header-height) - 52px);
    overflow: auto;
    padding-right: 12px;
    scrollbar-width: thin;
}
.sixteen-toc-title {
    margin: 0 0 16px;
    color: var(--sixteen-faint);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em;
}
.sixteen-toc ol { list-style: none; margin: 0; padding: 0; }
.sixteen-toc li { margin: 1px 0; }
.sixteen-toc a {
    display: block;
    padding: 6px 0 6px 13px;
    border-left: 1px solid var(--sixteen-line-strong);
    color: var(--sixteen-muted);
    font-size: 13px;
    line-height: 1.45;
    transition: color .15s ease, border-color .15s ease;
}
.sixteen-toc li.is-h3 a { padding-left: 25px; font-size: 12px; color: var(--sixteen-faint); }
.sixteen-toc a:hover,
.sixteen-toc a.is-active { color: #fff; border-left-color: var(--sixteen-pink); }
.sixteen-toc-mobile { display: none; }

.sixteen-content {
    min-width: 0;
    max-width: var(--sixteen-content);
    color: var(--sixteen-text-soft);
    font-size: 17px;
    line-height: 1.82;
    overflow-wrap: anywhere;
}
.sixteen-content > :first-child { margin-top: 0; }
.sixteen-content h2,
.sixteen-content h3,
.sixteen-content h4 {
    color: var(--sixteen-text);
    scroll-margin-top: calc(var(--sixteen-header-height) + 28px);
    text-wrap: balance;
}
.sixteen-content h2 {
    margin: 70px 0 22px;
    font-size: clamp(27px, 3vw, 34px);
    line-height: 1.27;
    letter-spacing: -.035em;
    font-weight: 780;
}
.sixteen-content hr + h2 { margin-top: 0; }
.sixteen-content h3 {
    margin: 42px 0 15px;
    font-size: 21px;
    line-height: 1.38;
    letter-spacing: -.02em;
    font-weight: 740;
}
.sixteen-content h4 { margin: 30px 0 12px; font-size: 18px; }
.sixteen-content p { margin: 0 0 20px; }
.sixteen-content strong { color: #fff; font-weight: 760; }
.sixteen-content a:not(.sixteen-btn):not(.sixteen-header-cta) {
    color: #fff;
    text-decoration-line: underline;
    text-decoration-color: rgba(255, 43, 135, .58);
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
    transition: color .15s ease, text-decoration-color .15s ease;
}
.sixteen-content a:not(.sixteen-btn):not(.sixteen-header-cta):hover {
    color: var(--sixteen-pink-strong);
    text-decoration-color: var(--sixteen-pink-strong);
}
.sixteen-content .sixteen-inline-link {
    display: inline-flex;
    margin: 5px 12px 5px 0;
    color: var(--sixteen-text) !important;
    text-decoration: none !important;
}
.sixteen-content .sixteen-inline-link strong { font-weight: 720; }
.sixteen-content .sixteen-inline-link strong::after { content: "  ↗"; color: var(--sixteen-pink); font-weight: 600; }
.sixteen-content ul,
.sixteen-content ol { margin: 18px 0 26px; padding-left: 1.3em; }
.sixteen-content li { margin: 7px 0; }
.sixteen-content li::marker { color: var(--sixteen-pink); }
.sixteen-content hr {
    height: 1px;
    margin: 72px 0;
    border: 0;
    background: linear-gradient(90deg, var(--sixteen-line-strong), rgba(255, 255, 255, .025));
}
.sixteen-content blockquote {
    margin: 32px 0;
    padding: 18px 22px;
    border-left: 3px solid var(--sixteen-pink);
    border-radius: 0 10px 10px 0;
    color: var(--sixteen-text-soft);
    background: var(--sixteen-pink-soft);
}
.sixteen-content table {
    width: 100%;
    margin: 30px 0;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid var(--sixteen-line);
    border-radius: 12px;
    background: var(--sixteen-surface);
    font-size: 15px;
}
.sixteen-content th,
.sixteen-content td { padding: 14px 16px; border-bottom: 1px solid var(--sixteen-line); text-align: left; vertical-align: top; }
.sixteen-content th { color: #fff; background: rgba(255, 255, 255, .035); font-weight: 720; }
.sixteen-content tr:last-child td { border-bottom: 0; }
.sixteen-content code {
    padding: 2px 6px;
    border: 1px solid var(--sixteen-line);
    border-radius: 5px;
    color: #ffd0e4;
    background: rgba(255, 255, 255, .035);
    font-size: .9em;
}
.sixteen-content pre { overflow: auto; padding: 18px; border: 1px solid var(--sixteen-line); border-radius: 12px; background: #0c0c11; }

.sixteen-notice-list ul,
.sixteen-promotion-list ul,
.sixteen-catalog ul {
    list-style: none;
    margin: 26px 0;
    padding: 0;
}
.sixteen-notice-list li,
.sixteen-promotion-list li,
.sixteen-catalog li {
    margin: 0;
    padding: 18px 0;
    border-bottom: 1px solid var(--sixteen-line);
}
.sixteen-notice-list li:first-child,
.sixteen-promotion-list li:first-child,
.sixteen-catalog li:first-child { border-top: 1px solid var(--sixteen-line); }
.sixteen-notice-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; }
.sixteen-notice-list time,
.sixteen-catalog-meta { color: var(--sixteen-faint); font-size: 13px; }
.sixteen-promotion-list p { margin: 6px 0 0; color: var(--sixteen-muted); font-size: 14px; }
.sixteen-pagination ul,
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 7px; list-style: none; padding: 0; margin: 30px 0; }
.sixteen-pagination a,
.sixteen-pagination span,
.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid var(--sixteen-line);
    border-radius: 8px;
    color: var(--sixteen-text-soft);
    background: var(--sixteen-surface);
    text-decoration: none !important;
}
.sixteen-pagination .current,
.page-numbers.current { color: #fff; border-color: var(--sixteen-pink-line); background: var(--sixteen-pink-soft); }

.sixteen-home-main { overflow: clip; }
.sixteen-home-hero {
    position: relative;
    min-height: min(720px, calc(100vh - var(--sixteen-header-height)));
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--sixteen-line);
    overflow: hidden;
}
.sixteen-home-hero::before {
    content: "16";
    position: absolute;
    right: max(4vw, calc((100vw - var(--sixteen-container)) / 2));
    top: 50%;
    transform: translateY(-52%);
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .055);
    font-size: min(44vw, 550px);
    line-height: .72;
    font-weight: 900;
    letter-spacing: -.12em;
    pointer-events: none;
    user-select: none;
}
.sixteen-home-glow {
    position: absolute;
    width: 520px;
    height: 520px;
    left: 58%;
    top: 48%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 43, 135, .16), rgba(255, 43, 135, .045) 35%, transparent 68%);
    filter: blur(2px);
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.sixteen-home-hero-inner {
    position: relative;
    z-index: 2;
    width: min(calc(100% - 40px), var(--sixteen-container));
    margin: 0 auto;
    padding: 86px 0 96px;
}
.sixteen-home-hero h1 {
    margin: 0;
    display: flex;
    flex-direction: column;
    max-width: 890px;
    font-size: clamp(52px, 7.3vw, 98px);
    line-height: .94;
    letter-spacing: -.065em;
    font-weight: 870;
}
.sixteen-home-hero h1 span { color: #fff; }
.sixteen-home-hero h1 .sixteen-home-brand-title { margin-bottom: 18px; color: var(--sixteen-pink-strong); font-size: 13px; line-height: 1.4; letter-spacing: .12em; font-weight: 800; }
.sixteen-home-hero h1 strong {
    color: var(--sixteen-pink);
    font-weight: inherit;
    text-shadow: 0 0 38px rgba(255, 43, 135, .16);
}
.sixteen-home-lead {
    max-width: 590px;
    margin: 32px 0 0;
    color: var(--sixteen-muted);
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.65;
    letter-spacing: -.025em;
}
.sixteen-home-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 38px; }
.sixteen-home-actions .sixteen-btn { min-height: 50px; padding: 0 22px; }
.sixteen-home-metrics,
.sixteen-home-metrics-inline {
    width: min(calc(100% - 40px), var(--sixteen-container));
    margin: -1px auto 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-right: 1px solid var(--sixteen-line);
    border-bottom: 1px solid var(--sixteen-line);
    background: var(--sixteen-bg-soft);
}
.sixteen-metric {
    min-height: 124px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top: 1px solid var(--sixteen-line);
    border-left: 1px solid var(--sixteen-line);
}
.sixteen-metric strong { color: #fff; font-size: clamp(27px, 3.2vw, 42px); line-height: 1; letter-spacing: -.045em; }
.sixteen-metric span { margin-top: 10px; color: var(--sixteen-muted); font-size: 13px; }
.sixteen-home-content-shell { padding-top: 88px; }
.sixteen-home-content { margin: 0 auto; }

.sixteen-feed {
    max-width: 850px;
    padding-top: 42px;
}
.sixteen-feed-card {
    padding: 30px 0;
    border-bottom: 1px solid var(--sixteen-line);
}
.sixteen-feed-card:first-child { border-top: 1px solid var(--sixteen-line); }
.sixteen-feed-type { margin: 0 0 8px; color: var(--sixteen-pink); font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.sixteen-feed-card h2 { margin: 0; font-size: 25px; line-height: 1.35; letter-spacing: -.03em; }
.sixteen-feed-card h2 a:hover { color: var(--sixteen-pink-strong); }
.sixteen-feed-excerpt { margin: 12px 0; color: var(--sixteen-muted); }
.sixteen-feed-footer { display: flex; justify-content: space-between; gap: 20px; color: var(--sixteen-faint); font-size: 13px; }
.sixteen-feed-footer a { color: var(--sixteen-text-soft); }
.sixteen-feed-footer a:hover { color: var(--sixteen-pink); }

.sixteen-single-shell { max-width: 980px; }
.sixteen-single-content { margin-top: 48px; }
.sixteen-error-page { max-width: 740px; padding: 100px 0 130px; }
.sixteen-error-page > p:not(.sixteen-eyebrow) { margin-top: 24px; color: var(--sixteen-muted); font-size: 18px; }

.sixteen-site-footer {
    border-top: 1px solid var(--sixteen-line);
    background: #07070a;
}
.sixteen-footer-inner {
    width: min(calc(100% - 40px), var(--sixteen-container));
    margin: 0 auto;
    padding: 62px 0 48px;
    display: grid;
    grid-template-columns: minmax(300px, 1fr) minmax(420px, 1fr);
    gap: 80px;
}
.sixteen-footer-logo .sixteen-brand img,
.sixteen-footer-logo .custom-logo { height: 58px; max-width: 210px; }
.sixteen-footer-tagline { margin: 20px 0 0; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.sixteen-footer-copy { max-width: 450px; margin: 10px 0 0; color: var(--sixteen-faint); font-size: 14px; }
.sixteen-footer-menu { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 28px; }
.sixteen-footer-menu a { display: block; padding: 5px 0; color: var(--sixteen-muted); font-size: 14px; }
.sixteen-footer-menu a:hover { color: var(--sixteen-pink-strong); }
.sixteen-footer-bottom { border-top: 1px solid var(--sixteen-line); }
.sixteen-footer-bottom-inner {
    width: min(calc(100% - 40px), var(--sixteen-container));
    min-height: 66px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: #666670;
    font-size: 12px;
}
.sixteen-footer-bottom p { margin: 0; }

.sixteen-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 900;
    width: 44px;
    height: 44px;
    border: 1px solid var(--sixteen-line-strong);
    border-radius: 10px;
    color: #fff;
    background: rgba(18, 18, 24, .9);
    backdrop-filter: blur(12px);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease, border-color .18s ease;
}
.sixteen-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.sixteen-to-top:hover { border-color: var(--sixteen-pink-line); }

:focus-visible { outline: 2px solid var(--sixteen-pink-strong); outline-offset: 3px; }

@media (max-width: 1080px) {
    :root { --sixteen-container: 960px; --sixteen-sidebar: 205px; }
    .sixteen-header-inner { grid-template-columns: 174px minmax(0, 1fr) auto; gap: 12px; }
    .sixteen-brand img, .custom-logo { height: 48px; max-width: 170px; }
    .sixteen-nav-list > li > a, .sixteen-primary-nav .menu > li > a { padding: 0 8px; font-size: 13px; }
    .sixteen-content-layout { gap: 44px; }
}

@media (max-width: 900px) {
    :root { --sixteen-header-height: 64px; }
    .sixteen-header-inner { width: min(calc(100% - 28px), var(--sixteen-container)); grid-template-columns: minmax(0, 1fr) auto; }
    .sixteen-brand img, .custom-logo { height: 46px; max-width: 165px; }
    .sixteen-desktop-cta { display: none; }
    .sixteen-menu-toggle {
        display: inline-flex;
        width: 44px;
        height: 44px;
        padding: 10px;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        border: 1px solid var(--sixteen-line);
        border-radius: 9px;
        color: #fff;
        background: transparent;
        cursor: pointer;
    }
    .sixteen-menu-toggle span { width: 100%; height: 1.5px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
    .menu-open .sixteen-menu-toggle span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
    .menu-open .sixteen-menu-toggle span:nth-child(2) { opacity: 0; }
    .menu-open .sixteen-menu-toggle span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
    .sixteen-primary-nav {
        position: fixed;
        inset: var(--sixteen-header-height) 0 auto 0;
        height: calc(100vh - var(--sixteen-header-height));
        padding: 18px 22px 34px;
        overflow-y: auto;
        border-top: 1px solid var(--sixteen-line);
        background: rgba(8, 8, 11, .985);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
    }
    .menu-open .sixteen-primary-nav { opacity: 1; visibility: visible; transform: none; }
    .sixteen-nav-list, .sixteen-primary-nav .menu { display: block; }
    .sixteen-nav-list > li > a, .sixteen-primary-nav .menu > li > a {
        min-height: 52px;
        padding: 0;
        border-bottom: 1px solid var(--sixteen-line);
        border-radius: 0;
        font-size: 17px;
    }
    .sixteen-nav-list .has-children > a::after, .sixteen-primary-nav .menu-item-has-children > a::after { margin-left: auto; }
    .sixteen-nav-list .sub-menu, .sixteen-primary-nav .sub-menu {
        position: static;
        width: auto;
        padding: 6px 0 12px 14px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
    .sixteen-nav-list .sub-menu a, .sixteen-primary-nav .sub-menu a { padding: 8px 0; font-size: 14px; }
    .sixteen-mobile-cta { display: block; margin-top: 24px; }
    .sixteen-mobile-cta .sixteen-header-cta { width: 100%; min-height: 50px; }

    .sixteen-page-shell { width: min(calc(100% - 32px), var(--sixteen-container)); padding-top: 34px; }
    .sixteen-page-hero { padding: 26px 0 34px; }
    .sixteen-content-layout { display: block; padding-top: 30px; }
    .sixteen-toc { margin: 0 0 36px; }
    .sixteen-toc-desktop { display: none; }
    .sixteen-toc-mobile { display: block; border: 1px solid var(--sixteen-line); border-radius: 10px; background: var(--sixteen-surface); }
    .sixteen-toc-mobile summary { padding: 14px 16px; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; }
    .sixteen-toc-mobile nav { padding: 0 16px 14px; }
    .sixteen-toc-mobile a { padding-top: 7px; padding-bottom: 7px; }
    .sixteen-content { margin: 0 auto; max-width: 780px; }

    .sixteen-home-hero { min-height: 650px; }
    .sixteen-home-hero::before { right: -4vw; font-size: min(62vw, 460px); opacity: .8; }
    .sixteen-home-metrics { width: min(calc(100% - 32px), var(--sixteen-container)); grid-template-columns: repeat(2, 1fr); }
    .sixteen-home-metrics-inline { grid-template-columns: repeat(2, 1fr); }
    .sixteen-metric { min-height: 112px; }
    .sixteen-footer-inner { grid-template-columns: 1fr; gap: 42px; }
}

@media (max-width: 620px) {
    body { font-size: 16px; }
    .sixteen-header-inner { width: calc(100% - 24px); }
    .sixteen-brand img, .custom-logo { height: 42px; max-width: 150px; }
    .sixteen-page-shell { width: calc(100% - 28px); padding-bottom: 78px; }
    .sixteen-breadcrumb { margin-bottom: 18px; }
    .sixteen-page-hero h1, .sixteen-error-page h1 { font-size: clamp(34px, 11vw, 44px); }
    .sixteen-content { font-size: 16px; line-height: 1.82; }
    .sixteen-content h2 { margin-top: 56px; font-size: 26px; }
    .sixteen-content h3 { margin-top: 36px; font-size: 20px; }
    .sixteen-content hr { margin: 56px 0; }
    .sixteen-content table { display: block; overflow-x: auto; white-space: nowrap; }
    .sixteen-content .sixteen-inline-link { display: flex; margin-right: 0; }
    .sixteen-notice-list li { grid-template-columns: 1fr; gap: 4px; }

    .sixteen-home-hero { min-height: 610px; }
    .sixteen-home-hero-inner { width: calc(100% - 28px); padding: 70px 0 74px; }
    .sixteen-home-hero h1 { font-size: clamp(48px, 15vw, 68px); }
    .sixteen-home-lead { font-size: 18px; }
    .sixteen-home-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .sixteen-home-actions .sixteen-home-official-cta { grid-column: 1 / -1; justify-content: flex-start; padding-left: 0; }
    .sixteen-home-metrics { width: calc(100% - 28px); }
    .sixteen-home-metrics-inline { grid-template-columns: repeat(2, 1fr); }
    .sixteen-metric { min-height: 102px; padding: 21px; }
    .sixteen-metric strong { font-size: 29px; }
    .sixteen-home-content-shell { padding-top: 62px; }

    .sixteen-footer-inner { width: calc(100% - 28px); padding: 48px 0 38px; }
    .sixteen-footer-menu { grid-template-columns: 1fr 1fr; gap: 5px 18px; }
    .sixteen-footer-bottom-inner { width: calc(100% - 28px); min-height: 84px; align-items: flex-start; justify-content: center; flex-direction: column; gap: 2px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}

.sixteen-home-metrics-inline {
    width: 100%;
    margin: 30px 0 34px;
    grid-template-columns: repeat(3, 1fr);
}
.sixteen-home-metrics-inline .sixteen-metric {
    margin: 0;
}
.sixteen-home-metrics-inline .sixteen-metric strong {
    display: block;
}
@media (max-width: 900px) {
    .sixteen-home-metrics-inline { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .sixteen-home-metrics-inline { grid-template-columns: 1fr 1fr; }
    .sixteen-home-metrics-inline .sixteen-metric { padding: 18px; }
    .sixteen-home-metrics-inline .sixteen-metric strong { font-size: 25px; }
}

.sixteen-content .sixteen-external-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin: 6px 10px 6px 0;
    padding: 0 17px;
    border: 1px solid var(--sixteen-pink-line);
    border-radius: 9px;
    color: #fff !important;
    background: var(--sixteen-pink-soft);
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 740;
}
.sixteen-content .sixteen-external-link::after { content: "↗"; margin-left: 8px; color: var(--sixteen-pink); }
.sixteen-content .sixteen-external-link:hover { border-color: var(--sixteen-pink); background: rgba(255, 43, 135, .18); }

/* ==========================================================
   v0.1.1 Editorial Component System
   The Core owns content. The Theme converts repeated semantic
   patterns into visual components without rewriting source text.
   ========================================================== */
:root {
    --sixteen-content: 880px;
    --sixteen-component-gap: 14px;
}

.sixteen-content-layout {
    gap: 48px;
}

.sixteen-home-content {
    max-width: 1040px;
}

.sixteen-section-block {
    position: relative;
    margin: 0 0 30px;
    padding: 42px 44px 44px;
    border: 1px solid var(--sixteen-line);
    border-radius: 18px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.026), transparent 42%),
        linear-gradient(180deg, rgba(19,19,25,.92), rgba(11,11,15,.82));
    box-shadow: 0 18px 52px rgba(0,0,0,.14);
    overflow: hidden;
}
.sixteen-section-block::before {
    content: attr(data-section-index);
    position: absolute;
    top: 20px;
    right: 24px;
    color: rgba(255,255,255,.055);
    font-size: 46px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: -.06em;
    pointer-events: none;
}
.sixteen-section-block.has-components {
    border-color: rgba(255,255,255,.105);
    background:
        radial-gradient(circle at 100% 0, rgba(255,43,135,.055), transparent 20rem),
        linear-gradient(145deg, rgba(255,255,255,.03), transparent 46%),
        #101015;
}
.sixteen-section-block > :first-child { margin-top: 0; }
.sixteen-section-block > :last-child { margin-bottom: 0; }

.sixteen-content .sixteen-section-kicker {
    margin: 0 0 10px;
    color: var(--sixteen-pink-strong);
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: .11em;
    font-weight: 820;
}
.sixteen-content .sixteen-section-title {
    max-width: 760px;
    margin: 0 0 22px;
    font-size: clamp(28px, 3.2vw, 38px);
    line-height: 1.23;
    letter-spacing: -.042em;
    font-weight: 810;
}
.sixteen-content .sixteen-section-kicker + .sixteen-section-title {
    margin-top: 0;
}
.sixteen-section-block > h2:not(.sixteen-section-title):not(.sixteen-section-kicker) {
    margin-top: 48px;
}
.sixteen-section-block > h3 {
    margin-top: 34px;
}

.sixteen-stat-grid,
.sixteen-feature-grid,
.sixteen-topic-grid {
    display: grid;
    gap: var(--sixteen-component-gap);
    margin: 28px 0 32px;
}
.sixteen-stat-grid {
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
}
.sixteen-feature-grid,
.sixteen-topic-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sixteen-content .sixteen-stat-card,
.sixteen-content .sixteen-feature-card {
    margin: 0;
    border: 1px solid var(--sixteen-line);
    background: rgba(255,255,255,.025);
}
.sixteen-content .sixteen-stat-card {
    position: relative;
    min-height: 132px;
    padding: 25px 22px 20px;
    border-radius: 14px;
    color: var(--sixteen-muted);
    font-size: 13px;
    line-height: 1.55;
    overflow: hidden;
}
.sixteen-content .sixteen-stat-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 42px;
    height: 2px;
    background: var(--sixteen-pink);
    box-shadow: 0 0 18px rgba(255,43,135,.28);
}
.sixteen-content .sixteen-stat-card strong {
    display: block;
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(24px, 2.5vw, 34px);
    line-height: 1.05;
    letter-spacing: -.045em;
    font-weight: 840;
}
.sixteen-content .sixteen-feature-card {
    min-height: 142px;
    padding: 24px 24px 22px;
    border-radius: 14px;
    color: var(--sixteen-muted);
    font-size: 15px;
    line-height: 1.72;
    transition: border-color .18s ease, transform .18s ease, background .18s ease;
}
.sixteen-content .sixteen-feature-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255,43,135,.25);
    background: rgba(255,43,135,.035);
}
.sixteen-content .sixteen-feature-card strong {
    display: block;
    margin: 0 0 9px;
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -.02em;
}

.sixteen-topic-card {
    min-width: 0;
    padding: 26px 25px 24px;
    border: 1px solid var(--sixteen-line);
    border-radius: 15px;
    background: rgba(255,255,255,.022);
}
.sixteen-content .sixteen-topic-card h3 {
    position: relative;
    margin: 0 0 15px;
    padding-top: 16px;
    color: #fff;
    font-size: 20px;
}
.sixteen-content .sixteen-topic-card h3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 2px;
    background: var(--sixteen-pink);
}
.sixteen-topic-card > :last-child { margin-bottom: 0; }
.sixteen-topic-card .sixteen-cta-row { margin-top: 18px; }

.sixteen-content .sixteen-chip-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 22px 0 28px;
    padding: 0;
    color: inherit;
}
.sixteen-content .sixteen-chip-cloud > strong,
.sixteen-content .sixteen-chip-cloud > span {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    margin: 0;
    padding: 0 13px;
    border: 1px solid var(--sixteen-line-strong);
    border-radius: 999px;
    color: var(--sixteen-text-soft);
    background: rgba(255,255,255,.025);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 690;
}
.sixteen-content .sixteen-chip-cloud > strong:first-child,
.sixteen-content .sixteen-chip-cloud > span:first-child {
    border-color: rgba(255,43,135,.24);
}

.sixteen-content .sixteen-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 28px 0 4px;
}
.sixteen-content .sixteen-cta-row .sixteen-inline-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid var(--sixteen-pink-line);
    border-radius: 9px;
    color: #fff !important;
    background: rgba(255,43,135,.075);
    text-decoration: none !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.sixteen-content .sixteen-cta-row .sixteen-inline-link:hover {
    transform: translateY(-1px);
    border-color: rgba(255,43,135,.68);
    background: rgba(255,43,135,.13);
}
.sixteen-content .sixteen-cta-row .sixteen-inline-link strong {
    font-size: 14px;
    font-weight: 760;
}
.sixteen-content .sixteen-cta-row .sixteen-inline-link strong::after { content: none; }
.sixteen-content .sixteen-cta-row .sixteen-inline-link::after {
    content: "↗";
    margin-left: 9px;
    color: var(--sixteen-pink-strong);
    font-size: 13px;
}

.sixteen-content .sixteen-process-list {
    list-style: none;
    counter-reset: sixteen-step;
    margin: 28px 0 34px;
    padding: 0;
    display: grid;
    gap: 10px;
}
.sixteen-content .sixteen-process-list > li {
    counter-increment: sixteen-step;
    position: relative;
    min-height: 52px;
    margin: 0;
    padding: 14px 16px 14px 58px;
    border: 1px solid var(--sixteen-line);
    border-radius: 11px;
    background: rgba(255,255,255,.018);
}
.sixteen-content .sixteen-process-list > li::before {
    content: counter(sixteen-step, decimal-leading-zero);
    position: absolute;
    left: 15px;
    top: 13px;
    width: 28px;
    color: var(--sixteen-pink-strong);
    font-size: 11px;
    font-weight: 820;
    letter-spacing: .06em;
}

.sixteen-section-block .sixteen-notice-list,
.sixteen-section-block .sixteen-promotion-list,
.sixteen-section-block .sixteen-catalog {
    margin-top: 24px;
    padding: 0 20px;
    border: 1px solid var(--sixteen-line);
    border-radius: 14px;
    background: rgba(255,255,255,.018);
}

.sixteen-longform .sixteen-section-block {
    margin-bottom: 0;
    padding: 42px 0 46px;
    border-width: 1px 0 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}
.sixteen-longform .sixteen-section-block:first-child {
    border-top: 0;
    padding-top: 0;
}
.sixteen-longform .sixteen-section-block::before {
    right: 0;
    top: 42px;
    font-size: 32px;
}
.sixteen-longform .sixteen-section-block:first-child::before { top: 0; }
.sixteen-longform .sixteen-section-block.has-components {
    background: transparent;
}

.sixteen-home-content .sixteen-section-block {
    padding: 48px 50px 50px;
}
.sixteen-home-content .sixteen-section-block:first-child {
    margin-top: 0;
}
.sixteen-home-content .sixteen-section-title {
    max-width: 820px;
    font-size: clamp(30px, 3.6vw, 42px);
}
.sixteen-home-content .sixteen-feature-grid,
.sixteen-home-content .sixteen-topic-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sixteen-home-content .sixteen-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sixteen-home-content .sixteen-stat-card {
    min-height: 142px;
}

@media (max-width: 1080px) {
    :root { --sixteen-content: 820px; }
    .sixteen-content-layout { gap: 38px; }
    .sixteen-section-block { padding: 38px 36px 40px; }
    .sixteen-home-content .sixteen-section-block { padding: 42px 40px 44px; }
}

@media (max-width: 900px) {
    .sixteen-section-block,
    .sixteen-home-content .sixteen-section-block {
        padding: 32px 28px 34px;
        border-radius: 15px;
    }
    .sixteen-section-block::before { top: 17px; right: 20px; font-size: 36px; }
    .sixteen-feature-grid,
    .sixteen-topic-grid,
    .sixteen-home-content .sixteen-feature-grid,
    .sixteen-home-content .sixteen-topic-grid { grid-template-columns: 1fr 1fr; }
    .sixteen-home-content .sixteen-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sixteen-longform .sixteen-section-block,
    .sixteen-longform .sixteen-section-block:first-child { padding-left: 0; padding-right: 0; }
}

@media (max-width: 620px) {
    .sixteen-section-block,
    .sixteen-home-content .sixteen-section-block {
        margin-bottom: 18px;
        padding: 28px 20px 30px;
        border-radius: 14px;
    }
    .sixteen-section-block::before { display: none; }
    .sixteen-content .sixteen-section-kicker { font-size: 11px; }
    .sixteen-content .sixteen-section-title,
    .sixteen-home-content .sixteen-section-title { font-size: 27px; }
    .sixteen-feature-grid,
    .sixteen-topic-grid,
    .sixteen-home-content .sixteen-feature-grid,
    .sixteen-home-content .sixteen-topic-grid { grid-template-columns: 1fr; gap: 10px; }
    .sixteen-stat-grid,
    .sixteen-home-content .sixteen-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .sixteen-content .sixteen-stat-card { min-height: 112px; padding: 21px 16px 18px; }
    .sixteen-content .sixteen-stat-card strong { font-size: 25px; }
    .sixteen-content .sixteen-feature-card { min-height: 0; padding: 20px 18px; }
    .sixteen-topic-card { padding: 22px 19px 20px; }
    .sixteen-content .sixteen-cta-row { display: grid; grid-template-columns: 1fr; }
    .sixteen-content .sixteen-cta-row .sixteen-inline-link { justify-content: space-between; width: 100%; }
    .sixteen-content .sixteen-process-list > li { padding-left: 52px; }
    .sixteen-longform .sixteen-section-block,
    .sixteen-longform .sixteen-section-block:first-child { padding: 34px 0 38px; }
}

/* ==========================================================
   v0.1.2 Semantic outline + header + nested TOC refinements
   ========================================================== */
:root {
    --sixteen-header-height: 84px;
}

/* Make the sticky header a visually distinct navigation layer. */
.sixteen-site-header {
    height: var(--sixteen-header-height);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    background: rgba(14, 8, 11, .975);
    box-shadow: 0 10px 34px rgba(0, 0, 0, .24);
    backdrop-filter: blur(20px) saturate(135%);
}
.sixteen-site-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(255,43,135,.42) 28%, rgba(255,43,135,.16) 62%, transparent 100%);
    pointer-events: none;
}
.sixteen-site-header.is-scrolled {
    border-bottom-color: rgba(255, 255, 255, .15);
    background: rgba(12, 7, 10, .99);
    box-shadow: 0 14px 42px rgba(0, 0, 0, .34);
}
.sixteen-header-inner {
    grid-template-columns: 230px minmax(0, 1fr) auto;
    gap: 22px;
}
.sixteen-brand img,
.custom-logo {
    height: 68px;
    max-width: 225px;
}
.sixteen-mobile-header-cta { display: none; }

/* Home: exactly one semantic H1. Brand/service slogans remain visual copy. */
.sixteen-home-service-label {
    margin: 0 0 14px;
    color: var(--sixteen-pink-strong);
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: .12em;
    font-weight: 820;
}
.sixteen-home-hero h1 {
    display: block;
    max-width: 760px;
    font-size: clamp(64px, 8.2vw, 112px);
    line-height: .92;
    letter-spacing: -.075em;
    color: #fff;
    text-shadow: 0 0 42px rgba(255, 43, 135, .09);
}
.sixteen-home-manifesto {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    max-width: 760px;
    margin: 22px 0 0;
    color: #fff;
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.28;
    letter-spacing: -.025em;
    font-weight: 760;
}
.sixteen-home-manifesto strong { color: var(--sixteen-pink); font-weight: 820; }
.sixteen-home-lead { margin-top: 24px; }

/* Semantic copy that was previously misused as headings. */
.sixteen-content .sixteen-page-lead {
    max-width: 760px;
    margin: 0 0 28px;
    color: #f0f0f3;
    font-size: clamp(20px, 2.1vw, 24px);
    line-height: 1.62;
    letter-spacing: -.025em;
    font-weight: 610;
}
.sixteen-content .sixteen-section-lead {
    max-width: 760px;
    margin: -8px 0 24px;
    color: var(--sixteen-muted);
    font-size: 17px;
    line-height: 1.75;
    letter-spacing: -.015em;
}
.sixteen-content .sixteen-closing-title {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(25px, 2.8vw, 34px);
    line-height: 1.25;
    letter-spacing: -.035em;
    font-weight: 820;
}
.sixteen-subsection-block > .sixteen-subsection-title {
    margin-top: 0;
    font-size: 23px;
}

/* The TOC shows H2 by default. H3 is nested and collapsed until its H2 is opened. */
.sixteen-toc ol { list-style: none; margin: 0; padding: 0; }
.sixteen-toc-group { margin: 2px 0; }
.sixteen-toc-group > a[data-toc-level="2"] {
    position: relative;
    padding: 8px 24px 8px 13px;
    border-left: 1px solid var(--sixteen-line-strong);
    color: var(--sixteen-muted);
    font-size: 13px;
    line-height: 1.45;
    font-weight: 640;
}
.sixteen-toc-group.has-children > a[data-toc-level="2"]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform .16s ease, margin-top .16s ease;
}
.sixteen-toc-group.is-open > a[data-toc-level="2"]::after {
    margin-top: -2px;
    transform: rotate(225deg);
}
.sixteen-toc-group > a[data-toc-level="2"]:hover,
.sixteen-toc-group > a[data-toc-level="2"].is-active {
    color: #fff;
    border-left-color: var(--sixteen-pink);
}
.sixteen-toc-children {
    margin: 2px 0 8px !important;
    padding: 0 !important;
}
.sixteen-toc-children[hidden] { display: none !important; }
.sixteen-toc-children .is-h3 { margin: 0; }
.sixteen-toc-children .is-h3 a {
    display: block;
    padding: 6px 4px 6px 26px;
    border-left: 1px solid rgba(255,255,255,.065);
    color: var(--sixteen-faint);
    font-size: 12px;
    line-height: 1.45;
    transition: color .15s ease, border-color .15s ease;
}
.sixteen-toc-children .is-h3 a:hover,
.sixteen-toc-children .is-h3 a.is-active {
    color: #fff;
    border-left-color: rgba(255,43,135,.68);
}

@media (max-width: 1080px) {
    :root { --sixteen-header-height: 78px; }
    .sixteen-header-inner { grid-template-columns: 205px minmax(0, 1fr) auto; gap: 12px; }
    .sixteen-brand img, .custom-logo { height: 60px; max-width: 205px; }
}

@media (max-width: 900px) {
    :root { --sixteen-header-height: 72px; }
    .sixteen-header-inner {
        width: min(calc(100% - 28px), var(--sixteen-container));
        grid-template-columns: minmax(112px, 1fr) auto 44px;
        gap: 10px;
    }
    .sixteen-brand img, .custom-logo { height: 52px; max-width: 138px; }
    .sixteen-mobile-header-cta { display: flex; align-items: center; justify-content: center; }
    .sixteen-mobile-official-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 13px;
        border: 1px solid rgba(255,43,135,.48);
        border-radius: 9px;
        color: #fff;
        background: rgba(255,43,135,.13);
        box-shadow: 0 0 22px rgba(255,43,135,.08);
        font-size: 12px;
        font-weight: 790;
        white-space: nowrap;
    }
    .sixteen-mobile-official-cta:hover { border-color: var(--sixteen-pink); background: rgba(255,43,135,.2); }
    .sixteen-desktop-cta { display: none; }
    .sixteen-primary-nav { inset: var(--sixteen-header-height) 0 auto 0; height: calc(100vh - var(--sixteen-header-height)); }
    .sixteen-toc-mobile nav { padding-top: 3px; }
    .sixteen-toc-mobile .sixteen-toc-group > a[data-toc-level="2"] { padding-top: 9px; padding-bottom: 9px; }
}

@media (max-width: 620px) {
    .sixteen-header-inner { width: calc(100% - 20px); gap: 8px; }
    .sixteen-brand img, .custom-logo { height: 48px; max-width: 124px; }
    .sixteen-mobile-official-cta { min-height: 38px; padding: 0 10px; font-size: 11.5px; }
    .sixteen-menu-toggle { width: 42px; height: 42px; }
    .sixteen-home-hero h1 { font-size: clamp(58px, 19vw, 82px); }
    .sixteen-home-manifesto { gap: 5px 10px; font-size: 17px; }
    .sixteen-content .sixteen-page-lead { font-size: 19px; }
    .sixteen-content .sixteen-section-lead { font-size: 16px; }
}

@media (max-width: 360px) {
    .sixteen-header-inner { grid-template-columns: minmax(100px, 1fr) auto 40px; gap: 6px; }
    .sixteen-brand img, .custom-logo { height: 44px; max-width: 112px; }
    .sixteen-mobile-official-cta { min-height: 36px; padding: 0 8px; font-size: 11px; }
    .sixteen-menu-toggle { width: 40px; height: 40px; padding: 9px; }
}

/* ==========================================================
   v0.1.3 Navigation safety + wider editorial canvas
   ========================================================== */
:root {
    --sixteen-container: 1360px;
    --sixteen-content: 980px;
    --sixteen-sidebar: 190px;
}

/* Stronger visual separation between the sticky navigation and page body. */
.sixteen-site-header {
    background: linear-gradient(180deg, rgba(22, 9, 15, .995), rgba(11, 9, 13, .995));
    border-bottom-color: rgba(255, 43, 135, .26);
    box-shadow: 0 14px 46px rgba(0,0,0,.46), 0 1px 0 rgba(255,43,135,.12);
}
.sixteen-site-header::after {
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(255,43,135,.58) 26%, rgba(255,43,135,.24) 66%, transparent 100%);
}
.sixteen-site-header.is-scrolled {
    border-bottom-color: rgba(255,43,135,.34);
    box-shadow: 0 16px 52px rgba(0,0,0,.55), 0 1px 0 rgba(255,43,135,.16);
}
.sixteen-brand img,
.custom-logo {
    height: 74px;
    max-width: 250px;
}

/* Hierarchical primary navigation. */
.sixteen-nav-list > li.has-children > a,
.sixteen-primary-nav .menu > li.menu-item-has-children > a,
.sixteen-nav-list > li > .sixteen-nav-group-label {
    padding-right: 34px;
}
.sixteen-nav-list .has-children > a::after,
.sixteen-primary-nav .menu-item-has-children > a::after { content: none; }
.sixteen-nav-group-label {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 34px 0 12px;
    border: 0;
    border-radius: 8px;
    color: var(--sixteen-text-soft);
    background: transparent;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: -.01em;
    cursor: default;
}
.sixteen-submenu-toggle {
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 4;
    width: 26px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    color: var(--sixteen-muted);
    background: transparent;
    transform: translateY(-50%);
    cursor: pointer;
}
.sixteen-submenu-toggle span::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    margin: -3px auto 0;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform .16s ease, margin .16s ease;
}
.sixteen-nav-list li.is-submenu-open > .sixteen-submenu-toggle span::before,
.sixteen-primary-nav li.is-submenu-open > .sixteen-submenu-toggle span::before {
    margin-top: 3px;
    transform: rotate(225deg);
}
.sixteen-nav-list li.is-submenu-open > .sub-menu,
.sixteen-primary-nav li.is-submenu-open > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

/* Wider content canvas while retaining a compact TOC rail. */
@media (min-width: 1101px) {
    .sixteen-content-layout {
        grid-template-columns: var(--sixteen-sidebar) minmax(0, 1fr);
        gap: 44px;
    }
    .sixteen-content {
        width: 100%;
        max-width: var(--sixteen-content);
        justify-self: end;
    }
}

/* On medium desktop widths, collapse the TOC instead of squeezing the article. */
@media (min-width: 901px) and (max-width: 1100px) {
    .sixteen-content-layout { display: block; padding-top: 38px; }
    .sixteen-toc { margin: 0 0 34px; }
    .sixteen-toc-desktop { display: none; }
    .sixteen-toc-mobile {
        display: block;
        max-width: 980px;
        margin: 0 auto;
        border: 1px solid var(--sixteen-line-strong);
        border-radius: 10px;
        background: var(--sixteen-surface);
    }
    .sixteen-toc-mobile summary { padding: 14px 16px; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; }
    .sixteen-toc-mobile nav { padding: 0 16px 14px; }
    .sixteen-content { width: 100%; max-width: 980px; margin: 0 auto; }
}

/* Long-form pages remain editorial, but no longer disappear into the background. */
.sixteen-section-block::before {
    color: rgba(255, 43, 135, .24);
    text-shadow: 0 0 22px rgba(255,43,135,.08);
}
.sixteen-longform .sixteen-section-block {
    padding-left: 18px;
    padding-right: 18px;
    border-top-color: rgba(255,255,255,.12);
    background: linear-gradient(90deg, rgba(255,255,255,.018), transparent 62%);
}
.sixteen-longform .sixteen-section-block::before {
    right: 16px;
    color: rgba(255,43,135,.20);
}

/* Consecutive one-word/short strong labels become a scannable keyword grid. */
.sixteen-keyword-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 22px 0 28px;
}
.sixteen-content .sixteen-keyword-card {
    margin: 0;
    min-height: 52px;
    padding: 13px 14px;
    display: flex;
    align-items: center;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
}
.sixteen-content .sixteen-keyword-card strong {
    font-size: 14px;
    line-height: 1.35;
}

/* Closed mobile navigation must be visually and interactively closed. */
@media (max-width: 900px) {
    .sixteen-brand img, .custom-logo { height: 56px; max-width: 150px; }
    .sixteen-primary-nav {
        pointer-events: none;
    }
    .menu-open .sixteen-primary-nav {
        pointer-events: auto;
    }
    .sixteen-nav-list > li,
    .sixteen-primary-nav .menu > li {
        position: relative;
    }
    .sixteen-nav-list > li > a,
    .sixteen-primary-nav .menu > li > a,
    .sixteen-nav-list > li > .sixteen-nav-group-label {
        min-height: 54px;
        width: 100%;
        padding: 0 48px 0 0;
        justify-content: flex-start;
        border-bottom: 1px solid var(--sixteen-line);
        border-radius: 0;
        color: #fff;
        font-size: 17px;
        text-align: left;
    }
    .sixteen-nav-group-label { cursor: pointer; }
    .sixteen-submenu-toggle {
        top: 27px;
        right: 0;
        width: 44px;
        height: 44px;
    }
    .sixteen-nav-list .sub-menu,
    .sixteen-primary-nav .sub-menu {
        display: none;
        padding: 6px 0 14px 16px;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
    .sixteen-nav-list li.is-submenu-open > .sub-menu,
    .sixteen-primary-nav li.is-submenu-open > .sub-menu {
        display: block;
        transform: none;
    }
    .sixteen-nav-list .sub-menu a,
    .sixteen-primary-nav .sub-menu a {
        min-height: 40px;
        display: flex;
        align-items: center;
        padding: 6px 0;
        border-bottom: 0;
        color: var(--sixteen-muted);
        font-size: 14px;
    }
    .sixteen-keyword-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .sixteen-brand img, .custom-logo { height: 52px; max-width: 136px; }
    .sixteen-keyword-grid { gap: 8px; }
    .sixteen-content .sixteen-keyword-card { min-height: 48px; padding: 11px 12px; }
}

@media (max-width: 360px) {
    .sixteen-brand img, .custom-logo { height: 48px; max-width: 124px; }
}

/* ================================================================
   v0.1.4 navigation/accessibility audit patch
   ================================================================ */
@media (min-width: 901px) {
    .sixteen-header-inner {
        width: min(calc(100% - 32px), 1480px);
        grid-template-columns: 250px minmax(0, 1fr) auto;
        gap: 18px;
    }
    .sixteen-nav-list > li > a,
    .sixteen-primary-nav .menu > li > a,
    .sixteen-nav-group-label {
        white-space: nowrap;
    }
}

.sixteen-nav-group-label {
    position: relative;
    padding-right: 34px;
}
.sixteen-nav-group-label::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 7px;
    height: 7px;
    margin-top: -5px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform .16s ease, margin .16s ease;
}
.sixteen-nav-list li.is-submenu-open > .sixteen-nav-group-label::after,
.sixteen-primary-nav li.is-submenu-open > .sixteen-nav-group-label::after {
    margin-top: -1px;
    transform: rotate(225deg);
}
.sixteen-nav-list .is-group-only > .sixteen-submenu-toggle,
.sixteen-primary-nav .is-group-only > .sixteen-submenu-toggle {
    display: none !important;
}

@media (min-width: 901px) and (max-width: 1240px) {
    .sixteen-header-inner {
        grid-template-columns: 218px minmax(0, 1fr) auto;
        gap: 10px;
    }
    .sixteen-brand img,
    .custom-logo { height: 64px; max-width: 218px; }
    .sixteen-nav-list > li > a,
    .sixteen-primary-nav .menu > li > a,
    .sixteen-nav-group-label {
        padding-left: 7px;
        padding-right: 28px;
        font-size: 12.5px;
    }
    .sixteen-nav-list > li:not(.has-children) > a,
    .sixteen-primary-nav .menu > li:not(.menu-item-has-children) > a {
        padding-right: 7px;
    }
    .sixteen-submenu-toggle { right: 2px; width: 24px; }
    .sixteen-header-cta { padding-left: 12px; padding-right: 12px; }
}

@media (max-width: 900px) {
    .sixteen-nav-group-label::after { right: 17px; }
    .sixteen-nav-list .is-group-only > .sixteen-nav-group-label,
    .sixteen-primary-nav .is-group-only > .sixteen-nav-group-label {
        padding-right: 48px;
    }
}

/* ================================================================
   v0.1.5 featured-image / Hero integration
   ================================================================ */
.sixteen-home-hero-media,
.sixteen-page-hero-media,
.sixteen-page-hero-shade {
    position: absolute;
    inset: 0;
}
.sixteen-home-hero-media { z-index: 0; }
.sixteen-home-hero-media img,
.sixteen-page-hero-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sixteen-home-hero.has-featured-image::before { display: none; }
.sixteen-home-hero.has-featured-image::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(8,8,11,.98) 0%, rgba(8,8,11,.92) 28%, rgba(8,8,11,.65) 48%, rgba(8,8,11,.20) 72%, rgba(8,8,11,.08) 100%),
        linear-gradient(0deg, rgba(8,8,11,.24), transparent 42%);
    pointer-events: none;
}
.sixteen-home-hero.has-featured-image .sixteen-home-glow {
    z-index: 1;
    left: 48%;
    opacity: .55;
}
.sixteen-home-hero.has-featured-image .sixteen-home-hero-inner { z-index: 2; }
.sixteen-home-hero-image { object-position: 58% center; }

.sixteen-page-hero.has-featured-image {
    position: relative;
    max-width: none;
    min-height: 420px;
    padding: 0;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    border: 1px solid var(--sixteen-line-strong);
    border-radius: var(--sixteen-radius-lg);
    background: #09090d;
    box-shadow: 0 28px 90px rgba(0,0,0,.30);
}
.sixteen-page-hero-media { z-index: 0; }
.sixteen-page-hero-shade {
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(8,8,11,.98) 0%, rgba(8,8,11,.90) 31%, rgba(8,8,11,.50) 54%, rgba(8,8,11,.13) 80%, rgba(8,8,11,.08) 100%),
        linear-gradient(0deg, rgba(8,8,11,.50) 0%, transparent 58%);
    pointer-events: none;
}
.sixteen-page-hero-copy {
    position: relative;
    z-index: 2;
    width: 100%;
}
.sixteen-page-hero.has-featured-image .sixteen-page-hero-copy {
    max-width: 760px;
    padding: 58px 60px 54px;
}
.sixteen-page-hero.has-featured-image h1 {
    max-width: 690px;
    font-size: clamp(42px, 5.2vw, 64px);
    text-shadow: 0 5px 28px rgba(0,0,0,.55);
}
.sixteen-page-hero.has-featured-image .sixteen-eyebrow {
    text-shadow: 0 2px 16px rgba(0,0,0,.75);
}

/* Crop anchors tuned for the bundled 16:9 brand artwork. */
.sixteen-page-key-sixteen-casino .sixteen-page-hero-image { object-position: 68% center; }
.sixteen-page-key-sixteen-toto .sixteen-page-hero-image { object-position: 68% center; }
.sixteen-page-key-official-address .sixteen-page-hero-image,
.sixteen-page-key-guide-security .sixteen-page-hero-image { object-position: 69% center; }
.sixteen-page-key-game-guide .sixteen-page-hero-image { object-position: 68% center; }

@media (max-width: 900px) {
    .sixteen-home-hero-image { object-position: 68% center; }
    .sixteen-home-hero.has-featured-image::after {
        background:
            linear-gradient(90deg, rgba(8,8,11,.98) 0%, rgba(8,8,11,.88) 48%, rgba(8,8,11,.42) 76%, rgba(8,8,11,.22) 100%),
            linear-gradient(0deg, rgba(8,8,11,.48), transparent 48%);
    }
    .sixteen-page-hero.has-featured-image {
        min-height: 370px;
        border-radius: 16px;
    }
    .sixteen-page-hero.has-featured-image .sixteen-page-hero-copy {
        max-width: 620px;
        padding: 44px 34px 38px;
    }
    .sixteen-page-hero.has-featured-image h1 {
        max-width: 520px;
        font-size: clamp(38px, 9vw, 54px);
    }
    .sixteen-page-hero-shade {
        background:
            linear-gradient(90deg, rgba(8,8,11,.96) 0%, rgba(8,8,11,.79) 50%, rgba(8,8,11,.28) 100%),
            linear-gradient(0deg, rgba(8,8,11,.62) 0%, transparent 64%);
    }
    .sixteen-page-key-sixteen-casino .sixteen-page-hero-image,
    .sixteen-page-key-sixteen-toto .sixteen-page-hero-image,
    .sixteen-page-key-official-address .sixteen-page-hero-image,
    .sixteen-page-key-guide-security .sixteen-page-hero-image,
    .sixteen-page-key-game-guide .sixteen-page-hero-image {
        object-position: 72% center;
    }
}

@media (max-width: 620px) {
    .sixteen-home-hero-image { object-position: 72% center; }
    .sixteen-page-hero.has-featured-image { min-height: 330px; }
    .sixteen-page-hero.has-featured-image .sixteen-page-hero-copy { padding: 34px 22px 30px; }
    .sixteen-page-hero.has-featured-image h1 { font-size: clamp(34px, 10vw, 46px); }
}