.graphite-guide-page {
  --graphite-ink: #122129;
  --graphite-green: #1f5a48;
  --graphite-line: #d9e0dc;
  --graphite-wash: #f3f6f4;
}
.graphite-guide-page .graphite-hero { display: grid; grid-template-columns: minmax(0, .92fr) minmax(440px, 1.08fr); gap: clamp(32px, 5vw, 76px); align-items: center; padding-top: clamp(58px, 8vw, 108px); padding-bottom: clamp(58px, 8vw, 100px); background: var(--graphite-wash); }
.graphite-guide-page .graphite-hero h1 { max-width: 760px; margin: 10px 0 20px; color: var(--graphite-ink); font-size: clamp(42px, 5.7vw, 78px); line-height: 1.02; }
.graphite-guide-page .graphite-hero > div > p:not(.eyebrow):not(.breadcrumb) { max-width: 680px; color: #4d5b61; font-size: 18px; line-height: 1.75; }
.graphite-guide-page .graphite-hero figure, .graphite-guide-page .process-card figure, .graphite-guide-page .drawing-panel figure { margin: 0; }
.graphite-guide-page .graphite-hero img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: #fff; border: 1px solid var(--graphite-line); }
.graphite-guide-page figcaption { padding-top: 12px; color: #66747a; font-size: 13px; line-height: 1.55; }
.reference-notice { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: start; padding: 24px 26px; color: #4d3b13; background: #fff8e7; border: 1px solid #e7c46c; }
.reference-notice strong { padding: 5px 9px; color: #fff; background: #8a5e00; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.reference-notice p { margin: 0; line-height: 1.65; }
.reference-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-top: 28px; background: var(--graphite-line); border: 1px solid var(--graphite-line); }
.reference-facts div { min-height: 132px; padding: 24px; background: #fff; }
.reference-facts span { display: block; margin-bottom: 12px; color: #6a777c; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.reference-facts strong { display: block; color: var(--graphite-ink); font-size: 22px; line-height: 1.2; }
.reference-facts small { display: block; margin-top: 8px; color: #657278; line-height: 1.45; }
.drawing-panel { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); gap: 32px; align-items: center; }
.drawing-panel img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: contain; background: #fff; border: 1px solid var(--graphite-line); }
.drawing-panel h2 { margin: 8px 0 16px; color: var(--graphite-ink); font-size: clamp(30px, 4vw, 52px); }
.drawing-panel p { color: #5e6b70; line-height: 1.75; }
.drawing-panel .btn { margin-top: 10px; }
.process-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.process-card { overflow: hidden; background: #fff; border: 1px solid var(--graphite-line); }
.process-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #fff; }
.process-card > div { padding: 26px; }
.process-card .stage-number { color: #a66b00; font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.process-card h3 { margin: 8px 0 12px; color: var(--graphite-ink); font-size: 26px; }
.process-card p { margin: 0; color: #5c696e; line-height: 1.7; }
.process-card .model-line { margin-top: 14px; color: var(--graphite-green); font-size: 14px; font-weight: 800; }
.graphite-guide-page .equipment-table-wrap { overflow-x: auto; border: 1px solid var(--graphite-line); }
.graphite-guide-page .equipment-table { width: 100%; min-width: 840px; border-collapse: collapse; background: #fff; }
.graphite-guide-page .equipment-table th, .graphite-guide-page .equipment-table td { padding: 16px 18px; border-bottom: 1px solid var(--graphite-line); text-align: left; vertical-align: top; line-height: 1.55; }
.graphite-guide-page .equipment-table th { color: #fff; background: var(--graphite-ink); font-size: 13px; }
.graphite-guide-page .equipment-table td:first-child { color: var(--graphite-ink); font-weight: 800; }
.graphite-guide-page .equipment-table td:nth-child(3) { color: var(--graphite-green); font-weight: 700; }
.confirmation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.confirmation-grid article { padding: 22px; background: #fff; border: 1px solid var(--graphite-line); }
.confirmation-grid span { color: #a66b00; font-size: 12px; font-weight: 900; }
.confirmation-grid h3 { margin: 8px 0; color: var(--graphite-ink); font-size: 19px; }
.confirmation-grid p { margin: 0; color: #637076; line-height: 1.6; }
.technical-boundary { padding: 28px; color: #dce8e3; background: var(--graphite-ink); }
.technical-boundary h2 { margin: 0 0 14px; color: #fff; }
.technical-boundary p { margin: 0; line-height: 1.75; }
.inquiry-alternatives { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 20px; }
@media (max-width: 980px) {
  .graphite-guide-page .graphite-hero, .drawing-panel { grid-template-columns: 1fr; }
  .graphite-guide-page .graphite-hero { padding-top: 48px; }
  .reference-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .graphite-guide-page .graphite-hero h1 { font-size: 39px; }
  .graphite-guide-page .graphite-hero > div > p:not(.eyebrow):not(.breadcrumb) { font-size: 16px; }
  .reference-notice { grid-template-columns: 1fr; padding: 20px; }
  .reference-notice strong { justify-self: start; }
  .reference-facts, .process-grid, .confirmation-grid { grid-template-columns: 1fr; }
  .reference-facts div { min-height: 0; }
  .process-card > div { padding: 21px; }
  .drawing-panel img { aspect-ratio: 4 / 3; }
}