:root{
    --ed-bg:#f7f7fb;
    --ed-surface:rgba(255,255,255,.86);
    --ed-soft:#eef0f5;
    --ed-line:rgba(45,48,58,.09);

    --ed-text:#1b1c20;
    --ed-muted:#737780;

    --ed-primary:#4054b2;
    --ed-primary-container:#dfe3ff;

    --ed-green:#daf5e1;
    --ed-blue:#e1e8ff;
    --ed-pink:#ffe2ef;
    --ed-gold:#ffefca;
    --ed-red:#ffdfe2;
    --ed-violet:#ece2ff;
    --ed-cyan:#e1f5f4;

    --ed-shadow:
        0 22px 70px rgba(25,29,44,.07);
}


/* =========================================================
   EDITORIAL FAMILY BAR
   ========================================================= */

.ed-family-bar{
    width:min(1320px,calc(100% - 32px));

    margin:18px auto 0;

    min-height:64px;

    padding:8px;

    display:flex;
    align-items:center;
    gap:6px;

    overflow-x:auto;

    border:1px solid var(--ed-line);
    border-radius:28px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.92),
            rgba(236,226,255,.76)
        );

    backdrop-filter:blur(22px);
}

.ed-family-title{
    margin-right:auto;

    padding:0 10px;

    flex:0 0 auto;
}

.ed-family-title strong{
    display:block;

    font-size:10px;
}

.ed-family-title small{
    display:block;

    margin-top:2px;

    color:var(--ed-muted);

    font-size:6px;
    font-weight:900;
    letter-spacing:.1em;
}

.ed-family-bar a{
    min-height:41px;

    padding:0 12px;

    display:flex;
    align-items:center;

    flex:0 0 auto;

    border-radius:18px;

    color:#62666f;

    text-decoration:none;

    font-size:7px;
    font-weight:850;
}

.ed-family-bar a.active{
    background:var(--ed-primary-container);
    color:#17245e;
}


/* =========================================================
   WORKFLOW STRIP
   ========================================================= */

.ed-flow{
    width:min(1320px,calc(100% - 32px));

    margin:10px auto 0;

    display:grid;

    grid-template-columns:
        repeat(6,1fr);

    gap:6px;
}

.ed-flow a{
    min-height:74px;

    padding:11px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    border:1px solid var(--ed-line);
    border-radius:19px;

    color:var(--ed-text);
    text-decoration:none;
}

.ed-flow a:nth-child(1){
    background:var(--ed-gold);
}

.ed-flow a:nth-child(2){
    background:var(--ed-blue);
}

.ed-flow a:nth-child(3){
    background:var(--ed-violet);
}

.ed-flow a:nth-child(4){
    background:var(--ed-green);
}

.ed-flow a:nth-child(5){
    background:var(--ed-pink);
}

.ed-flow a:nth-child(6){
    background:var(--ed-cyan);
}

.ed-flow span{
    font-size:15px;
}

.ed-flow strong{
    font-size:7px;
}


/* =========================================================
   GENERAL PAGE POLISH
   ========================================================= */

body.insightos-v2-page h1{
    font-size:
        clamp(48px,6.5vw,92px) !important;

    line-height:.9 !important;
    letter-spacing:-.07em !important;
}

body.insightos-v2-page
:is(
    .verification-card,
    .editorial-card,
    .article-card,
    .news-card,
    .story-card,
    .distribution-card,
    .impact-card,
    .composer-card,
    .card,
    .panel
){
    border:1px solid var(--ed-line) !important;

    border-radius:26px !important;

    background:var(--ed-surface) !important;

    box-shadow:none !important;

    backdrop-filter:blur(18px);
}

body.insightos-v2-page
:is(
    .verification-card,
    .editorial-card,
    .article-card,
    .news-card
):nth-child(4n+1){
    background:
        linear-gradient(145deg,#fff,var(--ed-blue)) !important;
}

body.insightos-v2-page
:is(
    .verification-card,
    .editorial-card,
    .article-card,
    .news-card
):nth-child(4n+2){
    background:
        linear-gradient(145deg,#fff,var(--ed-green)) !important;
}

body.insightos-v2-page
:is(
    .verification-card,
    .editorial-card,
    .article-card,
    .news-card
):nth-child(4n+3){
    background:
        linear-gradient(145deg,#fff,var(--ed-pink)) !important;
}

body.insightos-v2-page
:is(
    .verification-card,
    .editorial-card,
    .article-card,
    .news-card
):nth-child(4n+4){
    background:
        linear-gradient(145deg,#fff,var(--ed-gold)) !important;
}


/* =========================================================
   COMPOSER / EDITOR
   ========================================================= */

body.insightos-v2-page
:is(
    .editor,
    .composer,
    .compose-area,
    .editor-panel,
    .composer-panel
){
    border:1px solid var(--ed-line) !important;

    border-radius:28px !important;

    background:rgba(255,255,255,.9) !important;
}

body.insightos-v2-page textarea{
    line-height:1.65;
}


/* =========================================================
   VERIFICATION EMPHASIS
   ========================================================= */

.ed-principle{
    width:min(1320px,calc(100% - 32px));

    margin:10px auto 0;

    padding:16px 18px;

    border-radius:22px;

    background:var(--ed-gold);

    color:#66501e;

    font-size:8px;
    line-height:1.65;
}

.ed-principle strong{
    display:block;

    margin-bottom:4px;

    font-size:9px;
}


/* =========================================================
   PAGE IDENTITY
   ========================================================= */

body[data-editorial-page="verification"]
.ed-family-bar{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.92),
            rgba(255,239,202,.80)
        );
}

body[data-editorial-page="composer"]
.ed-family-bar{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.92),
            rgba(236,226,255,.80)
        );
}

body[data-editorial-page="distribution"]
.ed-family-bar{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.92),
            rgba(255,226,239,.78)
        );
}

body[data-editorial-page="impact"]
.ed-family-bar{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.92),
            rgba(225,245,244,.80)
        );
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:1050px){

    .ed-flow{
        grid-template-columns:
            repeat(3,1fr);
    }
}

@media(max-width:760px){

    .ed-family-bar,
    .ed-flow,
    .ed-principle{
        width:calc(100% - 18px);
    }

    .ed-family-title{
        display:none;
    }

    .ed-flow{
        grid-template-columns:
            repeat(2,1fr);
    }
}

@media(max-width:480px){

    .ed-flow{
        grid-template-columns:1fr;
    }
}