/* "How to start an LLC" guides (llc/index, llc/guide; App\Marketing\LlcGuides). Loaded after app.css, and after
   tools/business-formation.css on a guide, whose step list it shows. */

.llc-hero{padding-top:32px;padding-bottom:56px}
.llc-hero h1{margin:14px 0 0;max-width:820px;font:560 clamp(36px,4.4vw,56px)/1.05 var(--display);letter-spacing:-.03em;text-wrap:balance}
.llc-hero .lede{max-width:720px;margin:16px 0 0;font-size:18px}

.llc-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 0}
.llc-facts div{padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.llc-facts dt{color:var(--muted);font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.llc-facts dd{margin:6px 0 0;font:500 20px/1.25 var(--display);letter-spacing:-.01em}
.llc-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:24px 0 0}
.llc-cta span{color:var(--muted);font-size:15px}

.llc-costs{width:100%;max-width:760px;margin:20px 0 0;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.llc-costs th,.llc-costs td{padding:14px 18px;border-top:1px solid var(--line-soft);text-align:left;vertical-align:top;font-size:16px}
.llc-costs tr:first-child th,.llc-costs tr:first-child td{border-top:0}
.llc-costs th{font-weight:500}
.llc-costs td{width:34%;font-weight:600}

.llc-steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:20px 48px;align-items:start}
.llc-steps .band-head{grid-column:1/-1;margin:0}
.llc-steps .bf-steps{margin:0}
.llc-steps .bf-step h3{margin:0 0 6px;font-size:18px}
.llc-steps .bf-step p{margin:0;line-height:1.6}
.llc-steps .bf-step-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.llc-pressup{position:sticky;top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:18px}
.llc-pressup h2{margin:0;font-size:22px}
.llc-pressup p{margin:0;color:var(--muted);font-size:15px}
.llc-ideas{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:14px;border-top:1px solid var(--line-soft);color:var(--ink);text-decoration:none}
.llc-ideas b{font-size:15px}
.llc-ideas span{color:var(--muted);font-size:14px}
.llc-ideas:hover b{color:var(--accent-hover)}

.llc-sources{margin:0 0 36px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.llc-sources summary{cursor:pointer;font-weight:600}
.llc-sources p{margin:12px 0 6px;color:var(--muted);font-size:14px}
.llc-sources ul{margin:0;padding-left:18px;font-size:14px;line-height:1.7;overflow-wrap:anywhere}

.llc-table-wrap{margin-top:20px;overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.llc-table{width:100%;min-width:560px;border-collapse:collapse}
.llc-table caption{padding:14px 18px;color:var(--muted);font-size:14px;text-align:left;caption-side:bottom}
.llc-table th,.llc-table td{padding:11px 18px;border-top:1px solid var(--line-soft);text-align:left;font-size:15px}
.llc-table thead th{border-top:0;color:var(--muted);font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.llc-table tbody th{font-weight:600}
.llc-table tbody th a{color:var(--ink);text-decoration:none}
.llc-table tbody th a:hover{color:var(--accent-hover)}
.llc-table td:last-child{color:var(--muted)}

@media (max-width:900px){
  .llc-facts{grid-template-columns:1fr 1fr}
  .llc-steps{grid-template-columns:1fr}
  .llc-pressup{position:static}
}
@media (max-width:560px){
  .llc-facts{grid-template-columns:1fr}
  .llc-costs td{width:auto}
}