/* Home symptom guide, using the existing tooth-concern section's visual style. */
.pain-guide{background:#fff;border-bottom:1px solid var(--line)}
.pain-guide .pain-intro{max-width:440px}
.pain-guide .pain-intro p{margin:0 0 10px}
.pain-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}
.pain-row{min-width:0}
.pain-card{display:flex;flex-direction:column;height:100%;padding:20px 0 0;border-top:1px solid #c6d0c6;background:transparent;color:var(--ink);cursor:pointer;transition:border-color 180ms ease-out;scroll-margin-block:calc(var(--site-header,150px) + 16px) calc(var(--site-bottom,0px) + 24px)}
.pain-pattern{display:flex;align-items:baseline;gap:10px;color:var(--muted);font-size:1rem;line-height:1.6}
.pain-number{color:var(--gold);font-family:Georgia,serif;letter-spacing:.08em}
.pain-art{display:flex;align-items:center;justify-content:center;height:185px;margin:16px 0 24px;background:#f0f2ec;transition:background-color 180ms ease-out}
.pain-art .pain-illustration{width:165px;height:155px;flex-shrink:0}
.pain-art-jaw{flex-direction:column;gap:3px}
.pain-art-jaw .pain-illustration{width:155px;height:141px}
.pain-art-legend{display:flex;justify-content:center;gap:16px;font-size:1rem;line-height:1.5;color:var(--ink)}
.pain-art-legend>span{display:inline-flex;align-items:center;gap:6px}
.pain-art-legend>span:before{content:"";display:block;flex-shrink:0;width:9px;height:9px}
.pain-art-legend .joint-key:before{border-radius:50%;background:#24625b}
.pain-art-legend .muscle-key:before{height:12px;width:10px;border-radius:2px;background:#c58b78;border:1px solid #a96e5c}
.pain-heading{min-width:0;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.pain-guide .pain-heading h3{margin:0;font-size:1.5rem;font-weight:600;line-height:1.5;color:var(--deep);overflow-wrap:anywhere}
.pain-guide .pain-location{display:flex;align-items:baseline;gap:10px;margin:8px 0 0;font-size:1rem;line-height:1.65;color:var(--muted)}
.pain-location-label{flex-shrink:0;color:var(--teal);font-weight:600}
.pain-details{display:grid;gap:18px;margin:0 0 16px}
.pain-details>div{min-width:0}
.pain-details dt{font-size:1.125rem;line-height:1.7;color:var(--teal);font-weight:600;margin-bottom:6px}
.pain-details dd{margin:0;font-size:var(--text-size);line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
.pain-treatment{padding:14px 16px;background:#f6f3eb;border-left:3px solid #9eaf94}
.pain-treatment dd{color:var(--ink)}
.pain-destination{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;margin-top:auto;color:var(--teal);font-size:var(--control-size);line-height:1.65;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.pain-destination .link-arrow{display:inline-block;flex-shrink:0;transition:transform 180ms ease-out}
.pain-guide .pain-urgent{margin:30px 0 0;padding:16px 20px;border-left:3px solid #a1814e;background:#f5f0e5;color:var(--muted);font-size:var(--text-size);line-height:1.8}
.pain-guide a:focus-visible{outline:3px solid #9b661c;outline-offset:5px}
.pain-card:focus-visible .pain-art,.pain-card:active .pain-art{background:#e5ece1}
.pain-card:focus-visible .link-arrow{transform:translateX(3px)}
@media(hover:hover) and (pointer:fine){
 .pain-card:hover{border-color:#91a98c}
 .pain-card:hover .pain-art{background:#e5ece1}
 .pain-card:hover .link-arrow{transform:translateX(3px)}
}
@media(max-width:1000px){
 .pain-guide .section-head{display:block}
 .pain-guide .pain-intro{max-width:none;margin-top:20px}
 .pain-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 25px}
 .pain-art{height:180px;margin-bottom:20px}
}
@media(max-width:720px){
 .pain-list{grid-template-columns:minmax(0,1fr);gap:32px}
 .pain-art{height:165px}
 .pain-art-jaw .pain-illustration{width:142px;height:130px}
 .pain-guide .pain-urgent{padding:16px}
}
.site-large-type .pain-list{grid-template-columns:minmax(0,1fr)}
.site-large-type .pain-guide .section-head{display:block}
.site-large-type .pain-guide .pain-intro{max-width:none;margin-top:20px}
@media(prefers-reduced-motion:reduce){
 .pain-card,.pain-art,.pain-destination .link-arrow{transition:none}
 .pain-card:hover .link-arrow,.pain-card:focus-visible .link-arrow{transform:none}
}
@media print{.pain-row{break-inside:avoid}.pain-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pain-art{height:140px}}