/* Bottom directory guide. Keep these rules scoped to the monitoring card. */
.mon-page .mon-profile-fields{display:grid;gap:15px;margin:22px 0}
.mon-page .mon-profile-fields [hidden]{display:none!important}
.mon-page .mon-profile-fields .mon-field-help{margin:-6px 0 0}
.mon-page .mon-profile-fields label{min-width:0}
.mon-page .mon-profile-fields label>small{color:var(--mon-muted);font-size:10px}
.mon-page .mon-profile-links-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mon-page .mon-profile-facts{margin:0;display:grid;gap:12px}
.mon-page .mon-profile-facts>div{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.mon-page .mon-profile-facts dt{display:flex;align-items:center;gap:9px;color:var(--mon-muted);font-size:12px}
.mon-page .mon-profile-facts dt svg{color:var(--mon-accent)}
.mon-page .mon-profile-facts dd{margin:0;font-weight:650;font-size:14px;overflow-wrap:anywhere}
.mon-page .mon-server-socials{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--mon-line)}
.mon-page .mon-server-socials a{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--mon-line);border-radius:8px;background:#161b21;color:#dce2eb;font-size:12px;transition:color .15s,border-color .15s}
.mon-page .mon-server-socials a:hover{color:var(--mon-accent);border-color:#f5a63266}
.mon-page .mon-server-socials svg{width:19px;height:19px;color:var(--mon-accent);flex-shrink:0}
.mon-page .mon-server-socials .mon-social-arrow{width:13px;height:13px;color:var(--mon-muted);margin-left:5px}
.mon-page .mon-profile-editor>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}
.mon-page .mon-profile-editor>summary::-webkit-details-marker{display:none}
.mon-page .mon-profile-editor>summary strong{font-size:14px}
.mon-page .mon-profile-editor>summary small{display:block;margin-top:7px;color:var(--mon-muted);font-size:11px}
.mon-page .mon-profile-editor[open]>summary{padding-bottom:20px;border-bottom:1px solid var(--mon-line)}
.mon-page .mon-profile-editor[open]>summary>svg{transform:rotate(180deg)}
.mon-page .mon-server-mode-label{display:inline-block;margin:7px 0 0 9px;color:#aab7c6;font-size:10px;line-height:1.5;vertical-align:middle;max-width:100%;overflow-wrap:anywhere}
.mon-directory-page.mon-page .mon-filter.mon-filter--priority{grid-template-columns:minmax(170px,1.4fr) minmax(120px,.8fr) minmax(150px,1fr) minmax(130px,.8fr) auto}
.mon-directory-page.mon-page .mon-filter.mon-filter--priority .mon-search{grid-column:auto}
.mon-directory-page.mon-page .mon-filter.mon-filter--priority>button{grid-column:auto;grid-row:auto}
@container monitoring (max-width:950px){.mon-directory-page.mon-page .mon-filter.mon-filter--priority{grid-template-columns:repeat(2,minmax(0,1fr))}.mon-directory-page.mon-page .mon-filter.mon-filter--priority .mon-search{grid-column:1/-1}.mon-directory-page.mon-page .mon-filter.mon-filter--priority>button{grid-column:1/-1}.mon-page .mon-profile-links-fields{grid-template-columns:1fr}}
@container monitoring (max-width:500px){.mon-directory-page.mon-page .mon-filter.mon-filter--priority{grid-template-columns:1fr}.mon-directory-page.mon-page .mon-filter.mon-filter--priority>label{grid-column:1/-1}.mon-page .mon-server-socials a{flex:1 1 auto;justify-content:center}.mon-page .mon-profile-facts>div{align-items:flex-start;gap:10px;flex-direction:column}.mon-page .mon-server-mode-label{display:block;margin-left:0}}
.mon-page .mon-seo-card{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:34px;margin:34px 0 26px;padding:30px;border:1px solid var(--mon-line);border-radius:14px;background:radial-gradient(ellipse at 0 0,#f5a63209,transparent 48%),var(--mon-panel)}
.mon-page .mon-seo-art{position:relative;display:flex;align-items:center;justify-content:center;align-self:start;min-width:0;min-height:320px;padding:18px 14px 36px;overflow:hidden;border:1px solid #f5a63228;border-radius:10px;background:radial-gradient(ellipse at 50% 50%,#f5a63212,transparent 72%),#15181c}
.mon-page .mon-seo-art img{display:block;width:100%;height:auto;max-height:410px;object-fit:contain}
.mon-page .mon-seo-art-label{position:absolute;right:12px;bottom:12px;left:12px;color:#b5a17e;font-size:9px;font-weight:650;letter-spacing:.16em;line-height:1.4;text-align:center}
.mon-page .mon-seo-art-label>span{margin:0 7px;color:var(--mon-accent)}
.mon-page .mon-seo-copy{min-width:0}
.mon-page .mon-seo-copy h2{max-width:820px;margin-bottom:18px;font-size:clamp(22px,2.1vw,28px);line-height:1.22}
.mon-page .mon-seo-copy h3{margin:25px 0 10px;font-size:17px;line-height:1.35}
.mon-page .mon-seo-copy p{max-width:920px;margin-bottom:16px;color:#b7c0cd;font-size:13px;line-height:1.9;overflow-wrap:break-word}
.mon-page .mon-seo-copy p>a{color:var(--mon-accent);text-decoration:underline;text-decoration-color:#f5a63255;text-underline-offset:3px}
.mon-page .mon-seo-copy p>a:hover{text-decoration-color:var(--mon-accent)}
.mon-page .mon-seo-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:22px;padding-top:18px;border-top:1px solid var(--mon-line)}
.mon-page .mon-seo-links>a{display:inline-flex;align-items:center;gap:10px}
@container monitoring (max-width:1000px){
    .mon-page .mon-seo-card{grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:25px;padding:24px}
}
@container monitoring (max-width:760px){
    .mon-page .mon-seo-card{grid-template-columns:minmax(0,1fr);gap:24px}
    .mon-page .mon-seo-art{width:min(100%,340px);min-height:0;margin-inline:auto}
    .mon-page .mon-seo-art img{max-height:300px}
    .mon-page .mon-seo-copy h2,.mon-page .mon-seo-copy p{max-width:none}
}
@container monitoring (max-width:430px){
    .mon-page .mon-seo-card{margin-top:28px;padding:19px 16px;border-radius:11px;gap:22px}
    .mon-page .mon-seo-art{width:min(100%,290px);padding-top:12px}
    .mon-page .mon-seo-copy h2{font-size:23px}
    .mon-page .mon-seo-copy h3{margin-top:22px;font-size:16px}
    .mon-page .mon-seo-copy p{font-size:13px;line-height:1.85}
    .mon-page .mon-seo-links{gap:14px 20px;margin-top:19px}
}
