/* arunagrawal.com: senior consultant, AI search. Navy, white, one blue. Citations and highlighter as the signature. */
@font-face{font-family:"Schibsted";src:url(/assets/fonts/schibsted-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/assets/fonts/newsreader-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(/assets/fonts/newsreader-latin-wght-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}

:root{
  --navy:#14213d; --navy-2:#22325c; --blue:#2f4fd8; --blue-2:#2440b8; --blue-soft:#e9edfd;
  --mark:#ffeb99;
  --bg:#ffffff; --mist:#f3f5f9; --ink:#1b2233; --muted:#596377; --line:#dde2ec;
  --sans:"Schibsted", "Helvetica Neue", Arial, sans-serif;
  --serif:"Newsreader", Georgia, "Times New Roman", serif;
  --wrap:1200px; --gut:clamp(1.1rem,4vw,2.5rem);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5.5rem}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.15rem/1.7 var(--serif);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--navy)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--sans);color:var(--navy);line-height:1.12;letter-spacing:-.015em;margin:0 0 .55em;font-weight:700}
h2{font-size:clamp(1.85rem,3.2vw,2.6rem)}
h3{font-size:1.25rem;line-height:1.25}
p{margin:0 0 1.1em}
mark{background:linear-gradient(transparent 12%,var(--mark) 12%,var(--mark) 88%,transparent 88%);color:inherit;padding:0 .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:.6rem 1rem;z-index:99}
.skip:focus{left:1rem}

/* buttons and links */
.btn{display:inline-block;font:600 1rem/1 var(--sans);padding:1rem 1.35rem;border-radius:6px;text-decoration:none;border:1.5px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.btn--solid{background:var(--navy);color:#fff}
.btn--solid:hover{background:var(--blue);color:#fff}
.btn--line{border-color:var(--navy);color:var(--navy)}
.btn--line:hover{background:var(--navy);color:#fff}
.btn--white{background:#fff;color:var(--navy)}
.btn--white:hover{background:var(--blue-soft);color:var(--navy)}
.more{font:600 1rem/1.4 var(--sans);color:var(--blue);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.3em}
.more:hover{color:var(--navy)}
.more--light{color:#fff}
.more--light:hover{color:#c9d3ff}

/* masthead */
.masthead{background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}
.masthead__in{display:flex;align-items:center;gap:1rem;min-height:4.4rem}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;margin-right:auto;color:var(--navy)}
.brand__mark{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:6px;background:var(--navy);color:#fff;font:700 .95rem/1 var(--serif);letter-spacing:.02em}
.brand__name{font:700 1.12rem/1 var(--sans)}
.brand:hover{color:var(--blue)}
.sitenav{display:flex;align-items:center;gap:.2rem}
.sitenav a{font:500 .98rem/1 var(--sans);color:var(--ink);text-decoration:none;padding:.65rem .8rem;border-radius:6px}
.sitenav a:hover{color:var(--blue)}
.sitenav a[aria-current]{color:var(--navy);box-shadow:inset 0 -2px 0 var(--blue);border-radius:0}
.sitenav .sitenav__cta{background:var(--navy);color:#fff;margin-left:.6rem;border-radius:6px;padding:.75rem 1.05rem;font-weight:600}
.sitenav .sitenav__cta:hover{background:var(--blue);color:#fff}
.navtoggle{display:none}
@media (max-width:880px){
  .navtoggle{display:block;font:600 .95rem/1 var(--sans);background:#fff;color:var(--navy);border:1.5px solid var(--navy);border-radius:6px;padding:.6rem .95rem;cursor:pointer}
  .sitenav{position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:.5rem var(--gut) 1.25rem;display:none;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(20,33,61,.12)}
  .sitenav.is-open{display:flex}
  .sitenav a{padding:.95rem .3rem;font-size:1.08rem;border-bottom:1px solid var(--line)}
  .sitenav a[aria-current]{box-shadow:none;color:var(--blue)}
  .sitenav .sitenav__cta{margin:.9rem 0 0;text-align:center;border-bottom:0}
}

.crumbs{font:500 .9rem/1.4 var(--sans);color:var(--muted);padding-top:1.5rem;display:flex;gap:.5rem;flex-wrap:wrap}
.crumbs a{color:var(--muted)}

/* hero */
.hero{background:#fff}
.hero__in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:clamp(2rem,6vw,5.5rem);align-items:start;padding-block:clamp(2.8rem,6vw,5rem) clamp(2.5rem,5vw,4rem)}
.hero__name{font-size:clamp(1.15rem,1.6vw,1.3rem);font-weight:700;letter-spacing:0;color:var(--blue);margin:0 0 1.1rem}
.hero__statement{font:500 clamp(2.1rem,4.4vw,3.6rem)/1.1 var(--serif);letter-spacing:-.02em;color:var(--navy);margin:0 0 1.6rem;max-width:21ch}
.hero__answer{font-size:clamp(1.08rem,1.4vw,1.2rem);line-height:1.7;color:var(--ink);max-width:56ch;margin-bottom:2rem}
.cite{display:inline-grid;place-items:center;min-width:1.2rem;height:1.2rem;padding:0 .3rem;margin:0 .1rem 0 .18rem;border-radius:999px;background:var(--blue-soft);color:var(--blue);font:700 .7rem/1 var(--sans);text-decoration:none;vertical-align:.32em}
.cite:hover{background:var(--blue);color:#fff}
.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2.4rem}
.sources{list-style:none;counter-reset:src;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.sources li{counter-increment:src;display:grid;grid-template-columns:1.3rem auto;column-gap:.6rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:.55rem .8rem .55rem .55rem;font:500 .86rem/1.25 var(--sans);max-width:17rem}
.sources li::before{content:counter(src);grid-row:1/3;display:grid;place-items:center;flex:0 0 1.3rem;height:1.3rem;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-weight:700;font-size:.72rem}
.sources a{color:var(--ink);text-decoration:none;display:block}
.sources a:hover{color:var(--blue)}
.sources span{grid-column:2;color:var(--muted);font-size:.78rem;margin-top:.1rem}
.sources a{grid-column:2}
.sources li:target{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.hero__photo{margin:0;position:relative;padding:1.6rem 1.6rem 0 0}
.hero__photo::before{content:"";position:absolute;right:0;top:0;width:72%;height:70%;background:var(--blue-soft);border:1px solid #cdd6fb;border-radius:6px}
.hero__photo img{position:relative;display:block;border-radius:6px;width:100%;box-shadow:0 22px 44px rgba(20,33,61,.16)}
@media (max-width:900px){
  .hero{background:#fff}
  .hero__in{grid-template-columns:1fr}
  .hero__photo{order:-1;max-width:200px;padding:1rem 1rem 0 0}
}

/* credentials */
.proof{background:var(--mist);border-block:1px solid var(--line)}
.proof__list{list-style:none;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.proof__list li{font:500 .95rem/1.4 var(--sans);color:var(--muted);padding:1.4rem 1.2rem;border-left:1px solid var(--line)}
.proof__list li:first-child{border-left:0;padding-left:0}
.proof__list strong{display:block;font-size:1.3rem;color:var(--navy);font-weight:700;margin-bottom:.15rem}
@media (max-width:900px){.proof__list{grid-template-columns:1fr 1fr}.proof__list li{border-left:0;border-top:1px solid var(--line);padding:1rem 0}.proof__list li:nth-child(-n+2){border-top:0}}

/* who it is for */
.who{padding-block:clamp(4rem,8vw,6.5rem) clamp(3rem,6vw,4.5rem)}
.who__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:end;margin-bottom:3rem}
.who__head h2{margin:0}
.who__head p{margin:0;color:var(--muted)}
.who__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6rem 4rem}
.who__item{display:grid;grid-template-columns:104px 1fr;gap:1.4rem;align-items:start;padding-top:1.4rem;border-top:2px solid var(--navy)}
.who__item:nth-child(even){margin-top:3rem}
.who__item:nth-child(n+3){margin-top:0}
.who__item:nth-child(4){margin-top:3rem}
.who__cover img{display:block;border-radius:2px 5px 5px 2px;box-shadow:0 12px 24px rgba(20,33,61,.22)}
.who__item h3{margin-bottom:.4rem}
.who__item p{font-size:1.05rem;margin-bottom:.6rem}
.who__book{font:500 .95rem/1.4 var(--sans);color:var(--muted);margin:0}
.who__book cite{font-style:normal;font-weight:600}
@media (max-width:820px){.who__head,.who__grid{grid-template-columns:1fr}.who__item:nth-child(n){margin-top:0}}

/* delivered work and client words */
.work{background:var(--mist);border-top:1px solid var(--line);padding-block:clamp(4rem,8vw,6rem)}
.work__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:end;margin-bottom:2.6rem}
.work__head h2,.work__head p{margin:0}
.work__head p{color:var(--muted)}
.work__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.case{background:#fff;border:1px solid var(--line);border-radius:8px;padding:1.6rem 1.6rem 1.7rem}
.case__client{font:600 .88rem/1.35 var(--sans);color:var(--blue);margin-bottom:.7rem}
.case h3{font-size:1.32rem;margin-bottom:.6rem}
.case h3 a{color:var(--navy);text-decoration:none}
.case h3 a:hover{color:var(--blue);text-decoration:underline}
.case p:last-child{font-size:1.02rem;color:var(--muted);margin:0}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin:3.5rem 0 2.5rem}
.quote{margin:0;padding-left:1.2rem;border-left:2px solid var(--navy)}
.quote:nth-child(2){margin-top:2rem}
.quote blockquote{margin:0}
.quote p{font:italic 400 1.22rem/1.5 var(--serif);color:var(--navy);margin:0 0 .8rem}
.quote figcaption{font:500 .9rem/1.4 var(--sans);color:var(--muted)}
.quote figcaption strong{display:block;color:var(--ink);font-weight:600}
.work__links{display:flex;flex-wrap:wrap;gap:1.6rem;margin:0}
@media (max-width:900px){.work__head,.work__grid,.quotes{grid-template-columns:1fr}.quote:nth-child(2){margin-top:0}}

/* ways to work together */
.ask{background:var(--navy);color:#d5dcec;padding-block:clamp(4rem,8vw,6.5rem)}
.ask h2{color:#fff}
.ask__lead{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}
.ask__lead p{color:#c3cce0}
.ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:5.5rem 0 2.5rem;align-items:stretch}
.rung{background:var(--navy-2);border-radius:8px;padding:1.6rem 1.6rem 1.8rem;border:1px solid rgba(255,255,255,.08)}
.rung:nth-child(1){transform:translateY(0)}
.rung:nth-child(2){transform:translateY(-1.75rem)}
.rung:nth-child(3){transform:translateY(-3.5rem)}
.rung h3{color:#fff;font-size:1.35rem;margin-bottom:.3rem}
.rung__price{font:600 .92rem/1.3 var(--sans);color:#9fb2ff;margin-bottom:1rem}
.rung p:last-child{font-size:1.03rem;color:#c3cce0;margin:0}
.rung--lead{background:#fff;border-color:#fff}
.rung--lead h3{color:var(--navy);font-size:1.55rem}
.rung--lead .rung__price{color:var(--blue)}
.rung--lead p:last-child{color:var(--ink)}
.ask__links{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;margin:0}
@media (max-width:860px){.ask__lead{grid-template-columns:1fr}.ladder{grid-template-columns:1fr}.rung:nth-child(n){transform:none}}

/* story */
.story{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(2rem,6vw,5rem);padding-block:clamp(4rem,8vw,6.5rem);align-items:center}
.story__text{max-width:62ch}
.story__quote{margin:0;padding:2rem 0 2rem 2rem;border-left:3px solid var(--blue)}
.story__quote p{font:italic 400 clamp(1.45rem,2.3vw,1.9rem)/1.4 var(--serif);color:var(--navy);margin:0 0 1rem}
.story__quote footer{font:600 .95rem/1 var(--sans);color:var(--muted)}
@media (max-width:860px){.story{grid-template-columns:1fr}}

/* ventures */
.ventures{background:#fff;padding-block:clamp(3.5rem,7vw,5.5rem);border-top:1px solid var(--line)}
.ventures__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2rem}
.ventures__note{margin:2.2rem 0 0;font-size:1.05rem;color:var(--muted);max-width:62ch}
.venture{border-top:1px solid var(--line);padding-top:1.1rem}
.venture h3 a{color:var(--navy);text-decoration:none}
.venture h3 a:hover{color:var(--blue)}
.venture p{font-size:1rem;color:var(--muted);margin:0}
@media (max-width:900px){.ventures__grid{grid-template-columns:1fr}}
@media (max-width:560px){.ventures__grid{grid-template-columns:1fr}}

/* post lists */
.writing{padding-block:clamp(3.5rem,7vw,5.5rem) 2rem}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.5rem;margin:1.5rem 0 2rem}
.card{border-top:1px solid var(--line);padding:1.2rem 0 1.5rem}
.card__meta{font:500 .86rem/1.3 var(--sans);color:var(--muted);margin-bottom:.55rem}
.card__title{font-size:1.22rem;margin-bottom:.5rem}
.card__title a{color:var(--navy);text-decoration:none}
.card__title a:hover{color:var(--blue);text-decoration:underline}
.card__text{font-size:1.02rem;color:var(--muted);margin:0}
@media (max-width:860px){.cards{grid-template-columns:1fr}}

/* closing call */
.close{padding-block:1rem clamp(4rem,7vw,5.5rem)}
.close__in{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:2rem 4rem;align-items:center}
.close__in > div:first-child{background:var(--blue-soft);border-radius:10px;padding:clamp(1.6rem,4vw,2.6rem)}
.close__in h2{font-size:clamp(1.6rem,2.8vw,2.2rem)}
.close__in p{margin:0;max-width:58ch}
.close__actions{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}
@media (max-width:820px){.close__in{grid-template-columns:1fr}}

.nudge{margin-block:1rem 4.5rem}
.nudge__in{border-left:3px solid var(--blue);padding:.4rem 0 .4rem clamp(1.2rem,3vw,2rem)}
.nudge h2{font-size:clamp(1.6rem,2.8vw,2.2rem)}
.nudge p{max-width:56ch}

/* inner page heads */
.pagehead{padding-block:clamp(2rem,5vw,3.5rem) clamp(1.5rem,3vw,2.5rem)}
.pagehead h1{font-size:clamp(2.4rem,5.4vw,4rem);letter-spacing:-.025em;max-width:20ch}
.lede{font-size:clamp(1.15rem,1.7vw,1.32rem);line-height:1.6;max-width:62ch;color:var(--ink)}
.prose{max-width:70ch}
.prose h2{font-size:clamp(1.55rem,2.6vw,2.05rem);margin-top:2.4rem}
.prose h3{margin-top:1.8rem}
.prose li{margin-bottom:.45rem}
.prose blockquote{margin:1.6rem 0;padding:.2rem 0 .2rem 1.3rem;border-left:3px solid var(--blue);font-style:italic}
.prose table{border-collapse:collapse;width:100%;font-size:1rem;margin:1.5rem 0;display:block;overflow-x:auto}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:.6rem .8rem;text-align:left;vertical-align:top}
.prose th{font-family:var(--sans);background:var(--mist)}
.prose img{border-radius:4px}
.prose figure{margin:1.6rem 0}
.prose figcaption,.prose .wp-caption-text{font:500 .9rem/1.4 var(--sans);color:var(--muted);margin-top:.5rem}
.prose .alignleft{float:left;margin:.3rem 1.4rem 1rem 0;max-width:45%}
.prose .alignright{float:right;margin:.3rem 0 1rem 1.4rem;max-width:45%}
.prose .aligncenter{display:block;margin-inline:auto}
.prose::after{content:"";display:table;clear:both}
.prose .embed{position:relative;aspect-ratio:16/9;margin:1.6rem 0;background:#000;border-radius:6px;overflow:hidden}
.prose .embed iframe,.prose iframe{border:0;max-width:100%}
.prose .embed iframe{position:absolute;inset:0;width:100%;height:100%}
.prose .note{font-size:1rem;color:var(--muted)}
@media (max-width:600px){.prose .alignleft,.prose .alignright{float:none;margin:1rem 0;max-width:100%}}

/* post */
.post{padding-bottom:4rem}
.post__head{padding-block:clamp(1.5rem,4vw,3rem) 1.5rem;max-width:70ch}
.post__head h1{font-size:clamp(2rem,4.2vw,3.1rem);letter-spacing:-.02em}
.post__meta{font:500 .95rem/1.4 var(--sans);color:var(--muted)}
.post__meta a{color:var(--muted)}
.post__foot{max-width:70ch;margin-top:3rem;padding:1.6rem;background:var(--mist);border-radius:10px;display:grid;grid-template-columns:72px 1fr;gap:1.2rem;align-items:start}
.post__foot img{border-radius:50%;display:block}
.post__foot p{margin:0 0 .6rem;font-size:1.02rem}
.post__foot p:last-child{margin:0}
.post__old{font:500 .95rem/1.5 var(--sans);background:var(--mist);border-left:3px solid var(--line);padding:.8rem 1rem;max-width:70ch;color:var(--muted)}
.related{margin-top:3.5rem}

/* blog index */
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem}
.filters a{font:500 .95rem/1 var(--sans);padding:.65rem 1rem;border-radius:6px;border:1px solid var(--line);color:var(--ink);text-decoration:none;background:#fff}
.filters a:hover{border-color:var(--navy)}
.filters a[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff}
.search{display:flex;gap:.5rem;max-width:30rem;margin-bottom:2rem}
.search input{flex:1;font:1rem/1.2 var(--sans);padding:.8rem 1rem;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
.search button{font:600 1rem/1 var(--sans);padding:.8rem 1.1rem;border-radius:6px;border:0;background:var(--navy);color:#fff;cursor:pointer}
.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem}
@media (max-width:760px){.list{grid-template-columns:1fr}}
.pager{display:flex;gap:1rem;justify-content:space-between;margin:2.5rem 0 4rem;font-family:var(--sans);font-weight:600}
.empty{font-size:1.1rem;padding:2rem 0}

/* books page */
.bookrow{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:clamp(1.8rem,5vw,4.5rem);padding-block:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--line);align-items:start}
.bookrow:nth-of-type(even){grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr)}
.bookrow:nth-of-type(even) .bookrow__cover{order:2}
.bookrow__cover img{display:block;border-radius:3px 6px 6px 3px;box-shadow:0 22px 40px rgba(20,33,61,.25)}
.bookrow h2{margin-bottom:.35rem}
.bookrow__sub{font:500 1.15rem/1.45 var(--sans);color:var(--navy-2);max-width:52ch}
.bookrow__facts{font:500 .95rem/1.5 var(--sans);color:var(--muted);margin-bottom:1.2rem}
.bookrow__find{background:var(--blue-soft);border-left:3px solid var(--blue);padding:.9rem 1.1rem;border-radius:0 6px 6px 0;font-size:1.04rem;max-width:58ch}
.bookrow__actions{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;margin-top:1.5rem}
.bookrow p{max-width:62ch}
@media (max-width:760px){.bookrow,.bookrow:nth-of-type(even){grid-template-columns:1fr}.bookrow__cover,.bookrow:nth-of-type(even) .bookrow__cover{order:0;max-width:190px}}

/* about */
.about-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:clamp(2rem,5vw,4.5rem);padding-bottom:4rem}
.about-side{position:sticky;top:6rem}
.about-side picture{display:block;position:relative;padding:1.2rem 1.2rem 0 0;margin-bottom:2rem}
.about-side picture::before{content:"";position:absolute;right:0;top:0;width:72%;height:70%;background:var(--blue-soft);border:1px solid #cdd6fb;border-radius:6px}
.about-side img{position:relative;border-radius:6px;display:block;box-shadow:0 16px 32px rgba(20,33,61,.14)}
.factlist{list-style:none;margin:0;padding:0}
.factlist li{font:500 1rem/1.4 var(--sans);padding:.8rem 0;border-bottom:1px solid var(--line)}
.notme{font:500 .95rem/1.5 var(--sans);color:var(--muted);border-left:3px solid var(--line);padding-left:1rem}
@media (max-width:860px){.about-grid{grid-template-columns:1fr}.about-side{position:static;max-width:320px}}

/* comparison table */
.compare{width:100%;border-collapse:collapse;margin:1.5rem 0 2rem;font-size:1rem}
.compare th,.compare td{padding:.8rem .9rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.compare thead th{font-family:var(--sans);background:var(--navy);color:#fff}
.compare tbody th{font-family:var(--sans);font-weight:600;width:28%}
.tablewrap{overflow-x:auto}

/* talks */
.talklist{display:grid;gap:2.2rem;padding-bottom:4rem}
.talkcard{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(1.2rem,4vw,2.5rem);align-items:start;border-top:1px solid var(--line);padding-top:2rem}
.talkcard__thumb img{display:block;border-radius:8px;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.talkcard__meta{font:500 .92rem/1.4 var(--sans);color:var(--muted);margin-bottom:.5rem}
.talkcard h2{font-size:clamp(1.35rem,2.4vw,1.75rem)}
.talkcard h2 a{color:var(--navy);text-decoration:none}
.talkcard h2 a:hover{color:var(--blue);text-decoration:underline}
@media (max-width:760px){.talkcard{grid-template-columns:1fr}}
.yt{position:relative;max-width:960px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;margin:0 0 2.5rem;box-shadow:0 22px 44px rgba(20,33,61,.18)}
.yt__poster{display:block;width:100%;height:100%;position:relative}
.yt__poster img{display:block;width:100%;height:100%;object-fit:cover}
.yt__play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(20,33,61,.88);transition:background-color .15s ease}
.yt__play::after{content:"";position:absolute;left:34px;top:26px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent #fff}
.yt__poster:hover .yt__play,.yt__poster:focus-visible .yt__play{background:var(--blue)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.talk__body h3 a{color:var(--navy);text-decoration:none}
.talk__body h3 a:hover{color:var(--blue);text-decoration:underline}
.talk__time{display:inline-block;min-width:3.6rem;font:600 .9rem/1 var(--sans);color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:.35rem .6rem;margin-right:.4rem;text-align:center;vertical-align:.12em}
.talk{padding-bottom:4rem}

/* footer */
.foot{background:var(--navy);color:#c3cce0;padding-top:3.5rem;font-size:1rem}
.foot a{color:#fff}
.foot a:hover{color:#c9d3ff}
.foot__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem}
.foot__name{font:700 1.5rem/1 var(--sans);color:#fff;margin-bottom:.8rem}
.foot__head{font:600 1rem/1 var(--sans);color:#9fb2ff;margin-bottom:.9rem}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-bottom:.45rem}
.foot address{font-style:normal;line-height:1.75}
.foot__small{font:500 .88rem/1 var(--sans);padding-block:2.5rem 2rem;margin-block:0;color:#8e9ab6}
@media (max-width:760px){.foot__grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.masthead,.foot,.navtoggle{display:none}}