.lg .faq-strip{background: var(--white);
  border-top: 1px solid var(--line);
  border-bottom: 3px solid var(--gold);
  padding: var(--space-l) 0;}
.lg .faq-strip-list{list-style: none;
  display: grid;
  gap: var(--space-m);}
@media (min-width: 768px){.lg .faq-strip-list{grid-template-columns: repeat(3, 1fr);}}
.lg .faq-strip-list li{display: flex;
  gap: var(--space-s);
  align-items: flex-start;}
.lg .q-icon{flex-shrink: 0;
  width: 28px;
  height: 28px;
  background: var(--navy);
  color: var(--gold);
  font-family: var(--serif);
  font-size: 0.8rem;
  font-weight: 700;
  display: grid;
  place-items: center;
  border-radius: 2px;
  margin-top: 2px;}
.lg .faq-strip-list strong{font-size: var(--step-0);
  font-weight: 600;
  display: block;
  margin-bottom: 0.4rem;
  line-height: 1.4;}
.lg .faq-strip-list p{font-size: var(--step--1);
  color: var(--ink-soft);
  line-height: 1.7;}
.lg .faq-strip-list a{color: var(--navy);
  font-weight: 600;
  text-underline-offset: 3px;}
.lg .faq-strip-list a:hover{color: var(--gold);}
.lg .topics{padding: var(--space-xl) 0;
  background: var(--bg);}
.lg .topics h2{font-family: var(--serif);
  font-size: var(--step-3);
  font-weight: 700;
  margin-bottom: 0.5rem;
  letter-spacing: -0.02em;}
.lg .section-desc{color: var(--ink-soft);
  margin-bottom: var(--space-l);
  font-size: var(--step-0);}
.lg .card-grid{display: grid;
  gap: var(--space-m);}
@media (min-width: 600px){.lg .card-grid{grid-template-columns: 1fr 1fr;}}
@media (min-width: 960px){.lg .card-grid{grid-template-columns: repeat(4, 1fr);}}
.lg .topic-card{background: var(--white);
  border: 1px solid var(--line);
  border-top: 3px solid var(--navy);
  padding: var(--space-m);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: box-shadow 0.2s;}
.lg .topic-card:hover{box-shadow: 0 4px 20px rgba(27,42,74,0.1);}
.lg .card-tag{font-size: var(--step--1);
  font-weight: 700;
  color: var(--navy);
  letter-spacing: 0.05em;
  text-transform: uppercase;}
.lg .topic-card h3{font-family: var(--serif);
  font-size: var(--step-1);
  font-weight: 600;
  line-height: 1.45;}
.lg .topic-card h3 a{color: var(--ink);
  text-decoration: none;}
.lg .topic-card h3 a:hover{color: var(--navy); text-decoration: underline; text-underline-offset: 3px;}
.lg .topic-card p{font-size: var(--step--1);
  color: var(--ink-soft);
  line-height: 1.7;
  flex: 1;}
.lg .card-meta{list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;}
.lg .card-meta li{font-size: var(--step--1);
  color: var(--ink-soft);
  padding-left: 1rem;
  position: relative;}
.lg .card-meta li::before{content: '›';
  position: absolute;
  left: 0;
  color: var(--gold);
  font-weight: 700;}
.lg .card-link{display: inline-block;
  font-size: var(--step--1);
  font-weight: 700;
  color: var(--navy);
  text-decoration: none;
  border-top: 1px solid var(--line);
  padding-top: 0.75rem;
  margin-top: auto;
  transition: color 0.2s;}
.lg .card-link:hover{color: var(--gold);}
.lg .about-strip{background: var(--navy);
  color: var(--white);
  padding: var(--space-xl) 0;}
.lg .about-inner{display: flex;
  gap: var(--space-l);
  align-items: center;
  flex-wrap: wrap;}
.lg .about-text{flex: 2; min-width: 260px;}
.lg .about-text h2{font-family: var(--serif);
  font-size: var(--step-3);
  margin-bottom: var(--space-s);
  color: var(--gold);}
.lg .about-text p{color: rgba(255,255,255,0.8); line-height: 1.8; margin-bottom: var(--space-s);}
.lg .about-text strong{color: var(--gold-light);}
.lg .about-list{list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;}
.lg .about-list li{color: rgba(255,255,255,0.7);
  font-size: var(--step--1);
  padding-left: 1.2rem;
  position: relative;}
.lg .about-list li::before{content: '✓';
  position: absolute;
  left: 0;
  color: var(--gold);}
.lg .about-stat-group{flex: 1;
  min-width: 180px;
  display: flex;
  gap: var(--space-m);
  flex-wrap: wrap;}
.lg .related-nav{padding: var(--space-l) 0;
  background: var(--bg-alt);
  border-top: 1px solid var(--line);}
.lg .related-nav h2{font-family: var(--serif);
  font-size: var(--step-2);
  margin-bottom: var(--space-m);}
.lg .related-list{list-style: none;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 1fr;}
@media (min-width: 600px){.lg .related-list{grid-template-columns: 1fr 1fr;}}
@media (min-width: 900px){.lg .related-list{grid-template-columns: repeat(4, 1fr);}}
.lg .related-list a{display: block;
  padding: 0.75rem 1rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-left: 3px solid var(--navy);
  color: var(--ink);
  text-decoration: none;
  font-size: var(--step--1);
  font-weight: 500;
  transition: border-color 0.2s, background 0.2s;}
.lg .related-list a:hover{border-left-color: var(--gold);
  background: var(--bg);
  color: var(--navy);}
.lg .article-body{min-width: 0; max-width: 100%;}
.lg .article-body h2{font-family: var(--serif);
  font-size: var(--step-2);
  font-weight: 700;
  margin-top: var(--space-l);
  margin-bottom: var(--space-s);
  padding-bottom: 0.4rem;
  border-bottom: 2px solid var(--navy);
  color: var(--navy);
  scroll-margin-top: 80px;}
.lg .article-body h3{font-family: var(--serif);
  font-size: var(--step-1);
  font-weight: 600;
  margin-top: var(--space-m);
  margin-bottom: 0.5rem;
  color: var(--ink);}
.lg .article-body p{margin-bottom: var(--space-s);
  line-height: 1.9;
  max-width: 68ch;
  word-break: keep-all;
  overflow-wrap: break-word;}
.lg .article-body ul,.lg .article-body ol{padding-left: 1.5rem;
  margin-bottom: var(--space-s);
  display: flex;
  flex-direction: column;
  gap: 0.4rem;}
.lg .article-body li{line-height: 1.75;}
.lg .article-body a{color: var(--navy);
  font-weight: 600;
  text-underline-offset: 3px;}
.lg .article-body a:hover{color: var(--gold);}
.lg .callout{border-left: 4px solid var(--gold);
  background: rgba(200,169,110,0.08);
  padding: var(--space-s) var(--space-m);
  margin: var(--space-m) 0;
  border-radius: 0 var(--radius) var(--radius) 0;}
.lg .callout-title{font-weight: 700;
  color: var(--navy);
  margin-bottom: 0.4rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;}
.lg .callout p{margin-bottom: 0; font-size: var(--step--1);}
.lg .callout.warning{border-left-color: #C0392B;
  background: rgba(192,57,43,0.06);}
.lg .callout.warning .callout-title{color: #C0392B;}
.lg .callout.tip{border-left-color: #1B7A5E;
  background: rgba(27,122,94,0.06);}
.lg .callout.tip .callout-title{color: #1B7A5E;}
.lg .step-list{list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  counter-reset: steps;}
.lg .step-list li{display: flex;
  gap: var(--space-s);
  align-items: flex-start;
  padding: var(--space-s) 0;
  border-bottom: 1px solid var(--line);
  position: relative;}
.lg .step-list li:last-child{border-bottom: none;}
.lg .step-num{flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: var(--navy);
  color: var(--gold);
  font-family: var(--serif);
  font-weight: 700;
  font-size: 0.85rem;
  display: grid;
  place-items: center;
  border-radius: 50%;}
.lg .faq-section{margin: var(--space-l) 0;}
.lg .faq-section h2{margin-top: 0;}
.lg .faq-item{border-bottom: 1px solid var(--line);}
.lg .faq-item summary{list-style: none;
  cursor: pointer;
  padding: var(--space-s) 0;
  font-weight: 600;
  font-size: var(--step-0);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--ink);
  gap: 1rem;}
.lg .faq-item summary::-webkit-details-marker{display: none;}
.lg .faq-item summary::after{content: '+';
  color: var(--navy);
  font-size: 1.4rem;
  font-weight: 300;
  flex-shrink: 0;
  transition: transform 0.2s;}
.lg .faq-item[open] summary::after{transform: rotate(45deg);}
.lg .faq-item .faq-body{padding: 0 0 var(--space-s);
  color: var(--ink-soft);
  line-height: 1.8;
  font-size: var(--step--1);}
.lg .sidebar{display: flex; flex-direction: column; gap: var(--space-m); min-width: 0;}
.lg .sidebar-widget{background: var(--white);
  border: 1px solid var(--line);
  border-top: 3px solid var(--navy);
  padding: var(--space-m);}
.lg .sidebar-widget h3{font-family: var(--serif);
  font-size: var(--step-0);
  margin-bottom: var(--space-s);
  color: var(--navy);}
.lg .toc-list{list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;}
.lg .toc-list a{font-size: var(--step--1);
  color: var(--ink-soft);
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;}
.lg .toc-list a::before{content: '›'; color: var(--gold); flex-shrink: 0; margin-top: 1px;}
.lg .toc-list a:hover{color: var(--navy);}
.lg .related-articles{list-style: none; display: flex; flex-direction: column; gap: 0.5rem;}
.lg .related-articles a{display: block;
  font-size: var(--step--1);
  color: var(--ink);
  text-decoration: none;
  padding: 0.5rem;
  border-left: 2px solid var(--line);
  transition: border-color 0.2s;}
.lg .related-articles a:hover{border-left-color: var(--gold); color: var(--navy);}
.lg .table-wrap{width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: var(--space-m) 0;}
.lg .data-table{width: 100%;
  min-width: 480px;
  border-collapse: collapse;
  font-size: var(--step--1);}
.lg .data-table th{background: var(--navy);
  color: var(--white);
  padding: 0.65rem 0.85rem;
  text-align: left;
  font-weight: 600;
  white-space: nowrap;}
.lg .data-table td{padding: 0.65rem 0.85rem;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  word-break: keep-all;
  overflow-wrap: break-word;}
.lg .data-table tr:nth-child(even) td{background: var(--bg);}
.lg pre,.lg .doc-example{white-space: pre-wrap;
  word-break: break-all;
  overflow-wrap: break-word;
  overflow-x: hidden;
  max-width: 100%;}
@media (max-width: 767px){.lg .about-inner{flex-direction: column;}
.lg .about-text{min-width: unset;}
.lg .about-stat-group{min-width: unset;}}
@media (max-width: 767px){.lg .step-list li{flex-direction: column; gap: 0.5rem;}
.lg .faq-item summary{word-break: keep-all;}
.lg .callout{padding: var(--space-s);}
.lg .related-list{grid-template-columns: 1fr !important;}
.lg .about-inner{padding-right: 0;}
.lg .adsbygoogle{max-width: 100% !important;}
.lg ins.adsbygoogle{max-width: 100% !important;}
.lg .article-body p{max-width: 100%;}
.lg .sidebar-widget{overflow: hidden;}
.lg .table-wrap{margin-inline: 0;}}
.lg a:focus-visible,.lg button:focus-visible,.lg summary:focus-visible{outline: 3px solid var(--gold);
  outline-offset: 3px;
  border-radius: 2px;}