/* Daneshgaran blog article shared styles — Phase 5 */


/* Source: accounting-services-iran-foreign-companies.php / style block 1 */
/* ===== Blog Post (theme-aligned, compact) ===== */
  .blog-post { max-width: 1280px; margin: 0 auto; padding: 4rem 2rem 5rem; }
  .blog-wrap { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-top: 1.25rem; }

  .last-updated { margin: .5rem 0 1.25rem; color: #5b6470; font-size: .95rem; }

  .blog-lead { color: #d1d5db; font-size: 1.05rem; line-height: 1.85; margin: 0 0 1.25rem; text-align: justify; text-justify: inter-word; hyphens: auto; }
  .muted { color: #9ca3af; }

  .toc {
    background: #111;
    border-radius: 1rem;
    padding: 1.25rem 1.25rem 1rem;
    border-left: 6px solid transparent;
    border-image: linear-gradient(180deg,#1fcff1,#234cb6) 1;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    margin: 1.25rem 0 1.5rem;
  }
  .toc h2 { margin: 0 0 .65rem; font-size: 1.1rem; color: #fff; font-weight: 800; letter-spacing: .02em; }
  .toc ul { margin: 0; padding-left: 1.1rem; color: #d1d5db; line-height: 1.8; }
  .toc a { color: #e6eef8; text-decoration: none; }
  .toc a:hover { text-decoration: underline; }

  .callout {
    background: #111;
    border-radius: 1rem;
    padding: 1.5rem 1.5rem 1.25rem;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    border-left: 6px solid transparent;
    border-image: linear-gradient(180deg,#19fb9b,#005f59) 1;
    margin: 1.25rem 0 1.5rem;
  }
  .callout h2 { margin: 0 0 .75rem; font-size: 1.25rem; color: #fff; font-weight: 800; }
  .callout ul { margin: .25rem 0 0 1.1rem; color: #d1d5db; line-height: 1.8; }
  .callout .badge { display: inline-flex; align-items: center; gap: .4rem; padding: .25rem .6rem; border-radius: 999px; font-size: .8rem; border: 1px solid rgba(25,251,155,.35); background: rgba(25,251,155,.10); color: #e6eef8; }

  .section-card {
    background: #111;
    border-radius: 1rem;
    padding: 1.6rem 1.6rem 1.15rem;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    border-left: 6px solid transparent;
    border-image: linear-gradient(180deg,#8d70de,#dc1fff) 1;
    margin: 1.25rem 0 1.5rem;
  }
  .section-card h2 {
    margin: 0 0 .9rem;
    font-size: 1.55rem;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: .2px;
    background: linear-gradient(202deg,#fff,#1fcff1 45%,#8d70de 80%,#fff);
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
  .section-card h3 {
    margin: 1.05rem 0 .45rem;
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #e6eef8;
    display: flex; align-items: center; gap: .65rem;
  }
  .section-card h3::before {
    content:"";
    width: 10px; height: 10px; border-radius: 999px;
    background: linear-gradient(180deg,#1fcff1,#234cb6);
    box-shadow: 0 0 0 3px rgba(31,207,241,.12);
  }
  .section-card p { margin: 0 0 1rem; color: #d1d5db; line-height: 1.95; font-size: 1.02rem; text-align: justify; text-justify: inter-word; hyphens: auto; }
  .section-card ul { margin: .25rem 0 1rem 1.1rem; color: #d1d5db; line-height: 1.85; }
  .section-card li { margin: .25rem 0; }
  .section-card a { color: #e6eef8; text-decoration: underline; text-underline-offset: 2px; }

  .mini-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0 1.1rem; }
  .mini-card { border: 1px solid rgba(255,255,255,.10); border-radius: .95rem; padding: 1rem; background: rgba(255,255,255,.025); }
  .mini-card strong { display: block; color: #fff; margin-bottom: .35rem; font-size: .98rem; }
  .mini-card span { color: #d1d5db; line-height: 1.65; font-size: .95rem; }

  .faq { margin-top: 1.1rem; }
  .faq details { border: 1px solid rgba(255,255,255,.10); border-radius: .9rem; padding: .9rem 1rem; background: rgba(255,255,255,.02); }
  .faq details + details { margin-top: .75rem; }
  .faq summary { cursor: pointer; color: #e6eef8; font-weight: 700; }
  .faq summary::-webkit-details-marker { display:none; }
  .faq summary::before { content: "▸"; display: inline-block; margin-right: .6rem; transition: transform .2s ease; }
  .faq details[open] summary::before { transform: rotate(90deg); }
  .faq p { margin: .75rem 0 0; }

  .sources { font-size: .98rem; }
  .sources a { color: #e6eef8; text-decoration: underline; text-underline-offset: 2px; }

  @media (max-width: 980px) {
    .blog-post { padding: 3.25rem 1.25rem 4rem; }
    .mini-grid { grid-template-columns: 1fr; }
  }


/* Source: company-registration-iran-foreign-investors.php / style block 1 */
/* ===== Blog Post (theme-aligned, compact) ===== */
  .blog-post { max-width: 1280px; margin: 0 auto; padding: 4rem 2rem 5rem; }
  .blog-wrap { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-top: 1.25rem; }

  .last-updated { margin: .5rem 0 1.25rem; color: #5b6470; font-size: .95rem; }

  .blog-lead { color: #d1d5db; font-size: 1.05rem; line-height: 1.85; margin: 0 0 1.25rem; text-align: justify; text-justify: inter-word; hyphens: auto; }
  .muted { color: #9ca3af; }

  .toc {
    background: #111;
    border-radius: 1rem;
    padding: 1.25rem 1.25rem 1rem;
    border-left: 6px solid transparent;
    border-image: linear-gradient(180deg,#1fcff1,#234cb6) 1;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    margin: 1.25rem 0 1.5rem;
  }
  .toc h2 { margin: 0 0 .65rem; font-size: 1.1rem; color: #fff; font-weight: 800; letter-spacing: .02em; }
  .toc ul { margin: 0; padding-left: 1.1rem; color: #d1d5db; line-height: 1.8; }
  .toc a { color: #e6eef8; text-decoration: none; }
  .toc a:hover { text-decoration: underline; }

  .callout {
    background: #111;
    border-radius: 1rem;
    padding: 1.5rem 1.5rem 1.25rem;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    border-left: 6px solid transparent;
    border-image: linear-gradient(180deg,#19fb9b,#005f59) 1;
    margin: 1.25rem 0 1.5rem;
  }
  .callout h2 { margin: 0 0 .75rem; font-size: 1.25rem; color: #fff; font-weight: 800; }
  .callout ul { margin: .25rem 0 0 1.1rem; color: #d1d5db; line-height: 1.8; }
  .callout .badge { display: inline-flex; align-items: center; gap: .4rem; padding: .25rem .6rem; border-radius: 999px; font-size: .8rem; border: 1px solid rgba(25,251,155,.35); background: rgba(25,251,155,.10); color: #e6eef8; }

  .section-card {
    background: #111;
    border-radius: 1rem;
    padding: 1.6rem 1.6rem 1.15rem;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
    border-left: 6px solid transparent;
    border-image: linear-gradient(180deg,#8d70de,#dc1fff) 1;
    margin: 1.25rem 0 1.5rem;
  }
  .section-card h2 {
    margin: 0 0 .9rem;
    font-size: 1.55rem;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: .2px;
    background: linear-gradient(202deg,#fff,#1fcff1 45%,#8d70de 80%,#fff);
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
  .section-card h3 {
    margin: 1.05rem 0 .45rem;
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #e6eef8;
    display: flex; align-items: center; gap: .65rem;
  }
  .section-card h3::before {
    content:"";
    width: 10px; height: 10px; border-radius: 999px;
    background: linear-gradient(180deg,#1fcff1,#234cb6);
    box-shadow: 0 0 0 3px rgba(31,207,241,.12);
  }
  .section-card p { margin: 0 0 1rem; color: #d1d5db; line-height: 1.95; font-size: 1.02rem; text-align: justify; text-justify: inter-word; hyphens: auto; }
  .section-card ul { margin: .25rem 0 1rem 1.1rem; color: #d1d5db; line-height: 1.85; }
  .section-card li { margin: .25rem 0; }
  .section-card a { color: #e6eef8; text-decoration: underline; text-underline-offset: 2px; }

  .mini-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0 1.1rem; }
  .mini-card { border: 1px solid rgba(255,255,255,.10); border-radius: .95rem; padding: 1rem; background: rgba(255,255,255,.025); }
  .mini-card strong { display: block; color: #fff; margin-bottom: .35rem; font-size: .98rem; }
  .mini-card span { color: #d1d5db; line-height: 1.65; font-size: .95rem; }

  .compare-table { width: 100%; border-collapse: collapse; margin: 1rem 0 1.1rem; overflow: hidden; border-radius: .9rem; }
  .compare-table th, .compare-table td { border: 1px solid rgba(255,255,255,.10); padding: .85rem; color: #d1d5db; vertical-align: top; line-height: 1.65; }
  .compare-table th { color: #fff; background: rgba(255,255,255,.05); text-align: left; }

  .faq { margin-top: 1.1rem; }
  .faq details { border: 1px solid rgba(255,255,255,.10); border-radius: .9rem; padding: .9rem 1rem; background: rgba(255,255,255,.02); }
  .faq details + details { margin-top: .75rem; }
  .faq summary { cursor: pointer; color: #e6eef8; font-weight: 700; }
  .faq summary::-webkit-details-marker { display:none; }
  .faq summary::before { content: "▸"; display: inline-block; margin-right: .6rem; transition: transform .2s ease; }
  .faq details[open] summary::before { transform: rotate(90deg); }
  .faq p { margin: .75rem 0 0; }

  .sources { font-size: .98rem; }
  .sources a { color: #e6eef8; text-decoration: underline; text-underline-offset: 2px; }

  @media (max-width: 980px) {
    .blog-post { padding: 3.25rem 1.25rem 4rem; }
    .mini-grid { grid-template-columns: 1fr; }
    .compare-table { display: block; overflow-x: auto; }
  }


/* Source: iran-electronic-commercial-books-upload-guide.php / style block 1 */
/* ===== Blog Post (theme-aligned, compact) ===== */
    .blog-post { max-width: 1280px; margin: 0 auto; padding: 4rem 2rem 5rem; }
    .blog-wrap { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-top: 1.25rem; }

    .last-updated { margin: .5rem 0 1.25rem; color: #5b6470; font-size: .95rem; }

    .blog-lead { color: #d1d5db; font-size: 1.05rem; line-height: 1.85; margin: 0 0 1.25rem; text-align: justify; text-justify: inter-word; hyphens: auto; }
    .muted { color: #9ca3af; }

    .toc {
      background: #111;
      border-radius: 1rem;
      padding: 1.25rem 1.25rem 1rem;
      border-left: 6px solid transparent;
      border-image: linear-gradient(180deg,#1fcff1,#234cb6) 1;
      box-shadow: 0 0 15px rgba(0,0,0,.5);
      margin: 1.25rem 0 1.5rem;
    }
    .toc h2 { margin: 0 0 .65rem; font-size: 1.1rem; color: #fff; font-weight: 800; letter-spacing: .02em; }
    .toc ul { margin: 0; padding-left: 1.1rem; color: #d1d5db; line-height: 1.8; }
    .toc a { color: #e6eef8; text-decoration: none; }
    .toc a:hover { text-decoration: underline; }

    .callout {
      background: #111;
      border-radius: 1rem;
      padding: 1.5rem 1.5rem 1.25rem;
      box-shadow: 0 0 15px rgba(0,0,0,.5);
      border-left: 6px solid transparent;
      border-image: linear-gradient(180deg,#19fb9b,#005f59) 1;
      margin: 1.25rem 0 1.5rem;
    }
    .callout h2 { margin: 0 0 .75rem; font-size: 1.25rem; color: #fff; font-weight: 800; }
    .callout ul { margin: .25rem 0 0 1.1rem; color: #d1d5db; line-height: 1.8; }
    .callout .badge { display: inline-flex; align-items: center; gap: .4rem; padding: .25rem .6rem; border-radius: 999px; font-size: .8rem; border: 1px solid rgba(25,251,155,.35); background: rgba(25,251,155,.10); color: #e6eef8; }

    .section-card {
      background: #111;
      border-radius: 1rem;
      padding: 1.6rem 1.6rem 1.15rem;
      box-shadow: 0 0 15px rgba(0,0,0,.5);
      border-left: 6px solid transparent;
      border-image: linear-gradient(180deg,#8d70de,#dc1fff) 1;
      margin: 1.25rem 0 1.5rem;
    }
    .section-card h2 {
      margin: 0 0 .9rem;
      font-size: 1.55rem;
      line-height: 1.25;
      font-weight: 900;
      letter-spacing: .2px;
      background: linear-gradient(202deg,#fff,#1fcff1 45%,#8d70de 80%,#fff);
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .section-card h3 {
      margin: 1.05rem 0 .45rem;
      font-size: .95rem;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: #e6eef8;
      display: flex; align-items: center; gap: .65rem;
    }
    .section-card h3::before {
      content:"";
      width: 10px; height: 10px; border-radius: 999px;
      background: linear-gradient(180deg,#1fcff1,#234cb6);
      box-shadow: 0 0 0 3px rgba(31,207,241,.12);
    }
    .section-card p { margin: 0 0 1rem; color: #d1d5db; line-height: 1.95; font-size: 1.02rem; text-align: justify; text-justify: inter-word; hyphens: auto; }
    .section-card ul { margin: .25rem 0 1rem 1.1rem; color: #d1d5db; line-height: 1.85; }
    .section-card li { margin: .25rem 0; }

    .faq { margin-top: 1.1rem; }
    .faq details { border: 1px solid rgba(255,255,255,.10); border-radius: .9rem; padding: .9rem 1rem; background: rgba(255,255,255,.02); }
    .faq details + details { margin-top: .75rem; }
    .faq summary { cursor: pointer; color: #e6eef8; font-weight: 700; }
    .faq summary::-webkit-details-marker { display:none; }
    .faq summary::before { content: "▸"; display: inline-block; margin-right: .6rem; transition: transform .2s ease; }
    .faq details[open] summary::before { transform: rotate(90deg); }
    .faq p { margin: .75rem 0 0; }

    .sources { font-size: .98rem; }
    .sources a { color: #e6eef8; text-decoration: underline; text-underline-offset: 2px; }

    @media (max-width: 980px) {
      .blog-post { padding: 3.25rem 1.25rem 4rem; }
    }


/* Source: iran-electronic-statutory-books-upload-deadlines.php / style block 1 */
/* ===== Blog Post (theme-aligned) ===== */
.blog-post{max-width:1280px;margin:0 auto;padding:4rem 2rem 5rem;}
.blog-wrap{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:1.5rem;}
@media (max-width:980px){.blog-wrap{grid-template-columns:1fr;}}
.blog-lead{color:#d1d5db;font-size:1.05rem;line-height:1.85;margin:0 0 1.25rem;text-align:justify;text-justify:inter-word;hyphens:auto;}
.muted{color:#9ca3af;}
.blog-cards{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem;margin:1.25rem 0 1.5rem;}
@media (max-width:980px){.blog-cards{grid-template-columns:1fr;}}
.blog-card{background:#111;border-radius:1rem;padding:1.5rem 1.5rem 1.25rem 1.25rem;box-shadow:0 0 15px rgba(0,0,0,.5);border-left:6px solid transparent;transition:transform .2s ease,box-shadow .2s ease;}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 0 20px rgba(0,0,0,.7);}
.blog-card h3{margin:0 0 .65rem;font-size:1.25rem;color:#fff;font-weight:700;}
.blog-card p,.blog-card li{color:#d1d5db;line-height:1.7;}
.blog-card ul{margin:.25rem 0 0 1.1rem;}
.blog-note{margin:.75rem 0 0;color:#9ca3af;font-size:.95rem;}
.blog-card--purple{border-image:linear-gradient(180deg,#8d70de,#dc1fff) 1;}
.blog-card--blue{border-image:linear-gradient(180deg,#1fcff1,#234cb6) 1;}
.blog-card--green{border-image:linear-gradient(180deg,#19fb9b,#005f59) 1;}
.blog-card--gold{border-image:linear-gradient(180deg,#facc15,#f97316) 1;}
.blog-kpi{margin:.2rem 0 0;}

/* Date pair: Iranian calendar on first line, Gregorian on the next line */
.date-stack{display:flex;flex-direction:column;gap:4px;line-height:1.25;}
.date-sh{font-weight:700;}
.date-gr{color:#9ca3af;font-size:.9em;}
.date-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}

.blog-kpi__sh{font-size:1.35rem;font-weight:700;background:linear-gradient(202deg,#fff,#9573de 53%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.blog-kpi__gr{color:#9ca3af;}
.blog-table-card{background:#111;border-radius:1rem;padding:1.5rem 1.5rem 1.25rem 1.25rem;box-shadow:0 0 15px rgba(0,0,0,.5);border-left:6px solid transparent;border-image:linear-gradient(180deg,#8d70de,#dc1fff) 1;}
.blog-table-card h3{margin:0 0 1rem;font-size:1.25rem;color:#fff;font-weight:700;}
.blog-table-scroll{overflow:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08);}
.blog-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px;}
.blog-table thead th{position:sticky;top:0;background:rgba(13,11,26,.85);backdrop-filter:blur(8px);color:#e6eef8;text-align:left;font-size:.95rem;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);}
.blog-table tbody td{padding:12px 14px;color:#d1d5db;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top;}
.blog-table tbody tr:hover td{background:rgba(255,255,255,.03);}
.blog-footnote{margin:1rem 0 0;color:#9ca3af;font-size:.95rem;line-height:1.7;}
.pill{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:9999px;font-size:.8rem;margin-left:.35rem;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#e6eef8;}
.blog-aside{position:relative;}
.blog-sticky{position:sticky;top:92px;}
@media (max-width:980px){.blog-sticky{position:static;}}
.blog-steps{margin:.25rem 0 0 1.1rem;color:#d1d5db;line-height:1.7;}
.blog-format{margin:0;color:#d1d5db;}

/* Blog: small variations for the second table */
.blog-lead--tight{ margin-top: .25rem; margin-bottom: 1.25rem; }
.blog-table--compact{ min-width: 760px; }
.blog-table-card--alt{ border-image: linear-gradient(180deg, #1fcff1, #234cb6) 1; }
.pill--info{ border-color: rgba(31, 207, 241, .35); background: rgba(31, 207, 241, .10); }
.pill--success{ border-color: rgba(25, 251, 155, .35); background: rgba(25, 251, 155, .10); }


/* Intro prose block */
.blog-prose-block{
  max-width:none;
  margin:0 0 1.75rem;
  background:#111;
  border-radius:1rem;
  padding:1.75rem 1.75rem 1.25rem;
  box-shadow:0 0 15px rgba(0,0,0,.5);
  border-left:6px solid transparent;
  border-image:linear-gradient(180deg,#19fb9b,#005f59) 1;
}
.blog-subtitle{margin:0 0 1rem;font-size:1.7rem;line-height:1.25;font-weight:800;letter-spacing:.2px;background:linear-gradient(202deg,#fff,#1fcff1 45%,#8d70de 80%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.blog-h3{margin:1.1rem 0 .5rem;font-size:.95rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e6eef8;display:flex;align-items:center;gap:.65rem;}
.blog-h3::before{content:"";width:10px;height:10px;border-radius:999px;background:linear-gradient(180deg,#1fcff1,#234cb6);box-shadow:0 0 0 3px rgba(31,207,241,.12);}

.blog-paragraph{margin:0 0 1rem;color:#d1d5db;line-height:1.95;font-size:1.02rem;text-align:justify;text-justify:inter-word;hyphens:auto;}
.blog-bullets{margin:.25rem 0 1rem 1.1rem;color:#d1d5db;line-height:1.8;}
.blog-bullets li{margin:.25rem 0;}


/* Semiannual table grouping (1404) */
.blog-table--semiannual td.fy-start{
  vertical-align: middle;
  border-right: 1px solid rgba(255,255,255,.06);
}
.blog-table--semiannual tbody tr.fy-group-start td{
  border-top: 1px solid rgba(255,255,255,.14);
}
.blog-table--semiannual tbody tr.fy-group-start td.fy-start{
  background: rgba(255,255,255,.02);
}
.blog-table--semiannual tbody tr.fy-group-sub td{
  background: rgba(255,255,255,.01);
}

/* ===== HARD OVERRIDE: Center-align all blog table headers + cells ===== */
.blog-table thead th{
  text-align: center !important;
}

.blog-table tbody td{
  text-align: center !important;
}

/* Center the stacked dates (two-line) */
.blog-table .date-stack{
  width: 100%;
  align-items: center !important;
  text-align: center !important;
}

.blog-table .date-line{
  width: 100%;
  justify-content: center !important;
}

/* Ensure rowspan start cells in 1404 table are centered too */
.blog-table--semiannual td.fy-start{
  text-align: center !important;
}


/* ===== Mobile-only tweaks (do not affect desktop/tablet) ===== */
@media (max-width: 640px){
  html, body{overflow-x:hidden;}
  .blog-article{min-width:0;}
  .blog-prose-block,.blog-table-card{min-width:0;max-width:100%;}
  .blog-post{padding:2.25rem 1rem 3rem;}
  .blog-post .main-title{font-size:1.9rem;line-height:1.2;}
  .last-updated{font-size:.9rem;}

  .blog-prose-block{padding:1.25rem 1rem 1rem;}
  .blog-subtitle{font-size:1.35rem;line-height:1.25;}
  .blog-h3{margin:1rem 0 .45rem;font-size:.9rem;}
  .blog-paragraph{font-size:1rem;line-height:1.85;}
  .blog-bullets{margin-left:1.05rem;}

  .blog-table-card{padding:1.1rem 1rem 1rem;}
  .blog-table-card h3{font-size:1.1rem;}

  /* Smooth horizontal scrolling for tables on iOS/Android */
  .blog-table-scroll{-webkit-overflow-scrolling:touch;}

  /* The second table isn't wrapped in .blog-table-scroll; enable horizontal scroll on the card only on mobile */
  .blog-table-card--alt{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .blog-table thead th{font-size:.9rem;padding:10px 10px;}
  .blog-table tbody td{font-size:.9rem;padding:10px 10px;}

  .pill{margin-left:0;margin-top:.25rem;}
  .date-line{gap:6px;}

  .blog-footnote{font-size:.9rem;}
}


/* Source: iran-electronic-statutory-books-upload-deadlines.php / style block 2 */
.last-updated{margin:0.5rem 0 1.25rem;color:#5b6470;font-size:0.95rem}


/* Source: tax-penalty-waiver-circular-90783-extension-93750.php / style block 1 */
body{font-family:"Barlow Condensed",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
    .blog-post{max-width:1280px;margin:0 auto;padding:4rem 2rem 5rem;}
    .blog-wrap{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:1.5rem;}
    .blog-lead{color:#d1d5db;font-size:1.05rem;line-height:1.85;margin:0 0 1.25rem;text-align:justify;text-justify:inter-word;hyphens:auto;}
    .last-updated{margin:.5rem 0 1.25rem;color:#9ca3af;font-size:.95rem}
    .blog-cards{display:grid;grid-template-columns:1.15fr .85fr;gap:1.25rem;margin:1.25rem 0 1.5rem;}
    @media (max-width:980px){.blog-cards{grid-template-columns:1fr;}}
    .blog-card{background:#111;border-radius:1rem;padding:1.5rem 1.5rem 1.25rem;box-shadow:0 0 15px rgba(0,0,0,.5);border-left:6px solid transparent;transition:transform .2s ease,box-shadow .2s ease;}
    .blog-card:hover{transform:translateY(-5px);box-shadow:0 0 20px rgba(0,0,0,.7);}
    .blog-card h3{margin:0 0 .65rem;font-size:1.25rem;color:#fff;font-weight:700;}
    .blog-card p,.blog-card li{color:#d1d5db;line-height:1.7;}
    .blog-card ul{margin:.25rem 0 0 1.1rem;}
    .blog-card--purple{border-image:linear-gradient(180deg,#8d70de,#dc1fff) 1;}
    .blog-card--blue{border-image:linear-gradient(180deg,#1fcff1,#234cb6) 1;}
    .blog-card--green{border-image:linear-gradient(180deg,#19fb9b,#005f59) 1;}
    .blog-card--gold{border-image:linear-gradient(180deg,#facc15,#f97316) 1;}
    .pill{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:9999px;font-size:.82rem;margin-left:.35rem;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#e6eef8;white-space:nowrap;}
    .blog-section{background:#111;border-radius:1rem;padding:1.75rem 1.75rem 1.35rem;box-shadow:0 0 15px rgba(0,0,0,.5);border-left:6px solid transparent;margin:0 0 1.25rem;}
    .blog-section--teal{border-image:linear-gradient(180deg,#19fb9b,#005f59) 1;}
    .blog-section--violet{border-image:linear-gradient(180deg,#8d70de,#dc1fff) 1;}
    .blog-section--blue{border-image:linear-gradient(180deg,#1fcff1,#234cb6) 1;}
    .blog-subtitle{margin:0 0 .85rem;font-size:1.7rem;line-height:1.25;font-weight:800;letter-spacing:.2px;background:linear-gradient(202deg,#fff,#1fcff1 45%,#8d70de 80%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;}
    .blog-paragraph{margin:0 0 1rem;color:#d1d5db;line-height:1.95;font-size:1.02rem;text-align:justify;text-justify:inter-word;hyphens:auto;}
    .blog-bullets{margin:.35rem 0 0 1.1rem;color:#d1d5db;line-height:1.85;}
    .blog-bullets li{margin:.25rem 0;}
    .blog-steps{margin:.25rem 0 0 1.1rem;color:#d1d5db;line-height:1.85;}
    .blog-steps li{margin:.35rem 0;}
    .blog-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin:.75rem 0 0;}
    .btn-soft{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1rem;border-radius:9999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#e6eef8;text-decoration:none;font-weight:700;}
    .btn-soft:hover{background:rgba(255,255,255,.10);}
    .attachments{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:.75rem;}
    @media (max-width:980px){.attachments{grid-template-columns:1fr;}}
    figure.attachment{margin:0;background:#0e0e0e;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;}
    figure.attachment img{width:100%;height:auto;display:block;}
    figure.attachment figcaption{padding:.85rem 1rem;color:#d1d5db;line-height:1.8;font-size:.95rem;border-top:1px solid rgba(255,255,255,.08);}
    .note{margin:.75rem 0 0;color:#9ca3af;font-size:.95rem;line-height:1.8;}
    @media (max-width: 640px){
      .blog-post{padding:2.25rem 1rem 3rem;}
      .blog-post .main-title{font-size:1.9rem;line-height:1.2;}
      .blog-section{padding:1.25rem 1rem 1rem;}
      .blog-subtitle{font-size:1.35rem;}
      .blog-paragraph{font-size:1rem;line-height:1.85;}
    }


/* Phase 5 refinements */
.page-blog .blog-post {
  position: relative;
}
.page-blog .main-title {
  letter-spacing: -0.02em;
  text-wrap: balance;
}
.page-blog .blog-lead,
.page-blog .section-card p,
.page-blog .blog-card p,
.page-blog .blog-paragraph {
  hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}
.page-blog .toc,
.page-blog .callout,
.page-blog .section-card,
.page-blog .blog-card,
.page-blog .blog-section,
.page-blog .blog-table-card,
.page-blog .blog-prose-block {
  border-radius: 1.15rem;
}
.page-blog .toc a,
.page-blog .section-card a,
.page-blog .sources a,
.page-blog .blog-section a {
  text-underline-offset: 3px;
}
@media (max-width: 700px) {
  .page-blog .blog-post {
    padding-top: 2.75rem;
  }
  .page-blog .main-title {
    font-size: clamp(2.5rem, 14vw, 4.5rem);
  }
}


/* Phase 5 hotfix F: center article title capsules and keep them fitted to the text.
   The H1 text is unchanged; only layout/alignment is adjusted. */
.page-blog .blog-post > .main-title {
  display: block !important;
  width: fit-content !important;
  max-width: min(100%, 980px) !important;
  box-sizing: border-box;
  margin: 0 auto 0.85rem auto !important;
  padding: 0.6rem 1.8rem;
  border: 1px solid #f8f6fe33;
  border-radius: 99px;
  background-color: #19113380;
  background-image: linear-gradient(202deg, #fff 0%, #9573de 53%, #fff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: var(--base-color-brand--text_heading, #fff);
  -webkit-text-fill-color: transparent;
  font-size: clamp(1.65rem, 2.55vw, 2.35rem);
  line-height: 1.22;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-align: center;
  text-wrap: balance;
}

.page-blog .blog-post > .main-title.main-title--balanced {
  width: fit-content !important;
  max-width: min(100%, 980px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.page-blog #blog-vat-reaction-deadline > .main-title,
.page-blog #blog-vat-paper-invoices > .main-title {
  max-width: min(100%, 940px) !important;
  font-size: clamp(1.55rem, 2.2vw, 2.05rem);
  line-height: 1.24;
}

@media (max-width: 700px) {
  .page-blog .blog-post > .main-title,
  .page-blog #blog-vat-reaction-deadline > .main-title,
  .page-blog #blog-vat-paper-invoices > .main-title {
    width: fit-content !important;
    max-width: 100% !important;
    font-size: clamp(1.5rem, 7.4vw, 2rem);
    line-height: 1.2;
    padding: 0.55rem 1.1rem;
  }
  .page-blog .main-title .title-break { display: none; }
}