:root{
  --bg:#f7f2ef;--paper:#fffdfb;--ink:#171414;--muted:#665850;
  --brown:#2d211c;--brown2:#5d3b2f;--tan:#bba290;--line:#dfd0c6;--gold:#b48742;--soft:#efe5df
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08;color:var(--ink)}
a{color:#5d3b2f;text-underline-offset:3px;font-weight:800}
.site-header{background:#bba290;color:#fff;text-align:center;padding:18px 18px 14px;border-bottom:1px solid #a98f7c}
.brand{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff;gap:6px}
.brand img{width:120px;max-height:58px;object-fit:contain}
.brand span{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#fff}
.top-actions{margin-top:10px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.pill,.shop-link{border:1px solid rgba(255,255,255,.82);border-radius:999px;color:#fff;text-decoration:none;padding:8px 18px;font-weight:900;background:rgba(255,255,255,.06)}
.main-nav{background:#bba290;display:flex;justify-content:center;gap:0;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid #9f8472}
.main-nav a{color:#fff;text-decoration:none;padding:15px 16px;font-weight:900}
.main-nav a.active,.main-nav a:hover{background:#a98f7c}
.search-band{background:#f4efec;border-bottom:1px solid var(--line);padding:18px}
.search-band-form{max-width:760px;margin:auto;display:flex;gap:10px;position:relative}
.search-band input{flex:1;border:1px solid var(--line);border-radius:999px;padding:14px 18px;font-size:1rem;background:#fff}
.search-band button{border:0;background:var(--brown);color:#fff;border-radius:999px;padding:0 22px;font-weight:900}
main{max-width:1180px;margin:32px auto;padding:0 18px}
.hero{background:linear-gradient(135deg,#fffdfb,#f5ece5);border:1px solid var(--line);border-radius:18px;padding:32px 28px;margin-bottom:28px}
.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#775c46;font-weight:900;font-size:.78rem}
.hero h1{font-size:clamp(2.1rem,5vw,3.6rem);margin:8px 0 14px}
.lead{font-size:1.16rem;max-width:850px;color:#463b35}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.actions a{border:1px solid var(--brown2);border-radius:999px;padding:10px 18px;text-decoration:none}
.actions .primary{background:var(--brown);color:#fff}
.section{margin:30px 0}
.section h2{font-size:2rem;margin-bottom:14px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;color:var(--ink);display:block}
.card:hover{box-shadow:0 14px 30px rgba(45,33,28,.09);transform:translateY(-1px)}
.card strong{display:block;font-size:1.15rem;margin-bottom:8px}
.card span{display:block;color:#5f534d;font-weight:400}
.article-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:34px;max-width:980px;margin:auto}
.article-card h1{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0 16px}
.summary-box,.shop-card{background:#f3ebe5;border-left:5px solid #8b6f5e;border-radius:10px;padding:18px;margin:24px 0}
.article-section{margin:26px 0}
.related ul{columns:2}
.breadcrumbs{max-width:980px;margin:0 auto 16px;color:#6f625b}
.category-hero{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:30px;margin-bottom:22px}
.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.faq-item{border:1px solid var(--line);border-radius:10px;margin:10px 0;background:#fff;overflow:hidden}
.faq-item summary{cursor:pointer;padding:15px 18px;font-weight:900}
.faq-item div{border-top:1px solid var(--line);padding:16px 18px}
.search-suggestions{position:absolute;left:0;right:78px;top:calc(100% + 8px);z-index:50;background:#fffdfb;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 42px rgba(36,31,28,.16);overflow:hidden;text-align:left}
.search-suggestions[hidden]{display:none}
.suggestion-item{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 15px;text-decoration:none;color:var(--ink);border-bottom:1px solid #eee7e2;background:#fffdfb}
.suggestion-item:hover,.suggestion-item:focus{outline:none;background:#f5f0f2}
.suggestion-item strong{font-size:.98rem;line-height:1.25}
.suggestion-item small{color:#6c5e56;font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
.suggestion-item span{grid-column:1 / -1;color:#665a53;font-size:.9rem;line-height:1.35}
.site-footer{text-align:center;padding:34px 18px;color:#6d625b;border-top:1px solid var(--line)}
@media(max-width:880px){.grid,.hub-grid{grid-template-columns:1fr}.related ul{columns:1}.main-nav a{padding:12px}.article-card{padding:24px}.search-suggestions{right:0}.suggestion-item{grid-template-columns:1fr}}


/* v1.1 Puros light header refinement */
.hero {
  margin-top: 0;
}

.site-header .brand {
  min-width: 0;
}

@media (max-width: 720px) {
  .site-header {
    padding: 14px 14px 12px;
  }

  .brand img {
    width: 104px;
  }

  .top-actions {
    margin-top: 8px;
  }
}


/* v2.1 header and mobile navigation refinement */
.site-header {
  padding: 16px 18px 13px;
}

.brand img {
  width: 112px;
  max-height: 54px;
}

.brand span {
  margin-top: 2px;
  font-size: .72rem;
}

.top-actions {
  margin-top: 9px;
}

.pill,
.shop-link {
  padding: 7px 17px;
  min-width: 120px;
  text-align: center;
}

.main-nav {
  padding: 12px 14px;
  gap: 10px;
  align-items: center;
}

.main-nav a {
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 999px;
  padding: 8px 16px;
  margin: 0;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.05;
  background: rgba(255,255,255,.08);
}

.main-nav a.active,
.main-nav a:hover {
  background: rgba(255,255,255,.20);
  border-color: rgba(255,255,255,.95);
}

.search-band {
  padding: 16px 18px;
}

@media (min-width: 860px) {
  .main-nav {
    gap: 8px;
  }

  .main-nav a {
    padding: 8px 14px;
    font-size: .95rem;
  }
}

@media (max-width: 720px) {
  .site-header {
    padding: 14px 14px 12px;
  }

  .brand img {
    width: 96px;
    max-height: 46px;
  }

  .brand span {
    font-size: .7rem;
    letter-spacing: .18em;
  }

  .top-actions {
    gap: 10px;
    margin-top: 10px;
  }

  .pill,
  .shop-link {
    min-width: 128px;
    padding: 8px 16px;
    font-size: .98rem;
  }

  .main-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 14px;
  }

  .main-nav a {
    width: 100%;
    padding: 10px 12px;
    min-height: 44px;
    font-size: 1rem;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
  }

  .search-band {
    padding: 14px 14px;
  }

  .search-band-form {
    gap: 8px;
  }

  .search-band input {
    padding: 13px 16px;
  }

  .search-band button {
    padding: 0 18px;
    min-width: 68px;
  }

  .hero {
    padding: 26px 20px;
  }

  .hero h1 {
    font-size: clamp(2rem, 11vw, 3rem);
  }

  .lead {
    font-size: 1.08rem;
  }
}

@media (max-width: 390px) {
  .main-nav a {
    font-size: .94rem;
    padding-left: 8px;
    padding-right: 8px;
  }

  .pill,
  .shop-link {
    min-width: 116px;
  }
}


/* v6 editorial reading rhythm */
.article-card .article-section {
  margin-top: 34px;
}

.article-card .article-section h2 {
  margin-bottom: 12px;
}

.article-card .article-section p {
  max-width: 860px;
}

.article-card .summary-box + .article-section {
  margin-top: 30px;
}


/* v6.1 glossary read-more links */
.glossary-card .read-more {
  display: inline-block;
  margin-top: 14px;
  color: #5d3b2f;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.glossary-card:hover .read-more {
  text-decoration-thickness: 2px;
}


/* v7 history category navigation tuning */
@media (min-width: 860px) {
  .main-nav {
    gap: 6px;
  }
  .main-nav a {
    padding-left: 12px;
    padding-right: 12px;
    font-size: .92rem;
  }
}

@media (max-width: 720px) {
  .main-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.trust-footer{margin:3rem auto 0;max-width:1180px;padding:1rem 1.25rem;border-top:1px solid rgba(64,43,28,.16);display:flex;flex-wrap:wrap;gap:.75rem 1rem;font-size:.92rem;color:#594638}
.trust-footer a{color:#402b1c;text-decoration:underline;text-underline-offset:3px}.trust-footer strong{color:#2f2118}
.meta-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.4rem}.meta-pill{display:inline-flex;align-items:center;border:1px solid rgba(64,43,28,.16);border-radius:999px;padding:.38rem .68rem;background:#fffaf4;font-size:.86rem;color:#594638}


/* v30.1 mobile text-fit + slight logo increase */
.brand img{
  width:116px;
  max-height:56px;
}

h1,h2,h3,
.hero h1,
.article-card h1,
.article-card h2,
.section h2,
.card strong,
.breadcrumbs,
.lead,
.article-card p,
.article-card li{
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}

.hero h1,
.article-card h1,
.article-card h2,
.section h2{
  text-wrap:balance;
}

.breadcrumbs,
.lead,
.article-card p,
.article-card li{
  text-wrap:pretty;
}

.article-card,
.hero,
.category-hero,
.summary-box,
.shop-card,
.card{
  overflow:hidden;
}

.article-card h1{
  line-height:1.02;
  max-width:100%;
}

.breadcrumbs{
  line-height:1.5;
}

@media (max-width: 720px){
  .brand img{
    width:100px;
    max-height:48px;
  }

  .article-card{
    padding:22px 18px;
  }

  .article-card h1{
    font-size:clamp(1.85rem, 7.9vw, 2.7rem);
    line-height:1.05;
    letter-spacing:-0.01em;
    margin-bottom:14px;
  }

  .hero h1{
    font-size:clamp(1.9rem, 8.1vw, 2.8rem);
    line-height:1.06;
  }

  .section h2,
  .article-card h2{
    font-size:clamp(1.65rem, 7vw, 2.35rem);
    line-height:1.08;
  }

  .lead{
    font-size:1.02rem;
  }

  .breadcrumbs{
    font-size:.98rem;
  }

  .summary-box,
  .shop-card{
    padding:16px;
  }
}

@media (max-width: 390px){
  .brand img{
    width:98px;
  }

  .article-card{
    padding:20px 16px;
  }

  .article-card h1{
    font-size:clamp(1.72rem, 7.5vw, 2.45rem);
    line-height:1.08;
  }

  .hero h1{
    font-size:clamp(1.76rem, 7.7vw, 2.5rem);
    line-height:1.08;
  }
}


@media (max-width: 720px){
  .summary-box h2{
    font-size:clamp(1.55rem, 6.6vw, 2.1rem);
    line-height:1.08;
  }
}


/* v38 expert depth tables */
.table-wrap{
  overflow-x:auto;
  margin:18px 0 24px;
}
.info-table{
  width:100%;
  border-collapse:collapse;
  background:#fffdfb;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
}
.info-table th,
.info-table td{
  border-bottom:1px solid var(--line);
  padding:13px 14px;
  text-align:left;
  vertical-align:top;
}
.info-table th{
  background:#f3ebe5;
  color:var(--ink);
  font-weight:900;
}
.info-table tr:last-child td{
  border-bottom:0;
}
@media(max-width:720px){
  .info-table th,
  .info-table td{
    padding:12px;
    font-size:.96rem;
  }
}