/* Apna Kaam editorial pages. Scoped to avoid changing existing pages. */
.ak-blog-page { background:#fafbf7!important; color:#0a2921!important; }
.ak-blog-page [hidden] { display:none!important; }
.ak-blog-page .wc-header { position:sticky; top:0; }
.ak-blog-page main { overflow:clip; }
.ak-blog-wrap { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.ak-blog-page .ak-eyebrow { display:block; font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#14624c; }
.ak-blog-hero { padding:72px 0 76px; background:#eff4e9; border-bottom:1px solid #dce6d8; }
.ak-hero-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:76px; align-items:center; }
.ak-hero-intro h1 { font-size:clamp(42px,4.6vw,66px)!important; line-height:1.06; letter-spacing:-.055em!important; margin:23px 0; }
.ak-hero-intro h1 span { color:#277048!important; }
.ak-hero-intro>p { max-width:475px; font-size:18px; line-height:1.8; color:#52685b!important; margin:0 0 26px; }
.ak-blog-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:14px 21px; min-height:48px; border:1px solid #0c4638; border-radius:10px; background:#0c4638; color:#fff!important; font-size:14px; line-height:1.4; font-weight:750; text-decoration:none; cursor:pointer; }
.ak-blog-button:hover { background:#14624c; }
.ak-blog-button .icon { width:18px;height:18px; }
.ak-hero-topics { display:flex; flex-wrap:wrap; gap:20px; margin-top:27px; color:#52685b; font-size:12px; font-weight:650; }
.ak-hero-topics span::before { content:'✓'; color:#176849; margin-inline-end:7px; }
.ak-blog-card { min-width:0; background:white; border:1px solid #dce5dc; border-radius:17px; overflow:hidden; transition:border-color .15s,box-shadow .15s; }
.ak-blog-card:hover { border-color:#8eab97; box-shadow:0 12px 30px #133c2910; }
.ak-card-art { display:block; overflow:hidden; background:#e5efdb; }
.ak-card-art img { width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform .3s; }
.ak-blog-card:hover .ak-card-art img { transform:scale(1.025); }
.ak-card-copy { padding:24px; }
.ak-card-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; font-size:10px; font-weight:750; letter-spacing:.035em; color:#546957; }
.ak-card-meta>span:first-child { color:#126248; }
.ak-blog-page .ak-card-copy h2,.ak-blog-page .ak-card-copy h3 { font-size:22px; line-height:1.28; margin:15px 0 12px; letter-spacing:-.025em!important; }
.ak-card-copy h2 a,.ak-card-copy h3 a { text-decoration:none; }
.ak-card-copy h2 a::after,.ak-card-copy h3 a::after { content:none; }
.ak-card-copy p { color:#596e60!important; font-size:14px; line-height:1.7; margin:0; }
.ak-card-bottom { display:flex; justify-content:space-between; align-items:center; margin-top:22px; padding-top:17px; border-top:1px solid #e8ede6; font-size:12px; font-weight:750; color:#075847; }
.ak-featured .ak-card-copy { padding:25px 29px; }
.ak-featured .ak-card-copy h2 { font-size:25px; }
.ak-featured .ak-card-art img { aspect-ratio:2.2; }
.ak-guides { padding-block:66px; scroll-margin-top:110px; }
.ak-section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.ak-blog-page .ak-section-heading h2 { margin:10px 0 0; font-size:33px; line-height:1.2; }
.ak-section-heading>p { max-width:280px; margin:0; font-size:14px; }
.ak-section-heading>a { font-size:14px; font-weight:750; color:#14624c; text-underline-offset:4px; }
.ak-blog-tools { display:flex; gap:28px; align-items:end; justify-content:space-between; padding-block:12px 20px; border-bottom:1px solid #dfe7da; }
.ak-search { flex:0 1 330px; }
.ak-search label { display:block; font-size:12px; font-weight:750; margin-bottom:8px; }
.ak-search>div { display:flex; align-items:center; gap:9px; padding:0 13px; border:1px solid #ccd9ca; background:#fff; border-radius:9px; }
.ak-search .icon { width:18px;height:18px;color:#526f5d; }
.ak-blog-page .ak-search input { border:0!important; box-shadow:none!important; background:transparent; padding:12px 0; min-height:46px; min-width:0; width:100%; font-size:14px; border-radius:0; }
.ak-category-filters { display:flex; flex:1; justify-content:flex-end; flex-wrap:wrap; gap:7px; }
.ak-category-filters button { padding:10px 12px; min-height:42px; border:1px solid #d4dfd0; border-radius:8px; background:transparent; color:#285340; font:inherit; font-size:11px; font-weight:700; cursor:pointer; }
.ak-category-filters button[aria-pressed="true"] { background:#0c4638;color:white;border-color:#0c4638; }
.ak-category-filters button:hover { border-color:#0c4638; }
.ak-result-count { color:#677966; font-size:12px; margin:20px 0; }
.ak-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.ak-empty-state { text-align:center; padding:50px; border:1px dashed #bccbbb; border-radius:16px; }
.ak-about-guides { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-block:45px 80px; border-top:1px solid #dae3d4; }
.ak-about-guides h2 { font-size:34px; line-height:1.15; margin-top:15px; }
.ak-about-guides p { font-size:16px; line-height:1.85; }
.ak-about-guides a { font-weight:750; text-underline-offset:4px; color:#14624c; }
.ak-breadcrumb { padding:26px 0; color:#667a6b; font-size:12px; }
.ak-breadcrumb ol { display:flex; flex-wrap:wrap; gap:6px 10px; padding:0; margin:0; list-style:none; }
.ak-breadcrumb li+li::before { content:'/'; margin-inline-end:10px; color:#9bac9e; }
.ak-breadcrumb a { text-underline-offset:3px; }
.ak-article-header { max-width:900px; margin:25px auto 33px; text-align:center; }
.ak-article-header h1 { font-size:clamp(34px,4vw,52px); line-height:1.12; margin:17px 0 20px; }
.ak-article-deck { max-width:720px; margin:0 auto; font-size:18px; line-height:1.75; }
.ak-byline { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 20px; margin-top:23px; font-size:12px; color:#5d7262; }
.ak-byline a { font-weight:700; text-underline-offset:3px; }
.ak-article-image { max-width:930px; margin:0 auto 48px; border-radius:18px; overflow:hidden; }
.ak-article-image img { width:100%; max-height:390px; object-fit:cover; }
.ak-article-layout { display:grid; grid-template-columns:250px minmax(0,740px); gap:65px; justify-content:center; align-items:start; }
.ak-article-aside { position:sticky; top:114px; }
.ak-article-aside nav { padding:22px; border:1px solid #dce5d8; border-radius:14px; background:#f1f5ed; }
.ak-article-aside nav strong { font-size:13px; }
.ak-article-aside ol { margin:16px 0 0; padding-inline-start:18px; color:#576d5d; }
.ak-article-aside li { font-size:12px; margin:0 0 12px; padding-inline-start:4px; line-height:1.55; }
.ak-article-aside li:last-child { margin-bottom:0; }
.ak-article-aside a { text-decoration:none; }
.ak-article-aside a:hover { text-decoration:underline; }
.ak-aside-cta { margin-top:20px; border-inline-start:3px solid #bfd866; padding:10px 18px; }
.ak-aside-cta strong { font-size:15px; line-height:1.4; display:block; }
.ak-aside-cta p { font-size:12px; line-height:1.7; margin:9px 0; }
.ak-aside-cta a { color:#126248; font-size:12px; font-weight:750; }
.ak-blog-page .ak-article-body { font-size:17px; line-height:1.9; }
.ak-blog-page .ak-article-body p { color:#395448!important; margin:0 0 22px; }
.ak-article-body h2 { scroll-margin-top:116px; font-size:27px; line-height:1.3; margin:43px 0 17px; }
.ak-article-body h3 { font-size:20px; line-height:1.4; margin:0 0 14px; }
.ak-article-body ul { padding-inline-start:24px; margin:20px 0 26px; }
.ak-article-body li { padding-inline-start:5px; margin-bottom:9px; }
.ak-article-body a:not(.ak-blog-button) { color:#075f45; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.ak-note,.ak-checklist { margin:27px 0; padding:23px 27px; border-radius:12px; background:#edf3e7; border:1px solid #dce5d3; font-size:16px; }
.ak-note strong { color:#0c4937; }
.ak-article-body .ak-checklist ul { margin-bottom:0; }
.ak-article-body .ak-checklist p { margin-bottom:0; }
.ak-article-end { background:#e4efcf; padding:30px; border-radius:16px; margin:38px 0 24px; }
.ak-article-end strong { font-size:23px; }
.ak-article-end p { font-size:15px; margin:10px 0 20px!important; }
.ak-blog-page .ak-article-body .ak-editor-note { font-size:12px; color:#657867!important; line-height:1.7; padding-top:20px; border-top:1px solid #dce5d8; }
.ak-related { padding:65px 0 80px; margin-top:45px; border-top:1px solid #dce5d8; }
.ak-blog-page[dir="rtl"] .ak-eyebrow,html[dir="rtl"] .ak-blog-page .ak-eyebrow { letter-spacing:0; }
html[dir="rtl"] .ak-blog-page .wc-links { margin-left:0;margin-right:auto; }
html[dir="rtl"] .ak-blog-page .ak-article-body { font-size:19px;line-height:2.1; }
html[dir="rtl"] .ak-blog-page .ak-hero-intro h1 { line-height:1.5;letter-spacing:0!important; }
html[dir="rtl"] .ak-blog-page .ak-article-header h1 { line-height:1.6; }
@media(max-width:1100px) {
  .ak-hero-grid { gap:38px; }
  .ak-blog-tools { display:block; }
  .ak-search { max-width:430px; }
  .ak-category-filters { margin-top:18px; justify-content:flex-start; }
  .ak-article-layout { grid-template-columns:210px minmax(0,1fr);gap:35px; }
}
@media(max-width:800px) {
  .ak-blog-wrap { width:calc(100% - 36px); }
  .ak-blog-hero { padding:40px 0; }
  .ak-hero-grid { grid-template-columns:1fr; gap:32px; }
  .ak-hero-intro>p { max-width:600px; }
  .ak-hero-intro h1 { font-size:46px!important; }
  .ak-featured { max-width:600px; }
  .ak-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .ak-section-heading { align-items:start; }
  .ak-section-heading>p { max-width:190px; }
  .ak-article-layout { grid-template-columns:1fr;gap:28px; }
  .ak-article-aside { position:static; }
  .ak-article-aside ol { columns:2;column-gap:30px; }
  .ak-article-aside li { break-inside:avoid; }
  .ak-aside-cta { display:none; }
  .ak-article-header { margin-top:10px; }
  .ak-article-header h1 { font-size:38px; }
  .ak-article-image { margin-bottom:28px; }
  .ak-about-guides { gap:30px; }
  .ak-about-guides h2 { font-size:29px; }
}
@media(max-width:540px) {
  .ak-hero-intro h1 { font-size:40px!important; }
  .ak-hero-intro>p { font-size:16px; }
  .ak-featured .ak-card-copy { padding:22px; }
  .ak-featured .ak-card-copy h2 { font-size:23px; }
  .ak-guides { padding-block:42px; }
  .ak-section-heading { display:block; }
  .ak-blog-page .ak-section-heading h2 { font-size:28px; }
  .ak-section-heading>p { max-width:none; margin-top:14px; }
  .ak-section-heading>a { display:inline-block; margin-top:15px; }
  .ak-category-filters { gap:6px; }
  .ak-category-filters button { font-size:12px; padding:10px; }
  .ak-blog-grid,.ak-about-guides { grid-template-columns:1fr; }
  .ak-card-copy h3 { font-size:23px!important; }
  .ak-card-meta { font-size:11px; }
  .ak-card-copy p { font-size:15px; }
  .ak-about-guides { padding-block:35px 50px; gap:10px; }
  .ak-article-header { text-align:start; }
  .ak-article-header h1 { font-size:34px;line-height:1.18; }
  .ak-article-deck { font-size:16px; }
  .ak-byline { justify-content:flex-start;font-size:11px;gap:8px 14px; }
  .ak-article-aside ol { columns:1; }
  .ak-blog-page .ak-article-body { font-size:16px;line-height:1.9; }
  .ak-article-body h2 { font-size:25px; }
  .ak-note,.ak-checklist { padding:20px;font-size:15px; }
  .ak-article-end { padding:24px; }
  .ak-empty-state { padding:30px 20px; }
  .ak-related { margin-top:25px; padding:40px 0; }
}
@media(prefers-reduced-motion:reduce){.ak-blog-card,.ak-card-art img{transition:none}.ak-blog-card:hover .ak-card-art img{transform:none}}
