/* Industries additions (user decision 26.09.2026, NOTES.md): twelve-tile hub, view hero actions, topics,
   two-column examples, process, freebie card and funnel. Builds on eg.css/nw.css classes (.in-*, .eg-sy, .st-*).
   Brand: 0 px radius, no shadows, Vulcanico only via --vul/--ac. Imported once by Industries.tsx. */

/* hub: 12 tiles, 3/2/1 columns, 1 px grid lines */
.in-h12 .in-hub{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line2,var(--ln))}
.in-h12 .in-hub a{min-height:0;padding:22px 22px 20px;background:var(--bg);gap:12px;grid-template-rows:auto auto 1fr auto}
.in-h12 .in-hub a+a{border-left:0}
.in-h12 .in-hub b{font-size:clamp(28px,2.6vw,44px);letter-spacing:-.045em;line-height:1}
.in-h12 .in-hub p{font-size:14.5px}

/* view hero */
.in-tabs a{padding:7px 9px;font-size:11px}
.inh .in-t{grid-template-columns:1fr}
.inh .in-n{font-size:clamp(56px,9vw,160px);overflow-wrap:anywhere}

/* four examples → two columns */
.in-u2{grid-template-columns:repeat(2,minmax(0,1fr))}
.in-u2 li:not(:nth-child(3n+1)){padding-left:0;border-left:0}
.in-u2 li:nth-child(even){padding-left:26px;border-left:1px solid var(--ln)}
.in-u2 p{max-width:52ch}
.in-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* process */
.in-nx{margin-top:clamp(40px,5vw,70px)}
.in-nx span{max-width:62ch}
.in-nn{font:500 11px/1 var(--m);color:var(--ac);margin-right:6px}

/* freebie */
.in-fb{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px clamp(40px,6vw,100px);margin-top:clamp(40px,5vw,70px);padding-top:30px;border-top:1px solid var(--fg)}
.in-fbi h3{margin:12px 0 10px;font-size:clamp(24px,2.4vw,36px);font-weight:800;letter-spacing:-.035em;line-height:1.08}
.in-fbi>p{max-width:48ch;color:var(--mut);line-height:1.5}
.in-fbi ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--ln)}
.in-fbi li{position:relative;padding:11px 0 11px 22px;border-bottom:1px solid var(--ln);font-size:15.5px;line-height:1.45}
.in-fbi li::before{content:"";position:absolute;left:0;top:20px;width:10px;height:2px;background:var(--ac)}
.in-fbf .btn{margin-top:24px}
.in-fbf>form>.st-l:first-child{margin-top:0}
.in-ok{margin-top:20px;font-size:14.5px;font-weight:500}

/* funnel */
.in-fn{max-width:880px;margin-top:clamp(40px,5vw,70px)}
.in-sp{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.in-fh{margin:30px 0 0;font-size:clamp(20px,1.8vw,26px);font-weight:800;letter-spacing:-.03em;line-height:1.2}
.in-fh:focus{outline:0}
.in-fh:focus-visible{outline:2px solid var(--ac);outline-offset:4px}
.in-of{display:block;margin-bottom:6px;font:500 11px/1.4 var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.in-b{min-height:0;margin-top:22px}
.in-b>.in-q:first-child .st-l{margin-top:0}
.in-q[aria-describedby] .nw-seg button{border-color:var(--vul)}
.in-f2>div:first-child{grid-column:auto}
.in-fn .nw-in[aria-invalid="true"]{border-bottom-color:var(--vul)}
.in-fn .st-done{margin-top:10px}

@media (max-width:1100px){
  .in-h12 .in-hub{grid-template-columns:repeat(2,minmax(0,1fr))}
  .in-fb{grid-template-columns:1fr}
}
@media (max-width:760px){
  .in-h12 .in-hub{grid-template-columns:1fr}
  .in-u2{grid-template-columns:1fr}
  .in-u2 li:nth-child(even){padding-left:0;border-left:0}
  .in-sp li{font-size:0;gap:0}
  .in-sp li span{font-size:11px}
  .in-f2{grid-template-columns:1fr}
}