/* ARC SUPPLY CO. — PUBLIC GUIDES V7.18
   Public-only. No admin, no database sync, no external API runtime. */

.guides-v18{background:#07090b;color:#f2efe9}
.guide-main{width:min(1680px,calc(100% - 72px));margin:0 auto;padding:34px 0 66px}

.guide-hero{
  min-height:330px;padding:46px 0 34px;
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);gap:44px;align-items:end;
  border-bottom:1px solid #202a31
}
.guide-kicker,.guide-section-head span,.guide-panel-head span{
  color:#ff7613;font-size:10px;font-weight:900;letter-spacing:.15em
}
.guide-hero h1{margin:10px 0 0;font-size:clamp(52px,6.3vw,96px);line-height:.94;letter-spacing:-.055em}
.guide-hero h1 em{color:#ff6710;font-style:normal}
.guide-hero p{max-width:800px;margin:22px 0 0;color:#8d99a2;font-size:15px;line-height:1.7}
.guide-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.guide-hero-stats>div{min-height:118px;padding:18px;border:1px solid #26323a;border-radius:12px;background:linear-gradient(145deg,#0d1419,#080d11)}
.guide-hero-stats b{display:block;color:#f0eee8;font-size:38px;line-height:1}
.guide-hero-stats span{display:block;margin-top:10px;color:#ff7917;font-size:9px;font-weight:900;letter-spacing:.08em}

.guide-tabs{
  position:sticky;top:0;z-index:35;margin:14px 0 24px;padding:7px;
  display:flex;gap:6px;overflow:auto;
  border:1px solid #202b32;border-radius:11px;background:rgba(8,12,15,.96);backdrop-filter:blur(12px)
}
.guide-tabs a{flex:0 0 auto;height:40px;padding:0 14px;display:flex;align-items:center;border:1px solid transparent;border-radius:7px;color:#89959d;text-decoration:none;font-size:11px;font-weight:800}
.guide-tabs a:hover{color:#eef1f2;background:#0f161b}
.guide-tabs a.active{color:#fff;border-color:rgba(255,116,16,.34);background:linear-gradient(180deg,rgba(255,116,16,.09),rgba(255,116,16,.035));box-shadow:inset 0 -2px 0 #ff7410}

.guide-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.guide-module{min-height:245px;padding:22px;border:1px solid #202c34;border-radius:14px;background:linear-gradient(145deg,#0d1419,#090e12);text-decoration:none;display:flex;flex-direction:column;transition:.16s ease}
.guide-module:hover{transform:translateY(-2px);border-color:rgba(255,116,16,.38)}
.guide-module>span{color:#ff7817;font-size:9px;font-weight:900;letter-spacing:.1em}
.guide-module h2{margin:42px 0 0;color:#f0eee8;font-size:25px}
.guide-module p{margin:12px 0 0;color:#72808a;font-size:12px;line-height:1.6}
.guide-module strong{margin-top:auto;color:#ff8324;font-size:11px}

.guide-overview-panel{margin-top:10px;padding:18px;border:1px solid #202c34;border-radius:13px;background:#0a1014}
.guide-panel-head{padding-bottom:13px;border-bottom:1px solid #202a31;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.guide-panel-head h2{margin:5px 0 0;font-size:21px}
.guide-panel-head>a{color:#8e9aa2;text-decoration:none;font-size:10px}
.guide-station-summary{margin-top:12px;display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
.guide-station-summary a{min-width:0;padding:13px;border:1px solid #26323a;border-radius:9px;background:#080e12;text-decoration:none}
.guide-station-summary span{display:block;color:#62717c;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guide-station-summary b{display:block;margin-top:4px;color:#e9edef;font-size:11px;min-height:28px}
.guide-station-summary strong{display:block;margin-top:12px;color:#ff7613;font-size:26px}
.guide-station-summary small{display:block;color:#687680;font-size:8px}

.guide-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.guide-ranking{margin-top:8px;display:grid}
.guide-ranking>div{min-height:40px;padding:0 7px;border-bottom:1px solid #202a31;display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center}
.guide-ranking>div:last-child{border-bottom:0}
.guide-ranking i{color:#586773;font-style:normal;font-size:9px}
.guide-ranking span{color:#cbd2d6;font-size:11px}
.guide-ranking b{color:#ff7a16;font-size:12px}
.guide-ranking.detailed>div{min-height:38px}
.guide-notes{padding-top:7px}
.guide-notes p{margin:0;padding:10px 0;border-bottom:1px solid #202a31;color:#87939c;font-size:11px;line-height:1.55}
.guide-notes p:last-child{border-bottom:0}

.guide-section-head{padding:12px 4px 16px;display:flex;justify-content:space-between;gap:24px}
.guide-section-head h2{margin:5px 0 0;font-size:32px}
.guide-section-head p{margin:7px 0 0;color:#75828b;font-size:11px}

.guide-filter{
  margin-bottom:10px;padding:7px;border:1px solid #233039;border-radius:10px;background:#0a1014;
  display:grid;grid-template-columns:minmax(300px,1fr) minmax(210px,320px) auto auto;gap:6px
}
.guide-filter.simple{grid-template-columns:1fr auto auto}
.guide-filter label{position:relative}
.guide-filter label>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#65737d}
.guide-filter input,.guide-filter select{width:100%;height:43px;border:1px solid #26333b;border-radius:7px;background:#080d11;color:#e9ecee;padding:0 12px;font:inherit;font-size:11px}
.guide-filter label input{padding-left:32px}
.guide-filter button,.guide-filter>a{height:43px;padding:0 16px;border:1px solid #ff7714;border-radius:7px;background:#ff7410;color:#080a0c;font-weight:900;font-size:11px;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.guide-filter>a{background:#0d1419;border-color:#29363e;color:#9da8af}

.guide-recipe-table{border:1px solid #202c34;border-radius:12px;background:#090f13;overflow:hidden}
.guide-recipe-head,.guide-recipe-table article{display:grid;grid-template-columns:190px minmax(230px,.8fr) minmax(360px,1.4fr);gap:12px;align-items:center}
.guide-recipe-head{min-height:38px;padding:0 14px;background:#0d1419;color:#6f7d87;font-size:8px;font-weight:900;letter-spacing:.07em}
.guide-recipe-table article{min-height:58px;padding:9px 14px;border-top:1px solid #202a31}
.guide-recipe-table article:hover{background:#0c1318}
.guide-recipe-table article b{font-size:11px;color:#eef0f1}
.guide-recipe-table article p{margin:0;color:#9aa5ac;font-size:10px;line-height:1.45}
.guide-station-badge{display:inline-flex;width:max-content;max-width:100%;padding:5px 7px;border:1px solid #2a3740;border-radius:5px;color:#ff7a17;background:rgba(255,116,16,.025);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guide-empty{padding:30px;text-align:center;color:#72808a;font-size:11px}

.guide-field-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.guide-field-grid article{min-height:145px;padding:17px;border:1px solid #202c34;border-radius:11px;background:#0a1014}
.guide-field-grid span{color:#ff7817;font-size:8px;font-weight:900;letter-spacing:.07em}
.guide-field-grid h3{margin:14px 0 0;font-size:15px}
.guide-field-grid p{margin:10px 0 0;color:#87939b;font-size:10px;line-height:1.55}

.guide-weapon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.guide-weapon-card{border:1px solid #202c34;border-radius:11px;background:#0a1014;overflow:hidden}
.guide-weapon-card summary{min-height:105px;padding:16px;list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.guide-weapon-card summary::-webkit-details-marker{display:none}
.guide-weapon-card summary span{color:#ff7817;font-size:8px;font-weight:900;text-transform:uppercase}
.guide-weapon-card summary h3{margin:5px 0 0;font-size:18px}
.guide-weapon-card summary p{margin:7px 0 0;color:#73808a;font-size:9px;line-height:1.5}
.guide-weapon-card summary i{width:32px;height:32px;border:1px solid #2a3740;border-radius:7px;display:grid;place-items:center;color:#ff7817;font-style:normal;font-size:17px}
.guide-weapon-card[open] summary i{transform:rotate(45deg)}
.guide-weapon-steps{padding:0 12px 12px}
.guide-weapon-steps>div{min-height:45px;padding:8px 10px;border-top:1px solid #202a31;display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center}
.guide-weapon-steps span{color:#6d7a84;font-size:9px}
.guide-weapon-steps b{font-size:10px;line-height:1.45}
.guide-weapon-steps .total{margin-top:5px;border:1px solid rgba(255,116,16,.27);border-radius:7px;background:rgba(255,116,16,.035)}
.guide-weapon-steps .total span,.guide-weapon-steps .total b{color:#ff8120}

.material-split{margin-bottom:10px}
.guide-glossary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.guide-glossary>div{min-height:58px;padding:11px 12px;border:1px solid #202c34;border-radius:8px;background:#0a1014}
.guide-glossary b{display:block;color:#e7ebed;font-size:10px}
.guide-glossary span{display:block;margin-top:5px;color:#6f7c86;font-size:9px}

.guide-workshop-list{display:grid;gap:12px}
.guide-workshop-card{padding:17px;border:1px solid #202c34;border-radius:13px;background:#0a1014}
.guide-workshop-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.guide-workshop-title span{color:#ff7917;font-size:8px;font-weight:900;letter-spacing:.08em}
.guide-workshop-title h2{margin:5px 0 0;font-size:22px}
.guide-workshop-title>div:last-child{text-align:right}
.guide-workshop-title>div:last-child b{display:block;color:#ff7613;font-size:30px}
.guide-workshop-title small{color:#6b7881;font-size:8px}
.guide-workshop-images{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.guide-workshop-images.count-1{grid-template-columns:minmax(280px,520px)}
.guide-workshop-images figure{margin:0;min-width:0;padding:8px;border:1px solid #26323a;border-radius:10px;background:#080e12}
.guide-workshop-images figure>div{height:245px;padding:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#16232c,#080d11);border-radius:7px}
.guide-workshop-images img{display:block;width:auto;height:auto;max-width:100%;max-height:220px;object-fit:contain}
.guide-workshop-images figcaption{padding:8px 2px 2px;color:#71808a;font-size:9px}
.guide-workshop-card>a{display:inline-block;margin-top:12px;color:#ff7d1b;text-decoration:none;font-size:10px}

.guide-disclaimer{margin-top:26px;padding:16px;border-top:1px solid #202b32;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.guide-disclaimer span{color:#ff7817;font-size:8px;font-weight:900}
.guide-disclaimer p{margin:5px 0 0;color:#697781;font-size:9px;line-height:1.55}

.home-guide-banner{
  margin:14px 0 40px;padding:19px;border:1px solid #202c34;border-radius:14px;background:radial-gradient(circle at 85% 0,rgba(255,116,16,.08),transparent 28%),#0a1014;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center
}
.home-guide-banner>div:first-child span{color:#ff7817;font-size:9px;font-weight:900;letter-spacing:.12em}
.home-guide-banner h2{margin:6px 0 0;font-size:24px}
.home-guide-banner p{margin:5px 0 0;color:#78858e;font-size:10px}
.home-guide-stats{display:flex;gap:7px}
.home-guide-stats>div{min-width:92px;padding:10px 12px;border:1px solid #28353d;border-radius:8px;background:#080e12}
.home-guide-stats b{display:block;font-size:18px}
.home-guide-stats small{display:block;margin-top:4px;color:#66747e;font-size:7px;text-transform:uppercase}
.home-guide-banner>a{height:42px;padding:0 15px;border:1px solid rgba(255,116,16,.42);border-radius:8px;background:#ff7410;color:#08090b;text-decoration:none;font-weight:900;font-size:10px;display:flex;align-items:center;justify-content:center}

@media(max-width:1300px){
  .guide-main{width:calc(100% - 36px)}
  .guide-overview-grid{grid-template-columns:1fr 1fr}
  .guide-station-summary{grid-template-columns:repeat(4,1fr)}
  .guide-field-grid{grid-template-columns:repeat(3,1fr)}
  .guide-glossary{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .guide-hero{grid-template-columns:1fr}
  .guide-hero-stats{grid-template-columns:repeat(4,1fr)}
  .guide-recipe-head{display:none}
  .guide-recipe-table article{grid-template-columns:150px 1fr}
  .guide-recipe-table article p{grid-column:2}
  .guide-field-grid{grid-template-columns:1fr 1fr}
  .guide-workshop-images{grid-template-columns:1fr 1fr}
  .home-guide-banner{grid-template-columns:1fr}
}
@media(max-width:720px){
  .guide-main{width:calc(100% - 20px);padding-top:18px}
  .guide-hero{padding-top:22px}
  .guide-hero h1{font-size:47px}
  .guide-hero-stats{grid-template-columns:1fr 1fr}
  .guide-overview-grid,.guide-split,.guide-weapon-grid{grid-template-columns:1fr}
  .guide-station-summary{grid-template-columns:1fr 1fr}
  .guide-filter,.guide-filter.simple{grid-template-columns:1fr}
  .guide-recipe-table article{grid-template-columns:1fr}
  .guide-recipe-table article p{grid-column:auto}
  .guide-field-grid,.guide-glossary{grid-template-columns:1fr}
  .guide-workshop-images,.guide-workshop-images.count-1{grid-template-columns:1fr}
  .guide-workshop-images figure>div{height:210px}
  .guide-workshop-images img{max-height:190px}
  .guide-disclaimer{grid-template-columns:1fr}
  .home-guide-stats{display:grid;grid-template-columns:1fr 1fr}
}