/* publicspeaking-tips.com */
:root{
  --navy:#12233F;
  --navy-2:#1B3157;
  --amber:#E8A33D;
  --amber-dk:#A96C0C;
  --ink:#1D2430;
  --body:#3C4759;
  --muted:#6B7688;
  --line:#E3E7EE;
  --bg:#FFFFFF;
  --soft:#F6F8FB;
  --soft-2:#FDF6E9;
  --wrap:1120px;
  --read:730px;
  --r:10px;
  --sans:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --serif:Georgia,"Iowan Old Style","Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--body);
  font-family:var(--sans);font-size:18px;line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;height:auto}
a{color:var(--navy-2);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
a:hover{color:var(--amber-dk)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:#fff;padding:10px 14px;z-index:99;border-radius:6px}

/* ---------- header ---------- */
.site-head{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:40}
.head-in{display:flex;align-items:center;gap:18px;min-height:70px;position:relative}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);flex:0 0 auto}
.brand img{width:36px;height:36px;border-radius:9px;display:block}
.brand b{font-size:17.5px;font-weight:700;letter-spacing:-.3px;line-height:1.15;display:block}
.brand span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.nav{margin-left:auto;display:flex;gap:24px;align-items:center}
.nav a{font-size:15px;font-weight:600;color:var(--ink);text-decoration:none}
.nav a:hover,.nav a[aria-current="page"]{color:var(--amber-dk)}
.nav-btn{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 11px;margin-left:auto;cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:var(--navy)}
@media(max-width:820px){
  .nav-btn{display:block}
  .nav{display:none;position:absolute;left:-22px;right:-22px;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px 22px 16px;box-shadow:0 12px 24px rgba(18,35,63,.07)}
  .nav.open{display:flex}
  .nav a{padding:11px 0;border-bottom:1px solid var(--line)}
  .nav a:last-child{border-bottom:0}
}

/* ---------- hero ---------- */
.hero{background:var(--navy);color:#E9EEF6;padding:62px 0 58px}
.hero .kicker{color:var(--amber);font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px}
.hero h1{color:#fff;margin:0 0 16px;max-width:17ch}
.hero p{font-size:19.5px;max-width:62ch;margin:0 0 26px;color:#C7D2E2}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- type ---------- */
h1,h2,h3,h4{color:var(--ink);font-family:var(--sans);letter-spacing:-.4px;line-height:1.22;font-weight:750}
h1{font-size:clamp(31px,4.6vw,45px);margin:0 0 18px}
h2{font-size:clamp(24px,3vw,30px);margin:52px 0 16px;scroll-margin-top:92px}
h3{font-size:20.5px;margin:34px 0 12px;line-height:1.32;scroll-margin-top:92px}
h4{font-size:17.5px;margin:26px 0 8px}
p{margin:0 0 20px}
ul,ol{margin:0 0 22px;padding-left:22px}
li{margin:0 0 10px}
li::marker{color:var(--amber-dk)}
strong{color:var(--ink);font-weight:670}
blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--amber);font-family:var(--serif);font-size:20px;font-style:italic;color:var(--ink)}
hr{border:0;border-top:1px solid var(--line);margin:44px 0}

/* ---------- layout ---------- */
.page{padding:44px 0 70px}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
@media(max-width:980px){.cols{grid-template-columns:1fr;gap:44px}}
.article{max-width:var(--read)}
.article-head{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:32px}
.meta{font-size:14px;color:var(--muted);margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px 16px}
.lede{font-size:20.5px;color:var(--ink);line-height:1.62}

/* breadcrumb */
.crumb{font-size:13.5px;color:var(--muted);margin:0 0 20px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px}
.crumb li{margin:0}
.crumb li+li::before{content:"\203A";margin-right:7px;color:#B3BCCB}
.crumb a{color:var(--muted)}

/* sidebar */
.side{position:sticky;top:92px;font-size:15.5px}
@media(max-width:980px){.side{position:static}}
.side h2,.side h3{font-size:13px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-weight:700}
.side-box{border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 14px;margin-bottom:22px;background:var(--soft)}
.side-box ul{list-style:none;padding:0;margin:0}
.side-box li{margin:0 0 11px;line-height:1.45}
.side-box a{text-decoration:none;font-weight:600;color:var(--ink)}
.side-box a:hover{color:var(--amber-dk);text-decoration:underline}

/* ---------- components ---------- */
.btn{display:inline-block;background:var(--amber);color:#231303;font-weight:700;font-size:16px;padding:13px 24px;border-radius:8px;text-decoration:none;border:1px solid var(--amber)}
.btn:hover{background:#F2B455;color:#231303}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.btn-ghost:hover{background:rgba(255,255,255,.09);color:#fff}

.takeaway{background:var(--soft-2);border:1px solid #F0DDB8;border-left:4px solid var(--amber);border-radius:var(--r);padding:24px 26px 8px;margin:0 0 34px}
.takeaway h2{font-size:16px;margin:0 0 14px;letter-spacing:.05em;text-transform:uppercase;color:var(--amber-dk)}
.takeaway ul{margin:0 0 16px;padding-left:20px}
.takeaway li{font-size:16.5px;line-height:1.6}

.note{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px 6px;margin:30px 0}
.note h3{margin:0 0 10px;font-size:17.5px}

.toc{border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;margin:0 0 38px;background:#fff}
.toc h2{font-size:13px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.toc ol{margin:0;padding-left:20px;font-size:16px;column-gap:34px}
.toc li{margin:0 0 7px}
.toc a{text-decoration:none;color:var(--ink)}
.toc a:hover{color:var(--amber-dk);text-decoration:underline}
@media(min-width:700px){.toc ol{columns:2}}

.tip{border-top:2px solid var(--navy);padding-top:20px;margin-top:46px}
.tip h2{margin-top:0}
.tip h2 .n{display:block;font-size:13px;font-weight:800;color:var(--amber-dk);letter-spacing:.1em;margin-bottom:7px;text-transform:uppercase}

.tbl{width:100%;border-collapse:collapse;font-size:16px;margin:0 0 26px}
.tbl th,.tbl td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.tbl th{background:var(--soft);font-weight:700;color:var(--ink)}
.scroll-x{overflow-x:auto;margin:0 0 26px}

details{border:1px solid var(--line);border-radius:var(--r);margin:0 0 12px;background:#fff}
details[open]{background:var(--soft)}
summary{cursor:pointer;padding:16px 20px;font-weight:670;color:var(--ink);font-size:17px;list-style:none;position:relative;padding-right:48px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:20px;top:13px;font-size:23px;color:var(--amber-dk);font-weight:600}
details[open] summary::after{content:"\2013"}
details .in{padding:0 20px 4px}

/* card grid */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:22px;margin:0 0 30px}
.card{border:1px solid var(--line);border-radius:var(--r);padding:24px;background:#fff;display:flex;flex-direction:column}
.card h3{margin:0 0 9px;font-size:18.5px}
.card h3 a{text-decoration:none;color:var(--ink)}
.card h3 a:hover{color:var(--amber-dk)}
.card p{font-size:15.5px;margin:0 0 14px;color:var(--body);line-height:1.6}
.card .more{margin-top:auto;font-size:14.5px;font-weight:700;color:var(--amber-dk);text-decoration:none}
.card .more:hover{text-decoration:underline}

.next-steps{background:var(--navy);color:#C7D2E2;border-radius:var(--r);padding:34px 34px 20px;margin:52px 0 0}
.next-steps h2{color:#fff;margin:0 0 12px;font-size:23px}
.next-steps a{color:#F4C67E}
.next-steps ul{margin:0 0 18px}
.next-steps li{margin-bottom:12px}

.author{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;margin:46px 0 0;background:var(--soft)}
.author img{width:52px;height:52px;border-radius:12px;flex:0 0 auto}
.author p{font-size:15.5px;margin:0;line-height:1.6}
.author strong{display:block;font-size:16px;margin-bottom:3px}

/* section band */
.band{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:58px 0}
.band h2{margin-top:0}
.band-head{max-width:62ch;margin:0 0 30px}

/* ---------- footer ---------- */
.site-foot{background:var(--navy);color:#9FB0C8;font-size:15px;padding:52px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr;gap:30px}}
.site-foot h2{color:#fff;font-size:13px;letter-spacing:.11em;text-transform:uppercase;margin:0 0 15px;font-weight:700}
.site-foot ul{list-style:none;padding:0;margin:0}
.site-foot li{margin:0 0 10px}
.site-foot a{color:#C0CDE0;text-decoration:none}
.site-foot a:hover{color:var(--amber);text-decoration:underline}
.foot-brand{display:flex;align-items:center;gap:11px;margin:0 0 14px}
.foot-brand img{width:34px;height:34px;border-radius:9px}
.foot-brand b{color:#fff;font-size:16.5px}
.site-foot .blurb{max-width:38ch;line-height:1.65;margin:0}
.foot-btm{border-top:1px solid rgba(255,255,255,.13);margin-top:40px;padding-top:22px;font-size:13.5px;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between}

/* visually hidden (table captions, labels) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- author block ---------- */
.author-mark{flex:0 0 auto;width:52px;height:52px;border-radius:12px;background:var(--navy);
  color:var(--amber);font-weight:750;font-size:18px;letter-spacing:.5px;
  display:flex;align-items:center;justify-content:center}
.author-role{font-size:14px;color:var(--muted);margin:6px 0 0}
.author p:first-child{margin:0}

/* ---------- sidebar rule ---------- */
.side-box p.rule{margin:0;font-size:15.5px;line-height:1.6;color:var(--body)}

/* ---------- notices ---------- */
.warn-box{border:1px solid #E9CDA6;border-left:4px solid #C8791B;background:#FDF4E7;
  border-radius:var(--r);padding:20px 24px;margin:0 0 30px}
.warn-box p{margin:0 0 12px}
.warn-box p:last-child{margin:0}
.warn-lbl{font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  color:#A2600F}
.verify-note{border:1px dashed #B9C2D2;background:var(--soft);border-radius:var(--r);
  padding:16px 20px;margin:0 0 28px;font-size:15px;color:var(--muted)}
.verify-note p{margin:0}
.verify-note code{background:#E8ECF3;padding:1px 5px;border-radius:4px;font-size:13.5px}

/* ---------- figures / diagrams ---------- */
figure{margin:32px 0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  background:#fff}
figure svg{display:block;width:100%;height:auto}
figcaption{font-size:14.5px;color:var(--muted);padding:13px 20px;border-top:1px solid var(--line);
  background:var(--soft);line-height:1.5}

/* ---------- footer legal row ---------- */
.foot-legal{display:flex;flex-wrap:wrap;gap:6px 16px}