/* School comparison shares the existing green, orange and numbered sections. */
.compare-page{background:#fff;color:#153b3b}
.compare-container{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.compare-intro{background:#f7f8f4;padding:48px 0 42px}
.compare-intro .eyebrow{font-size:16px;color:#075e55;letter-spacing:.1em;font-weight:800}
.compare-intro h1{font-size:clamp(30px,4vw,48px);line-height:1.35;letter-spacing:.02em;margin:14px 0 18px}
.compare-intro h1 span{color:#075e55;text-decoration:underline;text-decoration-color:#e3cb42;text-underline-offset:9px}
.compare-intro p{font-size:17px;line-height:1.9;max-width:780px}
.compare-section{padding-block:44px}
.compare-section .shared-heading{margin-bottom:22px}
.compare-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px;background:#eaf6f6;border:1px solid #90c3c8;border-radius:8px}
.compare-controls label{display:block;font-size:16px;font-weight:800;color:#075e55;margin-bottom:8px}
.compare-controls select{width:100%;min-height:50px;padding:9px 12px;border:1px solid #9db8b6;border-radius:5px;background:#fff;color:#193c3c;font:inherit;font-size:17px}
.compare-controls select:focus-visible,.compare-links a:focus-visible,.finder-compare-link:focus-visible{outline:3px solid #ef8a2d;outline-offset:3px}
.compare-message{min-height:1.7em;color:#b8481b;font-size:16px;margin:10px 0 0}
.compare-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.compare-heading #compare-count{font-size:17px;color:#075e55;font-weight:800}
.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.compare-card{border:1px solid #bad5d2;background:white;min-width:0;display:flex;flex-direction:column}
.compare-photo{height:190px;background:#eaf4f0;overflow:hidden}
.compare-photo img{width:100%;height:100%;object-fit:cover;display:block}
.compare-photo .school-no-photo{height:100%;display:flex;align-items:center;justify-content:center}
.compare-card-body{padding:20px;display:flex;flex-direction:column;flex:1;min-width:0}
.compare-card h2{font-size:25px;color:#075e55;line-height:1.35;margin:8px 0}
.compare-card .eyebrow{font-size:16px;color:#28645c}
.compare-style{font-size:16px;margin:0 0 14px}
.compare-card dl{margin:0 0 20px}
.compare-card dl>div{border-top:1px solid #d6e4e1;padding:16px 0}
.compare-card dt{font-size:16px;font-weight:800;color:#075e55;margin-bottom:8px}
.compare-card dd{margin:0;font-size:16px;line-height:1.75;overflow-wrap:anywhere}
.compare-price strong{font-size:25px;color:#075e55;display:block}
.compare-price span,.compare-price small{display:block;font-size:16px;line-height:1.65}
.compare-detail{margin-top:auto;text-align:center;justify-content:center;background:#075e55;color:#fff;border-radius:28px;min-height:46px}
.compare-disclaimer{font-size:16px;line-height:1.8;color:#455d5a;margin:20px 0}
.compare-links{display:flex;gap:14px;flex-wrap:wrap}
.compare-links .btn{min-height:48px}
.finder-compare-link{display:inline-flex;align-items:center;gap:6px;color:#075e55;text-decoration:underline;text-underline-offset:4px;font-size:16px;font-weight:700;margin-top:11px}
.finder-compare-link .shared-icon{width:18px;height:18px}
@media(max-width:850px){.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-controls{gap:10px}}
@media(max-width:640px){.compare-container{width:calc(100% - 32px)}.compare-intro{padding:34px 0}.compare-intro h1{font-size:29px}.compare-intro p{font-size:16px}.compare-section{padding-block:30px}.compare-controls{grid-template-columns:1fr;padding:16px}.compare-grid{grid-template-columns:1fr}.compare-photo{height:220px}.compare-heading{align-items:flex-start;flex-direction:column;gap:0}.compare-card-body{padding:18px}.compare-links{flex-direction:column}.compare-links .btn{text-align:center}}