:root{--af-paddy:#f7f3e6;--af-ink:#182c27;--af-forest-fill:#153b34;--af-on-dark:#fff;--af-turmeric:#f0ba45} .partner-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;background:var(--af-forest-fill);color:var(--af-on-dark);padding:12px 3vw;font:500 14px system-ui;position:relative;z-index:100} .partner-banner a{color:#fff;text-decoration:underline}.partner-unavailable{font-size:14px;color:#6a4e1a}.partner-preview{margin:0;background:var(--af-paddy);color:var(--af-ink);font:16px/1.6 system-ui}.partner-panel{max-width:740px;margin:4rem auto;padding:1.8rem;background:white;border-radius:16px}.partner-panel label{display:block;font-weight:600;margin:1rem 0}.partner-panel input,.partner-panel select,.partner-panel textarea{display:block;width:100%;box-sizing:border-box;padding:.75rem;border:1px solid #789;border-radius:6px;font:inherit}.partner-panel button{background:var(--af-turmeric);padding:.8rem 1.4rem;border:0;border-radius:6px;font-weight:700;cursor:pointer}.partner-trap{position:absolute;left:-10000px}.partner-footer{padding:2rem;text-align:center;font-size:14px}
.preview-links-bar{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.15rem;padding:.65rem 3vw;background:#e8f1e6;border-bottom:2px solid #94b8a8;font:600 14px/1.5 system-ui;position:relative;z-index:98}
.preview-links-bar a{color:#143d33!important;text-decoration:underline!important;text-underline-offset:3px}
.preview-links-bar a:focus-visible,.preview-directory a:focus-visible,.preview-site-guide a:focus-visible{outline:3px solid #ba7410;outline-offset:3px}
.preview-site-guide{background:#f8e9bd;color:#283527;padding:12px 3vw;font:500 15px/1.6 system-ui;border-bottom:1px solid #c8a85e}
.preview-site-guide a{font-weight:800;color:#18493b;text-decoration:underline}
.preview-directory{font-family:system-ui,sans-serif;line-height:1.55;max-width:1320px;margin:3rem auto;padding:2rem clamp(1rem,3vw,3rem);border-radius:18px;background:#f2f6f0;color:#1c332b;scroll-margin-top:1rem;border:1px solid #c4d5ca}
.preview-directory-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.preview-directory-title small{letter-spacing:.12em;font-weight:800;color:#3c6950}
.preview-directory-title h2{font-size:clamp(1.5rem,3vw,2.4rem);margin:.4rem 0}
.preview-directory-title p{margin:.3rem 0 1.2rem}
.preview-directory-title>a{color:#1b614a;font-weight:700;text-decoration:underline}
.preview-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:1rem}
.preview-directory-group{padding:1rem;background:#fff;border:1px solid #d3e2d8;border-radius:12px}
.preview-directory-group h3{font-size:1.05rem;margin:0 0 .8rem;color:#20543a}
.preview-directory-group ul{list-style:none;margin:0;padding:0}
.preview-directory-group li{margin:.45rem 0;border-bottom:1px solid #f0f2ef;padding:.25rem 0}
.preview-directory-group li:last-child{border-bottom:0}
.preview-directory-group a{color:#194f3e!important;text-decoration:underline!important;display:flex;justify-content:space-between;gap:8px;font-size:14px}
@media(max-width:550px){.preview-links-bar{gap:.45rem .8rem}.preview-directory{border-radius:0;margin:2rem 0}.preview-directory-title{display:block}}

.preview-directory{box-sizing:border-box!important;width:calc(100vw - 32px)!important;max-width:1180px!important;margin:3rem auto!important;min-width:0!important;overflow-wrap:anywhere!important}
.preview-directory-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;min-width:0!important}
.preview-directory-group{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.preview-directory-group a{overflow-wrap:anywhere!important;word-break:normal!important}
@media(max-width:1000px){.preview-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.preview-directory-grid{grid-template-columns:minmax(0,1fr)!important}.preview-directory{width:calc(100vw - 16px)!important;padding:1rem!important;margin:1rem auto!important}}

.preview-limit-panel{max-width:1120px;margin:2rem auto;padding:1.5rem;background:#fff7e3;color:#343626;border:1px solid #dfc07c;border-radius:16px;font-family:system-ui}.preview-limit-panel a{color:#185946;font-weight:700}
