/* Duronto News — Section 02 precision layout (National / Latest + Politics / 5 Lifestyle topics).
   Only #section-national-north is affected. No alterations to other home sections. */
#section-national-north{--n2-line:#e1e5ea;--n2-ink:#12213b;--n2-red:#c9152b;color:var(--n2-ink);font-size:18px;margin-top:0;margin-bottom:24px;padding:0;border:0}
#section-national-north *,#section-national-north *::before,#section-national-north *::after{box-sizing:border-box}
#section-national-north a{color:inherit;text-decoration:none}
#section-national-north a:hover{color:var(--n2-red)}
#section-national-north :is(h2,h3,p){margin:0;overflow-wrap:break-word}
#section-national-north :is(a,button):focus-visible{outline:2px solid #132c56;outline-offset:2px}
#section-national-north .headline-prefix{color:var(--n2-red)}
/* TWO INDEPENDENT ROWS: national + latest share one row; politics + lifestyle share the next. */
#section-national-north .dn-n2-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);grid-template-areas:"national latest" "politics info";grid-template-rows:auto auto;column-gap:15px;row-gap:18px;align-items:stretch}
#section-national-north .dn-n2-national{grid-area:national;min-width:0;border-bottom:1px solid var(--n2-line);padding-bottom:13px}
#section-national-north .dn-n2-latest{grid-area:latest;min-width:0;border-left:1px solid var(--n2-line);padding-left:13px;border-bottom:1px solid var(--n2-line);display:flex;flex-direction:column}
#section-national-north .dn-n2-politics{grid-area:politics;min-width:0;border-top:0;padding-top:0;margin-top:0}
#section-national-north .dn-n2-info-panel{grid-area:info;min-width:0;border:1px solid var(--n2-line);border-top:3px solid var(--n2-red);padding:12px;margin:0;background:#d1d0d0;align-self:stretch}
#section-national-north .dn-n2-heading{height:40px;display:flex;align-items:flex-start;border-bottom:1px solid var(--n2-line);padding:0 0 8px;margin:0 0 12px}
#section-national-north .dn-n2-heading h2{font-size:30px;line-height:1.3;font-weight:750}
#section-national-north .dn-n2-heading h2 span{color:var(--n2-red)}
#section-national-north .dn-n2-national-layout{display:grid;grid-template-columns:minmax(0,50%) minmax(0,24%) minmax(0,26%);gap:0;align-items:start}
#section-national-north .dn-n2-national-lead{min-width:0;padding-right:11px}
#section-national-north .dn-n2-national-visuals{min-width:0;border-left:1px solid var(--n2-line);padding:0 10px}
#section-national-north .dn-n2-national-headlines{min-width:0;border-left:1px solid var(--n2-line);padding-left:10px}
#section-national-north .dn-n2-photo{display:block;width:100%;overflow:hidden;background:#f1f3f6;border-radius:0}
#section-national-north .dn-n2-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
#section-national-north .dn-n2-lead-photo{aspect-ratio:16/10}
#section-national-north .dn-n2-lead-title{font-size:23px;line-height:1.36;font-weight:700;margin:8px 0 5px}
#section-national-north .dn-n2-excerpt{font-size:18px;line-height:1.44;color:#586372;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
#section-national-north .dn-n2-visual-story{margin:0 0 9px;padding:0 0 9px;border-bottom:1px solid var(--n2-line)}
#section-national-north .dn-n2-visual-story:last-child{margin-bottom:0;border-bottom:0}
#section-national-north .dn-n2-visual-photo{aspect-ratio:16/9}
#section-national-north .dn-n2-visual-story h3{font-size:18px;line-height:1.35;font-weight:650;margin-top:5px}
#section-national-north .dn-n2-national-headlines article{padding:7px 0;border-bottom:1px solid var(--n2-line)}
#section-national-north .dn-n2-national-headlines article:first-child{padding-top:0}
#section-national-north .dn-n2-national-headlines article:last-child{border:0}
#section-national-north .dn-n2-national-headlines h3{font-size:18px;line-height:1.4;font-weight:600}
/* Latest/Popular shares a visual top and bottom edge with the National block. */
#section-national-north .dn-n2-tab-buttons{height:40px;display:flex;flex:none;border-top:2px solid var(--n2-red);border-bottom:1px solid var(--n2-line)}
#section-national-north .dn-n2-tab{height:38px;flex:1 1 50%;padding:3px 4px;border:0;border-radius:0;background:#f2f3f5;color:#18293d;font-size:18px;font-weight:700;cursor:pointer}
#section-national-north .dn-n2-tab.active{background:#122d56;color:#fff}
#section-national-north .dn-n2-latest .tab-content{min-height:0;flex:1 1 auto}
#section-national-north .dn-n2-latest .tab-pane.show.active{display:flex;flex-direction:column;min-height:100%;height:100%}
#section-national-north .dn-n2-side-story{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:8px;align-items:center;flex:1 1 0;min-height:0;border-bottom:1px solid var(--n2-line);padding:7px 0}
#section-national-north .dn-n2-side-story:last-child{border-bottom:0}
#section-national-north .dn-n2-side-story .dn-n2-side-photo{grid-column:2;grid-row:1;aspect-ratio:4/3}
#section-national-north .dn-n2-side-story h3{grid-column:1;grid-row:1;font-size:18px;font-weight:650;line-height:1.34}
#section-national-north .dn-n2-empty{font-size:18px;color:#637082;padding:14px 0}
/* Politics: copy + featured photo on left; two visual stories on right; four small reports below. */
#section-national-north .dn-n2-politics-top{display:grid;grid-template-columns:minmax(0,52%) minmax(0,48%);gap:0}
#section-national-north .dn-n2-politics-lead{display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);gap:8px;align-items:start;min-width:0;padding-right:12px}
#section-national-north .dn-n2-politics-lead-copy{min-width:0}
#section-national-north .dn-n2-politics-lead-photo{aspect-ratio:4/3}
#section-national-north .dn-n2-politics-title{font-size:21px;line-height:1.36;font-weight:700;margin:0 0 7px}
#section-national-north .dn-n2-politics-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-left:1px solid var(--n2-line);padding-left:10px;min-width:0}
#section-national-north .dn-n2-politics-visual{min-width:0}
#section-national-north .dn-n2-politics-visual .dn-n2-photo{aspect-ratio:4/3}
#section-national-north .dn-n2-politics-visual h3{font-size:18px;line-height:1.38;font-weight:650;margin-top:6px}
#section-national-north .dn-n2-politics-small{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 15px;margin-top:12px;padding-top:10px;border-top:1px solid var(--n2-line)}
#section-national-north .dn-n2-politics-small-item{display:grid;grid-template-columns:105px minmax(0,1fr);gap:9px;min-width:0;align-items:start;border-bottom:1px solid var(--n2-line);padding-bottom:9px}
#section-national-north .dn-n2-politics-small-item .dn-n2-photo{aspect-ratio:4/3}
#section-national-north .dn-n2-politics-small-item h3{font-size:18px;line-height:1.38;font-weight:650}
/* ONLY the five lifestyle links, with distinctive, restrained icon colors. */
#section-national-north .dn-n2-info-heading{padding:0 0 9px;border-bottom:1px solid var(--n2-line)}
#section-national-north .dn-n2-info-heading h2{font-size:20px;font-weight:750;line-height:1.33;display:flex;align-items:center;gap:8px}
#section-national-north .dn-n2-heading-mark{height:19px;width:4px;flex:0 0 4px;background:var(--n2-red)}
#section-national-north .dn-n2-info-heading p{font-size:18px;line-height:1.35;color:#66707d;margin-top:3px}
#section-national-north .dn-n2-info-items{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
#section-national-north .dn-n2-info-link{display:grid;grid-template-columns:38px minmax(0,1fr) 12px;align-items:center;gap:9px;min-height:55px;padding:6px 0;border-bottom:1px solid #e9edf0;background:#fff;font-size:18px;line-height:1.3}
#section-national-north .dn-n2-info-link:hover{background:#f9fafc}
#section-national-north .dn-n2-info-icon{height:36px;width:36px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;border-radius:0;flex:0 0 36px}
#section-national-north .dn-n2-info-label{display:block;min-width:0}
#section-national-north .dn-n2-info-label strong{display:block;font-size:18px;font-weight:700;line-height:1.3}
#section-national-north .dn-n2-info-label small{display:block;font-size:18px;line-height:1.3;font-weight:400;color:#677282;margin-top:2px}
#section-national-north .dn-n2-topic-arrow{font-size:23px;color:#8e98a4}
#section-national-north .dn-n2-tone-amber{color:#a96800;background:#fff1d5}
#section-national-north .dn-n2-tone-navy{color:#205ba3;background:#e7f0fc}
#section-national-north .dn-n2-tone-teal{color:#007d6c;background:#e1f7f0}
#section-national-north .dn-n2-tone-red{color:#c32136;background:#ffe8ec}
#section-national-north .dn-n2-tone-purple{color:#6b45b5;background:#f0e7ff}
#section-national-north .dn-n2-all-link{display:block;text-align:center;color:#b60d24;font-size:18px;font-weight:700;padding:11px 0 0}
@media(max-width:1199.98px){
 #section-national-north .dn-n2-grid{grid-template-columns:minmax(0,2.2fr) minmax(255px,1fr);gap:13px}
 #section-national-north .dn-n2-national-layout{grid-template-columns:minmax(0,55%) minmax(0,45%)}
 #section-national-north .dn-n2-national-headlines{grid-column:1/-1;border-left:0;border-top:1px solid var(--n2-line);padding:7px 0 0;margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
 #section-national-north .dn-n2-national-headlines article{padding:8px 0}
 #section-national-north .dn-n2-politics-top{grid-template-columns:minmax(0,1fr)}
 #section-national-north .dn-n2-politics-visuals{border-left:0;border-top:1px solid var(--n2-line);padding:9px 0 0;margin-top:9px}
 #section-national-north .dn-n2-politics-small-item{grid-template-columns:86px minmax(0,1fr)}
}
@media(max-width:991.98px){
 #section-national-north .dn-n2-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"national" "latest" "politics" "info";row-gap:17px}
 #section-national-north .dn-n2-latest{border-left:0;padding:0}
 #section-national-north .dn-n2-latest .tab-pane.show.active{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}
 #section-national-north .dn-n2-national-layout{grid-template-columns:minmax(0,50%) minmax(0,24%) minmax(0,26%)}
 #section-national-north .dn-n2-national-headlines{grid-column:auto;border-top:0;border-left:1px solid var(--n2-line);display:block;margin:0;padding:0 0 0 10px}
 #section-national-north .dn-n2-politics-top{grid-template-columns:minmax(0,52%) minmax(0,48%)}
 #section-national-north .dn-n2-politics-visuals{border-left:1px solid var(--n2-line);border-top:0;padding:0 0 0 10px;margin:0}
 #section-national-north .dn-n2-info-panel{padding:12px}
 #section-national-north .dn-n2-info-items{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
}
@media(max-width:767.98px){
 #section-national-north .dn-n2-national-layout{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}
 #section-national-north .dn-n2-national-lead{grid-column:1/-1;padding:0}
 #section-national-north .dn-n2-national-visuals{padding:0 9px 0 0;border:0}
 #section-national-north .dn-n2-national-headlines{padding:0 0 0 9px}
 #section-national-north .dn-n2-politics-top{grid-template-columns:minmax(0,1fr)}
 #section-national-north .dn-n2-politics-lead{padding:0}
 #section-national-north .dn-n2-politics-visuals{border-left:0;border-top:1px solid var(--n2-line);padding:10px 0 0;margin-top:10px}
 #section-national-north .dn-n2-politics-small-item{grid-template-columns:100px minmax(0,1fr)}
}
@media(max-width:420px){
 #section-national-north .dn-n2-national-visuals{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0}
 #section-national-north .dn-n2-national-headlines{grid-column:1/-1;border-left:0;border-top:1px solid var(--n2-line);padding:9px 0 0}
 #section-national-north .dn-n2-latest .tab-pane.show.active{grid-template-columns:minmax(0,1fr)}
 #section-national-north .dn-n2-politics-lead{grid-template-columns:minmax(0,1fr)}
 #section-national-north .dn-n2-politics-lead-photo{grid-row:1}
 #section-national-north .dn-n2-politics-small{grid-template-columns:minmax(0,1fr)}
 #section-national-north .dn-n2-info-items{grid-template-columns:minmax(0,1fr)}
}


/* Section 02 / politics reference layout — only this section is affected.
   Desktop: lead text | lead photo | one secondary photo; below: three columns × two rows.
   The national/latest row and the lifestyle sidebar are intentionally untouched. */
@media (min-width: 768px) {
  #section-national-north .dn-n2-politics-top {
    display: grid;
    grid-template-columns: minmax(0, 66%) minmax(0, 34%);
    align-items: start;
    gap: 0;
  }
  #section-national-north .dn-n2-politics-lead {
    display: grid;
    grid-template-columns: minmax(0, 40%) minmax(0, 60%);
    gap: 0;
    min-width: 0;
    padding: 0 10px 0 0;
  }
  #section-national-north .dn-n2-politics-lead-copy {min-width:0;padding-right:10px}
  #section-national-north .dn-n2-politics-lead-photo {aspect-ratio: 16/9;align-self:start}
  #section-national-north .dn-n2-politics-visuals {
    display: block;
    min-width: 0;
    border-left: 1px solid var(--n2-line);
    border-top: 0;
    padding: 0 0 0 10px;
    margin: 0;
  }
  #section-national-north .dn-n2-politics-visual .dn-n2-photo {aspect-ratio:16/9}
  #section-national-north .dn-n2-politics-small {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 0;
    padding-top: 10px;
    margin-top: 11px;
    border-top: 1px solid var(--n2-line);
  }
  #section-national-north .dn-n2-politics-small-item {
    display: grid;
    grid-template-columns: minmax(58px, 35%) minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
    margin: 0;
    padding: 8px 0;
    align-items: start;
    border-bottom: 1px solid var(--n2-line);
  }
  #section-national-north .dn-n2-politics-small-item:nth-child(3n) {
    grid-template-columns: minmax(0, 1fr) minmax(58px, 35%);
  }
  #section-national-north .dn-n2-politics-small-item:nth-child(3n) .dn-n2-photo {
    grid-column: 2;
    grid-row: 1;
  }
  #section-national-north .dn-n2-politics-small-item:nth-child(3n) h3 {
    grid-column: 1;
    grid-row: 1;
  }
  #section-national-north .dn-n2-politics-small-item .dn-n2-photo {aspect-ratio:4/3}
}
@media (max-width: 767.98px) {
  #section-national-north .dn-n2-politics-top {display:block}
  #section-national-north .dn-n2-politics-lead {
    display:grid;
    grid-template-columns:minmax(0,40%) minmax(0,60%);
    gap:0;
    padding:0;
  }
  #section-national-north .dn-n2-politics-lead-copy {padding-right:10px}
  #section-national-north .dn-n2-politics-lead-photo {aspect-ratio:16/9;grid-row:auto}
  #section-national-north .dn-n2-politics-visuals {
    display:block;
    margin:10px 0 0;
    padding:10px 0 0;
    border:0;
    border-top:1px solid var(--n2-line);
  }
  #section-national-north .dn-n2-politics-visual {
    display:grid;
    grid-template-columns:minmax(0,40%) minmax(0,1fr);
    gap:10px;
    align-items:start;
  }
  #section-national-north .dn-n2-politics-visual h3 {margin:0}
  #section-national-north .dn-n2-politics-visual .dn-n2-photo {aspect-ratio:16/9}
  #section-national-north .dn-n2-politics-small {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:12px;
    row-gap:0;
    padding-top:9px;
    margin-top:10px;
  }
  #section-national-north .dn-n2-politics-small-item {
    display:grid;
    grid-template-columns:minmax(66px,36%) minmax(0,1fr);
    gap:8px;
    padding:9px 0;
  }
  #section-national-north .dn-n2-politics-small-item .dn-n2-photo {aspect-ratio:4/3}
}
@media (max-width: 575.98px) {
  #section-national-north .dn-n2-politics-lead {grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
  #section-national-north .dn-n2-politics-small {grid-template-columns:minmax(0,1fr)}
  #section-national-north .dn-n2-politics-small-item {grid-template-columns:105px minmax(0,1fr)}
}
@media (max-width: 359.98px) {
  #section-national-north .dn-n2-politics-lead {grid-template-columns:minmax(0,1fr)}
  #section-national-north .dn-n2-politics-lead-copy {padding:0 0 8px}
  #section-national-north .dn-n2-politics-lead-photo {grid-row:auto}
}