/* ものもらい：麦粒腫と霰粒腫の違いを短く伝えるページ */
.stye-page{--st-blue:#087eaf;--st-deep:#09536f;--st-pale:#eff9fc;--st-line:#c8e4ec;color:#31586a}.stye-page .sub-hero{background:linear-gradient(115deg,#f1faff,#f9fdff 54%,#e4f5fa)}.stye-page .sub-title,.stye-page h2,.stye-page h3{color:var(--st-deep)}.stye-page .sub-lead{max-width:43rem}.stye-page .st-section-head{max-width:46rem;margin-bottom:1.55rem}.stye-page .st-section-head h2{margin:.45rem 0 .6rem;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.35}.stye-page .st-section-head p{margin:0;line-height:1.85}.stye-page .st-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:0;margin:0}.stye-page .st-checks li{position:relative;list-style:none;padding:.92rem 1rem .92rem 2rem;background:#fff;border:1px solid var(--st-line);border-radius:10px;font-weight:700;line-height:1.55}.stye-page .st-checks li:before{content:"✓";position:absolute;top:.9rem;left:.75rem;color:var(--st-blue);font-weight:900}.stye-page .st-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stye-page .st-note,.stye-page .st-type{padding:1.5rem;background:#fff;border:1px solid var(--st-line);border-radius:15px}.stye-page .st-note h2,.stye-page .st-type h2{margin:.2rem 0 .65rem;font-size:1.35rem}.stye-page .st-note p,.stye-page .st-type p{margin:0;line-height:1.85}.stye-page .st-type--tint{background:linear-gradient(135deg,#fff,#edf9fc);border-left:4px solid var(--st-blue)}.stye-page .st-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.stye-page .st-card{padding:1.2rem;background:#fff;border:1px solid var(--st-line);border-radius:14px}.stye-page .st-card h3{margin:.15rem 0 .55rem;font-size:1.08rem}.stye-page .st-card p{margin:0;line-height:1.75}.stye-page .st-warning{padding:1.3rem 1.5rem;background:var(--st-pale);border:1px solid var(--st-line);border-radius:15px}.stye-page .st-warning h2{margin:.2rem 0 .55rem;font-size:1.35rem}.stye-page .st-warning p{margin:0;line-height:1.8}.stye-page .st-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.stye-page .st-faq details{padding:0 1rem;background:#fff;border:1px solid var(--st-line);border-radius:12px}.stye-page .st-faq summary{padding:1rem .1rem;cursor:pointer;color:var(--st-deep);font-weight:700;line-height:1.6}.stye-page .st-faq p{margin:0;padding:0 .1rem 1rem;line-height:1.75}.stye-page .st-cta{padding:clamp(1.5rem,4vw,3rem);border-radius:18px;color:#fff;background:linear-gradient(120deg,#087eaf,#0dadd0)}.stye-page .st-cta h2,.stye-page .st-cta .sub-kicker{color:#fff}.stye-page .st-cta p{line-height:1.8;max-width:43rem}.stye-page .st-cta .lower-button{background:#fff;border-color:#fff;color:var(--st-deep)}.stye-page .st-cta .lower-button--ghost{background:transparent;color:#fff}@media(max-width:760px){.stye-page .sub-section{padding-top:2.65rem;padding-bottom:2.65rem}.stye-page .st-checks,.stye-page .st-split,.stye-page .st-faq{grid-template-columns:1fr}.stye-page .st-grid{grid-template-columns:1fr 1fr;gap:.7rem}.stye-page .st-card{padding:1rem}.stye-page .st-card h3{font-size:1rem}.stye-page .st-card p{font-size:.9rem}.stye-page .st-note,.stye-page .st-type,.stye-page .st-warning{padding:1.15rem}.stye-page .lower-button{min-height:48px;padding:.7rem .85rem;font-size:.9rem}.stye-page .lower-cta-row{gap:.6rem}}

/* Symptom pages: use editorial sections and rules instead of repeated cards. */
.stye-page .sub-hero{background:#f7fafb}
.stye-page .st-checks,.stye-page .st-grid,.stye-page .st-faq{gap:0}
.stye-page .st-checks,.stye-page .st-grid,.stye-page .st-faq,.stye-page .st-split{column-gap:2rem}
.stye-page .st-checks li,.stye-page .st-card,.stye-page .st-faq details{border:0;border-bottom:1px solid var(--st-line);border-radius:0;background:transparent}
.stye-page .st-checks li{padding:1rem .25rem 1rem 1.6rem}
.stye-page .st-checks li:before{left:.3rem;top:1rem}
.stye-page .st-card{padding:1.2rem .25rem}
.stye-page .st-card h3{margin:0 0 .35rem}
.stye-page .st-note,.stye-page .st-type{padding:0;border:0;border-radius:0;background:transparent}
.stye-page .st-type--tint{border-left:0}
.stye-page .st-warning{padding:1.25rem 1.5rem;border:1px solid var(--st-line);border-radius:4px;background:#f7fafb}
.stye-page .st-faq details{padding:0}
.stye-page .st-cta{padding:2rem 0;border-top:1px solid var(--st-line);border-radius:0;background:transparent;color:#31586a}
.stye-page .st-cta h2{color:var(--st-deep)}
.stye-page .st-cta .sub-kicker{color:var(--st-blue)}
.stye-page .st-cta .lower-button,.stye-page .st-cta .lower-button--ghost{border-color:var(--st-line);background:#fff;color:var(--st-deep)}
@media(max-width:760px){.stye-page .st-grid{grid-template-columns:1fr}.stye-page .st-card{padding:1rem .25rem}.stye-page .st-note,.stye-page .st-type{padding:0}}

.stye-page .st-visit-prepare{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:clamp(28px,5vw,60px);align-items:center}
.stye-page .st-hero-diagnosis{display:inline-block;font-size:.76em;white-space:nowrap}
.stye-page .st-visit-prepare h2{margin:.3rem 0 1rem;font-size:clamp(1.55rem,3vw,2.2rem)}
.stye-page .st-visit-prepare p:not(.sub-kicker){margin:0 0 1.4rem;line-height:1.9}
.stye-page .st-visit-prepare ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--st-line)}
.stye-page .st-visit-prepare li{padding:1rem 0;border-bottom:1px solid var(--st-line);line-height:1.65;font-weight:700}
.stye-page .st-visit-prepare figure{margin:0}
.stye-page .st-visit-prepare img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.stye-page .st-visit-prepare figcaption{margin-top:.6rem;color:#68808c;font-size:.82rem;line-height:1.7}
.stye-page .sub-hero{background:linear-gradient(112deg,#f3fbfd,#f9fdff 54%,#e3f4f9)}
@media(max-width:760px){.stye-page .st-visit-prepare{grid-template-columns:1fr}}