/* Ali Develops – blog list + sidebar, article layout, author blocks, socials */
.ad-av{border-radius:50%;object-fit:cover;display:block;flex:none}
.ad-soc{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ad-soc a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line,#DEE4DF);color:#0D110E;background:#fff;transition:background .2s,color .2s,border-color .2s}
.ad-soc a:hover,.ad-soc a:focus-visible{background:#0D110E;color:#2AD77F;border-color:#0D110E}
.ad-soc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.ad-soc-list a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #DEE4DF;border-radius:12px;background:#fff;color:#0D110E;text-decoration:none;font-weight:600;transition:border-color .2s,transform .2s}
.ad-soc-list a svg{color:#123B2A;flex:none}
.ad-soc-list a:hover,.ad-soc-list a:focus-visible{border-color:#2AD77F;transform:translateY(-2px)}
.ad-soc-list span{overflow-wrap:anywhere}

/* Blog index */
.ad-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin:0 0 40px;border-bottom:1px solid #DEE4DF;scrollbar-width:thin}
.ad-tabs a{white-space:nowrap;padding:12px 16px;color:#5C6B63;font-weight:600;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.ad-tabs a:hover{color:#0D110E}
.ad-tabs a.on{color:#0D110E;border-bottom-color:#2AD77F}
.ad-tabs .cnt{font-weight:500;color:#5C6B63;font-size:.85em}
.ad-blog{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.ad-list-h{font-family:'Space Grotesk',sans-serif;font-size:1.35rem;font-weight:600;margin:8px 0 8px;padding-bottom:12px;border-bottom:1px solid #DEE4DF}
.ad-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;padding:28px 0;border-bottom:1px solid #DEE4DF;align-items:start}
.ad-row .th{display:block;border-radius:12px;overflow:hidden;aspect-ratio:1200/630;background:#F5F7F4}
.ad-row .th img,.ad-row .th .gen-cover{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.ad-row:hover .th img{transform:scale(1.03)}
.ad-row .cat{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#123B2A;text-decoration:none;margin-bottom:8px}
.ad-row h2,.ad-row h3{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.25;margin:0 0 10px;font-size:1.3rem}
.ad-row h2 a,.ad-row h3 a{color:#0D110E;text-decoration:none}
.ad-row h2 a:hover,.ad-row h3 a:hover{text-decoration:underline;text-decoration-color:#2AD77F;text-underline-offset:4px}
.ad-row p{color:#5C6B63;margin:0 0 16px;line-height:1.6}
.ad-row .ft{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ad-row .rt{font-size:.85rem;color:#5C6B63}
.ad-row.big{grid-template-columns:1fr;padding-top:0;gap:22px}
.ad-row.big h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.ad-by{display:flex;align-items:center;gap:10px}
.ad-by span{display:flex;flex-direction:column;line-height:1.3;font-size:.85rem;color:#5C6B63}
.ad-by b{color:#0D110E;font-weight:600;font-size:.9rem}
.ad-blog .pager{margin-top:36px}

/* Sidebar */
.ad-blog-side{display:flex;flex-direction:column;gap:22px;position:sticky;top:100px}
.ad-side-search{display:flex;border:1px solid #DEE4DF;border-radius:10px;overflow:hidden;background:#fff}
.ad-side-search input{flex:1;min-width:0;border:0;padding:12px 14px;font:inherit;background:transparent}
.ad-side-search input:focus{outline:none}
.ad-side-search:focus-within{border-color:#123B2A;box-shadow:0 0 0 3px rgba(42,215,127,.25)}
.ad-side-search button{border:0;background:#0D110E;color:#fff;font-weight:600;padding:0 16px;cursor:pointer}
.ad-author-card,.ad-side-res,.ad-side-topics{border:1px solid #DEE4DF;border-radius:16px;padding:24px;background:#fff}
.ad-author-card{text-align:center;background:#F5F7F4}
.ad-author-card .ph{display:inline-block}
.ad-author-card .ad-av{width:96px;height:96px;margin:0 auto 12px;border:3px solid #fff;box-shadow:0 0 0 2px #2AD77F}
.ad-author-card .nm{font-family:'Space Grotesk',sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 8px}
.ad-author-card p{color:#5C6B63;font-size:.95rem;line-height:1.55;margin:0}
.ad-author-card .ad-soc{justify-content:center;margin-bottom:14px}
.ad-side-cta{border-radius:16px;padding:26px;background:#0D110E;color:#fff}
.ad-side-cta .ad-eyebrow{color:#2AD77F}
.ad-side-cta h2{font-family:'Space Grotesk',sans-serif;font-size:1.3rem;font-weight:600;line-height:1.25;color:#fff;margin:8px 0 10px}
.ad-side-cta p{color:#B9C4BE;font-size:.95rem;line-height:1.55;margin:0 0 18px}
.ad-side-cta .btn{width:100%;justify-content:center}
.ad-side-res h2,.ad-side-topics h2{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;font-weight:600;margin:6px 0 8px}
.ad-side-res p{color:#5C6B63;font-size:.95rem;margin:0 0 12px}
.ad-side-topics ul{list-style:none;margin:0;padding:0}
.ad-side-topics li+li{border-top:1px solid #DEE4DF}
.ad-side-topics a{display:flex;justify-content:space-between;padding:10px 0;color:#0D110E;text-decoration:none;font-weight:500}
.ad-side-topics a span{color:#5C6B63;font-size:.85rem;background:#F5F7F4;border-radius:999px;padding:1px 9px}
.ad-side-topics a:hover{color:#123B2A}

/* Article */
.ad-art-head{padding:64px 0 32px}
.ad-art-head .wrap{max-width:860px}
.ad-art-head .cat{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#123B2A;text-decoration:none;background:rgba(42,215,127,.14);padding:6px 12px;border-radius:999px;margin-bottom:18px}
.ad-art-head h1{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 18px}
.ad-art-head .intro{font-size:1.18rem;color:#5C6B63;line-height:1.6;margin:0 0 26px}
.ad-art-by{display:flex;align-items:center;gap:14px;padding-top:22px;border-top:1px solid #DEE4DF}
.ad-art-by .ad-av{width:52px;height:52px}
.ad-art-by .w{display:block;font-weight:600;color:#0D110E}
.ad-art-by .w a{color:#0D110E;text-decoration:underline;text-decoration-color:#2AD77F;text-underline-offset:3px}
.ad-art-by .d{display:block;font-size:.9rem;color:#5C6B63;margin-top:2px}
.ad-art-cover{max-width:1120px;margin:0 auto 48px}
.ad-art-cover .media{border-radius:18px;overflow:hidden;aspect-ratio:1200/630;background:#F5F7F4}
.ad-art-cover img{width:100%;height:100%;object-fit:cover;display:block}
.ad-art-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,740px) 300px;gap:60px;justify-content:space-between;align-items:start}
.ad-art-main .prose{max-width:none;margin:0;padding:0}
.ad-art-main .share{max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.ad-art-main .article-cta{max-width:none;margin-left:0;margin-right:0}
.ad-art .prose h2{scroll-margin-top:110px}
.ad-art-side .sticky{position:sticky;top:100px;display:flex;flex-direction:column;gap:22px}
.ad-toc{border-left:2px solid #DEE4DF;padding-left:18px}
.ad-toc h2{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5C6B63;margin:0 0 12px;font-family:inherit}
.ad-toc ol,.ad-toc-m ol{list-style:none;margin:0;padding:0;counter-reset:t}
.ad-toc li{margin:0 0 10px}
.ad-toc a{color:#0D110E;text-decoration:none;font-size:.93rem;line-height:1.45;display:block}
.ad-toc a:hover,.ad-toc a.on{color:#123B2A;text-decoration:underline;text-decoration-color:#2AD77F;text-underline-offset:3px}
.ad-toc-m{display:none;border:1px solid #DEE4DF;border-radius:12px;padding:0 18px;margin:0 0 28px;background:#F5F7F4}
.ad-toc-m summary{cursor:pointer;font-weight:600;padding:14px 0;list-style-position:inside}
.ad-toc-m ol{padding:0 0 14px}
.ad-toc-m li{padding:6px 0;border-top:1px solid #DEE4DF}
.ad-toc-m a{color:#0D110E;text-decoration:none}
.ad-author-box{display:grid;grid-template-columns:112px minmax(0,1fr);gap:26px;align-items:start;margin:48px 0 0;padding:30px;border:1px solid #DEE4DF;border-radius:18px;background:#F5F7F4}
.ad-author-box .ad-av{width:112px;height:112px;border:3px solid #fff;box-shadow:0 0 0 2px #2AD77F}
.ad-author-box h2{font-family:'Space Grotesk',sans-serif;font-size:1.45rem;font-weight:600;margin:6px 0 8px}
.ad-author-box p{color:#5C6B63;line-height:1.6;margin:0}
.ad-author-box .ad-soc{margin-bottom:14px}

@media (max-width:1080px){
 .ad-blog{grid-template-columns:1fr;gap:48px}
 .ad-blog-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .ad-side-search{grid-column:1/-1}
 .ad-art-grid{grid-template-columns:1fr}
 .ad-art-side{display:none}
 .ad-toc-m{display:block}
}
@media (max-width:680px){
 .ad-row{grid-template-columns:1fr;gap:16px}
 .ad-row:not(.big) .th{aspect-ratio:1200/630}
 .ad-blog-side{grid-template-columns:1fr}
 .ad-art-head{padding:40px 0 24px}
 .ad-author-box{grid-template-columns:1fr;text-align:left;padding:22px}
 .ad-author-box .ad-av{width:88px;height:88px}
}

/* TidyCal embed */
.ad-cal-wrap{width:100%}
.ad-cal{width:100%;min-height:620px;background:#fff;border:1px solid #DEE4DF;border-radius:16px;padding:12px;overflow:hidden}
.ad-cal iframe{width:100%!important;border:0}
.ad-cal-note{text-align:center;color:#5C6B63;font-size:.92rem;margin:14px 0 0}
.ad-cal-note a{color:#123B2A;font-weight:600}
.ad-cal-intro{max-width:640px}
@media (max-width:680px){.ad-cal{padding:4px;min-height:560px}}
/* Footer socials + email */
.ad-foot-soc .elementor-social-icon{border-radius:50%}
.ad-foot-soc .elementor-social-icon:hover{border-color:#2AD77F}
.ad-foot-mail a{color:#B9C4BE;text-decoration:underline;text-decoration-color:#2F3B35;text-underline-offset:4px;overflow-wrap:anywhere}
.ad-foot-mail a:hover{color:#2AD77F}
/* About */
.ad-founder-photo img{aspect-ratio:1/1;object-fit:cover;box-shadow:0 30px 60px -30px rgba(13,17,14,.45)}
.ad-founder-av img{width:112px;height:112px;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px #2AD77F}

/* fixes */
.ad-art-side{align-self:stretch}
.ad-blog-main,.ad-row,.ad-row .bd,.ad-row .th{min-width:0;max-width:100%}
.ad-row .gen-cover{overflow:hidden}
.ad-blog{overflow-x:clip}
