@import url('/css/crop-page.css');

.content h3{font-family:'DM Serif Display',Georgia,serif;font-size:1.15rem;margin:1.5rem 0 .65rem;color:var(--t1)}
.flow-diagram{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1.75rem 0}
.flow-step{background:var(--g-d3);border:1px solid var(--g-brd);border-radius:.75rem;padding:1rem;text-align:center;font-size:.85rem;color:var(--t2)}
.flow-step strong{display:block;color:var(--blu-lt);font-size:.78rem;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em}
@media(min-width:768px){
  .flow-diagram.flow-5{grid-template-columns:repeat(5,1fr)}
  .flow-diagram.flow-4{grid-template-columns:repeat(4,1fr)}
}
.faq-list{display:flex;flex-direction:column;gap:.65rem;margin:1.5rem 0 2rem}
.faq-item{background:var(--g-d2);border:1px solid var(--g-brd);border-radius:.75rem;overflow:hidden}
.faq-item[open]{border-color:rgba(91,191,232,.35)}
.faq-question{padding:1rem 1.2rem;cursor:pointer;font-weight:600;color:var(--t1);list-style:none}
.faq-question::-webkit-details-marker{display:none}
.faq-answer{padding:0 1.2rem 1rem;color:var(--t2);font-size:.92rem;line-height:1.7;font-weight:300}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-top:1rem}
.related-grid a{display:block;padding:1rem 1.1rem;background:var(--g-d3);border:1px solid var(--g-brd);border-radius:.75rem;text-decoration:none;color:var(--t2);font-size:.88rem;line-height:1.45}
.related-grid a:hover{border-color:rgba(91,191,232,.4);color:var(--blu-lt)}
.related-grid a strong{display:block;color:var(--t1);margin-bottom:.25rem}
.contact-form{margin:2rem 0;padding:1.75rem;background:var(--g-d2);border:1px solid var(--g-brd);border-radius:1rem}
.contact-form h2{font-family:'DM Serif Display',Georgia,serif;font-size:1.35rem;margin-bottom:1rem}
.contact-form label{display:block;font-size:.78rem;color:var(--t3);margin-bottom:.25rem}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:var(--g-d3);border:1px solid var(--g-brd);border-radius:.55rem;padding:.75rem 1rem;color:var(--t1);font-family:inherit;font-size:.9rem;margin-bottom:.85rem}
.contact-form textarea{min-height:100px;resize:vertical}
.contact-form button{background:var(--blu);color:#fff;border:none;border-radius:99px;padding:.85rem 1.75rem;font-weight:600;cursor:pointer;font-size:.9rem}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:2rem 0 3rem}
.hub-card{display:block;padding:1.35rem 1.5rem;background:var(--g-d2);border:1px solid var(--g-brd);border-radius:1rem;text-decoration:none;color:inherit;transition:border-color .2s,transform .15s}
.hub-card:hover{border-color:rgba(91,191,232,.4);transform:translateY(-2px)}
.hub-card h2{font-family:'DM Serif Display',Georgia,serif;font-size:1.15rem;margin-bottom:.5rem;color:var(--t1)}
.hub-card p{font-size:.88rem;color:var(--t2);font-weight:300;line-height:1.55;margin:0}
.hub-priority{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grn);margin-bottom:.4rem}