/* ════════════════════════════════════════════════════════════════
   WALT GEAR — Content page styling  (merge into style.css)
   Used by: Journal, Careers, FAQ, Shipping & Returns, Sizing Guide,
            Warranty, Contact. Paste the HTML of each page into a
            "Custom HTML" block (or classic editor, Text tab).
   ════════════════════════════════════════════════════════════════ */

.wg-page{ max-width:820px; margin:0 auto; font-family:var(--font-body); color:var(--black); }
.wg-page.wide{ max-width:1080px; }
.wg-page .wg-lede{ font-size:1.2rem; line-height:1.7; font-weight:300; color:#3a3a33; margin:0 auto 2.6rem; text-align:center; max-width:680px; }
.wg-page p{ font-weight:300; line-height:1.75; margin:0 0 1.1rem; }
.wg-page a{ color:var(--forest); }

.wg-section{ margin:2.8rem 0; }
.wg-eyebrow{ font-family:var(--font-head); font-weight:600; font-size:.66rem; letter-spacing:.22em; text-transform:uppercase; color:var(--stone); margin-bottom:.7rem; }
.wg-h2{ font-family:var(--font-head); font-weight:700; font-size:1.5rem; color:var(--black); margin:0 0 1rem; letter-spacing:-.01em; }
.wg-h3{ font-family:var(--font-head); font-weight:600; font-size:1.05rem; color:var(--black); margin:1.6rem 0 .5rem; }

.wg-rule{ height:1px; background:var(--border); border:0; margin:2.6rem 0; }

/* callout */
.wg-callout{ background:var(--cream-dark); border:1px solid var(--border); border-left:4px solid var(--forest); border-radius:var(--radius); padding:1.3rem 1.5rem; margin:2rem 0; font-size:.98rem; }

/* collapsible (FAQ / Warranty / Returns) — no JS needed */
.wg-acc{ border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-bottom:.7rem; background:var(--white); }
.wg-acc summary{ list-style:none; cursor:pointer; padding:1.05rem 1.3rem; font-family:var(--font-head); font-weight:600; font-size:.98rem; color:var(--black); display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.wg-acc summary::-webkit-details-marker{ display:none; }
.wg-acc summary::after{ content:'+'; font-size:1.3rem; color:var(--stone); font-weight:400; }
.wg-acc[open] summary::after{ content:'\2212'; }
.wg-acc .wg-acc-body{ padding:0 1.3rem 1.2rem; font-size:.95rem; line-height:1.7; color:#3a3a33; }
.wg-acc .wg-acc-body ul{ margin:.4rem 0 0 1.1rem; }
.wg-acc .wg-acc-body li{ margin-bottom:.4rem; }

.wg-catgroup{ font-family:var(--font-head); font-weight:700; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--forest); margin:2.4rem 0 1rem; padding-bottom:.5rem; border-bottom:1px solid var(--border); }

/* tables (sizing / shipping) */
.wg-table-wrap{ overflow-x:auto; margin:1.4rem 0; }
.wg-table{ width:100%; border-collapse:collapse; font-size:.92rem; min-width:520px; }
.wg-table th,.wg-table td{ text-align:left; padding:11px 14px; border-bottom:1px solid var(--border); }
.wg-table thead th{ font-family:var(--font-head); font-weight:600; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--stone); background:var(--cream-dark); }
.wg-table tbody tr:hover{ background:var(--cream-dark); }

/* cards (careers values / contact methods) */
.wg-cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin:1.6rem 0; }
.wg-card{ background:var(--white); border:1px solid var(--border); border-radius:var(--radius); padding:1.4rem; }
.wg-card .wg-card-t{ font-family:var(--font-head); font-weight:700; font-size:1rem; margin-bottom:.4rem; }
.wg-card p{ font-size:.92rem; color:#3a3a33; margin:0; }

/* button link */
.wg-btn{ display:inline-block; font-family:var(--font-head); font-weight:600; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--white); background:var(--forest); padding:.95rem 2rem; border-radius:var(--radius); text-decoration:none; transition:background var(--transition); }
.wg-btn:hover{ background:var(--forest-mid); color:var(--white); }
.wg-btn.ghost{ background:transparent; color:var(--forest); border:1.5px solid var(--forest); }

/* job list */
.wg-job{ display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.1rem 1.3rem; border:1px solid var(--border); border-radius:var(--radius); margin-bottom:.7rem; background:var(--white); flex-wrap:wrap; }
.wg-job .wg-job-t{ font-family:var(--font-head); font-weight:600; }
.wg-job .wg-job-m{ font-size:.85rem; color:var(--stone); }

/* contact grid */
.wg-contact{ display:grid; grid-template-columns:1fr 1fr; gap:1.4rem; margin:1.6rem 0; }
@media(max-width:680px){ .wg-contact{ grid-template-columns:1fr; } }