.guide-article { max-width: 1120px; margin: 0 auto; }
.guide-lead { max-width: 860px; color: var(--muted, #bbb7ad); line-height: 1.7; font-size: 1.08rem; }
.guide-toc { display:flex; flex-wrap:wrap; gap:10px; padding:0 0 24px; border-bottom:1px solid #cbb58326; }
.guide-toc a { border:1px solid #cbb58345; border-radius:6px; padding:8px 13px; color:#e2d3ab; background:#cbb58308; }
.guide-toc a:hover, .guide-toc a:focus-visible { background:#cbb58320; border-color:#cbb583; }
.guide-section { margin:36px 0; scroll-margin-top:110px; }
.guide-section > h2 { margin-bottom:18px; font-size:clamp(1.35rem, 2vw, 1.8rem); color:#e7d4a5; }
.guide-section p, .guide-list { line-height:1.8; max-width:920px; }
.guide-list { padding-left:26px; }
.guide-list li { margin:10px 0; padding-left:5px; }
.guide-article strong { color:#f2e6c9; font-weight:700; }
.guide-article code { background:#0004; color:#f0ddb2; border-radius:4px; padding:2px 5px; }
.guide-note { margin:20px 0; padding:17px 20px; border-left:3px solid #bba16a; background:#bba16a12; line-height:1.8; }
.guide-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:18px; }
.guide-cards .wiki-section-card { min-height:180px; }
.guide-cards .wiki-section-card h2 { margin:0 0 12px; font-size:1.5rem; }
.guide-table-wrap { overflow:auto; max-width:100%; border:1px solid #cbb58335; border-radius:8px; background:#101210ba; scrollbar-color:#8a7754 #151816; }
.guide-table { width:100%; border-collapse:collapse; font-size:.94rem; }
.guide-table th, .guide-table td { padding:13px 15px; border-bottom:1px solid #cbb58324; text-align:left; vertical-align:middle; line-height:1.5; white-space:normal; font-size:inherit; }
.guide-table thead th { background:#bba16a13; color:#dfc995; font-size:.85rem; font-weight:600; letter-spacing:normal; text-transform:none; }
.guide-table tbody th { font-weight:500; min-width:155px; color:#e9e4d6; }
.guide-table td { min-width:80px; color:inherit; font-weight:400; }
[data-guide="jewelry"] #guide-recipes .guide-table th:first-child { width:30%; vertical-align:top; }
[data-guide="jewelry"] #guide-recipes .guide-table td { white-space:pre-line; line-height:1.8; }
[data-guide="pets"] #guide-comparison .guide-table { min-width:820px; }
[data-guide="pets"] #guide-comparison .guide-table th:first-child { min-width:100px; width:12%; }
[data-guide="pets"] #guide-comparison .guide-table td { width:29.33%; }
.guide-table-wrap[data-columns="3"] .guide-table { table-layout:fixed; }
.guide-table-wrap[data-columns="3"] .guide-table th, .guide-table-wrap[data-columns="3"] .guide-table td { min-width:0; overflow-wrap:anywhere; }
[data-guide^="pet-"] .guide-table-wrap[data-columns="3"] .guide-table th:first-child { width:20%; }
[data-guide^="pet-"] .guide-table-wrap[data-columns="3"] .guide-table th:not(:first-child) { width:40%; }
.guide-scroll-hint { display:none; color:#bba16a; font-size:.85rem; }
.guide-table tbody tr:nth-child(even) { background:#ffffff03; }
.guide-table tbody tr:last-child > * { border-bottom:0; }
.guide-item { display:flex; align-items:center; gap:10px; }
.guide-item img { flex:0 0 32px; border:1px solid #cbb58350; border-radius:3px; background:#000; }
.guide-figure { margin:24px 0; max-width:960px; }
.guide-figure img { display:block; width:auto; max-width:100%; height:auto; max-height:720px; border:1px solid #cbb58345; border-radius:8px; }
.guide-figure figcaption { color:#aaa89f; font-size:.9rem; margin-top:8px; }
.guide-code { background:#080a09; border:1px solid #cbb58335; border-radius:8px; padding:18px; overflow:auto; font-size:.88rem; line-height:1.6; }
.guide-code code { background:none; padding:0; }
@media(max-width:600px) {
  [data-guide="jewelry"] #guide-recipes .guide-table,
  [data-guide="jewelry"] #guide-recipes tbody,
  [data-guide="jewelry"] #guide-recipes tbody tr,
  [data-guide="jewelry"] #guide-recipes tbody th,
  [data-guide="jewelry"] #guide-recipes tbody td { display:block; width:auto; min-width:0; }
  [data-guide="jewelry"] #guide-recipes .guide-table th:first-child { width:auto; }
  [data-guide="jewelry"] #guide-recipes thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  [data-guide="jewelry"] #guide-recipes tbody th { border-bottom:0; padding-top:18px; }
  [data-guide="jewelry"] #guide-recipes tbody td { padding-bottom:18px; }
  .guide-scroll-hint { display:block; }
  .guide-section { margin:28px 0; }
  .guide-table th, .guide-table td { padding:10px 12px; }
  .guide-table { font-size:.87rem; }
  .guide-note { padding:13px; }
  .guide-toc { gap:7px; }
  .guide-toc a { font-size:.85rem; padding:7px 10px; }
}
