/* Atomic Hosting — CSS for the support page (/contact/). Separate file from
   style.css; enqueued only on the support page. Moved out of the page
   content (it was an embedded <style> block) at Gabriel's request. */
.ah-sup{--ink:#0f2233;--ink2:#33566e;--line:#dde6ee;--blue:#27638c;font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;color:var(--ink);line-height:1.55;background:#fff;border:1px solid #d6ddb9;border-top:4px solid #94ce18;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.05);padding:26px 28px;box-sizing:border-box;width:calc(100% + 60px);}
.ah-sup *{box-sizing:border-box;}
.ah-sup .support-top-bar{background:transparent;border-bottom:1px solid var(--line);padding:0 0 12px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;}
.ah-sup .support-top-bar p{margin:0;font-size:15px;font-weight:600;max-width:520px;}
.ah-sup .contact-badges{display:flex;gap:10px;flex-wrap:wrap;}
.ah-sup .badge{background:#fff;border:1px solid var(--line);border-radius:24px;padding:6px 12px;font-size:14px;box-shadow:0 1px 4px rgba(15,34,51,.08);}
.ah-sup .badge b{color:var(--blue);text-transform:capitalize;}
.ah-sup .tutorials-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;margin:16px 0 10px;}
.ah-sup .tutorials-head .section-title{margin:0;flex:1 1 200px;}
.ah-sup .tutorials-head .search-wrapper{margin:0;flex:0 1 300px;text-align:right;}
.ah-sup .tooltip-container{display:inline-block;position:relative;max-width:280px;width:100%;text-align:left;}
.ah-sup #tutorialSearch{width:100%;padding:6px 12px;font-size:13px;border:1px solid var(--line);border-radius:20px;outline:none;color:var(--ink);}
.ah-sup #tutorialSearch:focus{border-color:var(--blue);}
.ah-sup .search-tooltip{display:block;margin-top:5px;color:var(--ink2);font-size:12px;text-align:right;}
.ah-sup .video-drawer{display:none;margin:20px 0 6px;}
.ah-sup .video-drawer .video-container{animation:ahsupopen .35s ease;}
@keyframes ahsupopen{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}
.ah-sup .video-container{background:#0f2233;border-radius:14px;padding:14px;}
.ah-sup .video-container video{width:100%;border-radius:8px;background:#000;}
.ah-sup .video-controls-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px 2px;color:#dcebf7;}
.ah-sup #video-title{font-weight:600;font-size:16px;}
.ah-sup .close-btn{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;}
.ah-sup .close-btn:hover{background:#1d4c6c;}
.ah-sup .section-title{font-size:26px;margin:38px 0 18px;color:var(--ink);border-left:5px solid var(--blue);padding-left:12px;}
.ah-sup .tutorial-bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;}
.ah-sup .tutorial-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:14px;padding:20px;box-shadow:0 2px 10px rgba(15,34,51,.06);transition:box-shadow .25s ease,transform .25s ease;}
.ah-sup .tutorial-card:hover{box-shadow:0 8px 22px rgba(15,34,51,.12);transform:translateY(-2px);}
.ah-sup .tutorial-card .card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.ah-sup .tutorial-card .card-header .icon{font-size:20px;background:#eef4f9;border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:none;}
.ah-sup .tutorial-card .card-header h3{margin:0;font-size:18px;}
.ah-sup .link-list{display:flex;flex-direction:column;}
.ah-sup .video-link{padding:8px 10px;border-top:1px dashed var(--line);color:var(--blue);text-decoration:none;font-size:15px;border-radius:6px;}
.ah-sup .video-link:first-child{border-top:none;}
.ah-sup .video-link:hover{background:#eef4f9;}
.ah-sup .video-link::before{content:"▶";font-size:9px;margin-right:10px;color:#fff;background:var(--blue);border-radius:50%;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;vertical-align:2px;padding-left:1px;}
.ah-sup .faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;}
.ah-sup .faq-card{background:#eef4f9;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(15,34,51,.05);}
.ah-sup .faq-card h3{margin:0 0 8px;font-size:17px;}
.ah-sup .faq-card p{margin:0;color:var(--ink2);font-size:15px;}
.ah-sup .faq-card code{background:#fff;border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:13.5px;}
@media (max-width:640px){.ah-sup{padding:18px 14px}}

@media (max-width:760px){.ah-sup{width:100%}}