/* Insights & Updates — additions to the approved homepage design (uses its colours, fonts and cards). */

/* Homepage + shared cards */
.iu-card{display:flex;flex-direction:column}
.iu-card .card-img{display:block}
.iu-card .card-title{margin:.5rem 0;font-size:1.17rem;line-height:1.3}
.iu-card .card-title a{font-weight:inherit;text-decoration:none;color:inherit}
.iu-card .card-title a:hover{color:var(--accent);text-decoration:none}
.iu-card .muted{margin:0 0 1rem}
.iu-card .card-more{margin-top:auto}
.iu-card .tag time{white-space:nowrap}
.iu-view-all{margin:30px 0 0}
.ga-hp a:focus-visible,.ga-hp .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ga-hp .skip-link:focus{position:fixed!important;top:10px;left:10px;width:auto;height:auto;clip:auto;z-index:100;background:#fff;padding:10px 14px;border:1px solid var(--ink)}

/* Inner pages */
.ga-iu main > section,.ga-iu main > article{padding:64px 0;border-top:1px solid var(--line)}
.ga-iu main > :first-child{border-top:0}
.ga-hp h1.iu-title{font-size:clamp(2.3rem,5vw,3.8rem);line-height:1.08;letter-spacing:-.02em;margin:.2em 0 .35em}
.iu-crumbs ol{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:.85rem;color:var(--muted)}
.iu-crumbs li+li::before{content:"›";margin-right:6px;color:#9aa3b2}
.iu-crumbs a{text-decoration:none;color:var(--muted)}
.iu-crumbs a:hover{color:var(--accent);text-decoration:underline}

/* Category filter */
.iu-filter ul{list-style:none;margin:30px 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.iu-filter a{display:inline-block;padding:9px 16px;min-height:44px;line-height:24px;border:1px solid var(--line);text-decoration:none;font-weight:650;font-size:.93rem;color:#394357;background:#fff}
.iu-filter a:hover{border-color:var(--ink);color:var(--ink)}
.iu-filter a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}
.iu-grid{margin-top:26px}
.iu-empty{margin-top:30px}

/* Pagination */
.iu-pagination ul{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.iu-pagination a,.iu-pagination span.page-numbers{display:inline-block;min-width:44px;min-height:44px;line-height:42px;padding:0 14px;text-align:center;border:1px solid var(--line);text-decoration:none;font-weight:650}
.iu-pagination a:hover{border-color:var(--ink)}
.iu-pagination .current{background:var(--ink);border-color:var(--ink)!important;color:#fff}
.iu-pagination .dots{border:0!important}

/* Single item */
.iu-narrow{max-width:780px}
.ga-iu main > article.iu-single{padding-bottom:40px}
.iu-single-head .tag a{text-decoration:none}
.iu-single-head .tag a:hover{text-decoration:underline}
.iu-byline{margin:0 0 34px}
.iu-byline a{font-weight:700;text-decoration:none;color:var(--ink)}
.iu-byline a:hover{color:var(--accent)}
.iu-hero-img{margin:0 auto 40px;max-width:1000px}
.iu-hero-img img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border:1px solid var(--line)}
.iu-hero-img figcaption{font-size:.88rem;margin-top:8px}
.iu-content{font-size:1.1rem;line-height:1.75;overflow-wrap:break-word}
.iu-content h2,.iu-content h3,.iu-content h4{font-family:Georgia,serif;line-height:1.2;margin:1.8em 0 .5em}
.ga-hp .iu-content h2{font-size:clamp(1.6rem,3vw,2.1rem)}
.iu-content h3{font-size:1.45rem}.iu-content h4{font-size:1.2rem}
.iu-content a{color:var(--accent);font-weight:600}
.iu-content blockquote{margin:1.8em 0;padding:4px 0 4px 24px;border-left:3px solid var(--accent);font-family:Georgia,serif;font-size:1.25rem;color:#3a4458}
.iu-content blockquote p{margin:.4em 0}
.iu-content ul,.iu-content ol{padding-left:1.4em}
.iu-content li{margin:.35em 0}
.iu-content img{max-width:100%;height:auto}
.iu-content figure,.iu-content .wp-caption{max-width:100%;margin:1.6em 0}
.iu-content .wp-caption-text,.iu-content figcaption{font-size:.88rem;color:var(--muted);margin-top:6px}
.iu-content .alignleft{float:left;margin:.3em 1.4em 1em 0}
.iu-content .alignright{float:right;margin:.3em 0 1em 1.4em}
.iu-content .aligncenter{display:block;margin-left:auto;margin-right:auto}
.iu-content::after{content:"";display:table;clear:both}
.iu-content iframe,.iu-content video{max-width:100%}
.iu-content table{border-collapse:collapse;width:100%;font-size:.95rem}.iu-content td,.iu-content th{border:1px solid var(--line);padding:8px 10px;text-align:left}
.iu-content hr{border:0;border-top:1px solid var(--line);margin:2em 0}

/* Author box */
.iu-author{display:grid;grid-template-columns:96px 1fr;gap:24px;margin:48px 0 0;padding:28px;border:1px solid var(--line);border-left:2px solid var(--accent);background:var(--soft)}
.iu-author:not(:has(.iu-author-photo)){grid-template-columns:1fr}
.iu-author-photo img{display:block;width:96px;height:96px;object-fit:cover;object-position:center 22%;border-radius:50%}
.iu-author-name{font-family:Georgia,serif;font-size:1.35rem;margin:.2rem 0 .4rem}
.iu-author-bio p{margin:0 0 .8rem;font-size:.97rem}

/* Previous / next */
.iu-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.iu-prevnext a{display:block;padding:18px 20px;border:1px solid var(--line);text-decoration:none;font-weight:650;min-height:44px}
.iu-prevnext a:hover{border-color:var(--ink)}
.iu-prevnext .tag{display:block;margin-bottom:4px}
.iu-next{text-align:right}

@media(max-width:900px){
  .iu-prevnext{grid-template-columns:1fr}.iu-next{text-align:left}
}
@media(max-width:560px){
  .ga-iu main > section,.ga-iu main > article{padding:44px 0}
  .iu-author{grid-template-columns:1fr;gap:14px;padding:22px}
  .iu-content{font-size:1.04rem}
  .iu-content .alignleft,.iu-content .alignright{float:none;margin:1em 0}
  .iu-filter ul{gap:8px}.iu-filter a{padding:9px 13px}
}