:root{
  --ink:#0a0a0a;--paper:#f1f0ea;--white:#fff;--muted:#76756f;--line:#d9d7ce;
  --soft:#e7e5dd;--darkline:#2b2b29;--accent:#d9ff42;
  --display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif;
  --serif:'DM Serif Display',Georgia,serif;--script:'Allura',cursive;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,figure{margin:0} a{text-decoration:none;color:inherit} button{font:inherit}
.wrap{width:min(calc(100% - 84px),1280px);margin:auto}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.display{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.035em;line-height:.9}
.serif{font-family:var(--serif);font-weight:400;font-style:italic;text-transform:none;letter-spacing:-.04em}
header{padding:18px 20px}
.nav{max-width:1400px;margin:auto;background:#fff;border:1px solid #deddd5;border-radius:12px;min-height:70px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:5px} .brand b{font-size:27px;letter-spacing:-1.5px} .brand i{font:29px/1 var(--script)}
.nav-right{display:flex;gap:18px;align-items:center} .nav-right span{font-size:10px;letter-spacing:.15em;color:var(--muted)}
.apply{background:var(--ink);color:white;padding:12px 16px;border-radius:7px;font-size:10px;letter-spacing:.12em;font-weight:800;text-transform:uppercase}
.hero{padding:64px 0 80px}
.hero-grid{display:grid;grid-template-columns:1.08fr .76fr;gap:74px;align-items:center}
.hero h1{font-size:clamp(82px,10.7vw,150px)} .hero h1 .serif{display:block;color:#7d7c75;font-size:.58em;margin-top:10px}
.hero p.lead{font-size:21px;max-width:650px;margin-top:28px;line-height:1.45}
.hero-note{margin-top:25px;padding-top:21px;border-top:1px solid var(--line);display:flex;gap:12px;align-items:flex-start;max-width:620px}
.hero-note b{font:800 22px/1 var(--display);white-space:nowrap} .hero-note span{color:var(--muted);font-size:13px}
.hero-image{height:600px;overflow:hidden;border-radius:8px;position:relative;background:#151515}
.hero-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.03)}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,rgba(0,0,0,.78))}
.hero-image-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;color:white}
.hero-image-copy small{font-size:9px;letter-spacing:.16em;color:#c6c5bd} .hero-image-copy strong{display:block;font:800 46px/.94 var(--display);text-transform:uppercase;margin-top:8px}
.manifesto{background:var(--ink);color:var(--paper);padding:78px 0}
.manifesto p{font:800 clamp(46px,6vw,83px)/.98 var(--display);text-transform:uppercase;max-width:1170px}
.manifesto .serif{color:#a3a29a}
.manifesto-sub{font-size:16px;color:#aaa9a2;max-width:650px;margin-top:24px}
.curriculum{padding:110px 0}
.curriculum-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:58px}
.curriculum-head h2{font-size:clamp(64px,8vw,108px)} .curriculum-head h2 .serif{display:block;color:#85847d}
.curriculum-head p{color:var(--muted);font-size:17px;max-width:520px}
.chapter-list{border-top:1px solid var(--line)}
.chapter{border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px 1fr 1.05fr;gap:36px;padding:40px 0;align-items:start}
.chapter-num{font:800 72px/.8 var(--display);color:#c8c6bd}
.chapter h3{font:800 clamp(43px,4.8vw,67px)/.92 var(--display);text-transform:uppercase}
.chapter h3 .serif{display:block;color:#85847d;font-size:.72em;margin-top:5px}
.chapter-copy>p{color:#66655f;font-size:14px;max-width:560px}
.topic-wrap{margin-top:22px}
.topic-label{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.topic-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;border-top:1px solid var(--line)}
.topic-list li{padding:13px 0 13px 18px;border-bottom:1px solid var(--line);position:relative;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
.topic-list li:before{content:"";position:absolute;left:0;top:19px;width:7px;height:7px;border-radius:50%;background:var(--ink)}
.lesson-toggle{margin-top:20px;border:0;background:none;padding:0;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:flex;gap:9px;align-items:center}
.lesson-toggle b{font-size:16px;transition:.2s transform}
.lesson-detail{max-height:0;overflow:hidden;transition:max-height .35s ease}
.lesson-detail-inner{margin-top:20px;border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lesson-detail-inner div{background:#e8e6de;border-radius:8px;padding:15px;font-size:12px;color:#595851}
.chapter.open .lesson-detail{max-height:280px} .chapter.open .lesson-toggle b{transform:rotate(45deg)}
.dark-section{background:var(--ink);color:var(--paper);padding:105px 0}
.dark-head{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:end}
.dark-head h2{font-size:clamp(65px,8.3vw,112px)} .dark-head h2 .serif{display:block;color:#aaa99f}
.dark-head p{color:#a8a79f;font-size:16px;max-width:530px}
.framework{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-block:1px solid var(--darkline)}
.frame{padding:31px 25px;border-right:1px solid var(--darkline);min-height:230px} .frame:last-child{border-right:0}
.frame span{font-size:9px;letter-spacing:.15em;color:#85847d} .frame strong{display:block;font:800 38px/.94 var(--display);text-transform:uppercase;margin-top:13px}
.frame p{color:#aaa9a1;font-size:12px;margin-top:13px}
.frame:nth-child(4){position:relative} .frame:nth-child(4):after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);right:-4px;top:-5px}
.lab{padding:110px 0}
.lab-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:48px}
.lab-head h2{font-size:clamp(62px,7.5vw,105px)} .lab-head h2 .serif{display:block;color:#85847d}
.lab-head p{color:var(--muted);font-size:16px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;min-height:270px;display:flex;flex-direction:column;justify-content:space-between}
.card small{font-size:9px;font-weight:800;letter-spacing:.15em;color:#8a8982} .card h4{font:800 34px/.95 var(--display);text-transform:uppercase;margin-top:14px}
.card p{font-size:13px;color:#66655f;margin-top:13px}
.card .prompt{margin-top:24px;border-top:1px solid var(--line);padding-top:15px;font-size:11px;font-weight:700}
.close{padding:118px 0}
.close h2{font-size:clamp(84px,10vw,142px)} .close h2 .serif{display:block;color:#85847d}
.close-row{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:28px;margin-top:38px}
.close-row p{max-width:680px;color:var(--muted);font-size:18px}
.close-row a{background:var(--ink);color:#fff;border-radius:8px;padding:16px 19px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.disclaimer{font-size:10px;color:#8b8a82;margin-top:18px;max-width:800px}
@media(max-width:960px){
  .wrap{width:calc(100% - 44px)} .hero-grid,.curriculum-head,.dark-head,.lab-head{grid-template-columns:1fr;gap:34px}
  .hero-image{height:480px} .chapter{grid-template-columns:75px 1fr;gap:24px} .chapter-copy{grid-column:2} .topic-list{grid-template-columns:1fr 1fr}
  .framework{grid-template-columns:1fr 1fr} .frame:nth-child(2){border-right:0} .frame:nth-child(-n+2){border-bottom:1px solid var(--darkline)}
  .cards{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .wrap{width:calc(100% - 30px)} .nav-right span{display:none} .brand b{font-size:22px} .brand i{font-size:24px}
  .hero{padding:34px 0 55px} .hero h1{font-size:clamp(74px,21vw,108px)} .hero p.lead{font-size:18px}
  .hero-image{height:400px} .hero-note{flex-direction:column}
  .manifesto{padding:60px 0} .curriculum,.dark-section,.lab,.close{padding:74px 0}
  .chapter{grid-template-columns:1fr;padding:32px 0} .chapter-copy{grid-column:1} .chapter-num{font-size:48px}
  .lesson-detail-inner{grid-template-columns:1fr} .topic-list{grid-template-columns:1fr} .framework{grid-template-columns:1fr} .frame{border-right:0;border-bottom:1px solid var(--darkline)} .frame:last-child{border-bottom:0}
  .cards{grid-template-columns:1fr} .close-row{flex-direction:column;align-items:flex-start}
}

/* V6: stronger category separation */
.chapter + .chapter{padding-top:46px}
.chapter h3{max-width:360px}


/* V7 — cost of waiting / compound growth section */
.compound-section{padding:110px 0;background:#e9e7df}
.compound-head{display:grid;grid-template-columns:1fr .86fr;gap:70px;align-items:end;margin-bottom:44px}
.compound-head h2{font-size:clamp(64px,8vw,110px)}
.compound-head h2 .serif{display:block;color:#85847d}
.compound-head>p{font-size:17px;color:var(--muted);max-width:560px}
.compound-shell{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.compound-top{display:grid;grid-template-columns:1.08fr .92fr;border-bottom:1px solid var(--line)}
.compound-message{padding:38px}
.compound-message small{font-size:9px;font-weight:800;letter-spacing:.17em;color:var(--muted)}
.compound-message h3{font:800 clamp(47px,5.2vw,75px)/.92 var(--display);text-transform:uppercase;margin-top:12px}
.compound-message h3 .serif{display:block;color:#85847d}
.compound-message p{color:#66655f;font-size:14px;max-width:600px;margin-top:18px}
.compound-control{padding:38px;border-left:1px solid var(--line);background:#f3f2ed}
.compound-control .control-label{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.amount-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}
.amount-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px 8px;font-size:12px;font-weight:800;cursor:pointer}
.amount-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.compound-periods{display:grid;grid-template-columns:repeat(4,1fr)}
.period{padding:30px 22px;border-right:1px solid var(--line)}
.period:last-child{border-right:0}
.period-year{font:800 42px/.9 var(--display)}
.period-year span{font-size:.48em;color:var(--muted);letter-spacing:.03em}
.compare-row{margin-top:24px}
.compare-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.compare-label strong{font-size:12px;letter-spacing:0}
.bar-track{height:8px;background:#e3e1d9;border-radius:999px;overflow:hidden;margin-top:8px}
.bar-spent,.bar-invested{height:100%;border-radius:999px}
.bar-spent{background:#aaa89f}
.bar-invested{background:#0c0c0c}
.period-growth{font-size:10px;color:var(--muted);margin-top:16px;line-height:1.45}
.period-growth b{color:var(--ink)}
.compound-bottom{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.compound-stat{padding:30px 38px}
.compound-stat:first-child{border-right:1px solid var(--line)}
.compound-stat small{font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--muted)}
.compound-stat strong{display:block;font:800 clamp(42px,5vw,68px)/.95 var(--display);margin-top:10px}
.compound-stat p{font-size:12px;color:#74736d;margin-top:8px}
.compound-note{font-size:10px;color:#88877f;margin-top:16px;max-width:900px}
@media(max-width:960px){
  .compound-head,.compound-top{grid-template-columns:1fr;gap:30px}
  .compound-control{border-left:0;border-top:1px solid var(--line)}
  .compound-periods{grid-template-columns:1fr 1fr}
  .period:nth-child(2){border-right:0}
  .period:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:620px){
  .compound-section{padding:74px 0}
  .amount-tabs{grid-template-columns:1fr 1fr}
  .compound-periods{grid-template-columns:1fr}
  .period{border-right:0;border-bottom:1px solid var(--line)}
  .period:last-child{border-bottom:0}
  .compound-bottom{grid-template-columns:1fr}
  .compound-stat:first-child{border-right:0;border-bottom:1px solid var(--line)}
  .compound-message,.compound-control,.compound-stat{padding:26px}
}

.income-assumption{margin-top:16px;border-top:1px solid var(--line)}
.income-assumption>div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}
.income-assumption span{font-size:11px;color:var(--muted)}
.income-assumption strong{font-size:13px;text-align:right}

.period[data-years="7"]{background:#f0efe9}
.period[data-years="7"] .period-year:after{
  content:"STOP ADDING MONEY";
  display:inline-block;
  margin-left:10px;
  padding:5px 7px;
  border:1px solid var(--ink);
  border-radius:4px;
  vertical-align:middle;
  font:800 8px/1 var(--body);
  letter-spacing:.1em;
}

/* ===== V15: V10 with pictures below explanation only ===== */
.chapter{padding:44px 0}
.chapter-copy>p{max-width:780px;line-height:1.65}
.chapter-visual{margin-top:22px;margin-bottom:4px}
.chapter-visual-inner{
  background:#f5f4ef;
  border:1px solid #e1dfd7;
  border-radius:18px;
  padding:16px;
  overflow:hidden;
}
.chapter-visual-inner svg{display:block;width:100%;height:auto}
.topic-wrap,.topic-grid{margin-top:20px}
.lesson-toggle{margin-top:18px}
@media(max-width:620px){
  .chapter-visual-inner{padding:12px;border-radius:14px}
}

/* V17 — same wording, cleaner organization only */
.manifesto-organized{display:grid;gap:48px}
.manifesto-block{max-width:1120px}
.manifesto-headline{
  font:800 clamp(52px,6.2vw,88px)/.98 var(--display);
  text-transform:uppercase;
  color:var(--paper);
}
.manifesto-italic{
  font:400 clamp(34px,4.6vw,66px)/1.08 var(--serif);
  color:#aaa99f;
  margin-top:8px;
}
.manifesto-block-two{
  padding-top:38px;
  border-top:1px solid var(--darkline);
}
.manifesto-headline.secondary{
  font-size:clamp(42px,5vw,72px);
  color:#c7c6bf;
}
.manifesto-body{
  max-width:940px;
  margin-top:18px;
  font-size:18px;
  line-height:1.5;
  color:#aaa9a2;
}
@media(max-width:620px){
  .manifesto-organized{gap:34px}
  .manifesto-block-two{padding-top:28px}
  .manifesto-body{font-size:16px}
}

/* V18 — split top sections + final image polish */

.manifesto{
  padding-bottom:44px;
}
.manifesto-organized-top{
  display:block;
}
.manifesto .manifesto-block{
  max-width:1120px;
}
.manifesto-followup{
  background:var(--bg);
  padding:58px 0 72px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.manifesto-followup .manifesto-block-two{
  padding-top:0;
  border-top:0;
  max-width:1050px;
}
.manifesto-followup .manifesto-headline.secondary{
  color:var(--ink);
}
.manifesto-followup .manifesto-body{
  color:var(--muted);
  font-size:20px;
  max-width:920px;
}

/* Slightly more premium curriculum image treatment */
.chapter{padding:48px 0}
.chapter-copy>p{max-width:780px}
.chapter-visual{
  margin-top:24px;
  margin-bottom:10px;
  max-width:930px;
}
.chapter-visual-inner{
  position:relative;
  background:linear-gradient(180deg,#f7f6f1 0%, #f1efe8 100%);
  border:1px solid #dedcd4;
  border-radius:22px;
  padding:18px;
  overflow:hidden;
  box-shadow:0 12px 26px rgba(0,0,0,.04);
}
.chapter-visual-label{
  display:inline-block;
  margin-bottom:14px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid #e4e2da;
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#66645d;
}
.chapter-visual-inner svg{
  display:block;
  width:100%;
  height:auto;
}
.rc-link i, .vcta i, .lesson-toggle b{
  transition:transform .28s ease;
}
.lesson-toggle:hover b{
  transform:translateX(4px);
}
.topic-wrap, .topic-grid{
  margin-top:22px;
}

@media(max-width:620px){
  .manifesto-followup{padding:42px 0 54px}
  .manifesto-followup .manifesto-body{font-size:17px}
  .chapter-visual{margin-top:20px}
  .chapter-visual-inner{
    padding:14px;
    border-radius:16px;
  }
}

/* V19 - upgraded real photos in chapter visuals */
.chapter-visual{max-width:960px}
.chapter-visual-inner{
  background:#f3f1eb;
  padding:16px;
}
.chapter-photo{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:16px;
  box-shadow:0 8px 18px rgba(0,0,0,.05);
}
@media(max-width:620px){
  .chapter-photo{border-radius:12px}
}

/* V20 - self-contained images, cleaner image frame */
.chapter-visual-label{margin-bottom:10px}
.chapter-visual-inner{padding:14px}
.chapter-photo{
  width:100%;
  display:block;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:14px;
}

/* V21 - remove photo labels from all chapter images */
.chapter-visual-label{display:none!important}
.chapter-visual-inner{padding:12px}
.chapter-photo{
  margin:0;
  width:100%;
  display:block;
}

/* V22 - upgraded key topics sections */
.topic-wrap{
  margin-top:22px;
  max-width:960px;
}

.topics-panel{
  border-top:1px solid var(--line);
  padding-top:14px;
}

.topics-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}

.topics-kicker{
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#7d7b74;
}

.topics-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 16px;
}

.topic-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:0 18px;
  border:1px solid #d8d6cf;
  border-radius:14px;
  background:#f6f4ee;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}

.topic-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#111;
  flex:0 0 auto;
}

.topic-name{
  font-size:16px;
  font-weight:700;
  letter-spacing:.02em;
  color:#111;
}

.topics-footer-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:18px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#1675ff;
}

.topics-footer-link b{
  font-size:24px;
  line-height:1;
  font-weight:700;
}

@media(max-width:900px){
  .topics-card-grid{
    grid-template-columns:1fr;
  }
  .topic-card{
    min-height:54px;
  }
  .topic-name{
    font-size:15px;
  }
}

/* V23 - remove topics footer links and dots */
.topics-footer-link{display:none!important}
.topic-dot{display:none!important}
.topic-card{
  gap:0;
  padding:0 20px;
}
.topic-name{
  width:100%;
}

/* V24 - bigger black & white pictures across all sections */
.chapter-visual{
  max-width:100%;
  margin-top:20px;
  margin-bottom:18px;
}

.chapter-visual-inner{
  padding:10px;
  border-radius:20px;
}

.chapter-photo{
  width:100%;
  display:block;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:14px;
  filter:grayscale(100%) contrast(1.04) brightness(.98);
}

/* Give the right column a little more breathing room so the larger photos feel intentional */
.chapter-copy > p{
  margin-bottom:16px;
}

@media(max-width:900px){
  .chapter-photo{
    aspect-ratio:4/3;
  }
}

/* V25 - reduce large empty spaces and reorganize chapters */
.chapter{
  grid-template-columns:110px minmax(250px, 390px) minmax(0, 1fr);
  grid-template-areas:
    "num head intro"
    ". media media";
  gap:22px 28px;
  padding:34px 0 38px;
}

.chapter-num{grid-area:num}
.chapter-head{grid-area:head}
.chapter-intro{
  grid-area:intro;
  max-width:620px;
  align-self:start;
}
.chapter-intro > p{
  color:#66655f;
  font-size:14px;
  line-height:1.55;
  margin:0;
}

.chapter-media-wrap{
  grid-area:media;
  display:grid;
  grid-template-columns:minmax(360px, 1.05fr) minmax(300px, .95fr);
  gap:22px;
  align-items:start;
  margin-top:2px;
}

.chapter-visual,
.topic-wrap{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

.chapter-visual{
  max-width:none;
}

.chapter-visual-inner{
  padding:10px;
  border-radius:18px;
}

.chapter-photo{
  aspect-ratio:5/4;
  border-radius:14px;
}

.topics-panel{
  border-top:1px solid var(--line);
  padding-top:12px;
  height:100%;
}

.topics-panel-head{
  margin-bottom:12px;
}

.topics-kicker{
  font-size:11px;
  letter-spacing:.16em;
}

.topics-card-grid{
  gap:10px 14px;
}

.topic-card{
  min-height:54px;
  border-radius:12px;
  padding:0 18px;
}

.topic-name{
  font-size:15px;
}

@media(max-width:1100px){
  .chapter{
    grid-template-columns:88px 1fr;
    grid-template-areas:
      "num head"
      "intro intro"
      "media media";
    gap:18px 22px;
  }

  .chapter-media-wrap{
    grid-template-columns:1fr;
    gap:18px;
  }

  .chapter-photo{
    aspect-ratio:16/10;
  }
}

@media(max-width:620px){
  .chapter{
    grid-template-columns:68px 1fr;
    padding:28px 0 32px;
    gap:14px 16px;
  }

  .chapter-num{
    font-size:56px;
  }

  .chapter h3{
    font-size:clamp(36px, 12vw, 52px);
  }

  .chapter-intro > p{
    font-size:13px;
  }

  .chapter-media-wrap{
    gap:16px;
  }

  .chapter-visual-inner{
    padding:8px;
    border-radius:14px;
  }

  .chapter-photo{
    aspect-ratio:4/3;
    border-radius:10px;
  }

  .topic-card{
    min-height:50px;
    padding:0 16px;
  }

  .topic-name{
    font-size:14px;
  }
}