/* muonline.net - shared guide styles.
   Extracted from the per-page <style> blocks that were duplicated across
   113 guide pages. Loaded once and cached instead of re-sent every page. */

/* ---- sidebar guide navigation ---- */
.gnav-head{font-size:15px;font-weight:700;color:rgb(220 220 220/1);padding:8px 6px 10px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:6px;}
.gnav-cat{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;color:rgb(205 205 210/1);font-size:14px;font-weight:600;padding:10px 8px;cursor:pointer;border-radius:8px;text-align:left;font-family:inherit;}
.gnav-cat:hover{background:rgba(255,255,255,.06);color:#fff;}
.gnav-meta{display:flex;align-items:center;gap:7px;}
.gnav-cat .cnt{color:rgb(130 130 135/1);font-size:12px;font-weight:400;}
.gnav-cat .chev{color:rgb(150 150 155/1);font-size:11px;transition:transform .15s;display:inline-block;}
.gnav-sec.open .chev{transform:rotate(90deg);}
.gnav-list{display:none;list-style:none;margin:0 0 6px 13px;padding:2px 0 2px 9px;border-left:1px solid rgba(255,255,255,.09);}
.gnav-sec.open .gnav-list{display:block;}
.gnav-list li{margin:0;}
.gnav-list a{display:block;padding:6px 10px;font-size:13px;color:rgb(165 165 170/1);text-decoration:none;border-radius:6px;line-height:1.35;}
.gnav-list a:hover{color:#fff;background:rgba(255,255,255,.05);}
.gnav-list a.act{color:rgb(255 169 51/1);font-weight:600;}

/* ---- guide article body ---- */
.guideContent{ line-height: 1.62; font-size: 16px; color: rgb(196 196 204/1); }
.guideContent h1, .guideContent h2, .guideContent h3, .guideContent h4{ color: rgb(236 236 242/1); margin-top: 1.35em; margin-bottom: 0.45em; letter-spacing: .2px; }
.guideContent h1{ font-size: 32px; margin-top: 0; line-height: 1.25; }
.guideContent h2{ font-size: 23px; padding-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,.09); }
.guideContent h3{ font-size: 18px; color: rgb(240 196 107/1); }
.guideContent p{ margin-bottom: 11px; }
.guideContent table{ border-collapse: collapse; width: 100%; margin: 13px 0; font-size: 14.5px; background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.09); border-radius: 10px; overflow: hidden; }
.guideContent td, .guideContent th { border: 0; border-bottom: 1px solid rgba(255,255,255,.07); padding: 7px 11px; text-align: left; vertical-align: middle; line-height: 1.45; }
.guideContent tr:last-child td{ border-bottom: 0; }
.guideContent tbody tr:nth-child(even) td, .guideContent table tr:nth-child(even) td{ background: rgba(255,255,255,.022); }
.guideContent table tr:hover td{ background: rgba(255,169,51,.06); }
.guideContent th{ color: rgb(240 196 107/1); background: rgba(255,255,255,.045); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; border-bottom: 1px solid rgba(255,255,255,.12); }
.guideContent img{ max-width: 72px; height: auto; }
.guideContent .tip{ background: rgba(74,144,217,.1); border-left: 4px solid #4a90d9; padding: 9px 13px; margin: 12px 0; border-radius: 0 8px 8px 0; }
.guideContent .warn{ background: rgba(217,110,74,.1); border-left: 4px solid #d96e4a; padding: 9px 13px; margin: 12px 0; border-radius: 0 8px 8px 0; }
.guideContent .stepNum{ display: inline-block; background: rgba(74,144,217,.2); color: #7fb3e8; border-radius: 6px; padding: 1px 10px; font-weight: 700; margin-right: 8px; }
.breadcrumbsG{ font-size: 14px; color: rgb(130 130 130/1); margin-bottom: 16px; }
.breadcrumbsG a{ color: rgb(160 160 160/1); }
.breadcrumbsG a:hover{ color: #fff; }

.guideContent table img{ max-width: 100%; height: auto; }
.guideContent a{ color: rgb(223 173 79/1); text-decoration: none; }
.guideContent a:hover{ color: rgb(255 199 100/1); text-decoration: underline; }

/* Mobile */
@media (max-width: 768px){
.guideContent{ font-size: 15px; line-height: 1.6; }
.guideContent h1{ font-size: 23px; }
.guideContent h2{ font-size: 19px; }
.guideContent h3{ font-size: 17px; }
.guideContent table{ display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
.guideContent td, .guideContent th{ padding: 7px 9px; }
.guideContent img{ max-width: 48px; }
.guideContent table img{ max-width: 100%; height: auto; }
.breadcrumbsG{ font-size: 13px; }
}

.wingGrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin:14px 0 6px; }
.wingGrid figure{ margin:0; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:12px 8px; text-align:center; }
.wingGrid img{ max-width:96px !important; max-height:80px; height:auto; display:block; margin:0 auto 8px; }
.wingGrid small{ color:rgb(130 130 130/1); font-size:11px; }
.wingGrid figcaption{ font-size:12.5px; color:rgb(185 185 185/1); line-height:1.3; }
.tierHead{ display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:6px; }
.tierHead a{ font-size:14px; white-space:nowrap; }

/* --- readability pass --- */
.guideContent strong{ color: rgb(232 232 240/1); font-weight: 650; }
.guideContent h2:first-of-type{ margin-top: 1.1em; }
.guideContent .tip, .guideContent .warn{ padding: 13px 16px; margin: 18px 0; border-radius: 0 10px 10px 0; line-height: 1.65; }
.guideContent figure figcaption{ line-height: 1.45; }
.guideContent ul, .guideContent ol{ margin: 0 0 14px 22px; }
.guideContent li{ margin-bottom: 6px; }
.guideUpdated{ margin-bottom: 10px !important; }
@media (max-width: 768px){
.guideContent{ font-size: 15.5px; }
.guideContent table{ font-size: 13px; border-radius: 8px; }
.guideContent td, .guideContent th{ padding: 9px 11px; }
.guideContent h2{ font-size: 20px; }
}

/* ---- item database widget ---- */
.idb{margin-top:6px}
.idb-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.idb-tools input{flex:1;min-width:220px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
border-radius:9px;color:rgb(225 225 230/1);padding:10px 14px;font-size:15px;outline:none;font-family:inherit}
.idb-tools input:focus{border-color:rgba(255,169,51,.55)}
.idb-count{color:rgb(140 140 148/1);font-size:13px;white-space:nowrap}
.idb table{width:100%;border-collapse:collapse;font-size:14px}
.idb th{text-align:left;color:rgb(200 200 208/1);font-weight:600;font-size:12px;text-transform:uppercase;
letter-spacing:.6px;padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.14);position:sticky;top:0;background:#15151a}
.idb td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}
.idb tr:hover td{background:rgba(255,255,255,.04)}
.idb td.i{width:44px}
.idb img.ic{display:block;image-rendering:auto}
.idb .ic-none{display:block;width:34px;height:34px;border:1px dashed rgba(255,255,255,.13);border-radius:5px}
.idb td.nm{color:rgb(223 173 79/1);font-weight:500}
.idb td.n{text-align:right;white-space:nowrap;color:rgb(200 200 206/1);width:78px}
.idb td.rq{color:rgb(160 160 168/1);font-size:12.5px;white-space:nowrap}
.idb td.cl{width:190px}
.idb .cb{display:inline-block;background:rgba(255,255,255,.07);color:rgb(190 190 198/1);font-size:10.5px;
padding:1px 5px;border-radius:4px;margin:1px 1px 0 0}
.idb .all{display:inline-block;background:rgba(255,169,51,.14);color:rgb(240 196 107/1);font-size:10.5px;padding:1px 7px;border-radius:4px}
.idb-empty{display:none;color:rgb(140 140 148/1);padding:18px 0;text-align:center}
@media(max-width:760px){.idb td.cl,.idb th.cl{display:none}.idb td.rq{font-size:11.5px}}

/* ---- density helpers (added) ---- */
.guideContent table ul{ margin: 0; padding-left: 15px; }
.guideContent table li{ margin: 0; }
.guideContent td small{ line-height: 1.35; }
.guideContent figure{ margin: 0; }
.guideContent figure ul{ margin: 2px 0 0; padding-left: 14px; }
.guideContent figure li{ margin: 0; line-height: 1.42; }

/* nested sidebar sub-list */
.gnav-sub{list-style:none;margin:2px 0 3px 8px;padding:0 0 0 9px;border-left:1px solid rgba(255,169,51,.28);}
.gnav-sub a{display:block;padding:5px 10px;font-size:12.5px;color:rgb(150 150 158/1);text-decoration:none;border-radius:6px;line-height:1.3;}
.gnav-sub a:before{content:"\21B3";margin-right:6px;color:rgb(240 196 107/.55);font-size:11px;}
.gnav-sub a:hover{color:#fff;background:rgba(255,255,255,.05);}
.gnav-sub a.act{color:rgb(255 169 51/1);font-weight:600;}