/*
 * Miucci Whitepaper standalone shell v1.2.1
 * Replaces the legacy theme header/footer ONLY on the whitepaper page.
 * All non-shell page content styles remain scoped to .mc-wp-container.
 */
body.mc-wp-wide-template-active.mc-wp-standalone-page {
    margin: 0 !important;
    padding: 0 !important;
    min-width: 320px;
    background: #0B0C10 !important;
    color: #C5C8CE;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.mc-wp-wide-template-active .mc-wp-site-shell,
body.mc-wp-wide-template-active .mc-wp-site-shell *,
body.mc-wp-wide-template-active .mc-wp-site-shell *::before,
body.mc-wp-wide-template-active .mc-wp-site-shell *::after {
    box-sizing: border-box;
}

body.mc-wp-wide-template-active .mc-wp-skip-link {
    position: fixed;
    z-index: 2000;
    top: 8px;
    left: 8px;
    transform: translateY(-150%);
    padding: 10px 14px;
    border-radius: 7px;
    background: #00EBA1;
    color: #07120F !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}
body.mc-wp-wide-template-active .mc-wp-skip-link:focus { transform: translateY(0); }

body.mc-wp-wide-template-active .mc-wp-site-header {
    position: sticky;
    z-index: 1000;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    background: rgba(11, 12, 16, .91);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .12);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}
body.admin-bar.mc-wp-wide-template-active .mc-wp-site-header { top: 32px; }

body.mc-wp-wide-template-active .mc-wp-site-header-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(20px, 2vw, 34px);
    width: min(1640px, 100%);
    min-height: 76px;
    margin: 0 auto;
    padding: 0 clamp(22px, 3vw, 48px);
}

body.mc-wp-wide-template-active .mc-wp-site-brand {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
    min-width: 160px;
    margin: 0;
    padding: 0;
    color: #F7F9FB !important;
    text-decoration: none !important;
}
body.mc-wp-wide-template-active .mc-wp-brand-mark {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
    width: 25px;
    height: 25px;
    padding: 4px 5px;
    border: 1px solid rgba(0, 235, 161, .32);
    border-radius: 7px;
    background: rgba(0, 235, 161, .06);
}
body.mc-wp-wide-template-active .mc-wp-brand-mark span {
    display: block;
    width: 3px;
    border-radius: 2px;
    background: #00EBA1;
}
body.mc-wp-wide-template-active .mc-wp-brand-mark span:nth-child(1) { height: 8px; opacity: .58; }
body.mc-wp-wide-template-active .mc-wp-brand-mark span:nth-child(2) { height: 14px; }
body.mc-wp-wide-template-active .mc-wp-brand-mark span:nth-child(3) { height: 11px; opacity: .78; }
body.mc-wp-wide-template-active .mc-wp-brand-copy { display: flex; flex-direction: column; gap: 3px; }
body.mc-wp-wide-template-active .mc-wp-brand-copy strong {
    display: block;
    margin: 0;
    color: #F7F9FB;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .04em;
}
body.mc-wp-wide-template-active .mc-wp-brand-copy small {
    display: block;
    color: #7F8793;
    font: 600 8px/1.3 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .115em;
    white-space: nowrap;
}

body.mc-wp-wide-template-active .mc-wp-site-nav { display: block; min-width: 0; margin: 0 0 0 auto; padding: 0; }
body.mc-wp-wide-template-active .mc-wp-site-nav ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: clamp(10px, 1.15vw, 18px);
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
body.mc-wp-wide-template-active .mc-wp-site-nav li { display: block; flex: 0 0 auto; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.mc-wp-wide-template-active .mc-wp-site-nav li::before,
body.mc-wp-wide-template-active .mc-wp-site-nav li::marker { content: none !important; display: none !important; }
body.mc-wp-wide-template-active .mc-wp-site-nav a {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    margin: 0;
    padding: 6px 0;
    color: #B8BDC6 !important;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none !important;
    transition: color .18s ease;
}
body.mc-wp-wide-template-active .mc-wp-site-nav a::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: "";
    background: #00EBA1;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .18s ease;
}
body.mc-wp-wide-template-active .mc-wp-site-nav a:hover,
body.mc-wp-wide-template-active .mc-wp-site-nav a:focus-visible { color: #00EBA1 !important; }
body.mc-wp-wide-template-active .mc-wp-site-nav a:hover::after,
body.mc-wp-wide-template-active .mc-wp-site-nav a:focus-visible::after { transform: scaleX(1); }

body.mc-wp-wide-template-active .mc-wp-site-menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 40px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #2A2E36;
    border-radius: 8px;
    background: #121418;
    color: #E5E8EC;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}
body.mc-wp-wide-template-active .mc-wp-site-menu-icon { color: #00EBA1; font-size: 18px; line-height: 1; }

body.mc-wp-wide-template-active .mc-wp-site-main,
body.mc-wp-wide-template-active #primary.mc-wp-wide-main {
    display: block;
    float: none !important;
    clear: both;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    background: #0B0C10;
}
body.mc-wp-wide-template-active .mc-wp-page-content { width: 100%; max-width: none; margin: 0; padding: 0; }
body.mc-wp-wide-template-active .mc-wp-container { width: 100%; max-width: none; margin: 0; }

body.mc-wp-wide-template-active .mc-wp-site-footer {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #292D35;
    background:
        radial-gradient(ellipse at 16% 0%, rgba(0, 235, 161, .055), transparent 34%),
        #0A0B0F;
    color: #A1A6B0;
}
body.mc-wp-wide-template-active .mc-wp-site-footer-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 48px;
    width: min(1560px, 100%);
    margin: 0 auto;
    padding: 44px clamp(22px, 3vw, 48px) 38px;
}
body.mc-wp-wide-template-active .mc-wp-footer-brand {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #F3F5F8 !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
}
body.mc-wp-wide-template-active .mc-wp-footer-brand-dot { width: 6px; height: 6px; border-radius: 50%; background: #00EBA1; box-shadow: 0 0 14px rgba(0, 235, 161, .45); }
body.mc-wp-wide-template-active .mc-wp-footer-brand small {
    margin-left: 4px;
    color: #747C88;
    font: 600 9px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .1em;
}
body.mc-wp-wide-template-active .mc-wp-footer-brand-block p {
    margin: 13px 0 0;
    color: #8F96A1;
    font-size: 12px;
    line-height: 1.8;
}
body.mc-wp-wide-template-active .mc-wp-footer-brand-block p.mc-wp-footer-motto { margin-top: 5px; color: #C5C8CE; }
body.mc-wp-wide-template-active .mc-wp-footer-nav { min-width: 220px; margin: 0; padding: 0; }
body.mc-wp-wide-template-active .mc-wp-footer-nav-title { display: block; margin: 0 0 13px; color: #777F8A; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
body.mc-wp-wide-template-active .mc-wp-footer-nav > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px 20px; }
body.mc-wp-wide-template-active .mc-wp-footer-nav a {
    color: #B4BAC3 !important;
    font-size: 12px;
    text-decoration: none !important;
    transition: color .18s ease;
}
body.mc-wp-wide-template-active .mc-wp-footer-nav a:hover { color: #00EBA1 !important; }
body.mc-wp-wide-template-active .mc-wp-site-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    width: min(1560px, 100%);
    margin: 0 auto;
    padding: 18px clamp(22px, 3vw, 48px) 20px;
    border-top: 1px solid rgba(255, 255, 255, .065);
    color: #68717D;
    font-size: 10px;
    line-height: 1.7;
}
body.mc-wp-wide-template-active .mc-wp-footer-bottom-note { color: #747D88; }
body.mc-wp-wide-template-active .mc-wp-footer-bottom-note i { padding: 0 5px; color: #00A878; font-style: normal; }
body.mc-wp-wide-template-active .mc-wp-footer-top-link { flex: 0 0 auto; color: #A8B0BA !important; text-decoration: none !important; white-space: nowrap; }
body.mc-wp-wide-template-active .mc-wp-footer-top-link span { margin-left: 5px; color: #00EBA1; }
body.mc-wp-wide-template-active .mc-wp-footer-top-link:hover { color: #00EBA1 !important; }

@media (max-width: 1220px) {
    body.mc-wp-wide-template-active .mc-wp-site-header-inner { min-height: 70px; }
    body.mc-wp-wide-template-active .mc-wp-site-menu-toggle { display: inline-flex; }
    body.mc-wp-wide-template-active .mc-wp-site-nav {
        display: none;
        position: absolute;
        top: calc(100% + 1px);
        right: clamp(18px, 3vw, 36px);
        left: clamp(18px, 3vw, 36px);
        z-index: 1001;
        margin: 0;
        padding: 12px;
        border: 1px solid #2A2E36;
        border-radius: 0 0 12px 12px;
        background: rgba(15, 17, 22, .985);
        box-shadow: 0 18px 44px rgba(0, 0, 0, .38);
    }
    body.mc-wp-wide-template-active .mc-wp-site-nav.is-open { display: block; }
    body.mc-wp-wide-template-active .mc-wp-site-nav ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px 9px; }
    body.mc-wp-wide-template-active .mc-wp-site-nav a { display: flex; padding: 11px 10px; white-space: normal; }
    body.mc-wp-wide-template-active .mc-wp-site-footer-inner { gap: 32px; }
}

@media (max-width: 782px) {
    body.admin-bar.mc-wp-wide-template-active .mc-wp-site-header { top: 46px; }
    body.mc-wp-wide-template-active .mc-wp-site-header-inner { padding-right: 18px; padding-left: 18px; }
    body.mc-wp-wide-template-active .mc-wp-site-nav { right: 18px; left: 18px; }
    body.mc-wp-wide-template-active .mc-wp-site-nav ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mc-wp-wide-template-active .mc-wp-site-footer-inner { flex-direction: column; gap: 28px; padding: 34px 20px 28px; }
    body.mc-wp-wide-template-active .mc-wp-footer-nav { width: 100%; }
    body.mc-wp-wide-template-active .mc-wp-footer-nav > div { justify-content: flex-start; }
    body.mc-wp-wide-template-active .mc-wp-site-footer-bottom { align-items: flex-start; flex-direction: column; gap: 7px; padding: 16px 20px 20px; }
}

@media (max-width: 480px) {
    body.mc-wp-wide-template-active .mc-wp-brand-copy strong { font-size: 14px; }
    body.mc-wp-wide-template-active .mc-wp-brand-copy small { font-size: 7px; }
    body.mc-wp-wide-template-active .mc-wp-site-menu-toggle { gap: 8px; padding: 8px 10px; }
    body.mc-wp-wide-template-active .mc-wp-site-nav ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mc-wp-wide-template-active .mc-wp-site-footer-inner { padding-right: 16px; padding-left: 16px; }
    body.mc-wp-wide-template-active .mc-wp-site-footer-bottom { padding-right: 16px; padding-left: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    body.mc-wp-wide-template-active .mc-wp-site-nav a,
    body.mc-wp-wide-template-active .mc-wp-site-nav a::after { transition: none; }
}


/* v1.2.1: the whitepaper must retain the native browser pointer. Some legacy theme
   cursor effects set cursor:none; override them only on this standalone page. */
body.mc-wp-wide-template-active.mc-wp-standalone-page,
body.mc-wp-wide-template-active.mc-wp-standalone-page * {
    cursor: auto !important;
}
body.mc-wp-wide-template-active.mc-wp-standalone-page a,
body.mc-wp-wide-template-active.mc-wp-standalone-page button,
body.mc-wp-wide-template-active.mc-wp-standalone-page [role="button"],
body.mc-wp-wide-template-active.mc-wp-standalone-page summary,
body.mc-wp-wide-template-active.mc-wp-standalone-page label[for] {
    cursor: pointer !important;
}
body.mc-wp-wide-template-active.mc-wp-standalone-page input,
body.mc-wp-wide-template-active.mc-wp-standalone-page textarea,
body.mc-wp-wide-template-active.mc-wp-standalone-page [contenteditable="true"] {
    cursor: text !important;
}

/* v1.2.1: do not allow theme-level sticky/transform rules to freeze the article column.
   The TOC sidebar is the only intentionally sticky content block. */
body.mc-wp-wide-template-active .mc-wp-container .mc-wp-layout {
    align-items: start !important;
    overflow: visible !important;
}
body.mc-wp-wide-template-active .mc-wp-container .mc-wp-content,
body.mc-wp-wide-template-active .mc-wp-container .mc-wp-hero,
body.mc-wp-wide-template-active .mc-wp-container .mc-wp-meta-grid,
body.mc-wp-wide-template-active .mc-wp-container .mc-wp-content section {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    translate: none;
}
body.mc-wp-wide-template-active .mc-wp-container .mc-wp-sidebar {
    position: sticky !important;
    align-self: start !important;
    top: 96px !important;
    max-height: none !important;
    overflow: visible !important;
}
body.admin-bar.mc-wp-wide-template-active .mc-wp-container .mc-wp-sidebar { top: 128px !important; }
@media (max-width: 900px) {
    body.mc-wp-wide-template-active .mc-wp-container .mc-wp-sidebar {
        position: static !important;
        top: auto !important;
    }
}