body.storyPage{
      background:#f6f6f7;
    }

    .storyPage .wrap{
      max-width:1180px;
      margin:0 auto;
      padding:24px 16px 40px;
    }


    .storyPageShell{
      display:grid;
      grid-template-columns:minmax(0, 1fr) 330px;
      gap:18px;
      align-items:start;
    }

    .storyPageMain{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:18px;
    }

    .storyPageSideStack{
      position:sticky;
      top:96px;
      display:flex;
      flex-direction:column;
      gap:18px;
    }

    .storyPageSideCard{
      background:#fff;
      border:1px solid rgba(0,0,0,.08);
      border-radius:24px;
      overflow:hidden;
      box-shadow:0 10px 24px rgba(17,17,17,.04);
    }

    .storyPageSideHead{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:16px 16px 12px;
      border-bottom:1px solid rgba(0,0,0,.06);
      background:#fcfcfc;
    }

    .storyPageSideTitle{
      font-size:15px;
      font-weight:1000;
      color:var(--text, #111);
    }

    .storyPageSideBody{
      padding:14px;
    }

    .storyPageMiniList{
      display:flex;
      flex-direction:column;
      gap:10px;
    }

    .storyPageMiniStory{
      display:flex;
      flex-direction:column;
      min-height:208px;
      text-decoration:none;
      color:inherit;
      border:1px solid rgba(0,0,0,.08);
      border-radius:18px;
      background:#fff;
      padding:14px;
      overflow:hidden;
      transition:border-color .18s ease, background .18s ease, transform .18s ease;
    }

    .storyPageMiniStory:hover{
      border-color:rgba(255,106,0,.26);
      background:#fffaf6;
      transform:translateY(-1px);
    }

    .storyPageMiniStory .badge{
      margin-bottom:10px;
    }

    .storyPageMiniTitle{
      font-size:15px;
      line-height:1.35;
      font-weight:1000;
      color:var(--text, #111);
      margin:0 0 8px;
    }

    .storyPageMiniExcerpt{
      color:var(--muted, #6b7280);
      font-size:13px;
      font-weight:900;
      line-height:1.55;
      margin:0 0 10px;
      overflow:hidden;
      display:-webkit-box;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:3;
      line-clamp:3;
      min-height:3.95em;
      word-break:break-word;
    }

    .storyPageMiniMeta{
      margin-top:auto;
      color:var(--muted, #6b7280);
      font-size:12px;
      font-weight:900;
    }

    .storyPageCityRow{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      width:100%;
      border:1px solid rgba(0,0,0,.08);
      border-radius:16px;
      background:#fff;
      padding:12px 14px;
      color:inherit;
      cursor:pointer;
      transition:border-color .18s ease, background .18s ease, transform .18s ease;
    }

    .storyPageCityRow:hover{
      border-color:rgba(255,106,0,.26);
      background:#fffaf6;
      transform:translateY(-1px);
    }

    .storyPageCityName{
      font-size:14px;
      font-weight:1000;
      color:var(--text, #111);
    }

    .storyPageCityMeta{
      color:var(--muted, #6b7280);
      font-size:12px;
      font-weight:900;
      margin-top:4px;
    }

    .storyPageCityCount{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:38px;
      padding:8px 10px;
      border-radius:999px;
      background:#fff3eb;
      border:1px solid #ffd7bf;
      color:#ff6a00;
      font-size:12px;
      font-weight:1000;
      white-space:nowrap;
    }


    .storyPageLayout{
      display:flex;
      flex-direction:column;
      gap:18px;
    }

    .storyPageCard,
    .storyPageCommentCard,
    .storyPageAd{
      background:#fff;
      border:1px solid rgba(0,0,0,.08);
      border-radius:24px;
      overflow:hidden;
    }

    .storyPageAd{
      padding:14px 16px;
      background:linear-gradient(180deg,#fffaf6 0%, #fff 100%);
      border-style:dashed;
      border-color:rgba(255,106,0,.28);
    }

    .storyPageAdLabel{
      display:inline-flex;
      align-items:center;
      padding:6px 10px;
      border-radius:999px;
      background:#fff3eb;
      color:#ff6a00;
      border:1px solid #ffd7bf;
      font-size:11px;
      font-weight:1000;
      margin-bottom:8px;
    }

    .storyPageAdBody{
      min-height:72px;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      color:var(--muted, #6b7280);
      font-size:13px;
      font-weight:900;
    }

    .storyPageCard{
      padding:22px 22px 20px;
    }

    .storyPageTop{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
    }

    .storyPageEyebrow{
      display:inline-flex;
      align-items:center;
      padding:6px 10px;
      border-radius:999px;
      border:1px solid #ffd7bf;
      background:#fff3eb;
      color:#ff6a00;
      font-size:12px;
      font-weight:1000;
      margin-bottom:10px;
    }

    .storyPageTitle{
      margin:0;
      font-size:40px;
      line-height:1.04;
      letter-spacing:-.03em;
      font-weight:1000;
      color:var(--text, #111);
    }

    .storyPageMeta{
      margin-top:10px;
      color:var(--muted, #6b7280);
      font-size:13px;
      font-weight:900;
    }

    .storyPageContent{
      margin-top:20px;
      padding-top:20px;
      border-top:1px solid rgba(0,0,0,.08);
      color:var(--text, #111);
      font-size:17px;
      line-height:1.9;
      white-space:pre-wrap;
      word-break:break-word;
    }

    .storyPageInlineAd{
      margin-top:18px;
    }

    .storyPageActionWrap{
      margin-top:18px;
      padding-top:16px;
      border-top:1px solid rgba(0,0,0,.08);
      display:flex;
      flex-direction:column;
      gap:12px;
    }

    .storyPageUtilityBar{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }

    .storyPageUtilityBar .btn,
    .storyPageUtilityBar .btnSolid{
      min-height:42px;
    }

    .storyPageCommentCard{
      padding:18px;
    }

    .storyCommentSection--page{
      display:flex;
      flex-direction:column;
      gap:12px;
    }

    .storyCommentSectionHead{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
    }

    .storyCommentTitle{
      font-size:26px;
      line-height:1.08;
      font-weight:1000;
      color:var(--text, #111);
    }

    .storyCommentHint{
      margin-top:6px;
      color:var(--muted, #6b7280);
      font-size:13px;
      font-weight:900;
    }

    .storyCommentComposer{
      display:flex;
      flex-direction:column;
      gap:10px;
      padding:12px;
      border:1px solid rgba(0,0,0,.08);
      border-radius:18px;
      background:#fcfcfc;
    }

    .storyCommentComposer .input{
      min-height:42px;
    }

    .storyCommentComposer .textarea{
      min-height:96px;
      max-height:170px;
      resize:vertical;
    }

    .storyCommentComposerActions{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }

    .storyPageCommentList{
      display:flex;
      flex-direction:column;
      gap:12px;
    }

    .storyPageCommentList .commentItem{
      position:relative;
      border:1px solid rgba(0,0,0,.08);
      border-radius:18px;
      background:#fff;
      padding:14px 14px 14px 16px;
      overflow:hidden;
    }

    .storyPageCommentList .commentItem::before{
      content:"";
      position:absolute;
      left:0;
      top:12px;
      bottom:12px;
      width:4px;
      border-radius:999px;
      background:#ff6a00;
      opacity:.18;
    }

    .storyPageCommentList .commentPending{
      background:#fff8f3;
      border-style:dashed;
    }

    .storyPageCommentList .commentHead{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
      margin-bottom:8px;
    }

    .storyPageCommentList .commentAuthorLine strong{
      font-size:15px;
      font-weight:1000;
      color:var(--text, #111);
    }

    .storyPageCommentList .commentBody{
      font-size:16px;
      line-height:1.72;
      color:var(--text, #111);
      white-space:pre-wrap;
      word-break:break-word;
    }

    .storyPageBottomAd{
      margin-top:2px;
    }

    @media (max-width: 1024px){
      .storyPageShell{
        grid-template-columns:1fr;
      }

      .storyPageSideStack{
        position:static;
        top:auto;
      }
    }

    @media (max-width: 760px){
      .storyPage .topbar{
        flex-direction:column;
        align-items:flex-start;
      }

      .storyPage .topActions{
        width:100%;
      }

      .storyPage .topActions .btn,
      .storyPage .topActions .btnSolid,
      .storyPageUtilityBar .btn,
      .storyPageUtilityBar .btnSolid{
        flex:1 1 auto;
      }

      .storyPageCard,
      .storyPageCommentCard{
        padding:16px 14px;
      }

      .storyPageTitle{
        font-size:30px;
      }

      .storyPageContent{
        font-size:16px;
      }

      .storyCommentTitle{
        font-size:22px;
      }

      .storyCommentComposerActions{
        align-items:stretch;
      }

      .storyCommentComposerActions > div:last-child{
        width:100%;
        justify-content:space-between;
      }
    }

    /* ===== STORY RIGHT SIDEBAR FINAL OVERRIDE ===== */
    body.storyPage .storyPageShell{
      align-items:start !important;
    }

    body.storyPage .storyPageSideStack{
      position:sticky !important;
      top:96px !important;
      align-self:start !important;
      display:flex !important;
      flex-direction:column !important;
      gap:18px !important;
      max-height:none !important;
      height:auto !important;
      overflow:visible !important;
      overflow-y:visible !important;
      overflow-x:visible !important;
      padding-right:0 !important;
    }

    body.storyPage .storyPageSideStack > .storyPageSideCard{
      position:relative !important;
      top:auto !important;
      left:auto !important;
      right:auto !important;
      bottom:auto !important;
      transform:none !important;
      z-index:auto !important;
      flex:0 0 auto !important;
      align-self:stretch !important;
      margin:0 !important;
      max-height:none !important;
      height:auto !important;
      overflow:visible !important;
      overflow-y:visible !important;
      overflow-x:visible !important;
      padding-right:0 !important;
    }

    body.storyPage .storyPageSideBody,
    body.storyPage #storyTopReadStories,
    body.storyPage #storyTopWrittenCities{
      max-height:none !important;
      height:auto !important;
      overflow:visible !important;
      overflow-y:visible !important;
      overflow-x:visible !important;
      padding-right:0 !important;
    }

    body.storyPage #storyTopReadStories,
    body.storyPage #storyTopWrittenCities{
      display:flex !important;
      flex-direction:column !important;
      gap:10px !important;
    }

    @media (max-width: 1024px){
      body.storyPage .storyPageSideStack{
        position:static !important;
        top:auto !important;
      }
    }
    /* ===== STORY FONT UNIFICATION ===== */
    body.storyPage{
      font-family: var(--font-ui, "IBM Plex Sans", "Segoe UI", Arial, Helvetica, sans-serif) !important;
    }

    .storyPageEyebrow,
    .storyPageMeta,
    .storyPageUtilityBar .btn,
    .storyPageUtilityBar .btnSolid,
    .storyPageAdLabel,
    .storyPageSideTitle,
    .storyPageCityName,
    .storyPageCityCount,
    .storyCommentHint,
    .storyPageMiniMeta,
    .storyPageCityMeta{
      font-family: var(--font-ui, "IBM Plex Sans", "Segoe UI", Arial, Helvetica, sans-serif) !important;
      font-weight:500 !important;
      letter-spacing:-0.01em !important;
      color:#667085 !important;
    }

    .storyPageTitle,
    .storyPageMiniTitle,
    .storyCommentTitle,
    .storyPageCommentList .commentAuthorLine strong{
      font-family: var(--font-ui, "IBM Plex Sans", "Segoe UI", Arial, Helvetica, sans-serif) !important;
      font-weight:700 !important;
      letter-spacing:-0.025em !important;
      color:#171717 !important;
    }

    .storyPageTitle{
      font-size:34px !important;
      line-height:1.08 !important;
    }

    .storyPageMiniTitle{
      font-size:17px !important;
      line-height:1.3 !important;
      margin-bottom:8px !important;
    }

    .storyPageContent,
    .storyPageMiniExcerpt,
    .storyPageCommentList .commentBody{
      font-family: var(--font-ui, "IBM Plex Sans", "Segoe UI", Arial, Helvetica, sans-serif) !important;
      font-weight:500 !important;
      letter-spacing:0 !important;
      color:#374151 !important;
    }

    .storyPageContent{
      font-size:18px !important;
      line-height:1.82 !important;
      max-width:72ch;
    }

    .storyPageMiniExcerpt{
      font-size:14px !important;
      line-height:1.62 !important;
    }

    .storyPageCommentList .commentBody{
      font-size:16px !important;
      line-height:1.72 !important;
    }

    .storyCommentComposer .input,
    .storyCommentComposer .textarea{
      font-family: var(--font-ui, "IBM Plex Sans", "Segoe UI", Arial, Helvetica, sans-serif) !important;
      font-weight:500 !important;
    }


    /* ===== STORY SIDEBAR + BUTTON SOFTENING ===== */
    .storyPageSideTitle{
      font-weight: 600 !important;
      letter-spacing: -0.016em !important;
    }

    .storyPageMiniTitle{
      font-weight: 600 !important;
      letter-spacing: -0.018em !important;
    }

    .storyPageMiniExcerpt{
      font-weight: 450 !important;
      color:#4b5563 !important;
      line-height: 1.64 !important;
    }

    .storyPageMeta,
    .storyPageMiniMeta,
    .storyPageCityMeta{
      font-weight: 450 !important;
      color:#6b7280 !important;
    }

    .storyPageUtilityBar .btn,
    .storyPageUtilityBar .btnSolid{
      font-weight: 550 !important;
      letter-spacing: -0.008em !important;
    }


    /* ===== FINAL MICRO POLISH ===== */
    .storyCommentTitle{
      font-weight: 600 !important;
      letter-spacing: -0.02em !important;
    }

    .storyPageUtilityBar .btn,
    .storyPageUtilityBar .btnSolid,
    #btnSubmitStoryComment{
      font-weight: 500 !important;
      letter-spacing: -0.006em !important;
    }

    .storyPageEyebrow,
    .storyPageAdLabel{
      font-weight: 500 !important;
      letter-spacing: -0.006em !important;
    }

    .storyPageSideTitle,
    .storyPageMiniTitle{
      font-weight: 600 !important;
      letter-spacing: -0.018em !important;
    }

    .storyPageMiniExcerpt{
      font-weight: 400 !important;
      color:#55606f !important;
      line-height: 1.66 !important;
    }

    .storyPageMeta,
    .storyPageMiniMeta,
    .storyPageCityMeta{
      font-weight: 500 !important;
      color:#70798a !important;
    }


    /* ===== STORY FINAL TONE CLEANUP ===== */
    .storyPageMiniExcerpt{
      font-weight: 400 !important;
      color:#616b79 !important;
      line-height: 1.68 !important;
    }

    #btnSubmitStoryComment,
    .storyCommentComposerActions .btnSolid{
      font-weight: 500 !important;
      letter-spacing: -0.004em !important;
    }

    .storyCommentSectionHead > *:last-child{
      display:none !important;
    }

  
    /* ===== AŞAMA 32 — Kısa hikâyede story kolon daralması düzeltmesi ===== */
    body.storyPage .storyPageLayout{
      width:100% !important;
      max-width:none !important;
      align-items:stretch !important;
    }

    body.storyPage .storyPageShell{
      width:100% !important;
      max-width:100% !important;
      justify-self:stretch !important;
      align-self:stretch !important;
    }

    body.storyPage .storyPageMain{
      width:100% !important;
      min-width:0 !important;
    }

    body.storyPage .storyPageCard,
    body.storyPage .storyPageCommentCard,
    body.storyPage .storyPageBottomAd{
      width:100% !important;
      box-sizing:border-box !important;
    }

    body.storyPage .storyCommentSectionHead,
    body.storyPage .storyCommentSectionHead > *,
    body.storyPage .storyCommentTitle,
    body.storyPage #storyCommentsTitle,
    body.storyPage .storyCommentHint{
      display:block !important;
      visibility:visible !important;
      opacity:1 !important;
    }


    /* ===== STORY MOBILE POLISH V1 — Detay/yorum akışı ===== */
    @media (max-width: 760px){
      body.storyPage .wrap{
        padding:18px 10px 32px !important;
      }

      body.storyPage .storyPageLayout,
      body.storyPage .storyPageMain{
        gap:12px !important;
      }

      body.storyPage .topbar{
        gap:9px !important;
        padding:12px !important;
      }

      body.storyPage .topActions{
        width:100% !important;
        gap:8px !important;
      }

      body.storyPage .topActions .btn,
      body.storyPage .topActions .btnSolid{
        min-height:38px !important;
        padding:8px 10px !important;
        border-radius:12px !important;
      }

      body.storyPage .searchbar{
        min-height:38px !important;
        border-radius:14px !important;
      }

      body.storyPage .storyPageCard,
      body.storyPage .storyPageCommentCard,
      body.storyPage .storyPageAd,
      body.storyPage .storyPageSideCard{
        border-radius:18px !important;
      }

      body.storyPage .storyPageCard{
        padding:16px 12px !important;
      }

      body.storyPage .storyPageEyebrow{
        padding:5px 9px !important;
        margin-bottom:10px !important;
        font-size:11px !important;
      }

      body.storyPage .storyPageTitle{
        font-size:26px !important;
        line-height:1.13 !important;
      }

      body.storyPage .storyPageMeta{
        margin-top:8px !important;
        font-size:12px !important;
      }

      body.storyPage .storyPageContent{
        margin-top:16px !important;
        padding-top:16px !important;
        font-size:16px !important;
        line-height:1.75 !important;
      }

      body.storyPage .storyPageActionWrap{
        margin-top:14px !important;
        padding-top:14px !important;
        gap:10px !important;
      }

      body.storyPage .storyPageUtilityBar{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
        gap:8px !important;
        align-items:stretch !important;
      }

      body.storyPage .storyPageUtilityBar > .btn,
      body.storyPage .storyPageUtilityBar > .btnSolid,
      body.storyPage .storyPageUtilityBar .storyShareWrap{
        width:100% !important;
        min-width:0 !important;
      }

      body.storyPage .storyPageUtilityBar .storyShareWrap{
        display:block !important;
      }

      body.storyPage #btnCopyLink,
      body.storyPage #btnShare,
      body.storyPage #btnReportStory{
        width:100% !important;
        min-height:38px !important;
        padding:8px 10px !important;
        border-radius:11px !important;
        font-size:13px !important;
      }

      body.storyPage #btnReportStory{
        grid-column:1 / -1 !important;
      }

      body.storyPage .storyShareMenu{
        left:0 !important;
        right:auto !important;
        width:min(280px, calc(100vw - 36px)) !important;
      }

      body.storyPage .storyPageInlineAd{
        margin-top:16px !important;
      }

      body.storyPage .storyPageAd{
        padding:12px !important;
      }

      body.storyPage .storyPageAdBody{
        min-height:64px !important;
        font-size:12px !important;
      }

      body.storyPage .storyPageCommentCard{
        padding:16px 12px !important;
      }

      body.storyPage .storyCommentTitle{
        font-size:21px !important;
      }

      body.storyPage .storyCommentHint{
        margin-bottom:10px !important;
        font-size:13px !important;
        line-height:1.45 !important;
      }

      body.storyPage .storyCommentComposer{
        padding:10px !important;
        border-radius:16px !important;
        gap:9px !important;
      }

      body.storyPage .storyCommentComposer .input{
        min-height:40px !important;
      }

      body.storyPage .storyCommentComposer .textarea{
        min-height:82px !important;
        max-height:150px !important;
      }

      body.storyPage .storyCommentComposerActions{
        display:grid !important;
        grid-template-columns:1fr !important;
        align-items:stretch !important;
        gap:8px !important;
      }

      body.storyPage .storyCommentComposerActions > div:last-child{
        width:100% !important;
        display:grid !important;
        grid-template-columns:auto minmax(0,1fr) !important;
        gap:8px !important;
        align-items:center !important;
      }

      body.storyPage #storyCommentCount{
        white-space:nowrap !important;
        font-size:12px !important;
      }

      body.storyPage #btnSubmitStoryComment{
        width:100% !important;
        min-height:38px !important;
        padding:8px 10px !important;
        border-radius:11px !important;
        font-size:12px !important;
      }

      body.storyPage .storyThreadCommentToolbar{
        margin:8px 0 12px !important;
        gap:8px !important;
      }

      body.storyPage .storyThreadSortTabs{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        width:100% !important;
        gap:8px !important;
      }

      body.storyPage .storyThreadSortBtn{
        width:100% !important;
        padding:8px 7px !important;
        font-size:12px !important;
        text-align:center !important;
      }

      body.storyPage .storyThreadCommentTree{
        gap:10px !important;
      }

      body.storyPage .storyThreadCommentNode{
        padding:12px 12px 12px 14px !important;
        border-radius:16px !important;
      }

      body.storyPage .storyThreadCommentNode[data-depth="1"]{
        margin-left:12px !important;
      }

      body.storyPage .storyThreadCommentNode[data-depth="2"]{
        margin-left:18px !important;
      }

      body.storyPage .storyThreadCommentHead{
        margin-bottom:6px !important;
      }

      body.storyPage .storyThreadCommentAuthor{
        font-size:14px !important;
        font-weight:700 !important;
      }

      body.storyPage .storyThreadCommentMeta{
        font-size:12px !important;
      }

      body.storyPage .storyThreadCommentBody{
        font-size:15px !important;
        line-height:1.62 !important;
      }

      body.storyPage .storyThreadCommentActions{
        gap:6px !important;
        margin-top:8px !important;
      }

      body.storyPage .storyThreadVoteBox{
        padding:3px 7px !important;
      }

      body.storyPage .storyThreadVoteBtn,
      body.storyPage .storyThreadActionBtn{
        padding:4px 6px !important;
        font-size:12px !important;
      }

      body.storyPage .storyPageSideStack{
        gap:12px !important;
      }

      body.storyPage .storyPageSideCard{
        overflow:hidden !important;
      }

      body.storyPage .storyPageSideHead{
        padding:13px 14px 10px !important;
      }

      body.storyPage .storyPageSideBody{
        padding:12px !important;
      }

      body.storyPage .storyPageMiniList{
        gap:9px !important;
      }

      body.storyPage .storyPageMiniStory{
        min-height:auto !important;
        padding:12px !important;
        border-radius:16px !important;
      }

      body.storyPage .storyPageMiniStory .badge{
        display:inline-flex !important;
        width:max-content !important;
        max-width:100% !important;
        align-self:flex-start !important;
        margin-bottom:8px !important;
      }

      body.storyPage .storyPageMiniTitle{
        font-size:15px !important;
        line-height:1.24 !important;
      }

      body.storyPage .storyPageMiniExcerpt{
        min-height:0 !important;
        font-size:13px !important;
        line-height:1.5 !important;
        -webkit-line-clamp:2 !important;
        line-clamp:2 !important;
      }

      body.storyPage .storyPageMiniMeta{
        font-size:12px !important;
      }

      body.storyPage .storyPageCityRow{
        padding:11px 12px !important;
        border-radius:15px !important;
      }

      body.storyPage .storyPageCityName{
        font-size:13px !important;
      }

      body.storyPage .storyPageCityMeta{
        font-size:11.5px !important;
      }

      body.storyPage .storyPageCityCount{
        min-width:34px !important;
        padding:7px 9px !important;
      }
    }

    @media (max-width: 420px){
      body.storyPage .storyPageTitle{
        font-size:24px !important;
      }

      body.storyPage .storyPageUtilityBar{
        grid-template-columns:1fr 1fr !important;
      }
    }


    /* ===== STORY MOBILE POLISH V2 — Yayın öncesi kompakt görünüm ===== */
    @media (max-width: 760px){
      body.storyPage .wrap{
        padding:14px 10px 28px !important;
      }

      body.storyPage .storyPageLayout,
      body.storyPage .storyPageMain{
        gap:11px !important;
      }

      body.storyPage .topbar{
        padding:10px !important;
        gap:8px !important;
        border-radius:18px !important;
      }

      body.storyPage .topbar .brand{
        min-height:28px !important;
        gap:8px !important;
      }

      body.storyPage .topbar .brand img,
      body.storyPage .topbar .brandLogo{
        width:26px !important;
        height:26px !important;
      }

      body.storyPage .topActions{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
        width:100% !important;
        gap:8px !important;
      }

      body.storyPage .topActions .btn,
      body.storyPage .topActions .btnSolid{
        width:100% !important;
        min-height:36px !important;
        padding:7px 10px !important;
        border-radius:12px !important;
        font-size:13px !important;
      }

      body.storyPage .searchbar{
        width:100% !important;
        min-height:36px !important;
        border-radius:14px !important;
      }

      body.storyPage .storyPageCard,
      body.storyPage .storyPageCommentCard,
      body.storyPage .storyPageSideCard{
        border-radius:18px !important;
        box-shadow:0 8px 20px rgba(17,17,17,.035) !important;
      }

      body.storyPage .storyPageCard{
        padding:15px 12px !important;
      }

      body.storyPage .storyPageEyebrow{
        padding:4px 8px !important;
        margin-bottom:9px !important;
        font-size:10.5px !important;
      }

      body.storyPage .storyPageTitle{
        font-size:25px !important;
        line-height:1.12 !important;
        letter-spacing:-.026em !important;
      }

      body.storyPage .storyPageMeta{
        margin-top:7px !important;
        font-size:12px !important;
      }

      body.storyPage .storyPageContent{
        margin-top:14px !important;
        padding-top:14px !important;
        font-size:15.5px !important;
        line-height:1.72 !important;
      }

      body.storyPage .storyPageActionWrap{
        margin-top:13px !important;
        padding-top:13px !important;
        gap:9px !important;
      }

      body.storyPage .storyPageUtilityBar{
        gap:7px !important;
      }

      body.storyPage #btnCopyLink,
      body.storyPage #btnShare,
      body.storyPage #btnReportStory{
        min-height:36px !important;
        padding:7px 9px !important;
        border-radius:11px !important;
        font-size:12.5px !important;
      }

      body.storyPage .storyPageAd{
        padding:11px !important;
        border-radius:17px !important;
      }

      body.storyPage .storyPageAdLabel{
        padding:5px 9px !important;
        margin-bottom:7px !important;
        font-size:10.5px !important;
      }

      body.storyPage .storyPageAdBody{
        min-height:58px !important;
      }

      body.storyPage .storyPageCommentCard{
        padding:15px 12px !important;
      }

      body.storyPage .storyCommentTitle{
        font-size:20px !important;
        line-height:1.12 !important;
      }

      body.storyPage .storyCommentHint{
        margin-top:5px !important;
        margin-bottom:8px !important;
        font-size:12.5px !important;
      }

      body.storyPage .storyCommentComposer{
        padding:10px !important;
        gap:8px !important;
        border-radius:15px !important;
      }

      body.storyPage .storyCommentComposer .input{
        min-height:38px !important;
      }

      body.storyPage .storyCommentComposer .textarea{
        min-height:78px !important;
        line-height:1.48 !important;
      }

      body.storyPage .storyCommentComposerActions > div:last-child{
        grid-template-columns:48px minmax(0,1fr) !important;
      }

      body.storyPage #btnSubmitStoryComment{
        min-height:36px !important;
        border-radius:11px !important;
      }

      body.storyPage .storyThreadCommentToolbar{
        margin:8px 0 11px !important;
      }

      body.storyPage .storyThreadSortTabs{
        gap:7px !important;
      }

      body.storyPage .storyThreadSortBtn{
        min-height:34px !important;
        padding:7px 8px !important;
        border-radius:999px !important;
        font-size:12px !important;
      }

      body.storyPage .storyThreadCommentTree{
        gap:9px !important;
      }

      body.storyPage .storyThreadCommentNode{
        padding:11px 10px 11px 13px !important;
        border-radius:15px !important;
        overflow-wrap:anywhere !important;
      }

      body.storyPage .storyThreadCommentNode::before{
        top:10px !important;
        bottom:10px !important;
        width:3px !important;
        opacity:.16 !important;
      }

      body.storyPage .storyThreadCommentNode[data-depth="1"]{
        margin-left:10px !important;
      }

      body.storyPage .storyThreadCommentNode[data-depth="2"]{
        margin-left:14px !important;
      }

      body.storyPage .storyThreadCommentHead{
        margin-bottom:5px !important;
      }

      body.storyPage .storyThreadCommentBody{
        font-size:14.5px !important;
        line-height:1.58 !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
      }

      body.storyPage .storyThreadCommentActions{
        gap:6px !important;
        margin-top:7px !important;
      }

      body.storyPage .storyThreadVoteBox{
        padding:3px 6px !important;
      }

      body.storyPage .storyThreadVoteBtn,
      body.storyPage .storyThreadActionBtn{
        padding:4px 6px !important;
        border-radius:9px !important;
        font-size:12px !important;
      }

      body.storyPage .storyPageSideStack{
        gap:11px !important;
      }

      body.storyPage .storyPageSideHead{
        padding:12px 13px 9px !important;
      }

      body.storyPage .storyPageSideTitle{
        font-size:13.5px !important;
      }

      body.storyPage .storyPageSideBody{
        padding:11px !important;
      }

      body.storyPage #storyTopReadStories{
        gap:8px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory{
        min-height:0 !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        gap:5px !important;
        padding:11px !important;
        border-radius:15px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory > .badge{
        display:inline-flex !important;
        width:fit-content !important;
        max-width:100% !important;
        align-self:flex-start !important;
        justify-self:start !important;
        padding:4px 8px !important;
        margin:0 0 3px !important;
        white-space:nowrap !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniTitle{
        margin:0 !important;
        font-size:14.5px !important;
        line-height:1.24 !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniExcerpt{
        margin:0 !important;
        min-height:0 !important;
        font-size:12.5px !important;
        line-height:1.44 !important;
        -webkit-line-clamp:2 !important;
        line-clamp:2 !important;
        overflow-wrap:anywhere !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniMeta{
        margin-top:4px !important;
        font-size:11.5px !important;
      }

      body.storyPage #storyTopWrittenCities{
        gap:8px !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityRow{
        min-height:0 !important;
        padding:9px 10px !important;
        border-radius:14px !important;
        gap:8px !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityRow:nth-child(n+4){
        display:none !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityName{
        font-size:12.8px !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityMeta{
        margin-top:2px !important;
        font-size:11px !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityCount{
        min-width:30px !important;
        padding:6px 8px !important;
        font-size:11px !important;
      }
    }

    @media (max-width: 420px){
      body.storyPage .storyPageTitle{
        font-size:23px !important;
      }

      body.storyPage .storyPageContent{
        font-size:15px !important;
      }

      body.storyPage .storyCommentComposerActions > div:last-child{
        grid-template-columns:44px minmax(0,1fr) !important;
      }
    }


    /* ===== STORY MOBILE FINAL V3 — header, detail, comments and side panels ===== */
    @media (max-width: 760px){
      body.storyPage .wrap{
        padding:10px 9px 24px !important;
      }

      body.storyPage .topbar{
        position:relative !important;
        top:auto !important;
        z-index:20 !important;
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:center !important;
        gap:7px !important;
        padding:8px 9px !important;
        margin-bottom:9px !important;
        border-radius:15px !important;
        overflow:visible !important;
      }

      body.storyPage .brandLink{
        order:1 !important;
        flex:1 1 100% !important;
        width:100% !important;
        min-width:0 !important;
      }

      body.storyPage .brand{
        width:100% !important;
        min-width:0 !important;
        gap:8px !important;
      }

      body.storyPage .logoIcon,
      body.storyPage .brandLogo,
      body.storyPage .topbar .brand img{
        width:30px !important;
        height:30px !important;
        flex:0 0 30px !important;
        border-radius:9px !important;
      }

      body.storyPage .brand h1{
        max-width:calc(100vw - 82px) !important;
        font-size:15px !important;
        line-height:1.08 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
      }

      body.storyPage .topActions{
        order:2 !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
        width:100% !important;
        gap:7px !important;
      }

      body.storyPage .topActions .btn,
      body.storyPage .topActions .btnSolid{
        width:100% !important;
        height:32px !important;
        min-height:32px !important;
        padding:0 10px !important;
        border-radius:10px !important;
        font-size:11.8px !important;
        line-height:1 !important;
      }

      body.storyPage .topbar .searchWrap{
        order:3 !important;
        position:relative !important;
        flex:1 1 100% !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        margin-top:0 !important;
      }

      body.storyPage .topbar .searchBox,
      body.storyPage .searchbar{
        min-height:34px !important;
        height:34px !important;
        padding:4px 6px 4px 9px !important;
        gap:6px !important;
        border-radius:13px !important;
        align-items:center !important;
      }

      body.storyPage .topbar .searchIcon{
        font-size:12px !important;
        line-height:1 !important;
        flex:0 0 auto !important;
      }

      body.storyPage .topbar .searchBox input{
        min-width:0 !important;
        height:24px !important;
        line-height:24px !important;
        font-size:12px !important;
        padding:0 !important;
      }

      body.storyPage .topbar #btnClear,
      body.storyPage .topbar .searchBox .iconBtn{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        flex:0 0 24px !important;
        padding:0 !important;
        border-radius:8px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        font-size:13px !important;
        line-height:1 !important;
      }

      body.storyPage .topbar .searchPanel{
        position:static !important;
        inset:auto !important;
        width:100% !important;
        margin-top:6px !important;
        border:1px solid rgba(16,24,40,.08) !important;
        border-radius:12px !important;
        background:#fff !important;
        box-shadow:none !important;
        overflow:hidden !important;
      }

      body.storyPage .topbar .searchPanelList{
        max-height:154px !important;
        overflow:auto !important;
        scrollbar-width:none !important;
      }

      body.storyPage .topbar .searchPanelList::-webkit-scrollbar{
        display:none !important;
      }

      body.storyPage .topbar .searchRow{
        min-height:32px !important;
        padding:6px 9px !important;
        border-top:1px solid rgba(16,24,40,.065) !important;
        background:#fff !important;
      }

      body.storyPage .topbar .searchRow:nth-child(n+5){
        display:none !important;
      }

      body.storyPage .topbar .srTitle{
        font-size:12px !important;
        line-height:1.12 !important;
      }

      body.storyPage .topbar .srMeta{
        margin-top:1px !important;
        font-size:10px !important;
        line-height:1.1 !important;
        color:#667085 !important;
        font-weight:700 !important;
      }

      body.storyPage .topbar .searchRowCity .srTitle::after,
      body.storyPage .topbar .searchRowStory .srTitle::after{
        display:inline-flex !important;
        align-items:center !important;
        margin-left:5px !important;
        padding:1px 5px !important;
        border-radius:999px !important;
        border:1px solid rgba(255,107,0,.18) !important;
        background:#fff7ed !important;
        color:#f97316 !important;
        font-size:8.5px !important;
        font-weight:900 !important;
        vertical-align:middle !important;
      }

      body.storyPage .topbar .searchRowCity .srTitle::after{
        content:"Şehir" !important;
      }

      body.storyPage .topbar .searchRowStory{
        background:linear-gradient(180deg,#fff 0%,#fffaf6 100%) !important;
        border-left:3px solid rgba(255,107,0,.5) !important;
      }

      body.storyPage .topbar .searchRowStory .srTitle::after{
        content:"Hikâye" !important;
      }

      body.storyPage .storyPageLayout,
      body.storyPage .storyPageMain{
        gap:10px !important;
      }

      body.storyPage .storyPageShell{
        gap:10px !important;
      }

      body.storyPage .storyPageCard,
      body.storyPage .storyPageCommentCard,
      body.storyPage .storyPageAd,
      body.storyPage .storyPageSideCard{
        border-radius:17px !important;
      }

      body.storyPage .storyPageCard{
        padding:12px 10px !important;
      }

      body.storyPage .storyPageEyebrow{
        padding:3px 7px !important;
        margin-bottom:7px !important;
        font-size:10px !important;
      }

      body.storyPage .storyPageTitle{
        font-size:23px !important;
        line-height:1.1 !important;
        letter-spacing:-.024em !important;
      }

      body.storyPage .storyPageMeta{
        margin-top:6px !important;
        font-size:11.5px !important;
      }

      body.storyPage .storyPageContent{
        margin-top:11px !important;
        padding-top:11px !important;
        font-size:14.8px !important;
        line-height:1.62 !important;
      }

      body.storyPage .storyVoteInline,
      body.storyPage .storyVoteBar{
        margin:0 !important;
      }

      body.storyPage .storyVoteBar,
      body.storyPage .storyThreadVoteBar{
        gap:7px !important;
      }

      body.storyPage .storyVoteBar .voteBtn,
      body.storyPage .storyThreadVoteBtn{
        min-height:32px !important;
        padding:5px 9px !important;
        border-radius:10px !important;
        font-size:12px !important;
      }

      body.storyPage .storyPageActionWrap{
        margin-top:11px !important;
        padding-top:11px !important;
        gap:8px !important;
      }

      body.storyPage .storyPageUtilityBar{
        gap:6px !important;
      }

      body.storyPage #btnCopyLink,
      body.storyPage #btnShare,
      body.storyPage #btnReportStory{
        min-height:33px !important;
        padding:6px 8px !important;
        border-radius:10px !important;
        font-size:12px !important;
      }

      body.storyPage .storyShareMenu{
        width:min(260px, calc(100vw - 32px)) !important;
      }

      body.storyPage .storyPageInlineAd{
        margin-top:12px !important;
      }

      body.storyPage .storyPageAd{
        padding:9px !important;
      }

      body.storyPage .storyPageAdLabel{
        padding:4px 8px !important;
        margin-bottom:5px !important;
        font-size:10px !important;
      }

      body.storyPage .storyPageAdBody{
        min-height:50px !important;
        font-size:11.5px !important;
      }

      body.storyPage .storyPageCommentCard{
        padding:12px 10px !important;
      }

      body.storyPage .storyCommentSection--page{
        gap:9px !important;
      }

      body.storyPage .storyCommentTitle{
        font-size:19px !important;
        line-height:1.1 !important;
      }

      body.storyPage .storyCommentHint{
        margin-top:4px !important;
        margin-bottom:6px !important;
        font-size:12px !important;
        line-height:1.35 !important;
      }

      body.storyPage .storyCommentComposer{
        padding:9px !important;
        gap:7px !important;
        border-radius:14px !important;
      }

      body.storyPage .storyCommentComposer .input{
        min-height:36px !important;
        height:36px !important;
        font-size:12.5px !important;
      }

      body.storyPage .storyCommentComposer .textarea{
        min-height:72px !important;
        max-height:132px !important;
        line-height:1.42 !important;
        font-size:12.5px !important;
      }

      body.storyPage .storyCommentComposerActions{
        gap:7px !important;
      }

      body.storyPage .storyCommentComposerActions > div:last-child{
        grid-template-columns:42px minmax(0,1fr) !important;
        gap:7px !important;
      }

      body.storyPage #storyCommentCount{
        font-size:11px !important;
      }

      body.storyPage #btnSubmitStoryComment{
        min-height:34px !important;
        padding:6px 8px !important;
        border-radius:10px !important;
        font-size:11.5px !important;
      }

      body.storyPage .storyThreadCommentToolbar{
        margin:7px 0 9px !important;
      }

      body.storyPage .storyThreadSortTabs{
        gap:6px !important;
      }

      body.storyPage .storyThreadSortBtn{
        min-height:32px !important;
        padding:6px 7px !important;
        font-size:11.5px !important;
      }

      body.storyPage .storyThreadCommentTree{
        gap:8px !important;
      }

      body.storyPage .storyThreadCommentNode,
      body.storyPage .storyPageCommentList .commentItem{
        padding:10px 9px 10px 12px !important;
        border-radius:14px !important;
        overflow-wrap:anywhere !important;
      }

      body.storyPage .storyThreadCommentNode::before,
      body.storyPage .storyPageCommentList .commentItem::before{
        top:9px !important;
        bottom:9px !important;
        width:3px !important;
        opacity:.14 !important;
      }

      body.storyPage .storyThreadCommentNode[data-depth="1"]{
        margin-left:8px !important;
      }

      body.storyPage .storyThreadCommentNode[data-depth="2"]{
        margin-left:12px !important;
      }

      body.storyPage .storyThreadCommentHead,
      body.storyPage .storyPageCommentList .commentHead{
        margin-bottom:4px !important;
      }

      body.storyPage .storyThreadCommentAuthor,
      body.storyPage .storyPageCommentList .commentAuthorLine strong{
        font-size:13px !important;
      }

      body.storyPage .storyThreadCommentMeta{
        font-size:11px !important;
      }

      body.storyPage .storyThreadCommentBody,
      body.storyPage .storyPageCommentList .commentBody{
        font-size:13.5px !important;
        line-height:1.5 !important;
        overflow-wrap:anywhere !important;
      }

      body.storyPage .storyThreadCommentActions{
        gap:5px !important;
        margin-top:6px !important;
      }

      body.storyPage .storyThreadVoteBox{
        padding:2px 6px !important;
      }

      body.storyPage .storyThreadVoteBtn,
      body.storyPage .storyThreadActionBtn{
        padding:3px 6px !important;
        border-radius:8px !important;
        font-size:11.5px !important;
      }

      body.storyPage .storyPageSideStack{
        gap:10px !important;
      }

      body.storyPage .storyPageSideHead{
        padding:10px 12px 8px !important;
      }

      body.storyPage .storyPageSideTitle{
        font-size:13px !important;
      }

      body.storyPage .storyPageSideBody{
        padding:10px !important;
      }

      body.storyPage #storyTopReadStories,
      body.storyPage #storyTopWrittenCities{
        gap:7px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory{
        padding:9px !important;
        border-radius:14px !important;
        gap:4px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory > .badge{
        padding:3px 7px !important;
        margin:0 0 2px !important;
        font-size:10.5px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniTitle{
        font-size:13.5px !important;
        line-height:1.2 !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniExcerpt{
        font-size:12px !important;
        line-height:1.38 !important;
        -webkit-line-clamp:2 !important;
        line-clamp:2 !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniMeta{
        margin-top:3px !important;
        font-size:11px !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityRow{
        padding:8px 9px !important;
        border-radius:13px !important;
        gap:7px !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityRow:nth-child(n+4){
        display:none !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityName{
        font-size:12.5px !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityMeta{
        margin-top:1px !important;
        font-size:10.5px !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityCount{
        min-width:28px !important;
        padding:5px 7px !important;
        font-size:10.5px !important;
      }
    }

    @media (max-width: 420px){
      body.storyPage .storyPageTitle{
        font-size:22px !important;
      }

      body.storyPage .storyPageContent{
        font-size:14.5px !important;
      }
    }

  

    /* ===== STORY MOBILE FINAL DENSITY V2 — 2026-05-04 ===== */
    @media (max-width: 760px){
      body.storyPage .wrap{
        padding:12px 10px 28px !important;
      }

      body.storyPage .topbar{
        gap:8px !important;
        padding:10px !important;
        border-radius:18px !important;
        margin-bottom:10px !important;
        position:relative !important;
        top:auto !important;
      }

      body.storyPage .topbar .brandLink,
      body.storyPage .topbar .brand{
        min-width:0 !important;
      }

      body.storyPage .topbar .brand{
        gap:8px !important;
      }

      body.storyPage .topbar .logoIcon{
        width:28px !important;
        height:28px !important;
        border-radius:8px !important;
      }

      body.storyPage .topbar .brandText h1{
        font-size:13px !important;
        line-height:1.05 !important;
        max-width:210px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
      }

      body.storyPage .topbar .topActions{
        order:2 !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        width:100% !important;
        gap:7px !important;
        margin:0 !important;
      }

      body.storyPage .topbar .topActions .btn,
      body.storyPage .topbar .topActions .btnSolid{
        min-height:32px !important;
        height:32px !important;
        padding:6px 8px !important;
        border-radius:11px !important;
        font-size:12px !important;
        line-height:1 !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
      }

      body.storyPage .topbar .searchWrap{
        order:3 !important;
        width:100% !important;
        margin:0 !important;
      }

      body.storyPage .topbar .searchBox{
        height:34px !important;
        min-height:34px !important;
        padding:4px 7px 4px 10px !important;
        border-radius:13px !important;
        gap:6px !important;
      }

      body.storyPage .topbar .searchBox input{
        height:24px !important;
        min-height:24px !important;
        font-size:12px !important;
        line-height:24px !important;
      }

      body.storyPage .topbar #btnClear,
      body.storyPage .topbar .searchBox .iconBtn{
        width:23px !important;
        height:23px !important;
        min-width:23px !important;
        flex:0 0 23px !important;
        padding:0 !important;
        border-radius:8px !important;
        font-size:12px !important;
        line-height:1 !important;
      }

      body.storyPage .topbar .searchPanel{
        margin-top:6px !important;
        border-radius:12px !important;
      }

      body.storyPage .topbar .searchPanelList{
        max-height:142px !important;
        overflow:auto !important;
        scrollbar-width:none !important;
      }

      body.storyPage .topbar .searchPanelList::-webkit-scrollbar{
        display:none !important;
      }

      body.storyPage .topbar .searchRow{
        min-height:30px !important;
        padding:5px 9px !important;
      }

      body.storyPage .topbar .srTitle{
        font-size:11.8px !important;
        line-height:1.12 !important;
      }

      body.storyPage .topbar .srMeta{
        font-size:10px !important;
        line-height:1.08 !important;
        margin-top:1px !important;
      }

      body.storyPage .storyPageLayout,
      body.storyPage .storyPageMain,
      body.storyPage .storyPageShell{
        gap:9px !important;
      }

      body.storyPage .storyPageCard{
        padding:10px !important;
        border-radius:16px !important;
      }

      body.storyPage .storyPageTop{
        gap:6px !important;
      }

      body.storyPage .storyPageEyebrow{
        padding:3px 7px !important;
        margin-bottom:6px !important;
        font-size:9.8px !important;
      }

      body.storyPage .storyPageTitle{
        font-size:21px !important;
        line-height:1.08 !important;
        margin:0 !important;
      }

      body.storyPage .storyPageMeta{
        margin-top:5px !important;
        font-size:11px !important;
        line-height:1.25 !important;
      }

      body.storyPage .storyPageContent{
        margin-top:9px !important;
        padding-top:9px !important;
        font-size:14px !important;
        line-height:1.55 !important;
        font-weight:500 !important;
      }

      body.storyPage .storyVoteInline{
        margin:0 !important;
      }

      body.storyPage .storyVoteBar,
      body.storyPage .storyThreadVoteBar{
        gap:5px !important;
      }

      body.storyPage .storyVoteBar .voteBtn,
      body.storyPage .storyThreadVoteBtn{
        min-height:28px !important;
        height:28px !important;
        padding:4px 8px !important;
        border-radius:9px !important;
        font-size:11.5px !important;
        line-height:1 !important;
      }

      body.storyPage .storyPageActionWrap{
        margin-top:9px !important;
        padding-top:9px !important;
        gap:7px !important;
      }

      body.storyPage .storyPageUtilityBar{
        gap:5px !important;
      }

      body.storyPage #btnCopyLink,
      body.storyPage #btnShare,
      body.storyPage #btnReportStory{
        min-height:30px !important;
        height:30px !important;
        padding:5px 7px !important;
        border-radius:9px !important;
        font-size:11.5px !important;
        line-height:1 !important;
      }

      body.storyPage .storyPageInlineAd{
        margin-top:9px !important;
      }

      body.storyPage .storyPageAd,
      body.storyPage .storyPageBottomAd{
        padding:8px !important;
        border-radius:15px !important;
      }

      body.storyPage .storyPageAdLabel{
        padding:3px 7px !important;
        margin-bottom:5px !important;
        font-size:9.8px !important;
      }

      body.storyPage .storyPageAdBody{
        min-height:44px !important;
        font-size:11px !important;
      }

      body.storyPage .storyPageCommentCard{
        padding:10px !important;
        border-radius:16px !important;
      }

      body.storyPage .storyCommentSection--page{
        gap:8px !important;
      }

      body.storyPage .storyCommentSectionHead{
        margin-bottom:7px !important;
      }

      body.storyPage .storyCommentTitle{
        font-size:18px !important;
        line-height:1.1 !important;
        margin-bottom:3px !important;
      }

      body.storyPage .storyCommentHint{
        font-size:11.5px !important;
        line-height:1.28 !important;
        margin:0 0 6px !important;
      }

      body.storyPage .storyCommentComposer{
        padding:8px !important;
        gap:6px !important;
        border-radius:13px !important;
      }

      body.storyPage .storyCommentComposer .input{
        height:34px !important;
        min-height:34px !important;
        padding:7px 10px !important;
        font-size:12px !important;
        border-radius:10px !important;
      }

      body.storyPage .storyCommentComposer .textarea{
        min-height:64px !important;
        max-height:118px !important;
        padding:8px 10px !important;
        font-size:12px !important;
        line-height:1.38 !important;
        border-radius:10px !important;
      }

      body.storyPage .storyCommentComposerActions{
        gap:6px !important;
      }

      body.storyPage .storyCommentComposerActions > div:last-child{
        display:grid !important;
        grid-template-columns:40px minmax(0,1fr) !important;
        gap:6px !important;
        width:100% !important;
        align-items:center !important;
      }

      body.storyPage #storyCommentCount{
        font-size:10.8px !important;
      }

      body.storyPage #btnSubmitStoryComment{
        min-height:31px !important;
        height:31px !important;
        padding:5px 8px !important;
        border-radius:9px !important;
        font-size:11px !important;
      }

      body.storyPage .storyThreadCommentToolbar{
        margin:6px 0 8px !important;
      }

      body.storyPage .storyThreadSortTabs{
        gap:5px !important;
      }

      body.storyPage .storyThreadSortBtn{
        min-height:29px !important;
        height:29px !important;
        padding:5px 6px !important;
        border-radius:10px !important;
        font-size:11px !important;
      }

      body.storyPage .storyThreadCommentTree,
      body.storyPage .storyPageCommentList{
        gap:7px !important;
      }

      body.storyPage .storyThreadCommentNode,
      body.storyPage .storyPageCommentList .commentItem{
        padding:8px 8px 8px 11px !important;
        border-radius:13px !important;
      }

      body.storyPage .storyThreadCommentNode::before,
      body.storyPage .storyPageCommentList .commentItem::before{
        top:8px !important;
        bottom:8px !important;
        width:3px !important;
        opacity:.12 !important;
      }

      body.storyPage .storyThreadCommentHead,
      body.storyPage .storyPageCommentList .commentHead{
        margin-bottom:3px !important;
      }

      body.storyPage .storyThreadCommentAuthor,
      body.storyPage .storyPageCommentList .commentAuthorLine strong{
        font-size:12.5px !important;
      }

      body.storyPage .storyThreadCommentMeta{
        font-size:10.5px !important;
      }

      body.storyPage .storyThreadCommentBody,
      body.storyPage .storyPageCommentList .commentBody{
        font-size:13px !important;
        line-height:1.45 !important;
        font-weight:500 !important;
      }

      body.storyPage .storyThreadCommentActions{
        gap:4px !important;
        margin-top:5px !important;
      }

      body.storyPage .storyThreadVoteBox{
        padding:2px 5px !important;
      }

      body.storyPage .storyThreadVoteBtn,
      body.storyPage .storyThreadActionBtn{
        padding:3px 5px !important;
        border-radius:8px !important;
        font-size:11px !important;
      }

      body.storyPage .storyPageSideStack{
        gap:9px !important;
      }

      body.storyPage .storyPageSideCard{
        border-radius:16px !important;
      }

      body.storyPage .storyPageSideHead{
        padding:9px 11px 7px !important;
      }

      body.storyPage .storyPageSideTitle{
        font-size:12.5px !important;
      }

      body.storyPage .storyPageSideBody{
        padding:8px !important;
      }

      body.storyPage #storyTopReadStories,
      body.storyPage #storyTopWrittenCities{
        gap:6px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory{
        min-height:0 !important;
        padding:8px !important;
        border-radius:13px !important;
        gap:3px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory > .badge{
        padding:3px 6px !important;
        margin:0 0 2px !important;
        font-size:10px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniTitle{
        font-size:13px !important;
        line-height:1.18 !important;
        margin-bottom:4px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniExcerpt{
        min-height:0 !important;
        font-size:11.5px !important;
        line-height:1.32 !important;
        -webkit-line-clamp:2 !important;
        line-clamp:2 !important;
        margin-bottom:4px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniMeta{
        margin-top:2px !important;
        font-size:10.5px !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityRow{
        padding:7px 8px !important;
        border-radius:12px !important;
        gap:6px !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityName{
        font-size:12px !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityMeta{
        margin-top:1px !important;
        font-size:10px !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityCount{
        min-width:26px !important;
        padding:4px 6px !important;
        font-size:10px !important;
      }
    }

    @media (max-width: 420px){
      body.storyPage .topbar .brandText h1{
        max-width:190px !important;
      }

      body.storyPage .storyPageTitle{
        font-size:20px !important;
      }

      body.storyPage .storyPageContent{
        font-size:13.8px !important;
      }
    }


    /* ===== STORY MOBILE FINAL DENSITY V3 — 2026-05-04 ===== */
    @media (max-width: 760px){
      body.storyPage .wrap{
        padding:10px 9px 24px !important;
      }

      body.storyPage .topbar{
        padding:8px 9px !important;
        gap:7px !important;
        margin-bottom:8px !important;
        border-radius:16px !important;
      }

      body.storyPage .topbar .logoIcon,
      body.storyPage .topbar .brandLogo,
      body.storyPage .topbar .brand img{
        width:27px !important;
        height:27px !important;
        flex-basis:27px !important;
      }

      body.storyPage .topbar .brandText h1{
        font-size:12.5px !important;
        max-width:200px !important;
      }

      body.storyPage .topbar .topActions{
        gap:6px !important;
      }

      body.storyPage .topbar .topActions .btn,
      body.storyPage .topbar .topActions .btnSolid{
        height:30px !important;
        min-height:30px !important;
        padding:5px 8px !important;
        border-radius:10px !important;
        font-size:11.5px !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
      }

      body.storyPage .topbar .searchBox,
      body.storyPage .topbar .searchbar{
        height:32px !important;
        min-height:32px !important;
        padding:3px 7px 3px 9px !important;
        border-radius:12px !important;
      }

      body.storyPage .topbar .searchBox input{
        height:22px !important;
        min-height:22px !important;
        line-height:22px !important;
        font-size:11.8px !important;
      }

      body.storyPage .topbar #btnClear,
      body.storyPage .topbar .searchBox .iconBtn{
        width:22px !important;
        height:22px !important;
        min-width:22px !important;
        flex-basis:22px !important;
        border-radius:7px !important;
        font-size:11.5px !important;
      }

      body.storyPage .topbar .searchPanel{
        margin-top:5px !important;
        border-radius:11px !important;
      }

      body.storyPage .topbar .searchPanelList{
        max-height:none !important;
        overflow:visible !important;
      }

      body.storyPage .topbar .searchRow{
        min-height:29px !important;
        padding:5px 8px !important;
      }

      body.storyPage .topbar .searchRow:nth-child(n+5){
        display:none !important;
      }

      body.storyPage .topbar .srTitle{
        font-size:11.5px !important;
        line-height:1.1 !important;
      }

      body.storyPage .topbar .srMeta{
        font-size:9.8px !important;
        line-height:1.06 !important;
      }

      body.storyPage .storyPageLayout,
      body.storyPage .storyPageShell,
      body.storyPage .storyPageMain{
        gap:8px !important;
      }

      body.storyPage .storyPageCard{
        padding:9px !important;
        border-radius:15px !important;
      }

      body.storyPage .storyPageEyebrow{
        padding:3px 6px !important;
        margin-bottom:5px !important;
        font-size:9.5px !important;
      }

      body.storyPage .storyPageTitle{
        font-size:20.5px !important;
        line-height:1.08 !important;
      }

      body.storyPage .storyPageMeta{
        margin-top:4px !important;
        font-size:10.8px !important;
      }

      body.storyPage .storyPageContent{
        margin-top:8px !important;
        padding-top:8px !important;
        font-size:13.6px !important;
        line-height:1.5 !important;
      }

      body.storyPage .storyVoteBar .voteBtn,
      body.storyPage .storyThreadVoteBtn{
        height:26px !important;
        min-height:26px !important;
        padding:3px 7px !important;
        font-size:11px !important;
        border-radius:8px !important;
      }

      body.storyPage .storyPageActionWrap{
        margin-top:8px !important;
        padding-top:8px !important;
        gap:6px !important;
      }

      body.storyPage .storyPageUtilityBar{
        gap:5px !important;
      }

      body.storyPage #btnCopyLink,
      body.storyPage #btnShare,
      body.storyPage #btnReportStory{
        min-height:28px !important;
        height:28px !important;
        padding:4px 7px !important;
        border-radius:8px !important;
        font-size:11px !important;
      }

      body.storyPage .storyPageInlineAd{
        margin-top:8px !important;
      }

      body.storyPage .storyPageAd,
      body.storyPage .storyPageBottomAd{
        padding:7px !important;
        border-radius:14px !important;
      }

      body.storyPage .storyPageAdLabel{
        padding:3px 6px !important;
        margin-bottom:4px !important;
        font-size:9.4px !important;
      }

      body.storyPage .storyPageAdBody{
        min-height:40px !important;
        font-size:10.8px !important;
      }

      body.storyPage .storyPageCommentCard{
        padding:9px !important;
        border-radius:15px !important;
      }

      body.storyPage .storyCommentTitle{
        font-size:17px !important;
        margin-bottom:2px !important;
      }

      body.storyPage .storyCommentHint{
        font-size:11px !important;
        line-height:1.24 !important;
        margin:0 0 5px !important;
      }

      body.storyPage .storyCommentComposer{
        padding:7px !important;
        gap:5px !important;
        border-radius:12px !important;
      }

      body.storyPage .storyCommentComposer .input{
        height:32px !important;
        min-height:32px !important;
        padding:6px 9px !important;
        font-size:11.8px !important;
      }

      body.storyPage .storyCommentComposer .textarea{
        min-height:58px !important;
        max-height:110px !important;
        padding:7px 9px !important;
        font-size:11.8px !important;
        line-height:1.34 !important;
      }

      body.storyPage .storyCommentComposerActions,
      body.storyPage .storyCommentComposerActions > div:last-child{
        gap:5px !important;
      }

      body.storyPage .storyCommentComposerActions > div:last-child{
        grid-template-columns:38px minmax(0,1fr) !important;
      }

      body.storyPage #btnSubmitStoryComment{
        height:29px !important;
        min-height:29px !important;
        padding:4px 7px !important;
        border-radius:8px !important;
        font-size:10.8px !important;
      }

      body.storyPage .storyThreadSortBtn{
        height:28px !important;
        min-height:28px !important;
        padding:4px 6px !important;
        font-size:10.8px !important;
      }

      body.storyPage .storyThreadCommentNode,
      body.storyPage .storyPageCommentList .commentItem{
        padding:7px 8px 7px 10px !important;
        border-radius:12px !important;
      }

      body.storyPage .storyThreadCommentAuthor,
      body.storyPage .storyPageCommentList .commentAuthorLine strong{
        font-size:12px !important;
      }

      body.storyPage .storyThreadCommentBody,
      body.storyPage .storyPageCommentList .commentBody{
        font-size:12.6px !important;
        line-height:1.42 !important;
      }

      body.storyPage .storyThreadCommentActions{
        gap:4px !important;
        margin-top:5px !important;
      }

      body.storyPage .storyThreadVoteBtn,
      body.storyPage .storyThreadActionBtn{
        padding:3px 5px !important;
        font-size:10.8px !important;
      }

      body.storyPage .storyPageSideStack{
        gap:8px !important;
      }

      body.storyPage .storyPageSideHead{
        padding:8px 10px 6px !important;
      }

      body.storyPage .storyPageSideBody{
        padding:7px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory{
        padding:7px !important;
        gap:3px !important;
        border-radius:12px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniTitle{
        font-size:12.6px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniExcerpt{
        font-size:11.2px !important;
        line-height:1.3 !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityRow{
        padding:7px 8px !important;
        border-radius:12px !important;
      }
    }

    @media (max-width: 420px){
      body.storyPage .storyPageTitle{
        font-size:20px !important;
      }

      body.storyPage .storyPageContent{
        font-size:13.4px !important;
      }
    }


    /* ===== STORY MOBILE FINAL TIGHTEN V4 — 2026-05-05 ===== */
    @media (max-width: 760px){
      body.storyPage .storyPageCard{
        padding:8px !important;
        border-radius:14px !important;
      }

      body.storyPage .storyPageContent{
        margin-top:7px !important;
        padding-top:7px !important;
        line-height:1.46 !important;
      }

      body.storyPage .storyVoteInline,
      body.storyPage .storyVoteBar{
        gap:4px !important;
        margin:0 !important;
      }

      body.storyPage .storyVoteBar .voteBtn,
      body.storyPage .storyThreadVoteBtn{
        height:24px !important;
        min-height:24px !important;
        padding:2px 6px !important;
        border-radius:8px !important;
        font-size:10.5px !important;
      }

      body.storyPage .storyPageActionWrap{
        margin-top:6px !important;
        padding-top:6px !important;
        gap:4px !important;
      }

      body.storyPage .storyPageUtilityBar{
        gap:4px !important;
        margin-top:4px !important;
      }

      body.storyPage #btnCopyLink,
      body.storyPage #btnShare,
      body.storyPage #btnReportStory{
        height:26px !important;
        min-height:26px !important;
        padding:3px 6px !important;
        border-radius:8px !important;
        font-size:10.5px !important;
        line-height:1.1 !important;
      }

      body.storyPage .storyPageInlineAd{
        margin-top:6px !important;
      }

      body.storyPage .storyPageInlineAd.storyPageAd{
        padding:5px !important;
        border-radius:12px !important;
      }

      body.storyPage .storyPageInlineAd .storyPageAdLabel{
        padding:2px 5px !important;
        margin-bottom:3px !important;
        font-size:8.8px !important;
      }

      body.storyPage .storyPageInlineAd .storyPageAdBody{
        min-height:32px !important;
        padding:5px !important;
        font-size:10px !important;
      }

      body.storyPage .storyPageCommentCard{
        padding:8px !important;
        border-radius:14px !important;
      }

      body.storyPage .storyCommentTitle{
        font-size:16px !important;
        line-height:1.12 !important;
      }

      body.storyPage .storyCommentHint{
        font-size:10.6px !important;
        margin-bottom:4px !important;
      }

      body.storyPage .storyCommentComposer{
        padding:6px !important;
        gap:4px !important;
        border-radius:11px !important;
      }

      body.storyPage .storyCommentComposer .input{
        height:30px !important;
        min-height:30px !important;
        padding:5px 8px !important;
        font-size:11.4px !important;
      }

      body.storyPage .storyCommentComposer .textarea{
        min-height:48px !important;
        max-height:92px !important;
        padding:6px 8px !important;
        font-size:11.4px !important;
        line-height:1.3 !important;
      }

      body.storyPage .storyCommentComposerActions,
      body.storyPage .storyCommentComposerActions > div:last-child{
        gap:4px !important;
      }

      body.storyPage #storyCommentCount{
        font-size:10.4px !important;
      }

      body.storyPage #btnSubmitStoryComment{
        height:27px !important;
        min-height:27px !important;
        padding:3px 6px !important;
        border-radius:8px !important;
        font-size:10.4px !important;
      }

      body.storyPage .storyThreadSortBtn{
        height:26px !important;
        min-height:26px !important;
        padding:3px 6px !important;
        font-size:10.4px !important;
      }

      body.storyPage .storyThreadCommentNode,
      body.storyPage .storyPageCommentList .commentItem{
        padding:6px 7px 6px 9px !important;
        border-radius:11px !important;
      }

      body.storyPage .storyThreadCommentActions{
        gap:3px !important;
        margin-top:4px !important;
      }

      body.storyPage .storyThreadActionBtn,
      body.storyPage .storyThreadVoteBtn{
        min-height:23px !important;
        height:23px !important;
        padding:2px 5px !important;
        border-radius:7px !important;
        font-size:10.3px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory{
        padding:6px !important;
        gap:2px !important;
        border-radius:11px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniTitle{
        font-size:12px !important;
        line-height:1.12 !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniExcerpt{
        font-size:10.8px !important;
        line-height:1.24 !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniMeta{
        margin-top:3px !important;
        font-size:10.3px !important;
      }
    }


    /* ===== STORY MOBILE FINAL MICRO TIGHTEN V5 — ad/comment/top-read only ===== */
    @media (max-width: 760px){
      body.storyPage .storyPageActionWrap{
        margin-top:5px !important;
        padding-top:5px !important;
        gap:3px !important;
      }

      body.storyPage .storyPageUtilityBar{
        gap:3px !important;
        margin-top:3px !important;
      }

      body.storyPage #btnCopyLink,
      body.storyPage #btnShare,
      body.storyPage #btnReportStory{
        height:25px !important;
        min-height:25px !important;
        padding:2px 6px !important;
      }

      body.storyPage .storyPageInlineAd{
        margin-top:5px !important;
      }

      body.storyPage .storyPageInlineAd.storyPageAd{
        padding:4px !important;
        border-radius:11px !important;
      }

      body.storyPage .storyPageInlineAd .storyPageAdLabel{
        padding:2px 5px !important;
        margin-bottom:2px !important;
        font-size:8.5px !important;
      }

      body.storyPage .storyPageInlineAd .storyPageAdBody{
        min-height:28px !important;
        padding:4px !important;
        font-size:9.8px !important;
      }

      body.storyPage .storyPageBottomAd{
        padding:6px !important;
        border-radius:12px !important;
      }

      body.storyPage .storyPageBottomAd .storyPageAdLabel{
        padding:3px 6px !important;
        margin-bottom:3px !important;
        font-size:9px !important;
      }

      body.storyPage .storyPageBottomAd .storyPageAdBody{
        min-height:38px !important;
        padding:5px !important;
        font-size:10.5px !important;
      }

      body.storyPage .storyCommentComposer{
        padding:5px !important;
        gap:4px !important;
      }

      body.storyPage .storyCommentComposer .textarea{
        min-height:42px !important;
        max-height:86px !important;
        padding:5px 8px !important;
        line-height:1.28 !important;
      }

      body.storyPage .storyThreadCommentNode,
      body.storyPage .storyPageCommentList .commentItem{
        padding:5px 7px 5px 9px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory{
        padding:5px 6px !important;
        gap:2px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory > .badge{
        padding:2px 6px !important;
        margin-bottom:1px !important;
        font-size:10px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniTitle{
        font-size:11.8px !important;
        line-height:1.1 !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniExcerpt{
        font-size:10.5px !important;
        line-height:1.22 !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniMeta{
        margin-top:2px !important;
        font-size:10px !important;
      }
    }



    /* ===== STORY MOBILE FINAL BALANCE V6 — text/comment/top-read only ===== */
    @media (max-width: 760px){
      body.storyPage .storyPageContent{
        margin-bottom:2px !important;
      }

      body.storyPage .storyPageActionWrap{
        margin-top:7px !important;
        padding-top:6px !important;
        gap:4px !important;
      }

      body.storyPage .storyPageUtilityBar{
        margin-top:3px !important;
      }

      body.storyPage .storyCommentComposer{
        padding:6px 6px 8px !important;
        gap:4px !important;
        margin-bottom:6px !important;
      }

      body.storyPage .storyCommentComposer .textarea{
        min-height:46px !important;
        max-height:92px !important;
        padding:6px 8px !important;
        font-size:11.2px !important;
        line-height:1.36 !important;
      }

      body.storyPage .storyCommentComposer .textarea::placeholder{
        font-size:11px !important;
        line-height:1.32 !important;
      }

      body.storyPage .storyCommentComposerActions{
        padding-bottom:2px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory{
        padding:5px 6px !important;
        gap:2px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniExcerpt{
        display:-webkit-box !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;
        overflow:hidden !important;
        font-size:10.9px !important;
        line-height:1.28 !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniMeta{
        margin-top:2px !important;
      }
    }



    /* ===== STORY TOP READ C-TYPE FINAL — match city top-read cards on all viewports ===== */
    body.storyPage #storyTopReadStories .storyPageMiniStory.topReadPanelCardC,
    body.storyPage #topReadStories .storyPageMiniStory.topReadPanelCardC{
      display:block !important;
      width:100% !important;
      min-height:0 !important;
      padding:12px 13px !important;
      border:1px solid rgba(17,17,17,.085) !important;
      border-radius:14px !important;
      background:#fff !important;
      color:#202226 !important;
      text-decoration:none !important;
      box-shadow:none !important;
      overflow:hidden !important;
      transform:none !important;
    }

    body.storyPage #storyTopReadStories .storyPageMiniStory.topReadPanelCardC:hover,
    body.storyPage #topReadStories .storyPageMiniStory.topReadPanelCardC:hover{
      border-color:#ffc7aa !important;
      background:#fff8f3 !important;
      transform:translateY(-1px) !important;
      box-shadow:0 10px 22px rgba(255,106,0,.065) !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelBadges,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelBadges{
      display:flex !important;
      flex-wrap:wrap !important;
      align-items:center !important;
      gap:6px !important;
      margin:0 0 8px !important;
      padding:0 !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      width:auto !important;
      max-width:100% !important;
      min-height:0 !important;
      padding:5px 8px !important;
      border-radius:999px !important;
      border:1px solid rgba(255,106,0,.20) !important;
      background:#fff3ea !important;
      color:#d95600 !important;
      font-size:11.5px !important;
      font-weight:800 !important;
      line-height:1.1 !important;
      letter-spacing:.01em !important;
      white-space:nowrap !important;
      text-decoration:none !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip--read,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip--read{
      border-color:rgba(17,24,39,.10) !important;
      background:#f7f7f5 !important;
      color:#51555d !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelTitle,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelTitle,
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniTitle,
    body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniTitle{
      display:block !important;
      margin:0 0 5px !important;
      color:#202226 !important;
      font-size:14.5px !important;
      font-weight:900 !important;
      line-height:1.18 !important;
      letter-spacing:.01em !important;
      white-space:normal !important;
      overflow:visible !important;
      text-overflow:clip !important;
      text-decoration:none !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelMetaLine,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelMetaLine,
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniMeta,
    body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniMeta{
      display:block !important;
      margin:0 !important;
      color:#6b7280 !important;
      font-size:11.5px !important;
      font-weight:750 !important;
      line-height:1.18 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      text-decoration:none !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelMetric,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelMetric,
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniExcerpt,
    body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniExcerpt,
    body.storyPage #storyTopReadStories .topReadPanelCardC > .badge,
    body.storyPage #topReadStories .topReadPanelCardC > .badge{
      display:none !important;
    }

    @media (max-width: 760px){
      body.storyPage #storyTopReadStories .storyPageMiniStory.topReadPanelCardC,
      body.storyPage #topReadStories .storyPageMiniStory.topReadPanelCardC{
        padding:9px 10px !important;
        border-radius:12px !important;
      }

      body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelBadges,
      body.storyPage #topReadStories .topReadPanelCardC .topReadPanelBadges{
        gap:5px !important;
        margin-bottom:6px !important;
      }

      body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip,
      body.storyPage #topReadStories .topReadPanelCardC .storyChip{
        padding:4px 7px !important;
        font-size:10.5px !important;
        gap:3px !important;
      }

      body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelTitle,
      body.storyPage #topReadStories .topReadPanelCardC .topReadPanelTitle,
      body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniTitle,
      body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniTitle{
        margin-bottom:4px !important;
        font-size:13px !important;
        line-height:1.16 !important;
      }

      body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelMetaLine,
      body.storyPage #topReadStories .topReadPanelCardC .topReadPanelMetaLine,
      body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniMeta,
      body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniMeta{
        font-size:10.5px !important;
        line-height:1.15 !important;
      }
    }



    /* ===== STORY INLINE FINAL: match city chip colors and C-type top-read spacing ===== */
    body.storyPage #storyTopReadStories .storyPageMiniStory.topReadPanelCardC,
    body.storyPage #topReadStories .storyPageMiniStory.topReadPanelCardC{
      display:block !important;
      width:100% !important;
      min-height:0 !important;
      padding:13px 14px !important;
      border:1px solid rgba(17,17,17,.085) !important;
      border-radius:14px !important;
      background:#fff !important;
      color:#202226 !important;
      text-decoration:none !important;
      overflow:hidden !important;
      box-shadow:none !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelBadges,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelBadges{
      display:flex !important;
      flex-wrap:wrap !important;
      align-items:center !important;
      gap:7px !important;
      margin:0 0 9px !important;
      padding:0 !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:5px !important;
      width:auto !important;
      max-width:100% !important;
      padding:5px 10px !important;
      border-radius:999px !important;
      border:1px solid #ffd7bf !important;
      background:#fff7f1 !important;
      color:#ff6a00 !important;
      font-size:12px !important;
      font-weight:900 !important;
      line-height:1.05 !important;
      white-space:nowrap !important;
      text-decoration:none !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip--read,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip--read{
      border-color:rgba(17,24,39,.10) !important;
      background:#f7f7f5 !important;
      color:#51555d !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelTitle,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelTitle,
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniTitle,
    body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniTitle{
      display:block !important;
      margin:0 0 6px !important;
      color:#202226 !important;
      font-size:14.5px !important;
      font-weight:900 !important;
      line-height:1.2 !important;
      white-space:normal !important;
      overflow:visible !important;
      text-overflow:clip !important;
      text-decoration:none !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelMetaLine,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelMetaLine,
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniMeta,
    body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniMeta{
      display:block !important;
      margin:0 !important;
      color:#6b7280 !important;
      font-size:11.5px !important;
      font-weight:750 !important;
      line-height:1.2 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      text-decoration:none !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelMetric,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelMetric,
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniExcerpt,
    body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniExcerpt,
    body.storyPage #storyTopReadStories .topReadPanelCardC > .badge,
    body.storyPage #topReadStories .topReadPanelCardC > .badge{
      display:none !important;
    }

    @media (max-width: 760px){
      body.storyPage #storyTopReadStories .storyPageMiniStory.topReadPanelCardC,
      body.storyPage #topReadStories .storyPageMiniStory.topReadPanelCardC{
        padding:10px 10px !important;
        border-radius:12px !important;
      }

      body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelBadges,
      body.storyPage #topReadStories .topReadPanelCardC .topReadPanelBadges{
        gap:5px !important;
        margin-bottom:7px !important;
      }

      body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip,
      body.storyPage #topReadStories .topReadPanelCardC .storyChip{
        padding:4px 7px !important;
        font-size:10.5px !important;
        gap:3px !important;
      }

      body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelTitle,
      body.storyPage #topReadStories .topReadPanelCardC .topReadPanelTitle,
      body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniTitle,
      body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniTitle{
        margin-bottom:4px !important;
        font-size:13px !important;
        line-height:1.16 !important;
      }

      body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelMetaLine,
      body.storyPage #topReadStories .topReadPanelCardC .topReadPanelMetaLine,
      body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniMeta,
      body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniMeta{
        font-size:10.5px !important;
        line-height:1.15 !important;
      }
    }


    /* ===== STORY INLINE ABSOLUTE FINAL: CHIP ROLE COLOR LOCK =====
       theme.css yuklendikten sonra story.html ic stilleri daha sonra geldigi icin,
       ayni renk standardi burada da en sonda kilitlenir. */
    body.storyPage #storyTopReadStories .storyChip,
    body.storyPage #topReadStories .storyChip,
    body.storyPage .storyPageCard .storyChip,
    body.storyPage .storyPageMiniStory .storyChip,
    body.storyPage #storyTopReadStories .storyChip--genre,
    body.storyPage #topReadStories .storyChip--genre,
    body.storyPage .storyPageCard .storyChip--genre,
    body.storyPage .storyPageMiniStory .storyChip--genre,
    body.storyPage #storyTopReadStories .storyChip--vehicle,
    body.storyPage #topReadStories .storyChip--vehicle,
    body.storyPage .storyPageCard .storyChip--vehicle,
    body.storyPage .storyPageMiniStory .storyChip--vehicle{
      border-color:#fed7aa !important;
      background:#fff7ed !important;
      color:#f97316 !important;
    }

    body.storyPage #storyTopReadStories .storyChip--read,
    body.storyPage #topReadStories .storyChip--read,
    body.storyPage .storyPageCard .storyChip--read,
    body.storyPage .storyPageMiniStory .storyChip--read{
      border-color:#e5e7eb !important;
      background:#fafafa !important;
      color:#4b5563 !important;
    }


    /* ===== STORY INLINE FINAL OVERRIDE: same chip role colors as theme.css =====
       story.html ic style theme.css'ten sonra geldigi icin burada da kilitlenir. */
    body.storyPage .cardBadges > .storyChip,
    body.storyPage .topReadPanelBadges > .storyChip,
    body.storyPage .storyDetailCard .storyChip,
    body.storyPage .storyPageCard .storyChip,
    body.storyPage .storyPageMiniStory .storyChip,
    body.storyPage .storyPageSideCard .storyChip,
    body.storyPage .topReadPanelCardC .storyChip{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:5px !important;
      padding:5px 10px !important;
      border-radius:999px !important;
      border:1px solid #fed7aa !important;
      background:#fff7ed !important;
      color:#f97316 !important;
      font-size:12px !important;
      font-weight:800 !important;
      line-height:1.05 !important;
      white-space:nowrap !important;
      text-decoration:none !important;
      box-shadow:none !important;
    }

    body.storyPage .storyChip--genre,
    body.storyPage .storyChip--vehicle,
    body.storyPage .cardBadges > .storyChip:nth-child(1),
    body.storyPage .cardBadges > .storyChip:nth-child(2),
    body.storyPage .topReadPanelBadges > .storyChip:nth-child(1),
    body.storyPage .topReadPanelBadges > .storyChip:nth-child(2){
      border-color:#fed7aa !important;
      background:#fff7ed !important;
      color:#f97316 !important;
    }

    body.storyPage .storyChip--read,
    body.storyPage .cardBadges > .storyChip:nth-child(3),
    body.storyPage .topReadPanelBadges > .storyChip:nth-child(3){
      border-color:#e5e7eb !important;
      background:#fafafa !important;
      color:#4b5563 !important;
    }

    body.storyPage .topReadPanelCardC .topReadPanelBadges{
      display:flex !important;
      flex-wrap:wrap !important;
      align-items:center !important;
      gap:7px !important;
      margin:0 0 9px !important;
      padding:0 !important;
    }

    @media (max-width:760px){
      body.storyPage .cardBadges > .storyChip,
      body.storyPage .topReadPanelBadges > .storyChip,
      body.storyPage .storyDetailCard .storyChip,
      body.storyPage .storyPageCard .storyChip,
      body.storyPage .storyPageMiniStory .storyChip,
      body.storyPage .storyPageSideCard .storyChip,
      body.storyPage .topReadPanelCardC .storyChip{
        padding:4px 8px !important;
        font-size:10.5px !important;
        gap:4px !important;
      }

      body.storyPage .topReadPanelCardC .topReadPanelBadges{
        gap:5px !important;
        margin-bottom:7px !important;
      }
    }


    /* ===== STORY INLINE 44A FINAL: same chip role colors after inline CSS ===== */
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip--genre,
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip--vehicle,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip--genre,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip--vehicle,
    body.storyPage .storyDetailCard .storyChip--genre,
    body.storyPage .storyDetailCard .storyChip--vehicle,
    body.storyPage .storyPageCard .storyChip--genre,
    body.storyPage .storyPageCard .storyChip--vehicle,
    body.storyPage .storyPageMiniStory .storyChip--genre,
    body.storyPage .storyPageMiniStory .storyChip--vehicle{
      border-color:#fed7aa !important;
      background:#fff7ed !important;
      color:#f97316 !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip--read,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip--read,
    body.storyPage .storyDetailCard .storyChip--read,
    body.storyPage .storyPageCard .storyChip--read,
    body.storyPage .storyPageMiniStory .storyChip--read{
      border-color:#e5e7eb !important;
      background:#fafafa !important;
      color:#4b5563 !important;
    }

    body.storyPage .topReadPanelBadges > .storyChip:nth-child(1),
    body.storyPage .topReadPanelBadges > .storyChip:nth-child(2),
    body.storyPage .cardBadges > .storyChip:nth-child(1),
    body.storyPage .cardBadges > .storyChip:nth-child(2){
      border-color:#fed7aa !important;
      background:#fff7ed !important;
      color:#f97316 !important;
    }

    body.storyPage .topReadPanelBadges > .storyChip:nth-child(3),
    body.storyPage .cardBadges > .storyChip:nth-child(3){
      border-color:#e5e7eb !important;
      background:#fafafa !important;
      color:#4b5563 !important;
    }




    /* ===== STORY INLINE 44B FINAL: vehicle bridge color lock =====
       Story ic stilleri theme.css'ten sonra geldigi icin ayni rol renkleri burada son kez kilitlenir. */
    body.storyPage .storyChip--genre,
    body.storyPage .cardBadges > .storyChip:nth-child(1),
    body.storyPage .topReadPanelBadges > .storyChip:nth-child(1){
      border-color:#fed7aa !important;
      background:#fff7ed !important;
      color:#f97316 !important;
    }

    body.storyPage .storyChip--vehicle,
    body.storyPage .cardBadges > .storyChip:nth-child(2),
    body.storyPage .topReadPanelBadges > .storyChip:nth-child(2){
      border-color:#fde3c0 !important;
      background:#fffaf3 !important;
      color:#b45309 !important;
    }

    body.storyPage .storyChip--read,
    body.storyPage .cardBadges > .storyChip:nth-child(3),
    body.storyPage .topReadPanelBadges > .storyChip:nth-child(3){
      border-color:#e5e7eb !important;
      background:#fafafa !important;
      color:#4b5563 !important;
    }


    /* ===== STORY INLINE 44C ABSOLUTE FIX: match index/city chip colors =====
       Only story page chip colors and story top-read C cards are locked here.
       Layout/header/search/comment/ad structures are intentionally untouched. */
    body.storyPage #storyTopReadStories .storyPageMiniStory.topReadPanelRow.topReadPanelCardC,
    body.storyPage #topReadStories .storyPageMiniStory.topReadPanelRow.topReadPanelCardC,
    body.storyPage #storyTopReadStories .storyPageMiniStory.topReadPanelCardC,
    body.storyPage #topReadStories .storyPageMiniStory.topReadPanelCardC{
      display:block !important;
      width:100% !important;
      min-height:0 !important;
      padding:12px 13px !important;
      border:1px solid rgba(17,17,17,.085) !important;
      border-radius:14px !important;
      background:#fff !important;
      color:#202226 !important;
      text-decoration:none !important;
      box-shadow:none !important;
      overflow:hidden !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelBadges,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelBadges,
    body.storyPage #storyTopReadStories .topReadPanelRow.topReadPanelCardC .topReadPanelBadges,
    body.storyPage #topReadStories .topReadPanelRow.topReadPanelCardC .topReadPanelBadges{
      display:flex !important;
      flex-wrap:wrap !important;
      align-items:center !important;
      gap:7px !important;
      margin:0 0 8px !important;
      padding:0 !important;
    }

    body.storyPage .storyChip,
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip,
    body.storyPage #storyTopReadStories .topReadPanelRow.topReadPanelCardC .storyChip,
    body.storyPage #topReadStories .topReadPanelRow.topReadPanelCardC .storyChip,
    body.storyPage .storyDetailCard .storyChip,
    body.storyPage .storyPageCard .storyChip,
    body.storyPage .storyPageMiniStory .storyChip,
    body.storyPage .cardBadges > .storyChip,
    body.storyPage .topReadPanelBadges > .storyChip{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:5px !important;
      width:auto !important;
      max-width:100% !important;
      min-width:0 !important;
      min-height:0 !important;
      padding:5px 9px !important;
      border-radius:999px !important;
      font-size:11.5px !important;
      font-weight:850 !important;
      line-height:1.05 !important;
      white-space:nowrap !important;
      text-decoration:none !important;
      box-shadow:none !important;
    }

    body.storyPage .storyChip--genre,
    body.storyPage .cardBadges > .storyChip:nth-child(1),
    body.storyPage .topReadPanelBadges > .storyChip:nth-child(1),
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip--genre,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip--genre,
    body.storyPage #storyTopReadStories .topReadPanelRow.topReadPanelCardC .storyChip--genre,
    body.storyPage #topReadStories .topReadPanelRow.topReadPanelCardC .storyChip--genre{
      border:1px solid #fed7aa !important;
      background:#fff7ed !important;
      color:#f97316 !important;
    }

    body.storyPage .storyChip--vehicle,
    body.storyPage .cardBadges > .storyChip:nth-child(2),
    body.storyPage .topReadPanelBadges > .storyChip:nth-child(2),
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip--vehicle,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip--vehicle,
    body.storyPage #storyTopReadStories .topReadPanelRow.topReadPanelCardC .storyChip--vehicle,
    body.storyPage #topReadStories .topReadPanelRow.topReadPanelCardC .storyChip--vehicle{
      border:1px solid #fde3c0 !important;
      background:#fffaf3 !important;
      color:#b45309 !important;
    }

    body.storyPage .storyChip--read,
    body.storyPage .cardBadges > .storyChip:nth-child(3),
    body.storyPage .topReadPanelBadges > .storyChip:nth-child(3),
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip--read,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip--read,
    body.storyPage #storyTopReadStories .topReadPanelRow.topReadPanelCardC .storyChip--read,
    body.storyPage #topReadStories .topReadPanelRow.topReadPanelCardC .storyChip--read{
      border:1px solid #e5e7eb !important;
      background:#fafafa !important;
      color:#4b5563 !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelTitle,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelTitle,
    body.storyPage #storyTopReadStories .topReadPanelRow.topReadPanelCardC .topReadPanelTitle,
    body.storyPage #topReadStories .topReadPanelRow.topReadPanelCardC .topReadPanelTitle,
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniTitle,
    body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniTitle{
      display:block !important;
      margin:0 0 6px !important;
      color:#202226 !important;
      font-size:14.5px !important;
      font-weight:900 !important;
      line-height:1.2 !important;
      white-space:normal !important;
      overflow:visible !important;
      text-overflow:clip !important;
      text-decoration:none !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelMetaLine,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelMetaLine,
    body.storyPage #storyTopReadStories .topReadPanelRow.topReadPanelCardC .topReadPanelMetaLine,
    body.storyPage #topReadStories .topReadPanelRow.topReadPanelCardC .topReadPanelMetaLine,
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniMeta,
    body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniMeta{
      display:block !important;
      margin:0 !important;
      color:#6b7280 !important;
      font-size:11.5px !important;
      font-weight:750 !important;
      line-height:1.2 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      text-decoration:none !important;
    }

    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelMetric,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelMetric,
    body.storyPage #storyTopReadStories .topReadPanelRow.topReadPanelCardC .topReadPanelMetric,
    body.storyPage #topReadStories .topReadPanelRow.topReadPanelCardC .topReadPanelMetric,
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyPageMiniExcerpt,
    body.storyPage #topReadStories .topReadPanelCardC .storyPageMiniExcerpt,
    body.storyPage #storyTopReadStories .topReadPanelCardC > .badge,
    body.storyPage #topReadStories .topReadPanelCardC > .badge{
      display:none !important;
    }

    @media (max-width:760px){
      body.storyPage .storyChip,
      body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip,
      body.storyPage #topReadStories .topReadPanelCardC .storyChip,
      body.storyPage .storyPageMiniStory .storyChip,
      body.storyPage .cardBadges > .storyChip,
      body.storyPage .topReadPanelBadges > .storyChip{
        padding:4px 7px !important;
        font-size:10.5px !important;
        gap:3px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory.topReadPanelRow.topReadPanelCardC,
      body.storyPage #topReadStories .storyPageMiniStory.topReadPanelRow.topReadPanelCardC,
      body.storyPage #storyTopReadStories .storyPageMiniStory.topReadPanelCardC,
      body.storyPage #topReadStories .storyPageMiniStory.topReadPanelCardC{
        padding:10px 10px !important;
        border-radius:12px !important;
      }
    }


    /* ===== PC-TABLET 45 STORY INLINE: top read C-card chip density only ===== */
    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelBadges,
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelBadges{
      display:flex !important;
      align-items:center !important;
      flex-wrap:wrap !important;
      gap:5px !important;
      margin:0 0 7px !important;
      padding:0 !important;
    }
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip{
      min-height:0 !important;
      height:auto !important;
      width:auto !important;
      max-width:100% !important;
      padding:3px 7px !important;
      gap:3px !important;
      border-radius:999px !important;
      font-size:10.5px !important;
      line-height:1.15 !important;
      font-weight:800 !important;
      white-space:nowrap !important;
    }
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip--genre,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip--genre,
    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelBadges > .storyChip:nth-child(1),
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelBadges > .storyChip:nth-child(1){
      border-color:#fed7aa !important;
      background:#fff7ed !important;
      color:#f97316 !important;
    }
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip--vehicle,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip--vehicle,
    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelBadges > .storyChip:nth-child(2),
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelBadges > .storyChip:nth-child(2){
      border-color:#fde3c0 !important;
      background:#fffaf3 !important;
      color:#b45309 !important;
    }
    body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip--read,
    body.storyPage #topReadStories .topReadPanelCardC .storyChip--read,
    body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelBadges > .storyChip:nth-child(3),
    body.storyPage #topReadStories .topReadPanelCardC .topReadPanelBadges > .storyChip:nth-child(3){
      border-color:#e5e7eb !important;
      background:#fafafa !important;
      color:#4b5563 !important;
    }
    @media (max-width:760px){
      body.storyPage #storyTopReadStories .topReadPanelCardC .topReadPanelBadges,
      body.storyPage #topReadStories .topReadPanelCardC .topReadPanelBadges{
        gap:4px !important;
        margin-bottom:6px !important;
      }
      body.storyPage #storyTopReadStories .topReadPanelCardC .storyChip,
      body.storyPage #topReadStories .topReadPanelCardC .storyChip{
        padding:3px 6px !important;
        font-size:10px !important;
        gap:3px !important;
      }
    }

    /* ===== AŞAMA 56: Story detay başlığı sakinleştirme =====
       theme.css haricinde story.html içi inline CSS de başlığı etkilediği için burada son override uygulanır. */
    body.storyPage .storyPageTitle,
    body.storyPage .storyPageMainCard .storyPageTitle{
      font-size:30px !important;
      line-height:1.12 !important;
      font-weight:760 !important;
      letter-spacing:-0.026em !important;
      text-transform:none !important;
    }

    @media (max-width:1024px){
      body.storyPage .storyPageTitle,
      body.storyPage .storyPageMainCard .storyPageTitle{
        font-size:27px !important;
        line-height:1.14 !important;
      }
    }

    @media (max-width:760px){
      body.storyPage .storyPageTitle,
      body.storyPage .storyPageMainCard .storyPageTitle{
        font-size:24px !important;
        line-height:1.16 !important;
      }
    }


    /* ===== AŞAMA 124: Story mobil final boşluk override =====
       story.html iç CSS'i theme.css'ten sonra geldiği için mobilde son söz burada. */
    @media (max-width:760px){
      body.storyPage #storyTopReadStories,
      body.storyPage #storyTopWrittenCities,
      body.storyPage .storyPageSideBody{
        min-height:0 !important;
        height:auto !important;
        max-height:none !important;
        align-content:start !important;
      }

      body.storyPage .storyPageSideCard,
      body.storyPage .storyPageSideStack{
        min-height:0 !important;
        height:auto !important;
      }

      body.storyPage .storyPageSideStack{
        position:static !important;
        top:auto !important;
        gap:12px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniStory,
      body.storyPage #storyTopReadStories .topReadPanelCardC,
      body.storyPage #topReadStories .storyPageMiniStory,
      body.storyPage #topReadStories .topReadPanelCardC{
        min-height:0 !important;
        height:auto !important;
        max-height:none !important;
        padding:10px 11px !important;
        border-radius:13px !important;
      }

      body.storyPage #storyTopReadStories .storyPageMiniExcerpt,
      body.storyPage #topReadStories .storyPageMiniExcerpt{
        min-height:0 !important;
        height:auto !important;
        margin:0 !important;
      }

      body.storyPage #storyTopWrittenCities .storyPageCityRow{
        min-height:36px !important;
        height:auto !important;
        padding:7px 9px !important;
        border-radius:10px !important;
      }
    }