@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600;700;800&family=Roboto+Condensed:wght@600;700&display=swap');

#itm-home{--navy:#0a2348;--navy2:#143a6b;--ink:#15181d;--red:#1a7fd4;--line:#e3e6ea;--dim:#8a94a3;
  font-family:'Libre Franklin',system-ui,sans-serif;color:var(--ink);background:#fff;
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:hidden;}
#itm-home *{box-sizing:border-box;}
#itm-home a{color:inherit;text-decoration:none;}
#itm-home .kick{font-family:'Roboto Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.4px;}
#itm-home img{display:block;width:100%;height:100%;object-fit:cover;}

/* Utility bar */
#itm-home .itm-utility{background:var(--navy);color:#aeb9c8;font-size:11.5px;display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:6px;padding:6px 18px;}

/* Masthead */
#itm-home .itm-masthead{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
  padding:14px 18px;border-bottom:3px solid var(--navy);}
#itm-home .itm-logo{display:flex;align-items:center;gap:11px;}
#itm-home .itm-logo__mark{background:var(--red);color:#fff;font-weight:800;padding:3px 10px;font-size:22px;}
#itm-home .itm-logo__name{font-size:27px;font-weight:800;letter-spacing:-.5px;line-height:1;}
#itm-home .itm-logo__sub{font-size:9.5px;letter-spacing:3px;color:var(--dim);}
#itm-home .itm-search{display:flex;border:1px solid #d5dae1;border-radius:4px;overflow:hidden;}
#itm-home .itm-search input{border:0;padding:8px 11px;font-size:13px;outline:none;width:150px;}
#itm-home .itm-search button{border:0;background:var(--navy);color:#fff;padding:0 13px;cursor:pointer;font-size:15px;}

/* Category nav */
#itm-home .itm-catnav{display:flex;flex-wrap:wrap;background:var(--navy2);font-size:14px;font-weight:600;color:#cdd6e2;}
#itm-home .itm-catnav a{padding:12px 16px;}
#itm-home .itm-catnav a:first-child,#itm-home .itm-catnav a:hover{background:var(--red);color:#fff;}

/* Breaking */
#itm-home .itm-breaking{display:flex;align-items:center;gap:11px;background:#e7f1fb;border-bottom:1px solid #c3def5;
  padding:10px 18px;font-size:14.5px;font-weight:600;}
#itm-home .itm-breaking__tag{background:var(--red);color:#fff;font-size:11px;padding:2px 9px;flex-shrink:0;}

/* Front page grid */
#itm-home .itm-front{display:grid;grid-template-columns:1.55fr 1fr .85fr;}
#itm-home .itm-front>*{padding:18px;}
#itm-home .itm-front .itm-lead{border-right:1px solid var(--line);}
#itm-home .itm-front .itm-latest{border-right:1px solid var(--line);}
#itm-home .itm-bar{font-family:'Roboto Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
  font-size:15px;color:var(--navy);border-bottom:2px solid var(--navy);padding-bottom:6px;margin-bottom:12px;}
#itm-home .itm-bar.dark{background:var(--navy);color:#fff;border:0;padding:5px 9px;}
#itm-home .itm-bar.red{color:var(--red);border-color:var(--navy);}

/* Lead story */
#itm-home .itm-lead .kick{color:var(--red);font-size:11.5px;}
#itm-home .itm-banner{height:230px;margin:10px 0 13px;position:relative;background:var(--navy2);overflow:hidden;}
#itm-home .itm-banner .itm-tag{position:absolute;bottom:8px;left:8px;color:#fff;font-size:10px;padding:2px 8px;z-index:2;}
#itm-home .itm-lead h1{margin:0 0 11px;font-size:33px;line-height:1.1;font-weight:800;letter-spacing:-.5px;}
#itm-home .itm-lead p{margin:0 0 9px;font-size:16.5px;line-height:1.65;color:#3d4450;}
#itm-home .itm-lead .itm-meta,#itm-home .itm-meta{font-size:12.5px;color:var(--dim);}
#itm-home .hl:hover h1,#itm-home .hl:hover h3{color:var(--red);}

/* Latest list */
#itm-home .itm-rowitem{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #eceef1;}
#itm-home .itm-rowitem:last-child{border-bottom:0;}
#itm-home .itm-rowitem .itm-thumb{width:78px;height:60px;flex-shrink:0;position:relative;overflow:hidden;}
#itm-home .itm-rowitem h3{margin:0 0 4px;font-size:15.5px;line-height:1.3;font-weight:600;}

/* Most read */
#itm-home .itm-mostread{background:#f7f8fa;}
#itm-home .itm-mostread .itm-mr{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid var(--line);}
#itm-home .itm-mostread .itm-mr:last-child{border-bottom:0;}
#itm-home .itm-mostread .itm-mr span{font-weight:800;color:var(--red);font-size:21px;min-width:20px;}
#itm-home .itm-mostread .itm-mr h3{margin:0;font-size:14.5px;line-height:1.3;font-weight:600;}

/* More in technology */
#itm-home .itm-more{border-top:3px solid var(--navy);padding:16px 18px;}
#itm-home .itm-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
#itm-home .itm-more-grid .kick{font-size:11px;color:var(--red);}
#itm-home .itm-more-grid .itm-banner{height:125px;margin:0 0 9px;}
#itm-home .itm-more-grid h3{margin:3px 0 4px;font-size:17px;line-height:1.28;font-weight:700;}

/* Footer */
#itm-home .itm-footer{background:var(--navy);color:#aeb9c8;padding:18px;display:flex;justify-content:space-between;
  align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;}
#itm-home .itm-footer strong{color:#fff;font-size:15px;}
#itm-home .itm-footer a{color:#aeb9c8;}
#itm-home .itm-footer a:hover{color:#fff;}
#itm-home .itm-empty{padding:50px 18px;text-align:center;color:var(--dim);}

/* Responsive */
@media(max-width:900px){#itm-home .itm-front{grid-template-columns:1fr 1fr;}
  #itm-home .itm-mostread{grid-column:1 / -1;border-top:1px solid var(--line);}}
@media(max-width:600px){#itm-home .itm-front{grid-template-columns:1fr;}
  #itm-home .itm-front .itm-lead,#itm-home .itm-front .itm-latest{border-right:0;}
  #itm-home .itm-more-grid{grid-template-columns:1fr;}}