/* Photographic category cards and an accessible, reusable detail dialog. */
html{scrollbar-gutter:stable}
.guide-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 28px}
.guide-photo-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d8e0e5;border-radius:12px;background:#fff;box-shadow:0 4px 16px #101c2c05;transition:border-color .2s,box-shadow .2s}
.guide-photo-card:hover,.guide-photo-card.is-current{border-color:#668d2e;box-shadow:0 9px 28px #243b1714}
.guide-photo-card:focus-visible{outline:3px solid #528200;outline-offset:5px}
.guide-photo-media{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#e8edf1}
.guide-photo-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s}
.guide-photo-card:hover .guide-photo-media img{transform:scale(1.025)}
.guide-photo-number{position:absolute;top:16px;left:16px;display:grid;place-items:center;min-width:46px;min-height:46px;padding:5px 9px;background:#101c2cf2;color:#c9f45e;border:1px solid #ffffff40;border-radius:8px;font-size:1.25rem;font-weight:800;line-height:1.5}
.guide-photo-copy{display:block;text-align:center;padding:22px 22px 20px}
.guide-photo-title{display:block;font-size:1.5rem;font-weight:800;line-height:1.5;letter-spacing:-.035em;color:#182333}
.guide-photo-question{display:block;font-size:1.25rem;font-weight:650;line-height:1.7;margin-top:8px;color:#394958}
.guide-photo-types{display:block;font-size:1.25rem;line-height:1.8;margin-top:8px;color:#63707d;word-break:keep-all}
.guide-photo-footer{display:flex;align-items:center;gap:12px;padding:16px 22px;margin-top:auto;border-top:1px solid #e4e9ed;background:#fafcf6;font-size:1.25rem;font-weight:750;color:#3f601e;line-height:1.5;min-height:66px}
.guide-photo-count{margin-left:auto;color:#647057;font-weight:500}
.guide-photo-footer .icon{width:22px;height:22px}
.guide-overview-disclosure{background:#fff;border:1px solid #dfe4e9;border-radius:10px;margin:28px 0 0;overflow:hidden}
.guide-overview-disclosure>summary{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 24px;list-style:none;cursor:pointer;text-align:center;font-size:1.25rem;font-weight:750;line-height:1.7}
.guide-overview-disclosure>summary::-webkit-details-marker{display:none}
.guide-overview-disclosure>summary:focus-visible{outline:3px solid #528200;outline-offset:-5px}
.guide-overview-disclosure>summary .icon{width:22px;height:22px;transition:transform .2s}
.guide-overview-disclosure[open]>summary .icon{transform:rotate(180deg)}
.guide-overview-disclosure .guide-figure{border:0;border-radius:0;margin:0}
.guide-reading-toolbar{text-align:center;margin:24px 0}
.guide-reading-toolbar>button{font-size:1.25rem;font-weight:750;line-height:1.5;min-height:56px;max-width:100%;padding:13px 22px;color:#334727;background:#fff;border:1px solid #c9d3d9;border-radius:6px}
.guide-reading-toolbar>button:hover{border-color:#55772d;background:#f4faeb}
.guide-reading-toolbar>button[aria-expanded="true"]{background:#edf4e1;border-color:#9eb47a}
.guide-modal-open{overflow:hidden}
.guide-image-dialog{width:min(1040px,calc(100% - 48px));max-width:none;max-height:88vh;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;padding:0;margin:auto;border:1px solid #d9e2e8;border-radius:16px;background:#fff;color:#182333;box-shadow:0 24px 100px #020d2070;font:inherit;scrollbar-gutter:stable}
.guide-image-dialog::backdrop{background:#091625bf}
.guide-dialog-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-bottom:1px solid #dfe4e9;background:#fff}
.guide-dialog-top>span{font-size:1.25rem;font-weight:750;line-height:1.6;color:#4e6533}
.guide-dialog-top>button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;min-width:100px;padding:10px 16px;border-radius:6px;background:#101c2c;color:#fff;font-size:1.25rem;font-weight:750;line-height:1.5}
.guide-dialog-top>button>span{font-size:1.5rem;line-height:1}
.guide-dialog-heading{padding:28px 32px 18px;text-align:center}
.guide-dialog-heading h2{font-size:clamp(1.625rem,3vw,2rem);line-height:1.45;letter-spacing:-.04em;margin:0}
.guide-dialog-heading h2:focus{outline:none}
.guide-dialog-heading>p{font-size:1.25rem;line-height:1.8;color:#5d6877;margin-top:8px}
.guide-image-dialog .guide-category-body{padding:0 32px 24px}
.guide-image-dialog .guide-category-intro{border-top:0;padding-top:0;max-width:48rem;line-height:1.8;margin:0 auto 26px}
.guide-image-dialog .guide-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-image-dialog .guide-item{padding:24px}
.guide-image-dialog .guide-item h4{font-size:1.5rem;line-height:1.5}
.guide-image-dialog .guide-category-footer{justify-content:center;padding-top:24px}
.guide-image-dialog .guide-category-footer .text-link{justify-content:center;min-height:58px;width:100%;padding:14px 20px;background:#c9f45e;color:#182333;border-radius:6px;text-align:center;font-size:1.25rem;line-height:1.5}
.guide-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 32px 30px}
.guide-dialog-actions .button{font-size:1.25rem;line-height:1.5;min-height:60px;padding:14px 18px}
.guide-dialog-back{background:#f2f5f7;border:1px solid #d7dfe5;color:#334454}
@media(max-width:1023px){
 .guide-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .guide-photo-copy{padding:22px}
}
@media(max-width:760px){
 .guide-image-dialog{width:calc(100% - 24px);max-height:92vh;max-height:92dvh;border-radius:12px}
 .guide-dialog-top{padding:12px 18px;gap:12px}
 .guide-dialog-heading{padding:24px 20px 16px}
 .guide-image-dialog .guide-category-body{padding:0 20px 22px}
 .guide-image-dialog .guide-items{grid-template-columns:1fr}
 .guide-image-dialog .guide-item{padding:22px 20px}
 .guide-dialog-actions{padding:0 20px 24px}
}
@media(max-width:620px){
 .guide-photo-grid{grid-template-columns:1fr;gap:20px}
 .guide-photo-copy{padding:20px 22px}
 .guide-photo-number{top:14px;left:14px}
 .guide-photo-types{margin-top:6px}
 .guide-overview-disclosure>summary{padding:18px 16px;gap:12px}
 .guide-dialog-top>span{max-width:calc(100% - 102px)}
 .guide-dialog-top>button{min-width:90px;padding:10px 12px;gap:8px}
 .guide-dialog-actions{grid-template-columns:1fr;gap:12px}
 .guide-image-dialog .guide-item h4{font-size:1.375rem}
}
@media(max-width:360px){
 .guide-photo-copy,.guide-photo-footer{padding-inline:18px}
 .guide-dialog-top{padding-inline:14px}
 .guide-image-dialog .guide-category-body{padding-inline:14px}
 .guide-image-dialog .guide-item{padding:20px 16px}
 .guide-dialog-actions{padding-inline:14px}
}
@media(prefers-reduced-motion:reduce){
 .guide-photo-card:hover .guide-photo-media img{transform:none}
}
@media print{
 .guide-photo-grid,.guide-reading-toolbar,.guide-image-dialog{display:none!important}
 .guide-categories[hidden]{display:grid!important}
}