/* Everything stays inside the fixed-page content; SWELL owns the surrounding layout. */
.af-introductions{--afi-main:var(--armaflow-main,var(--color_main,#5f7482));--afi-light:var(--armaflow-light,var(--color_main_thin,#eef3f5));--afi-dark:var(--armaflow-dark,#35444d);--afi-line:color-mix(in srgb,var(--afi-main) 20%,#fff);color:inherit;font:inherit;line-height:inherit}
.af-introductions [hidden]{display:none!important}
.af-introductions .afi-intro{margin:0 0 2em!important;padding:0;background:none;border:0}
.af-introductions .afi-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 2.4em}
.af-introductions .afi-card{padding:24px;background:#f5f7f6;background:color-mix(in srgb,var(--afi-main) 7%,#fff);border:0;border-radius:10px;box-shadow:none;display:flex;flex-direction:column}
.af-introductions .afi-card .afi-site{font-size:1.12em;font-weight:700;line-height:1.65;height:3.3em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0 0 12px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:inherit}
.af-introductions .afi-site::before,.af-introductions .afi-site::after{display:none!important}
.af-introductions a{color:var(--afi-dark);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.af-introductions a:hover{opacity:.8}
.af-introductions .afi-description{font-size:.9em;margin:0 0 18px!important;white-space:normal;line-height:1.8;overflow-wrap:anywhere}
.af-introductions .afi-article{margin-top:auto;padding:0;background:none;font-size:.88em}
.af-introductions .afi-article>span{display:table;width:fit-content;font-size:.8em;color:#333;margin-bottom:8px;padding:3px 8px;border-radius:4px;background:color-mix(in srgb,var(--afi-main) 19%,#fff)}
.af-introductions .afi-article a{font-weight:600;line-height:1.8;height:3.6em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.af-introductions .afi-empty{grid-column:1/-1;padding:20px 0;color:#666;font-size:.9em}
.af-introductions .afi-invitation{background:none;border:0;padding:0;margin:2em 0!important;border-radius:3px}
.af-introductions .afi-button{display:block;width:fit-content;max-width:100%;margin-left:auto!important;margin-right:auto!important;appearance:none;background:#35444d!important;background:color-mix(in srgb,var(--afi-main) 45%,#000)!important;color:#fff!important;border:1px solid transparent;border-radius:3px;font:inherit;font-size:.9em;font-weight:600;line-height:1.6;text-align:center;padding:11px 23px;cursor:pointer;box-shadow:none;transition:background .15s}
.af-introductions .afi-button:hover{opacity:1;background:#29343b!important;background:color-mix(in srgb,var(--afi-main) 38%,#000)!important;color:#fff!important}
.af-introductions .afi-button:disabled{opacity:.55;cursor:wait}
.af-introductions button:focus-visible,.af-introductions a:focus-visible{outline:2px solid var(--afi-dark);outline-offset:4px}
.af-introductions .afi-request{padding:28px 0;border-top:2px solid var(--afi-main);scroll-margin-top:90px}
.af-introductions .afi-steps{display:flex;gap:24px;margin:24px 0!important;padding:0!important;list-style:none!important}
.af-introductions .afi-steps>li{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 5px!important;margin:0!important;border:1px solid var(--afi-line);border-radius:5px;background:#fff;color:#555;text-align:center;list-style:none!important}
.af-introductions .afi-steps>li::before{display:none!important}
.af-introductions .afi-steps>li:not(:last-child)::after{content:"▶"!important;position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:14px;color:var(--afi-main);font-size:12px;line-height:1;text-align:center}
.af-introductions .afi-step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--afi-main) 15%,#fff);color:#333;font-size:14px;font-weight:700}
.af-introductions .afi-step-label{font-size:.8em;font-weight:600;line-height:1.5}
.af-introductions .afi-steps>li.is-current{background:color-mix(in srgb,var(--afi-main) 12%,#fff);border:2px solid var(--afi-main);padding:13px 4px!important;color:#222}
.af-introductions .is-current .afi-step-number{background:color-mix(in srgb,var(--afi-main) 45%,#000);color:#fff}
.af-introductions .afi-steps>li.is-complete{background:color-mix(in srgb,var(--afi-main) 6%,#fff)}
.af-introductions .is-complete .afi-step-number{border:1px solid var(--afi-main)}
.af-introductions .afi-guide{padding:22px;background:color-mix(in srgb,var(--afi-main) 4%,#fff);border:1px solid var(--afi-line);margin:0 0 26px}
.af-introductions .afi-guide h3,.af-introductions .afi-check-form h3,.af-introductions .afi-submit-form h3{padding:0!important;margin:0 0 16px!important;border:0!important;background:none!important;font-size:1em!important;font-weight:700;color:inherit!important}
.af-introductions h3::before,.af-introductions h3::after{display:none!important}
.af-introductions input[type=text],.af-introductions input[type=url],.af-introductions input[type=email],.af-introductions input:not([type]),.af-introductions textarea{display:block;width:100%;max-width:100%;background:#fff;border:1px solid #c9cfcb;border-radius:3px;color:#333;font:inherit;font-size:16px;padding:11px 12px;margin:7px 0 18px;box-sizing:border-box;box-shadow:none}
.af-introductions input:focus,.af-introductions textarea:focus{outline:2px solid var(--afi-main);outline-offset:1px}
.af-introductions textarea[readonly]{background:#fff;font-size:13px;min-height:75px}
.af-introductions textarea{resize:vertical}
.af-introductions label{display:block;font-size:.9em;font-weight:600}
.af-introductions .afi-required{font-size:.7em;background:var(--afi-light);border:1px solid var(--afi-line);color:#444;font-weight:400;padding:1px 5px;margin-left:6px;border-radius:2px}
.af-introductions .afi-small{font-size:.8em!important;color:#666;margin:14px 0!important}
.af-introductions .afi-text-button{display:block;margin-left:auto;margin-right:auto;border:0;background:none;color:var(--afi-dark);text-decoration:underline;text-underline-offset:3px;padding:0;font:inherit;font-size:.85em;cursor:pointer}
.af-introductions .afi-submit-form{padding-top:25px;border-top:1px solid var(--afi-line);margin-top:25px}
.af-introductions .afi-status{font-size:.9em!important;margin:16px 0!important;padding:0;color:inherit}
.af-introductions .afi-status:not(:empty){padding:12px 14px;border-left:3px solid var(--afi-main);background:var(--afi-light)}
.af-introductions .afi-status[data-state=error]{background:#fff7ef;border-color:#a55d35;color:#733f24}
.af-introductions .afi-consent{display:flex;gap:10px;align-items:flex-start;font-size:.85em;font-weight:400;margin:20px 0}
.af-introductions .afi-consent input{width:18px;height:18px;flex-shrink:0;margin-top:5px;accent-color:var(--afi-main)}
.af-introductions .afi-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.af-introductions .afi-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:25px 0}
.af-introductions .afi-pagination .page-numbers{padding:4px 12px;background:var(--afi-light);color:var(--afi-dark)}
.af-introductions .afi-pagination .current{font-weight:700;border:1px solid var(--afi-main)}
@media(max-width:650px){.af-introductions .afi-list{grid-template-columns:1fr;gap:16px}.af-introductions .afi-card,.af-introductions .afi-guide{padding:19px}.af-introductions .afi-button{width:100%}.af-introductions .afi-steps{gap:18px}.af-introductions .afi-steps>li:not(:last-child)::after{right:-16px;width:12px;font-size:10px}.af-introductions .afi-step-label{font-size:12px}}

.af-introductions .afi-preview-notice{padding:0;margin-bottom:24px;border:0;background:none;color:#666;font-size:.85em}

.af-introductions[data-afi-preview] .afi-button:disabled{opacity:1;cursor:default}





/* Fixed listing slots; full copy stays available in an accessible native dialog. */
.af-introductions.afi-cards-ready .afi-description{height:10.8em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}
.af-introductions .afi-read-more-row{height:1.8em;line-height:1.8;margin:0 0 18px;font-size:.9em}
.af-introductions .afi-read-more{appearance:none;border:0;background:none;padding:0;font:inherit;line-height:inherit;color:var(--afi-dark);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.af-introductions .afi-description-dialog:not([open]){display:none!important}
.af-introductions .afi-description-dialog{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;box-sizing:border-box;width:min(640px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(80vh,720px);max-height:min(80dvh,720px);padding:0;border:1px solid var(--afi-line);border-radius:10px;background:#fff;color:inherit;font:inherit;line-height:1.8;box-shadow:0 12px 48px #0003;overflow:hidden}
.af-introductions .afi-description-dialog[open]{display:flex;flex-direction:column}
.af-introductions .afi-description-dialog::backdrop{background:rgba(0,0,0,.45)}
.af-introductions .afi-dialog-header{display:flex;align-items:flex-start;gap:18px;justify-content:space-between;flex-shrink:0;padding:18px 24px;border-bottom:1px solid var(--afi-line);background:color-mix(in srgb,var(--afi-main) 7%,#fff)}
.af-introductions .afi-dialog-header h2{flex:1;min-width:0;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:inherit!important;font-size:1.12em!important;line-height:1.65;overflow-wrap:anywhere}
.af-introductions .afi-dialog-header h2::before,.af-introductions .afi-dialog-header h2::after{display:none!important}
.af-introductions .afi-dialog-close{flex-shrink:0;appearance:none;border:1px solid var(--afi-line);border-radius:4px;background:#fff;color:var(--afi-dark);font:inherit;font-size:.85em;padding:5px 10px;cursor:pointer}
.af-introductions .afi-dialog-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:650px){.af-introductions .afi-dialog-header{padding:16px 18px;gap:12px}.af-introductions .afi-dialog-content{padding:18px}}