:root{
  --tgs-bg:#fff7ed;
  --tgs-paper:#ffffff;
  --tgs-soft:#fff0df;
  --tgs-text:#392f2a;
  --tgs-muted:#6f625a;
  --tgs-brown:#7b4e31;
  --tgs-dark:#422918;
  --tgs-line:rgba(66,41,24,.14);
  --tgs-shadow:0 16px 44px rgba(70,43,24,.10);
}

body.tgs-article-unified{
  background:var(--tgs-bg);
  color:var(--tgs-text);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.72;
}

.tgs-article-unified .container,
.tgs-article-unified .wrap{
  width:min(1120px,calc(100% - 40px));
  max-width:1120px;
  margin-inline:auto;
  padding-inline:0;
}

.tgs-article-unified .top-strip,
.tgs-article-unified .strip{
  background:var(--tgs-dark);
  color:#fff7ed;
  text-align:center;
  padding:9px 18px;
  font-size:13px;
  font-weight:700;
}

.tgs-article-unified .hero{padding:48px 0 32px;background:linear-gradient(180deg,#fffaf4,#fff0df)}
.tgs-article-unified .article-hero,
.tgs-article-unified .intro{
  background:rgba(255,255,255,.88);
  border:1px solid var(--tgs-line);
  border-radius:28px;
  padding:clamp(26px,4vw,48px);
  box-shadow:var(--tgs-shadow);
}

.tgs-article-unified h1{
  max-width:940px;
  margin:0 0 18px;
  color:var(--tgs-dark);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,5vw,56px);
  line-height:1.08;
}

.tgs-article-unified .lead{max-width:880px;color:var(--tgs-muted);font-size:18px;line-height:1.72}
.tgs-article-unified .meta{display:flex;flex-wrap:wrap;gap:9px;color:var(--tgs-muted);font-size:13px}
.tgs-article-unified .meta span{background:#fffaf4;border:1px solid var(--tgs-line);border-radius:999px;padding:7px 11px}

.tgs-article-unified .content-wrap{padding:48px 0 72px}
.tgs-article-unified .layout,
.tgs-article-unified .grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
.tgs-article-unified .article,
.tgs-article-unified .content{
  background:var(--tgs-paper);
  border:1px solid var(--tgs-line);
  border-radius:28px;
  padding:clamp(24px,4vw,44px);
  box-shadow:0 10px 30px rgba(70,43,24,.07);
}

.tgs-article-unified .article h2,
.tgs-article-unified .content h2{margin:40px 0 13px;color:var(--tgs-dark);font:30px/1.22 Georgia,"Times New Roman",serif}
.tgs-article-unified .article h3,
.tgs-article-unified .content h3{margin:28px 0 10px;color:var(--tgs-dark);font:23px/1.3 Georgia,"Times New Roman",serif}
.tgs-article-unified .article p,
.tgs-article-unified .content p{color:var(--tgs-muted)}
.tgs-article-unified .article a,
.tgs-article-unified .content a{color:var(--tgs-brown);text-decoration-thickness:1px;text-underline-offset:3px}

.tgs-article-unified .article-img,
.tgs-article-unified .cover{width:100%;height:auto;border:1px solid var(--tgs-line);border-radius:20px;box-shadow:0 12px 34px rgba(70,43,24,.08)}
.tgs-article-unified .caption{font-size:13px;color:var(--tgs-muted)}

.tgs-article-unified .tgs-direct-answer,
.tgs-article-unified .quick-answer,
.tgs-article-unified .answer-box,
.tgs-article-unified .answer{
  margin:0 0 28px;
  padding:19px 21px;
  background:#fff4e8;
  border:1px solid rgba(123,78,49,.22);
  border-left:4px solid var(--tgs-brown);
  border-radius:0 16px 16px 0;
  color:var(--tgs-text);
}
.tgs-article-unified .tgs-direct-answer strong{display:block;margin-bottom:6px;color:var(--tgs-dark);font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.tgs-article-unified .tgs-direct-answer p{margin:0;color:var(--tgs-text)}

.tgs-article-unified .table-wrap,
.tgs-article-unified .tablewrap{overflow-x:auto;margin:24px 0}
.tgs-article-unified table{width:100%;border-collapse:collapse;font-size:15px}
.tgs-article-unified th,
.tgs-article-unified td{padding:13px;border:1px solid var(--tgs-line);text-align:left;vertical-align:top}
.tgs-article-unified th{background:var(--tgs-soft);color:var(--tgs-dark)}

.tgs-article-unified .sidebar,
.tgs-article-unified .side{position:sticky;top:92px;display:grid;gap:18px}
.tgs-article-unified .side-card,
.tgs-article-unified .side{background:#fffaf4;border:1px solid var(--tgs-line);border-radius:22px;padding:22px;box-shadow:0 9px 24px rgba(70,43,24,.06)}

.tgs-article-unified .faq-list details,
.tgs-article-unified .faq details{margin:11px 0;padding:0 17px;border:1px solid var(--tgs-line);border-radius:15px;background:#fffaf4}
.tgs-article-unified .faq-list summary,
.tgs-article-unified .faq summary{cursor:pointer;padding:15px 0;color:var(--tgs-dark);font-weight:800}

.tgs-article-unified .cta{border-radius:24px;background:linear-gradient(135deg,var(--tgs-dark),var(--tgs-brown));box-shadow:var(--tgs-shadow)}

@media(max-width:900px){
  .tgs-article-unified .layout,
  .tgs-article-unified .grid{grid-template-columns:1fr}
  .tgs-article-unified .sidebar,
  .tgs-article-unified .side{position:static}
}

@media(max-width:640px){
  .tgs-article-unified .container,
  .tgs-article-unified .wrap{width:min(100% - 28px,1120px)}
  .tgs-article-unified .hero{padding:32px 0 22px}
  .tgs-article-unified .article-hero,
  .tgs-article-unified .intro,
  .tgs-article-unified .article,
  .tgs-article-unified .content{border-radius:21px;padding:22px}
  .tgs-article-unified h1{font-size:34px}
  .tgs-article-unified .article h2,
  .tgs-article-unified .content h2{font-size:25px}
}