/* Career tips articles + FAQ blocks on industry pages */
.thero { background: radial-gradient(circle at 90% 0%, rgba(16,185,129,.22), transparent 45%), #0f1316; color: #c5cad1; padding: 56px 0 52px; }
.thero h1 { color: #fff; font-size: clamp(32px, 4.4vw, 48px); letter-spacing: -1.2px; line-height: 1.1; margin: 10px 0 16px; }
.thero h1 em { font-family: var(--font); font-style: italic; color: #9fb0bf; }
.thero.idx { padding: 64px 0 60px; }
.tlead { font-size: 19px; line-height: 1.55; color: #d1d5db; margin: 0 0 18px; }
.tmeta { font-size: 14.5px; color: #9aa1a9; }
.tcrumb { display: flex; gap: 8px; align-items: center; font-size: 14px; color: #9aa1a9; margin-bottom: 18px; }
.tcrumb a { color: #6ee7b7; text-decoration: none; } .tcrumb a:hover { text-decoration: underline; }
.ttag { display: inline-block; font-size: 12.5px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: #047857; background: #ecfdf5; border-radius: 999px; padding: 4px 11px; }
.thero .ttag { background: rgba(16,185,129,.15); color: #6ee7b7; }
.tmain { padding: 0 0 10px; }
.art { padding-top: 44px; padding-bottom: 20px; font-size: 18px; line-height: 1.7; color: #1f2937; }
.art h2 { font-size: 28px; letter-spacing: -.5px; margin: 42px 0 14px; line-height: 1.2; }
.art h3 { font-size: 20px; margin: 28px 0 10px; }
.art p { margin: 0 0 18px; }
.art ul, .art ol { margin: 0 0 22px; padding-left: 24px; } .art li { margin-bottom: 9px; }
.art a { color: #047857; font-weight: 600; }
.art code { background: #f3f4f6; border-radius: 5px; padding: 2px 6px; font-size: 15.5px; }
.art blockquote { margin: 0 0 22px; padding: 18px 22px; background: #f7f8f9; border-left: 4px solid #10b981; border-radius: 0 10px 10px 0; font-size: 17px; }
.art table { width: 100%; border-collapse: collapse; margin: 0 0 14px; font-size: 16px; line-height: 1.5; }
.art th, .art td { text-align: left; vertical-align: top; padding: 11px 12px; border-bottom: 1px solid var(--line); }
.art th { background: #f7f8f9; font-weight: 700; }
.art .note { font-size: 15px; color: var(--muted); font-style: italic; }
@media (max-width: 640px) { .art { font-size: 17px; } .art table { font-size: 14.5px; display: block; overflow-x: auto; } }
.tcta { display: flex; gap: 22px; align-items: center; justify-content: space-between; background: #0f1316; color: #c5cad1; border-radius: 16px; padding: 24px 26px; margin: 34px 0; }
.tcta b { color: #fff; font: 700 20px var(--display); display: block; margin-bottom: 4px; }
.tcta p { margin: 0; font-size: 16px; line-height: 1.5; }
.tcta .btn { flex: none; color: #fff; }
@media (max-width: 640px) { .tcta { flex-direction: column; align-items: flex-start; } }
.tfaq { padding-bottom: 50px; } .tfaq h2 { font-size: 28px; margin: 26px 0 16px; }
.tmore { padding: 56px 0; } .tmore h2 { font-size: 28px; margin: 0 0 22px; }
.tgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; padding: 10px 0 30px; }
.tmain > .wrap > .tgrid { padding-top: 50px; padding-bottom: 60px; }
.tcard { display: flex; flex-direction: column; gap: 10px; background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 24px; text-decoration: none; color: var(--ink); transition: border-color .15s, box-shadow .15s, transform .15s; }
.tcard:hover { border-color: #10b981; box-shadow: 0 14px 30px rgba(16,24,40,.08); transform: translateY(-2px); }
.tcard .ttag { align-self: flex-start; }
.tcard b { font: 700 20px/1.25 var(--display); }
.tcard p { margin: 0; color: var(--muted); font-size: 15.5px; line-height: 1.5; flex: 1; }
.tcard small { color: #047857; font-weight: 600; font-size: 14px; }
/* FAQ accordions (articles + industry pages) */
.qas { display: grid; gap: 10px; }
.qa { border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.qa summary { cursor: pointer; list-style: none; padding: 16px 48px 16px 18px; font-weight: 700; font-size: 17px; position: relative; }
.qa summary::-webkit-details-marker { display: none; }
.qa summary::after { content: '+'; position: absolute; right: 18px; top: 12px; font-size: 24px; font-weight: 400; color: #059669; }
.qa[open] summary::after { content: '–'; }
.qa p { margin: 0; padding: 0 18px 18px; color: #374151; font-size: 16px; line-height: 1.6; }
.ifaq { padding: 76px 0; background: #fff; }
.faqgrid { display: grid; grid-template-columns: 340px 1fr; gap: 48px; align-items: start; }
.faqgrid h2 { font-size: 32px; letter-spacing: -.6px; margin: 0 0 22px; }
@media (max-width: 860px) { .faqgrid { grid-template-columns: 1fr; gap: 24px; } }
.tipbox { background: #f7f8f9; border-radius: 14px; padding: 20px; display: grid; gap: 10px; font-size: 15.5px; }
.tipbox b { font-size: 16px; } .tipbox a { color: #047857; text-decoration: none; font-weight: 600; } .tipbox a:hover { text-decoration: underline; }
.tipbox a.allt { color: var(--muted); font-weight: 500; }