/* DEA TJ35: scoped mobile article navigation visual QA candidate.
   Applies only to four audited posts. Original article content, anchors, and
   desktop sidebar remain unchanged. Preview and review before theme publish. */
@media (max-width: 1024px) {
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob {
    box-sizing: border-box;
    width: calc(100% - 30px);
    max-width: 100%;
    min-width: 0;
    margin: 14px 0 30px;
    padding: 17px 15px 15px;
    background: #F5F7F9;
    border: 1px solid #E5E6E9;
    border-left: 4px solid #FEB50D;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(0, 28, 41, .05);
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob::before {
    content: "IN THIS ARTICLE";
    display: block;
    padding: 0 3px 11px;
    margin: 0 0 9px;
    border-bottom: 1px solid #E5E6E9;
    color: #001C29;
    font-family: Inter-Bold, Inter, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.5;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .annotation {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 4px 0 0;
    max-height: clamp(200px, 34vh, 310px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #C4C8CE transparent;
    scrollbar-width: thin;
    counter-reset: deaArticleToc;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .annotation__link {
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    margin: 0;
    padding: 10px 7px;
    border-bottom: 1px solid #E5E6E9;
    border-radius: 0;
    color: #3A3D46;
    font-family: Inter-Regular, Inter, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    overflow-wrap: anywhere;
    counter-increment: deaArticleToc;
    transition: background-color .15s ease, color .15s ease;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .annotation__link::before {
    content: counter(deaArticleToc, decimal-leading-zero);
    flex: 0 0 24px;
    color: #6878E1;
    font-family: Inter-Bold, Inter, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.75;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .annotation__link:last-child {
    border-bottom: 0;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .annotation__link.dea-toc-subsection {
    padding-left: 17px;
    font-size: 13px;
    counter-increment: none;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .annotation__link.dea-toc-subsection::before {
    content: "↳";
    color: #6878E1;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob.dea-toc-collapsible:not(.dea-toc-expanded) .annotation__link.dea-toc-subsection {
    display: none;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .annotation__link:hover,
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .annotation__link:focus-visible,
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .annotation__link.selected {
    color: #001C29;
    background: #FFF6E1;
    border-radius: 8px;
    text-decoration: none;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .annotation__link.selected {
    font-weight: 700;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .annotation__link:focus-visible,
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .dea-toc-toggle:focus-visible {
    outline: 2px solid #6878E1;
    outline-offset: 2px;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .dea-toc-toggle {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 12px 0 0;
    padding: 11px 12px;
    background: #FFFFFF;
    border: 1px solid #D8DCE2;
    border-radius: 8px;
    color: #001C29;
    font-family: Inter-Bold, Inter, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .dea-toc-toggle:hover {
    background: #FFF6E1;
  }
}
@media (max-width: 575px) {
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob {
    padding: 16px 12px 13px;
  }
  body.single-post:is(.postid-3625, .postid-6579, .postid-9445, .postid-10400) .post__aside-mob .annotation__link {
    gap: 8px;
    font-size: 13px;
    padding: 9px 5px;
  }
}