/* ==========================================================
   QINELLE ARTICLE 2.1 — INFO LAYER V1
   ========================================================== */

body.single-post.qinelle-article2-sample-v1 .qinelle-info-module{
  box-sizing:border-box;
  width:min(100%,920px);
  max-width:920px;
  margin:28px auto 44px;
  font-family:inherit;
  color:#30292c;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-module *{
  box-sizing:border-box;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 7px;
  color:#8f5f6b;
  font-size:11px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.09em;
  text-transform:uppercase;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-eyebrow::before{
  content:"";
  width:18px;
  height:2px;
  border-radius:99px;
  background:#c9959c;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-title{
  margin:0 0 18px;
  padding:0;
  border:0;
  font-family:inherit;
  font-size:22px;
  font-weight:650;
  line-height:1.28;
  letter-spacing:-.012em;
  text-transform:none;
}


/* Decision path */

body.single-post.qinelle-article2-sample-v1 .qinelle-info-path{
  padding:22px 22px 18px;
  border:1px solid rgba(160,110,123,.18);
  border-radius:16px;
  background:linear-gradient(135deg,#fffafa 0%,#fff 72%);
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-path__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-path__step{
  min-width:0;
  padding:16px 15px;
  border:1px solid rgba(80,60,68,.10);
  border-radius:12px;
  background:#fff;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-path__num{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  margin:0 0 10px;
  border:1px solid rgba(169,106,122,.22);
  border-radius:50%;
  background:#fff5f7;
  color:#8d5966;
  font-size:11px;
  font-weight:700;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-path__step strong{
  display:block;
  margin:0 0 5px;
  font-size:15px;
  font-weight:650;
  line-height:1.3;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-path__step span:last-child{
  display:block;
  color:#665c60;
  font-size:13px;
  line-height:1.48;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-path__note{
  margin:15px 0 0;
  padding:13px 14px;
  border-left:2px solid #c9959c;
  background:rgba(252,244,246,.68);
  color:#62575b;
  font-size:13px;
  line-height:1.55;
}


/* Comparison lens */

body.single-post.qinelle-article2-sample-v1 .qinelle-info-lens{
  width:min(100%,1000px);
  max-width:1000px;
  margin-top:18px;
  margin-bottom:22px;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-lens__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-lens__item{
  min-width:0;
  padding:16px 14px;
  border:1px solid rgba(80,60,68,.11);
  border-radius:12px;
  background:#fff;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-lens__icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  margin:0 0 9px;
  border-radius:9px;
  background:#fff3f5;
  color:#98616e;
  font-size:11px;
  font-weight:700;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-lens__item strong{
  display:block;
  margin:0 0 4px;
  font-size:14px;
  font-weight:650;
  line-height:1.3;
}

body.single-post.qinelle-article2-sample-v1 .qinelle-info-lens__item span:last-child{
  display:block;
  color:#6a6064;
  font-size:12.5px;
  line-height:1.45;
}


/* Existing 5 fit checks */

body.single-post.qinelle-article2-sample-v1
.qinelle-blog-v3 > ol.qinelle-steps{
  counter-reset:qinelle-fit-check;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  width:min(100%,920px)!important;
  max-width:920px!important;
  margin:22px auto 46px!important;
  padding:0!important;
  list-style:none!important;
}

body.single-post.qinelle-article2-sample-v1
.qinelle-steps > li{
  counter-increment:qinelle-fit-check;
  position:relative;
  min-width:0;
  margin:0!important;
  padding:18px 18px 18px 62px!important;
  border:1px solid rgba(80,60,68,.11);
  border-radius:13px;
  background:#fff;
  color:#5c5357;
  font-size:15px;
  line-height:1.58;
}

body.single-post.qinelle-article2-sample-v1
.qinelle-steps > li::before{
  content:counter(qinelle-fit-check,decimal-leading-zero);
  position:absolute;
  top:18px;
  left:17px;
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border:1px solid rgba(169,106,122,.22);
  border-radius:50%;
  background:#fff4f6;
  color:#915d69;
  font-size:10px;
  font-weight:700;
}

body.single-post.qinelle-article2-sample-v1
.qinelle-steps > li strong{
  color:#30292c;
  font-weight:650;
}

body.single-post.qinelle-article2-sample-v1
.qinelle-steps > li:last-child:nth-child(odd){
  grid-column:1/-1;
}


/* Mobile */

@media(max-width:767px){

  body.single-post.qinelle-article2-sample-v1 .qinelle-info-module{
    width:100%;
    max-width:100%;
    margin:24px auto 34px;
  }

  body.single-post.qinelle-article2-sample-v1 .qinelle-info-title{
    font-size:20px;
  }

  body.single-post.qinelle-article2-sample-v1 .qinelle-info-path{
    padding:18px 15px 15px;
    border-radius:14px;
  }

  body.single-post.qinelle-article2-sample-v1 .qinelle-info-path__grid{
    grid-template-columns:minmax(0,1fr);
    gap:9px;
  }

  body.single-post.qinelle-article2-sample-v1 .qinelle-info-path__step{
    display:grid;
    grid-template-columns:35px minmax(0,1fr);
    column-gap:10px;
    padding:13px;
  }

  body.single-post.qinelle-article2-sample-v1 .qinelle-info-path__num{
    grid-column:1;
    grid-row:1/span 2;
    margin:0;
  }

  body.single-post.qinelle-article2-sample-v1 .qinelle-info-path__step strong,
  body.single-post.qinelle-article2-sample-v1 .qinelle-info-path__step span:last-child{
    grid-column:2;
  }

  body.single-post.qinelle-article2-sample-v1 .qinelle-info-lens__grid{
    grid-template-columns:minmax(0,1fr);
    gap:8px;
  }

  body.single-post.qinelle-article2-sample-v1 .qinelle-info-lens__item{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    column-gap:10px;
    padding:12px 13px;
  }

  body.single-post.qinelle-article2-sample-v1 .qinelle-info-lens__icon{
    grid-column:1;
    grid-row:1/span 2;
    margin:0;
    align-self:center;
  }

  body.single-post.qinelle-article2-sample-v1 .qinelle-info-lens__item strong,
  body.single-post.qinelle-article2-sample-v1 .qinelle-info-lens__item span:last-child{
    grid-column:2;
  }

  body.single-post.qinelle-article2-sample-v1
  .qinelle-blog-v3 > ol.qinelle-steps{
    grid-template-columns:minmax(0,1fr);
    gap:9px;
    margin-bottom:38px!important;
  }

  body.single-post.qinelle-article2-sample-v1
  .qinelle-steps > li,
  body.single-post.qinelle-article2-sample-v1
  .qinelle-steps > li:last-child:nth-child(odd){
    grid-column:auto;
    padding:15px 15px 15px 57px!important;
    font-size:14.5px;
  }

  body.single-post.qinelle-article2-sample-v1
  .qinelle-steps > li::before{
    top:15px;
    left:15px;
    width:29px;
    height:29px;
  }
}

/* QINELLE_ARTICLE2_INFO_V1_FINAL_END */


/* ==========================================================
   QINELLE ARTICLE 2.1 — V1.1 LIGHTWEIGHT POLISH
   ========================================================== */


/* ==========================================================
   DECISION PATH
   Remove card-inside-card feeling.
   ========================================================== */

body.single-post.qinelle-article2-sample-v1
.qinelle-info-path {

    padding:
        22px 24px 20px;

    background:
        #fff!important;

    box-shadow:
        none!important;
}


body.single-post.qinelle-article2-sample-v1
.qinelle-info-path__grid {

    position:
        relative;

    gap:
        20px;
}


body.single-post.qinelle-article2-sample-v1
.qinelle-info-path__grid::before {

    content:
        "";

    position:
        absolute;

    top:
        14px;

    left:
        6%;

    right:
        6%;

    height:
        1px;

    background:
        rgba(169,106,122,.25);
}


body.single-post.qinelle-article2-sample-v1
.qinelle-info-path__step {

    position:
        relative;

    z-index:
        1;

    padding:
        0 6px!important;

    border:
        0!important;

    border-radius:
        0!important;

    background:
        transparent!important;

    box-shadow:
        none!important;
}


body.single-post.qinelle-article2-sample-v1
.qinelle-info-path__num {

    position:
        relative;

    z-index:
        2;

    width:
        30px;

    height:
        30px;

    margin-bottom:
        12px;

    background:
        #fff6f8;

    box-shadow:
        0 0 0 5px #fff;
}


body.single-post.qinelle-article2-sample-v1
.qinelle-info-path__note {

    margin-top:
        20px;

    padding:
        11px 13px;

    background:
        #fff9fa;
}


/* ==========================================================
   QUICK COMPARISON LENS
   One scanning strip instead of five cards.
   ========================================================== */

body.single-post.qinelle-article2-sample-v1
.qinelle-info-lens {

    padding:
        0!important;
}


body.single-post.qinelle-article2-sample-v1
.qinelle-info-lens__grid {

    display:
        flex!important;

    flex-wrap:
        wrap;

    gap:
        0!important;

    padding:
        13px 16px;

    border-top:
        1px solid rgba(80,60,68,.12);

    border-bottom:
        1px solid rgba(80,60,68,.12);
}


body.single-post.qinelle-article2-sample-v1
.qinelle-info-lens__item {

    position:
        relative;

    flex:
        1 1 20%;

    min-width:
        120px;

    padding:
        4px 18px!important;

    border:
        0!important;

    border-radius:
        0!important;

    background:
        transparent!important;
}


body.single-post.qinelle-article2-sample-v1
.qinelle-info-lens__item:not(:last-child)::after {

    content:
        "";

    position:
        absolute;

    top:
        15%;

    right:
        0;

    width:
        1px;

    height:
        70%;

    background:
        rgba(80,60,68,.11);
}


body.single-post.qinelle-article2-sample-v1
.qinelle-info-lens__icon {

    display:
        none!important;
}


body.single-post.qinelle-article2-sample-v1
.qinelle-info-lens__item strong {

    margin:
        0 0 2px!important;

    font-size:
        14px!important;
}


body.single-post.qinelle-article2-sample-v1
.qinelle-info-lens__item span:last-child {

    font-size:
        12px!important;

    line-height:
        1.4!important;
}


/* ==========================================================
   FIVE FIT CHECKS
   Keep decision utility; remove heavy card wall.
   ========================================================== */

body.single-post.qinelle-article2-sample-v1
.qinelle-blog-v3 > ol.qinelle-steps {

    gap:
        0!important;

    border-top:
        1px solid rgba(80,60,68,.12);
}


body.single-post.qinelle-article2-sample-v1
.qinelle-steps > li {

    min-height:
        118px;

    padding:
        20px 20px 20px 62px!important;

    border:
        0!important;

    border-bottom:
        1px solid rgba(80,60,68,.12)!important;

    border-radius:
        0!important;

    background:
        transparent!important;

    box-shadow:
        none!important;
}


body.single-post.qinelle-article2-sample-v1
.qinelle-steps > li:nth-child(odd) {

    border-right:
        1px solid rgba(80,60,68,.10)!important;
}


body.single-post.qinelle-article2-sample-v1
.qinelle-steps > li:last-child {

    min-height:
        auto;
}


body.single-post.qinelle-article2-sample-v1
.qinelle-steps > li::before {

    background:
        #fff7f8;

    box-shadow:
        none;
}


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

@media (max-width:767px) {


    /* ------------------------------------------
       Decision Path = true vertical timeline
       ------------------------------------------ */

    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-path {

        padding:
            18px 16px!important;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-path__grid {

        display:
            block!important;

        position:
            relative;

        padding-left:
            0;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-path__grid::before {

        top:
            15px;

        bottom:
            15px;

        left:
            15px;

        right:
            auto;

        width:
            1px;

        height:
            auto;

        background:
            rgba(169,106,122,.24);
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-path__step {

        display:
            grid!important;

        grid-template-columns:
            32px minmax(0,1fr)!important;

        column-gap:
            13px!important;

        padding:
            0 0 20px!important;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-path__step:last-child {

        padding-bottom:
            0!important;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-path__num {

        grid-column:
            1!important;

        grid-row:
            1 / span 2!important;

        width:
            30px;

        height:
            30px;

        margin:
            0!important;

        align-self:
            start;

        box-shadow:
            0 0 0 4px #fff;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-path__step strong {

        grid-column:
            2!important;

        margin:
            1px 0 4px!important;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-path__step span:last-child {

        grid-column:
            2!important;
    }


    /* ------------------------------------------
       Lens = one lightweight scan line
       ------------------------------------------ */

    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-lens {

        margin-bottom:
            18px!important;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-lens__grid {

        display:
            flex!important;

        flex-wrap:
            wrap!important;

        gap:
            0!important;

        padding:
            11px 0!important;

        border-top:
            1px solid rgba(80,60,68,.13);

        border-bottom:
            1px solid rgba(80,60,68,.13);
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-lens__item {

        flex:
            0 0 auto!important;

        min-width:
            0!important;

        display:
            inline-flex!important;

        padding:
            4px 0!important;

        border:
            0!important;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-lens__item:not(:last-child)::after {

        content:
            "·";

        position:
            static!important;

        display:
            inline-block;

        width:
            auto!important;

        height:
            auto!important;

        margin:
            0 8px;

        background:
            none!important;

        color:
            #b38690;

        font-weight:
            700;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-lens__item strong {

        display:
            inline!important;

        margin:
            0!important;

        font-size:
            13.5px!important;

        font-weight:
            650!important;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-info-lens__item span:last-child {

        display:
            none!important;
    }


    /* ------------------------------------------
       Five checks = checklist, not cards
       ------------------------------------------ */

    body.single-post.qinelle-article2-sample-v1
    .qinelle-blog-v3 > ol.qinelle-steps {

        border-top:
            1px solid rgba(80,60,68,.13)!important;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-steps > li,

    body.single-post.qinelle-article2-sample-v1
    .qinelle-steps > li:last-child:nth-child(odd) {

        min-height:
            0!important;

        padding:
            17px 8px 17px 50px!important;

        border:
            0!important;

        border-bottom:
            1px solid rgba(80,60,68,.12)!important;

        border-radius:
            0!important;

        background:
            transparent!important;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-steps > li:nth-child(odd) {

        border-right:
            0!important;
    }


    body.single-post.qinelle-article2-sample-v1
    .qinelle-steps > li::before {

        top:
            18px;

        left:
            7px;

        width:
            29px;

        height:
            29px;
    }

}


/* QINELLE_ARTICLE2_INFO_V1_1_LIGHTWEIGHT_END */