/* Isolated styles for For Non-Humans; inherits GLIA brand foundations */
.ai-main{background:#f5f7f4;min-height:80vh;color:#17342e}
.ai-wrap{width:min(1080px,calc(100% - 36px));margin-inline:auto}
.ai-top{position:relative;background:#fff;border-bottom:1px solid #e2ebe5}
.ai-top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}
.ai-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#22382c;font-size:11px;letter-spacing:.11em;font-weight:700}
.ai-brand img{width:96px;height:auto;object-fit:contain}
.ai-nav{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.ai-nav a{color:#263e36;text-decoration:none;font-size:13px;font-weight:600}
.ai-nav .ai-nav-active{color:#197653}
.ai-nav .ai-lang{border:1px solid #cbd8d1;border-radius:30px;padding:7px 12px}

.ai-hero{padding:68px 0 54px;background:linear-gradient(125deg,#102a25 0%,#153e35 62%,#1b5841 100%);color:#fff}
.ai-kicker{font-size:12px;color:#a9dec3;letter-spacing:.16em;font-weight:700;margin:0 0 14px}
.ai-hero h1{font-size:clamp(38px,7vw,76px);line-height:1.05;font-weight:800;letter-spacing:-.04em;margin:0 0 8px;color:#fff}
.ai-cursor{color:#6bdfaa;animation:ai-blink 1.1s steps(2,start) infinite}
@keyframes ai-blink{to{visibility:hidden}}
.ai-hero h2{margin:0 0 20px;font-weight:500;letter-spacing:.2em;color:#b5e9cc;font-size:clamp(15px,2vw,23px)}
.ai-intro{max-width:780px;font-size:clamp(16px,2vw,18px);line-height:1.75;color:#e0f1e7;margin:0}
.ai-steps{margin-top:30px;padding:14px 18px;border:1px solid rgba(169,222,195,.35);background:rgba(15,37,33,.45);border-radius:12px;max-width:860px;color:#d7e9dd;font-size:13px;display:flex;flex-wrap:wrap;gap:10px 20px}

.ai-workspace{display:flex;flex-direction:column;gap:24px;padding:40px 0 54px}
.ai-panel{width:100%;box-sizing:border-box;padding:28px;background:#fff;border:1px solid #dce6e0;border-radius:18px;box-shadow:0 8px 30px rgba(15,50,32,.04)}
.ai-setup-panel{border:2px solid #1b875d}
.ai-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.ai-index{font-size:12px;font-weight:800;color:#24664b;letter-spacing:.12em}
.ai-status{font-size:11px;color:#516b5e;border:1px solid #d5e2db;background:#f7faf8;padding:4px 10px;border-radius:30px;font-weight:600}
.ai-panel h3{margin:4px 0 18px;font-size:clamp(21px,2.6vw,27px);color:#173d2e}
.ai-panel label{font-size:13px;font-weight:700;display:block;margin:0 0 7px;color:#1d3b30}
.ai-panel select{display:block;width:100%;max-width:100%;border:1px solid #cbdad1;border-radius:10px;background:#fff;color:#1c382d;font-size:16px;padding:13px 14px}
.ai-project-desc{border-left:3px solid #5cae80;padding:13px 16px;margin:18px 0 0;font-size:14.5px;line-height:1.65;background:#f4f8f5;color:#3d5645;border-radius:0 8px 8px 0}

.ai-panel-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.ai-source{font-size:13px;font-weight:600;color:#1a694a;text-decoration:none}
.ai-source:hover{text-decoration:underline}
.ai-preview-btn{background:#eff6f1;color:#185b42;border:1px solid #b8d6c5;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer}
.ai-preview-btn:hover{background:#e1efe6}

.ai-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.ai-active-settings{background:#e7f3e9;border:1px solid #afd4bc;border-radius:9px;padding:12px 15px;color:#174c34;font-size:13px;line-height:1.6;margin:18px 0 0}
.ai-prompt-caption{margin:22px 0 10px;font-weight:800;font-size:13px;letter-spacing:.04em;color:#155c3f}
.ai-prompt{display:block;width:100%;box-sizing:border-box;background:#0e2b23;color:#e7f5ea;border:1px solid #204a38;border-radius:11px;padding:18px;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow:auto;max-height:380px;min-height:180px;overflow-wrap:anywhere}

.ai-copy-highlight,.ai-primary{display:flex;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;background:#19784f;color:#fff;text-decoration:none;font-weight:750;border:0;border-radius:11px;padding:16px 22px;margin-top:16px;width:100%;cursor:pointer;font-size:15.5px;transition:background .15s ease}
.ai-copy-highlight:hover,.ai-primary:hover{background:#105738}
.ai-copy-highlight:focus-visible,.ai-primary:focus-visible,.ai-panel select:focus-visible,.ai-preview-btn:focus-visible{outline:3px solid #65b58a;outline-offset:3px}

.ai-guide-heading{margin:28px 0 10px;font-size:16px;color:#173d2e}
.ai-guide-steps{display:grid;gap:6px}
.ai-guide-steps p{line-height:1.65;margin:4px 0;font-size:14.5px;color:#2b473b}
.ai-quick{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.ai-quick a{padding:11px 18px;background:#f2f8f3;color:#145a42;border:1px solid #bddac9;border-radius:9px;text-decoration:none;font-weight:700;font-size:14px;transition:background .15s ease}
.ai-quick a:hover{background:#e2f1e7}
.ai-muted{font-size:13px;color:#586e61;line-height:1.6;margin-top:14px}
.ai-page-notice{font-size:12.5px;line-height:1.6;color:#62786b;margin-top:20px;padding-top:16px;border-top:1px solid #e6efe9}

/* Modal for raw Markdown preview */
.ai-modal[hidden]{display:none}
.ai-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.ai-modal-backdrop{position:absolute;inset:0;background:rgba(12,30,26,.72)}
.ai-modal-card{position:relative;z-index:1;background:#fff;width:min(860px,100%);max-height:85vh;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.ai-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:#102a25;color:#fff}
.ai-modal-head h3{margin:0;font-size:15px;font-family:monospace;color:#b5e9cc}
.ai-modal-close{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:13px}
.ai-modal-body{margin:0;padding:20px;overflow:auto;font-size:13px;line-height:1.6;background:#f8fbf9;color:#163028;white-space:pre-wrap;overflow-wrap:anywhere}

.ai-foot{background:#0f2521;color:#cee2d5;padding:25px 0;font-size:13px}
.ai-foot a{color:#c0e7cc}

@media(max-width:740px){
  .ai-fields{grid-template-columns:1fr}
  .ai-top-inner{flex-direction:column;align-items:flex-start;padding:16px 0}
  .ai-hero{padding:45px 0}
  .ai-nav{gap:12px}
  .ai-workspace .ai-panel{padding:20px}
  .ai-brand span{display:none}
}