/* Scoped internal design proposal based on the user supplied reference. */
body:has(.reference-guide){background:#f4f1e8;color:#12333e}
.home-guide.reference-guide{padding:32px 0 26px!important}
.reference-guide .editorial-eyebrow{margin:0 0 15px;color:#976b38;letter-spacing:.18em;font-size:12px}
.reference-guide .home-seo-title{font-size:clamp(32px,4.2vw,50px)!important;font-weight:600!important;line-height:1.4!important;letter-spacing:.045em;color:#11333d!important;margin:0 0 24px!important}
.reference-guide>.editorial-deck{font-size:16px;line-height:1.95;max-width:52em;margin:0 0 24px}
.reference-guide .guide-primary-button{display:inline-flex;align-items:center;gap:14px;background:#174d57;color:#fff;padding:16px 23px;text-decoration:none;font-size:14px;font-weight:700;border:1px solid #174d57;line-height:1.5;margin:0 0 20px;border-radius:0}
.reference-guide .guide-primary-button:hover{background:#103c45}.reference-guide a:focus-visible{outline:2px solid #174d57;outline-offset:4px}
.reference-guide .reference-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 23px}
.reference-guide .reference-card-grid>.guide-photo-card{min-width:0;background:#fffefa;border:1px solid #ddd5c8;padding:12px 13px 16px;display:flex;flex-direction:column}
.reference-guide .guide-card-photo{display:block;width:100%;background:#f4f1e8;margin:0 0 10px;overflow:hidden}
.reference-guide .guide-card-photo img{display:block;width:100%!important;height:auto!important;aspect-ratio:3/2;object-fit:contain!important;border-radius:0}
.reference-guide .guide-card-heading{display:flex;align-items:baseline;gap:10px;justify-content:space-between}
.reference-guide .guide-card-heading h2{font-family:serif;font-size:23px;font-weight:500;line-height:1.5;letter-spacing:.02em;color:#143d48;margin:0;flex:1;min-width:0}
.reference-guide .guide-detail{font-size:12px;line-height:1.5;white-space:nowrap;color:#174d57;text-underline-offset:4px}
.reference-guide .guide-photo-card .guide-card-label{font-size:11px;line-height:1.6;color:#7b765f;letter-spacing:.06em;margin:6px 0 4px}
.reference-guide .guide-photo-card .guide-card-description{font-size:13px;line-height:1.85;margin:0;color:#193f4a}
.reference-guide>.small{font-size:12px;line-height:1.85;color:#53666a}.reference-guide>.small a{color:#174d57}
@media(max-width:900px) and (min-width:601px){.reference-guide .reference-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-guide.reference-guide{padding:24px 0!important}.reference-guide .home-seo-title{font-size:31px!important;letter-spacing:.01em;line-height:1.45!important;margin-bottom:18px!important}.reference-guide>.editorial-deck{font-size:14px;line-height:1.9;margin-bottom:20px}.reference-guide .reference-card-grid{grid-template-columns:1fr;gap:16px}.reference-guide .guide-card-heading h2{font-size:24px}.reference-guide .guide-card-description{font-size:14px}.reference-guide .guide-primary-button{padding:14px 20px}.reference-guide .guide-card-photo{margin-bottom:12px}}
