/* Iwa AiBoard document & specification pages
   Shares tokens/patterns with catalog-pages.css (warm brown/gold system) */
:root{--aib-navy:#3a3126;--aib-ink:#2b2620;--aib-muted:#8f8573;--aib-line:#eee5dd;--aib-bg:#faf6f0;--aib-white:#fff;--aib-gold:#b9814a;--aib-gold-light:#d6a876;--aib-gold-pale:#f4d77c}

body.catalog-page{min-height:100vh;background:linear-gradient(180deg,#faf6f0 0,#fff 42%,#faf6f0 100%)}

.doc-summary{margin:0 0 26px;padding:28px 30px;background:#fff;border:1px solid var(--aib-line);border-radius:16px;box-shadow:0 10px 30px rgba(43,38,32,.06)}
.doc-summary h2{margin:0 0 14px;color:var(--aib-ink);font:700 23px Kanit,sans-serif}
.doc-summary>p{margin:0;color:var(--aib-muted);font:15px/1.85 Sarabun,sans-serif}

.doc-highlight{margin:0 0 26px;padding:28px 30px;border-radius:16px;background:linear-gradient(135deg,#3a3126,#4a3f31);color:#fff;box-shadow:0 16px 36px rgba(43,38,32,.14)}
.doc-highlight span{color:var(--aib-gold-pale);font:700 11px 'IBM Plex Mono',monospace;letter-spacing:1.6px}
.doc-highlight h2{margin:8px 0 10px;color:#fff;font:700 25px Kanit,sans-serif}
.doc-highlight p{margin:0;color:#efe3d8;font:15px/1.8 Sarabun,sans-serif}

.doc-specs{margin:0 0 26px;padding:28px 30px;background:#fff;border:1px solid var(--aib-line);border-radius:16px;box-shadow:0 10px 30px rgba(43,38,32,.06)}
.doc-specs h2{margin:0 0 16px;color:var(--aib-ink);font:700 23px Kanit,sans-serif}
.doc-specs dl{display:grid;grid-template-columns:190px 1fr;margin:0 0 18px;border-top:1px solid #f1eae4}
.doc-specs dt,.doc-specs dd{margin:0;padding:12px 4px;border-bottom:1px solid #f1eae4;font-size:14px;transition:background .15s ease}
.doc-specs dt{color:var(--aib-gold);font-weight:700}
.doc-specs dd{color:var(--aib-ink)}
.doc-specs dl>*:hover{background:#fbf7f1}
.doc-specs .product-more-link{display:inline-flex;align-items:center;gap:6px;color:var(--aib-ink);text-decoration:none;font:700 14px Kanit,sans-serif;transition:color .2s ease}
.doc-specs .product-more-link:hover{color:var(--aib-gold)}
.doc-specs .product-more-link:hover b{transform:translateX(4px)}
.doc-specs .product-more-link b{display:inline-block;font-weight:400;transition:transform .2s ease}

.doc-tagline{margin:0 0 8px;padding:32px 30px;text-align:center;border-radius:16px;background:#faf6f0;border:1px dashed rgba(185,129,74,.4)}
.doc-tagline p:first-child{margin:0 0 10px;color:var(--aib-ink);font:700 19px Kanit,sans-serif}
.doc-tagline p:last-child{margin:0 auto;max-width:700px;color:var(--aib-muted);font:14px/1.8 Sarabun,sans-serif}

.spec-card{background:#fff;border:1px solid var(--aib-line);border-radius:16px;box-shadow:0 10px 30px rgba(43,38,32,.06);overflow:hidden}
.table-wrap{overflow-x:auto;padding:20px}
.spec-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font:14px/1.6 Sarabun,sans-serif}
.spec-table th{padding:14px 16px;background:var(--aib-navy);color:#fff;text-align:left;font:600 14px Kanit,sans-serif}
.spec-table th:first-child{border-radius:11px 0 0 0}.spec-table th:last-child{border-radius:0 11px 0 0}
.spec-table td{padding:13px 16px;border-bottom:1px solid #f1eae4;vertical-align:top;color:var(--aib-ink);transition:background .15s ease}
.spec-table td:first-child{width:18%;font-weight:700;color:var(--aib-gold)}
.spec-table td:nth-child(2){width:28%;font-weight:600;color:var(--aib-ink)}
.spec-table tr:nth-child(even) td{background:#faf6f0}
.spec-table tr:hover td{background:#f5ead9}
.note{margin:0 20px 22px;padding:14px 16px;border-left:3px solid var(--aib-gold);border-radius:0 11px 11px 0;background:#fffbef;color:#6c5b2b;font:13px/1.75 Sarabun,sans-serif}

@media(max-width:760px){
  .doc-summary,.doc-highlight,.doc-specs{padding:22px 20px}
  .doc-specs dl{grid-template-columns:1fr}
  .doc-specs dt{padding-bottom:2px;border-bottom:0}
  .doc-specs dd{padding-top:2px}
  .doc-tagline{padding:24px 20px}
  .table-wrap{padding:12px}
  .spec-table{font-size:13px}
  .spec-table th,.spec-table td{padding:11px 12px}
  .note{margin:0 12px 16px}
}