.quarry-selection-guide{background:#fff;color:#101816}
.qj-wrap{max-width:1100px;width:calc(100% - 64px);margin:0 auto;font-size:18px;line-height:1.65}
.qj-wrap h1,.qj-wrap h2{color:#101816;letter-spacing:-.025em;text-wrap:balance}
.qj-wrap h1{font-size:clamp(30px,3.1vw,44px);line-height:1.13;margin:18px 0 22px}
.qj-wrap h2{font-size:28px;line-height:1.22;margin:0 0 16px}
.qj-wrap p{max-width:78ch;margin:0 0 14px}
.qj-wrap a{color:#176a49;text-decoration:underline;text-underline-offset:4px}
.qj-wrap a:hover{color:#10221c}
.qj-wrap :focus-visible{outline:3px solid #aa5800;outline-offset:4px}
.qj-wrap ::selection{background:#d5e9dd;color:#101816}
.qj-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:center;padding:34px 0 38px}
.qj-breadcrumb{font-size:14px;line-height:1.5;color:#4b5b54}
.qj-quick{border-top:1px solid #dfe7e2;padding-top:16px}
.qj-quick strong{display:block;margin-bottom:6px;color:#176a49;font-size:16px}
.qj-hero figure{margin:0}
.qj-hero img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}
.qj-hero figcaption{font-size:14px;color:#4b5b54;line-height:1.5;margin-top:8px}
.qj-section{padding:30px 0;border-top:1px solid #dfe7e2}
.qj-flow{margin:24px 0 0;padding:18px 0 4px}
.qj-flow figcaption{font-size:15px;font-weight:700;margin-bottom:14px;color:#176a49}
.qj-flow ol{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;padding:0;margin:0}
.qj-flow li{position:relative;padding:12px 8px;border-top:2px solid #176a49;background:#f3f5f2;font-size:16px;line-height:1.4;text-align:center;align-content:center}
.qj-flow li:not(:last-child)::after{content:'→';position:absolute;left:calc(100% + 5px);top:50%;transform:translateY(-50%);color:#176a49}
.qj-plain-list{padding-left:22px;margin:8px 0 16px;max-width:78ch}
.qj-plain-list li+li{margin-top:7px}
.qj-table-scroll{max-width:100%;overflow-x:auto;scrollbar-color:#64726d #f3f5f2}
.qj-wrap table{width:100%;min-width:690px;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}
.qj-wrap caption{text-align:left;font-size:15px;padding:0 0 10px;color:#4b5b54}
.qj-wrap th,.qj-wrap td{text-align:left;padding:13px 15px;border-bottom:1px solid #dfe7e2}
.qj-wrap thead{background:#10221c;color:#fff}
.qj-wrap tbody th{background:#f3f5f2;white-space:nowrap}
.qj-wrap .qj-note{font-size:15px;line-height:1.6;color:#4b5b54;margin-top:14px}
.qj-examples{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:16px 0 0}
.qj-examples dt{font-weight:700;line-height:1.4;margin-bottom:8px}
.qj-examples dd{margin:0}
.qj-related nav{display:flex;flex-direction:column;gap:10px}
@media(max-width:720px){
  .qj-wrap{width:calc(100% - 36px);font-size:16.5px;line-height:1.62}
  .qj-hero{grid-template-columns:1fr;gap:16px;padding:22px 0 26px}
  .qj-wrap h1{font-size:30px;line-height:1.16;margin:15px 0 18px}
  .qj-wrap h2{font-size:25px;line-height:1.24;margin-bottom:13px}
  .qj-hero img{max-height:225px;width:100%;object-fit:cover}
  .qj-section{padding:26px 0}
  .qj-flow{margin-top:16px;padding-top:8px}
  .qj-flow ol{display:flex;flex-direction:column;gap:21px;max-width:100%}
  .qj-flow li{padding:8px 12px;border-top:0;border-bottom:1px solid #dfe7e2;min-height:40px}
  .qj-flow li:not(:last-child)::after{content:'↓';left:50%;top:100%;transform:translateX(-50%);line-height:21px}
  .qj-wrap table{font-size:15px;min-width:650px}
  .qj-wrap th,.qj-wrap td{padding:11px 12px}
  .qj-examples{grid-template-columns:1fr;gap:20px}
}