/* Add-on directory in the shared AzerothTV palette. */
.addon-main{padding-bottom:52px}.addon-main [hidden]{display:none!important}.addon-hero{padding:16px 0 31px}.addon-hero h1{font-size:62px;line-height:1.03;margin:15px 0 0}.addon-hero h1 span{color:var(--gold)}.addon-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:19px}.addon-section-heading h2{font-size:34px;line-height:1.15}.addon-section-heading>span{color:var(--muted);font-size:12px}.addon-installation{padding:24px 27px 26px;border:1px solid #e4b75e45;border-radius:13px;background:linear-gradient(115deg,#58432217,transparent),var(--panel);margin-bottom:35px}.addon-installation .addon-section-heading h2{font-size:30px}.addon-install-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;margin:0;padding:0;list-style:none}.addon-install-five{grid-template-columns:repeat(5,minmax(0,1fr))}.addon-install-steps li{min-width:0}.addon-step-number{display:block;font:600 26px/1 var(--display);color:var(--gold);margin-bottom:10px}.addon-install-steps h3{font-size:23px;line-height:1.2}.addon-install-steps p{font-size:13px;line-height:1.75;color:var(--muted);margin-top:9px;overflow-wrap:anywhere}.addon-directory{scroll-margin-top:25px}.addon-tools{padding:21px 23px;border:1px solid var(--line);border-radius:12px;background:#172024;margin-bottom:20px}.addon-search-label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);max-width:570px;margin-bottom:17px}.addon-search-label input{width:100%;min-height:44px;border:1px solid #536064;border-radius:7px;background:#10171a;color:var(--cream);padding:10px 13px;font:inherit;font-size:14px}.addon-search-label input::placeholder{color:#a6b1b5}.addon-filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.addon-filter-buttons button{display:inline-flex;align-items:center;gap:8px;min-height:42px;max-width:100%;padding:8px 13px;border:1px solid var(--line);border-radius:7px;background:#11191c;color:#c4cecf;font-size:12px;font-weight:600;cursor:pointer;overflow-wrap:anywhere}.addon-filter-buttons button>span{font-size:11px;opacity:.7}.addon-filter-buttons button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#192024}.addon-filter-buttons button:hover{border-color:var(--gold)}.addon-filter-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.addon-filter-bottom>p{font-size:12px;color:var(--muted)}#addon-reset{background:transparent;border:0;color:var(--gold-light);font-size:12px;cursor:pointer;padding:8px 0;min-height:40px;text-decoration:underline;text-underline-offset:4px}.addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.addon-card{min-width:0;padding:25px 27px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.addon-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.addon-number{font:600 23px/1 var(--display);color:#9a825b}.addon-category{font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-light);text-align:right;overflow-wrap:anywhere}.addon-card h3{font-size:31px;line-height:1.15;overflow-wrap:anywhere}.addon-author{font-size:11px;line-height:1.6;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.addon-description{font-size:14px;line-height:1.8;color:#c4cecf;margin-top:15px;overflow-wrap:anywhere}.addon-note{font-size:13px;line-height:1.75;color:var(--muted);border-left:2px solid #806740;margin-top:17px;padding-left:12px;overflow-wrap:anywhere}.addon-empty{padding:29px 24px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:14px;line-height:1.75;text-align:center}.addon-search-label input:focus-visible,.addon-filter-buttons button:focus-visible,#addon-reset:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
@media(max-width:1050px){.addon-install-steps,.addon-install-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 27px}.addon-install-steps li:last-child:nth-child(odd){grid-column:1/-1}.addon-card{padding:24px}.addon-hero h1{font-size:58px}}
@media(max-width:760px){.addon-main{padding-bottom:35px}.addon-hero{padding:10px 0 25px}.addon-hero h1{font-size:clamp(42px,8vw,54px);margin-top:14px}.addon-hero .eyebrow{font-size:10px;letter-spacing:1.6px}.addon-installation{padding:22px;margin-bottom:28px}.addon-installation .addon-section-heading h2{font-size:28px}.addon-install-steps{gap:20px}.addon-install-steps h3{font-size:24px}.addon-install-steps p{font-size:14px;line-height:1.7}.addon-section-heading{flex-wrap:wrap;gap:7px;margin-bottom:17px}.addon-section-heading h2{font-size:31px}.addon-section-heading>span{font-size:12px}.addon-tools{padding:19px}.addon-search-label{font-size:12px}.addon-filter-buttons button{min-height:44px}.addon-grid{grid-template-columns:1fr;gap:14px}.addon-card{padding:23px}.addon-card h3{font-size:30px}.addon-author{font-size:12px}.addon-description,.addon-note{font-size:14px}.addon-description{margin-top:13px}.addon-filter-bottom{gap:8px;flex-wrap:wrap}#addon-reset{min-height:44px}.addon-category{font-size:10px;letter-spacing:1px}}
@media(max-width:520px){.addon-install-steps,.addon-install-five{grid-template-columns:1fr;gap:19px}.addon-install-steps li{display:flex;align-items:flex-start;gap:14px}.addon-step-number{flex:0 0 27px;margin:2px 0 0}.addon-install-steps p{margin-top:6px}.addon-filter-buttons{gap:7px}.addon-filter-buttons button{padding-inline:10px}.addon-filter-bottom>p{font-size:11px}}
@media print{.addon-main{padding:0}.addon-main .addon-tools{display:none!important}.addon-main [data-addon][hidden]{display:block!important}.addon-empty{display:none!important}.addon-hero h1{font-size:29pt}.addon-hero h1 span,.addon-step-number,.addon-number,.addon-category{color:#222}.addon-installation,.addon-card{background:white;border-color:#aaa;break-inside:avoid}.addon-installation{padding:18px}.addon-install-steps,.addon-install-five{grid-template-columns:repeat(2,minmax(0,1fr))}.addon-install-steps li{display:block}.addon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.addon-description,.addon-note,.addon-author,.addon-install-steps p,.addon-section-heading>span{color:#333}.addon-card h3{font-size:21pt}.addon-section-heading h2{font-size:24pt}.addon-note{border-color:#aaa}}

@media(max-width:380px){.addon-hero h1{font-size:36px}}