/* Home FAQ (layout A) and /security/. Generated markup: tools/edge_faq.py.
   DS1: no borders, at most one shadow, colours from edge-kit tokens. */
.edge-faq{background:#334626;color:#e6ecdf;padding:40px var(--edge-layout-gutter,24px) 64px;margin:0}
.edge-faq .ef-in{max-width:760px;margin:0 auto}
.edge-faq h2{font-family:var(--edge-font-ui);font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:var(--edge-type-heading-tracking,-.04em);font-weight:500;margin:0 0 24px;color:#fff}
.edge-faq .ef-list{display:grid;gap:8px}
.edge-faq .ef-item{background:rgba(255,255,255,.07);border-radius:var(--edge-radius-media,12px)}
.edge-faq .ef-q{margin:0;font:inherit}
.edge-faq .ef-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px 20px;cursor:pointer;font-family:var(--edge-font-ui);font-size:17px;line-height:1.35;font-weight:500;color:#fff;border-radius:var(--edge-radius-media,12px)}
.edge-faq .ef-btn:hover{background:rgba(255,255,255,.06)}
.edge-faq .ef-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.edge-faq .ef-plus{position:relative;flex:none;width:14px;height:14px}
.edge-faq .ef-plus::before,.edge-faq .ef-plus::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:1px;background:currentColor;transition:transform var(--edge-motion-hover,320ms) var(--edge-motion-ease,ease)}
.edge-faq .ef-plus::after{transform:rotate(90deg)}
.edge-faq .ef-btn[aria-expanded="true"] .ef-plus::after{transform:rotate(0)}
.edge-faq .ef-a{padding:0 20px 20px}
.edge-faq .ef-a[hidden]{display:none}
.edge-faq .ef-a p{margin:0 0 12px;font-size:16px;line-height:1.55;max-width:640px}
.edge-faq a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.edge-faq .ef-more{font-size:14px;font-weight:600}
.edge-faq .ef-deep{margin:24px 0 0;font-size:15px}
.edge-faq a:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:2px}
@media (prefers-reduced-motion:reduce){.edge-faq .ef-plus::before,.edge-faq .ef-plus::after{transition:none}}
@media (max-width:700px){.edge-faq{padding:28px 20px 48px}.edge-faq .ef-btn{padding:16px;font-size:16px}.edge-faq .ef-a{padding:0 16px 16px}}

.edge-sec{max-width:1040px;margin:0 auto;padding:40px 20px 64px}
.edge-sec .es-crumb{color:var(--edge-muted,#59685f);font-size:14px;margin:0 0 8px}
.edge-sec .es-crumb a{color:inherit}
.edge-sec h1{font-family:var(--edge-font-ui);font-size:var(--edge-type-section,clamp(34px,3.2vw,53px));line-height:var(--edge-type-section-line,1.12);letter-spacing:var(--edge-type-heading-tracking,-.04em);font-weight:500;color:var(--edge-ink,#16251e);margin:0 0 16px}
.edge-sec .es-lede{font-size:18px;line-height:1.55;max-width:640px;margin:0 0 32px;color:var(--edge-ink,#16251e)}
.edge-sec .es-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.edge-sec .es-card{background:var(--edge-surface,#fff);border-radius:var(--edge-radius-media,12px);padding:22px 22px 20px;box-shadow:0 1px 2px rgba(22,37,30,.06),0 8px 24px rgba(22,37,30,.06)}
.edge-sec .es-card h2{font-family:var(--edge-font-ui);font-size:18px;line-height:1.3;font-weight:600;margin:0 0 8px;color:var(--edge-ink,#16251e)}
.edge-sec .es-card p{margin:0;font-size:15px;line-height:1.55;color:var(--edge-muted,#59685f)}
.edge-sec a{color:var(--edge-blue,#154cff);text-underline-offset:3px}
.edge-sec .es-deep{margin:28px 0 0;font-size:16px;color:var(--edge-ink,#16251e)}
.edge-sec .es-cat{margin-top:8px;color:var(--edge-muted,#59685f)}
/* Above the footer (Federico 10-24): the FAQ sits on the paper before the hills, ink on paper, white rows with one soft shadow */
.edge-faq{background:transparent;color:#3b4741;padding:16px var(--edge-layout-gutter,24px) 88px}
.edge-faq h2{color:#16251e}
.edge-faq .ef-item{background:#fff;box-shadow:0 12px 28px -20px rgba(22,37,30,.4)}
.edge-faq .ef-btn{color:#16251e}
.edge-faq .ef-btn:hover{background:rgba(22,37,30,.035)}
.edge-faq .ef-btn:focus-visible,.edge-faq a:focus-visible{outline-color:#154cff}
.edge-faq .ef-a p{color:#3b4741}
.edge-faq a{color:#16251e}
.edge-faq .ef-deep{color:#59685f}
/* home: the FAQ follows the people section; give it the same air as the other home sections */
.edge-faq { margin-top: 112px; }
@media (max-width: 640px) { .edge-faq { margin-top: 72px; } }
