/* Guild profile: Warcraft identity, compact editorial hierarchy, calendar events. */
#gd,#gq,#gl,#grc{--gd-line:color-mix(in srgb,var(--goldb) 22%,var(--border));--gd-soft:color-mix(in srgb,var(--text) 72%,var(--s2))}
#gd .gd-hero{border-radius:14px;border-color:var(--gd-line);border-top:3px solid var(--goldb);background:linear-gradient(115deg,color-mix(in srgb,var(--s2) 90%,var(--goldb)),var(--s1));padding:24px 28px}
#gd .gd-hero::before{opacity:.09}
#gd .gd-top{gap:18px;align-items:center}
#gd .gd-name{font-size:clamp(25px,2.5vw,34px);line-height:1.2;letter-spacing:-.5px}
.gd-crest{width:64px;height:64px;border-radius:14px;border:2px solid var(--goldb);box-shadow:0 0 0 5px color-mix(in srgb,var(--goldb) 9%,transparent);flex:none;object-fit:cover}
#gd .gd-tags{gap:8px;margin-top:16px}
#gd .gd-tag{display:inline-flex;align-items:center;gap:7px;border-radius:7px;padding:6px 10px;background:color-mix(in srgb,var(--s1) 70%,transparent);color:var(--gd-soft);font-size:13px;border-color:var(--border)}
#gd .gd-tag .gd-wow-icon{width:20px;height:20px;border:0}
#gd .gd-card,#gq .gd-card,#gl .gd-card,#grc .gd-card{border-radius:12px;background:var(--s1);border-color:var(--gd-line);box-shadow:0 7px 24px #0000000d}
#gd .gd-card h2,#gq h2{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--text);letter-spacing:0}
#gd .gd-card h2::before{content:"";width:26px;height:26px;background:url('/static/icons/achievement_guildperk_everybodysfriend.jpg') center/cover;border:1px solid var(--gd-line);border-radius:6px;flex:none}
#gd .gd-card:has(.gd-need) h2::before{background-image:url('/static/icons/ability_warrior_battleshout.jpg')}
#gd .gd-quote{border-left-width:3px;font-size:16px;line-height:1.85;color:var(--gd-soft)}
#gd .gd-need{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
#gd .gd-cls{padding:13px 12px;border:1px solid color-mix(in srgb,var(--cc) 35%,var(--border));border-left:3px solid var(--cc);border-radius:9px;background:color-mix(in srgb,var(--cc) 7%,var(--s2));min-height:62px}
.gd-identity{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%;font-size:14px;font-weight:600;line-height:1.45;color:var(--text)}
.gd-class-icon,.gd-cls .gd-class-icon{width:32px;height:32px;border-radius:7px;border:1px solid #ffffff30;object-fit:cover;flex:none}
.gd-spec-icon,.gd-cls .gd-spec-icon{width:26px;height:26px;border-radius:50%;border:2px solid var(--goldb);object-fit:cover;flex:none}
.gd-app-info>.gd-identity{margin:8px 0 2px;padding:5px 9px;background:var(--s2);border-radius:7px}
#gd .gd-app-name{font-size:16px}#gd .gd-app-msg{color:var(--gd-soft);font-size:14px;line-height:1.7}
#gd .gd-app-tags .gd-pf{color:var(--gd-soft);border-radius:5px;background:var(--s2);font-size:12px;padding:4px 7px}
#gd .gd-stats{gap:0}#gd .gd-stats>div+div{border-left:1px solid var(--border)}
#gd .gd-stats b{font-size:26px;font-variant-numeric:tabular-nums}
.gd-wow-icon{width:24px;height:24px;border-radius:5px;object-fit:cover;flex:none;border:1px solid var(--gd-line)}
.ge-board>h2::before{content:"";width:30px;height:30px;border-radius:7px;background:url('/static/icons/inv_misc_pocketwatch_01.jpg') center/cover}
.ge-list{display:grid;gap:16px}.ge-event{display:grid;grid-template-columns:66px minmax(0,1fr);gap:18px;border:1px solid var(--gd-line);border-radius:12px;padding:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--goldb) 5%,var(--s2)),var(--s1))}
.ge-date{border:1px solid var(--gd-line);border-radius:9px;text-align:center;align-self:start;overflow:hidden;background:var(--s1)}
.ge-date span{display:block;padding:6px;background:color-mix(in srgb,var(--goldb) 16%,var(--s2));color:var(--goldb);font-size:12px;font-weight:700}
.ge-date b{display:block;font-size:30px;line-height:1;padding:14px 0;color:var(--text)}
.ge-body{min-width:0}.ge-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ge-title .gd-wow-icon{width:36px;height:36px}
.ge-title h3{font-size:19px;line-height:1.4;margin:0;color:var(--text);overflow-wrap:anywhere}
.ge-body time{display:block;font-size:14px;color:var(--gd-soft)}.ge-body>.gd-meta{line-height:1.7;overflow-wrap:anywhere}
.ge-roles{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.ge-role{display:grid;grid-template-columns:24px auto auto;align-items:center;gap:6px 8px;min-width:132px;padding:10px;border-radius:8px;background:var(--s1);border:1px solid var(--border);font-size:13px;color:var(--text)}
.ge-role b{margin-left:8px;font-variant-numeric:tabular-nums}.ge-role i{grid-column:1/-1;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.ge-role em{display:block;height:100%;background:var(--goldb)}
.ge-event .gq-act{border-top:1px solid var(--border);padding-top:14px;margin-top:16px;flex-wrap:wrap}
#gq button{min-height:44px;font:inherit;cursor:pointer}#gq button:focus-visible{outline:2px solid var(--goldb);outline-offset:3px}
.gq-kind{display:inline-flex;align-items:center;gap:6px}.gq-kind::before{content:"";width:20px;height:20px;border-radius:4px;background:url('/static/icons/achievement_dungeon_ulduarraid_misc_02.jpg') center/cover}
#gd .gd-leader .gd-identity{margin-top:8px}
@media(hover:hover){#gd .gd-cls:hover,.ge-event:hover{border-color:var(--goldb);box-shadow:0 4px 18px #00000014}}
@media(max-width:600px){
 #gd .gd-hero{padding:20px 16px}#gd .gd-top{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start}
 .gd-crest{width:48px;height:48px;border-radius:10px}#gd .gd-top .gd-share{grid-column:2;justify-self:start;margin-left:0}
 #gd .gd-name{font-size:25px}#gd .gd-tags{margin-top:14px}#gd .gd-tag{font-size:12px;padding:6px 8px}
 #gd .gd-need{grid-template-columns:repeat(2,minmax(0,1fr))}#gd .gd-cls{padding:10px 8px;min-height:62px}
 .gd-cls .gd-identity{font-size:13px;gap:6px}.gd-cls .gd-class-icon{width:28px;height:28px}
 .ge-event{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:14px 12px}.ge-date b{font-size:25px;padding:12px 0}
 .ge-title{align-items:flex-start}.ge-title h3{font-size:17px}.ge-title .gd-wow-icon{width:28px;height:28px}
 .ge-roles{gap:6px}.ge-role{flex:1;min-width:118px;padding:8px}.ge-event .gq-act button{flex:1}
}
@media(prefers-reduced-motion:no-preference){#gd .gd-cls,.ge-event{transition:border-color .18s ease,box-shadow .18s ease}}