@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,400;0,7..72,500;0,7..72,600;0,7..72,700;1,7..72,400;1,7..72,500&family=Outfit:wght@600;700;800&display=swap');

/* =========================================================
   Homepage write-up — visual only (does not alter content)
   ========================================================= */
.home-details-wrapper.home-writeup{
  --hw-ink:#1c2434;
  --hw-muted:#5a6578;
  --hw-navy:#000040;
  --hw-navy-soft:#14145c;
  --hw-yellow:#ffcc00;
  --hw-line:rgba(0,0,64,0.1);
  --hw-surface:#ffffff;
  --hw-display:"Outfit",system-ui,sans-serif;
  --hw-body:"Literata","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  position:relative;
  width:100%;
  max-width:100%;
  margin:24px 0 36px;
  padding:20px 12px 28px;
  float:none;
  clear:both;
  box-sizing:border-box;
  background:
    radial-gradient(900px 320px at 0% 0%, rgba(255,204,0,0.1), transparent 60%),
    radial-gradient(800px 280px at 100% 10%, rgba(0,0,64,0.06), transparent 55%),
    linear-gradient(180deg, #eef1f8 0%, #f5f7fb 100%);
}

.home-details-wrapper.home-writeup .home-writeup-inner{
  max-width:820px;
  margin:0 auto;
  padding:36px 40px 44px;
  box-sizing:border-box;
  background:var(--hw-surface);
  border:1px solid var(--hw-line);
  border-radius:16px;
  box-shadow:0 10px 36px rgba(0,0,40,0.06);
  color:var(--hw-ink);
  font-family:var(--hw-body);
  font-size:1.075rem;
  font-optical-sizing:auto;
  font-weight:400;
  line-height:1.8;
  letter-spacing:0.01em;
  text-align:left;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.home-details-wrapper.home-writeup .canonical-page-content{
  display:block;
}

/* Kill legacy title bars / table chrome if any leak in */
.home-details-wrapper.home-writeup h1,
.home-details-wrapper.home-writeup h2,
.home-details-wrapper.home-writeup h3,
.home-details-wrapper.home-writeup h4,
.home-details-wrapper.home-writeup .section-title{
  font-family:var(--hw-display) !important;
  color:var(--hw-navy) !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:-0.02em;
  text-transform:none !important;
  margin:2em 0 0.65em !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.home-details-wrapper.home-writeup h1:first-child,
.home-details-wrapper.home-writeup h2:first-child,
.home-details-wrapper.home-writeup .canonical-page-content > :first-child{
  margin-top:0 !important;
}

.home-details-wrapper.home-writeup h1{
  font-size:clamp(1.5rem, 2.2vw, 1.95rem) !important;
  padding-bottom:0.5em !important;
  border-bottom:2px solid var(--hw-yellow) !important;
}

.home-details-wrapper.home-writeup h2{
  font-size:clamp(1.22rem, 1.7vw, 1.45rem) !important;
  color:var(--hw-navy-soft) !important;
  padding-left:0.7em !important;
  border-left:3px solid var(--hw-yellow) !important;
  border-bottom:0 !important;
}

.home-details-wrapper.home-writeup h3{
  font-size:1.12rem !important;
  font-weight:700 !important;
}

.home-details-wrapper.home-writeup h1.align-center,
.home-details-wrapper.home-writeup h2.align-center,
.home-details-wrapper.home-writeup h3.align-center{
  text-align:center;
  border-left:0 !important;
  padding-left:0 !important;
}

.home-details-wrapper.home-writeup h2.align-center{
  border-bottom:2px solid var(--hw-yellow) !important;
  padding-bottom:0.45em !important;
}

.home-details-wrapper.home-writeup p{
  margin:0 0 1.2em;
  color:var(--hw-ink);
  font-size:1.075rem;
  line-height:1.8;
}

.home-details-wrapper.home-writeup a{
  color:var(--hw-navy-soft);
  font-weight:600;
  text-decoration:underline;
  text-decoration-color:rgba(255,204,0,0.85);
  text-decoration-thickness:1.5px;
  text-underline-offset:0.2em;
  transition:color 0.15s ease, text-decoration-color 0.15s ease;
}

.home-details-wrapper.home-writeup a:hover{
  color:var(--hw-navy);
  text-decoration-color:var(--hw-yellow);
}

/* Clean editorial lists — no boxed chips */
.home-details-wrapper.home-writeup ul,
.home-details-wrapper.home-writeup ol{
  margin:0.35em 0 1.5em;
  padding:0 0 0 1.25em;
  max-width:none;
  display:block;
  list-style:disc;
}

.home-details-wrapper.home-writeup ol{
  list-style:decimal;
}

.home-details-wrapper.home-writeup ul li,
.home-details-wrapper.home-writeup ol li{
  position:static;
  margin:0 0 0.55em;
  padding:0;
  background:none;
  border:0;
  border-radius:0;
  font-family:var(--hw-body);
  font-size:1.02rem;
  font-weight:500;
  line-height:1.65;
  letter-spacing:0.005em;
  color:var(--hw-ink);
}

.home-details-wrapper.home-writeup ul li::before,
.home-details-wrapper.home-writeup ol li::before{
  content:none;
  display:none;
}

.home-details-wrapper.home-writeup ul li::marker,
.home-details-wrapper.home-writeup ol li::marker{
  color:var(--hw-navy);
  font-weight:700;
}

.home-details-wrapper.home-writeup ul li a,
.home-details-wrapper.home-writeup ol li a{
  font-family:var(--hw-display);
  font-weight:700;
  font-size:0.95em;
}

.home-details-wrapper.home-writeup table{
  width:100%;
  margin:0.5em 0 1.5em;
  border-collapse:collapse;
  overflow:hidden;
  border:1px solid var(--hw-line);
  border-radius:10px;
  background:#fff;
  font-family:var(--hw-display);
  font-size:0.95rem;
}

.home-details-wrapper.home-writeup table tr td,
.home-details-wrapper.home-writeup table tr th{
  border:1px solid var(--hw-line);
  padding:0.75em 0.9em;
  text-align:left;
  vertical-align:top;
}

.home-details-wrapper.home-writeup table tr th{
  background:rgba(0,0,64,0.04);
  color:var(--hw-navy);
  font-weight:800;
}

.home-details-wrapper.home-writeup strong,
.home-details-wrapper.home-writeup b{
  font-weight:700;
  color:var(--hw-navy);
}

.home-details-wrapper.home-writeup em,
.home-details-wrapper.home-writeup i{
  font-style:italic;
}

@media (max-width:767px){
  .home-details-wrapper.home-writeup{
    padding:12px 8px 20px;
    margin:16px 0 28px;
  }
  .home-details-wrapper.home-writeup .home-writeup-inner{
    padding:24px 18px 30px;
    border-radius:12px;
    font-size:1.04rem;
  }
  .home-details-wrapper.home-writeup p{
    font-size:1.04rem;
    line-height:1.75;
  }
  .home-details-wrapper.home-writeup ul,
  .home-details-wrapper.home-writeup ol{
    padding-left:1.1em;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-details-wrapper.home-writeup a{
    transition:none;
  }
}