:root{
    --bg:#050817;
    --bg-2:#0a1430;
    --panel:#101935;
    --panel-strong:#0a1023;
    --border:#24304f;
    --text:#eef2ff;
    --muted:#aab4d4;
    --accent:#ff8a3d;
    --accent-2:#7a5cff;
    --shadow:0 22px 60px rgba(0,0,0,.35);
    --card-radius:22px;
    --button-radius:14px;
    --header-height:86px;
    --container:1200px;
}

*,
*::before,
*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
    margin:0;
    color:var(--text);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:
        radial-gradient(circle at top right, rgba(255,138,61,.18), transparent 28%),
        radial-gradient(circle at 15% 20%, rgba(122,92,255,.15), transparent 30%),
        linear-gradient(180deg, var(--bg) 0%, #091127 45%, var(--bg-2) 100%);
    min-height:100vh;
    overflow-x:hidden;
}

a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit}

.container{
    width:min(var(--container), calc(100% - 32px));
    margin-inline:auto;
}

.site-bg{
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background-image:
        radial-gradient(circle at 20% 15%, rgba(255,255,255,.18) 0 1px, transparent 1px),
        radial-gradient(circle at 78% 12%, rgba(255,255,255,.18) 0 1px, transparent 1px),
        radial-gradient(circle at 65% 34%, rgba(255,255,255,.14) 0 1px, transparent 1px),
        radial-gradient(circle at 32% 60%, rgba(255,255,255,.12) 0 1px, transparent 1px),
        radial-gradient(circle at 87% 75%, rgba(255,255,255,.18) 0 1px, transparent 1px);
}

.site-bg::before,
.site-bg::after{
    content:"";
    position:absolute;
    border-radius:999px;
    filter:blur(80px);
}

.site-bg::before{
    width:420px;
    height:420px;
    right:8%;
    top:16%;
    background:rgba(255,138,61,.16);
}

.site-bg::after{
    width:360px;
    height:360px;
    left:10%;
    bottom:10%;
    background:rgba(122,92,255,.12);
}

body.admin-bar .site-header{top:32px}

.site-header{
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(5,8,23,.66);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(255,255,255,.06);
    transition:.25s ease;
}

.site-header.is-scrolled{
    background:rgba(5,8,23,.88);
    box-shadow:0 16px 40px rgba(0,0,0,.22);
}

.header-row{
    display:flex;
    align-items:center;
    gap:18px;
    min-height:var(--header-height);
    position:relative;
}

.site-brand{
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-size:1.55rem;
    font-weight:800;
    letter-spacing:-.02em;
    white-space:nowrap;
}

.site-brand.has-logo .custom-logo-link{
    display:inline-flex;
    align-items:center;
}

.site-brand.has-logo .custom-logo{
    max-height:54px;
    width:auto;
}

.brand-mark{color:var(--accent)}
.brand-name{
    background:linear-gradient(90deg,#fff,#86a4ff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.primary-nav{margin-inline-start:auto}

.menu{
    list-style:none;
    display:flex;
    align-items:center;
    gap:26px;
    margin:0;
    padding:0;
}

.menu li a{
    color:var(--muted);
    font-weight:600;
    transition:color .2s ease;
}

.menu li a:hover,
.menu .current-menu-item > a,
.menu .current_page_item > a{color:#fff}

.subscribe-button,
.hero-button,
.button-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 22px;
    border-radius:var(--button-radius);
    font-weight:700;
    color:#fff;
    background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 82%, white 18%), var(--accent));
    box-shadow:0 12px 26px rgba(255,138,61,.26);
    transition:transform .2s ease, box-shadow .2s ease;
}

.subscribe-button:hover,
.hero-button:hover,
.button-link:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 30px rgba(255,138,61,.34);
}

.button-link.secondary{
    background:rgba(255,255,255,.06);
    border:1px solid var(--border);
    box-shadow:none;
}

.menu-toggle{
    display:none;
    border:1px solid var(--border);
    background:rgba(255,255,255,.05);
    color:#fff;
    border-radius:var(--button-radius);
    width:46px;
    height:46px;
    cursor:pointer;
}

.site-main{
    position:relative;
    z-index:1;
    padding-bottom:48px;
}

.eyebrow{
    display:inline-block;
    color:#9cb0ff;
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:.74rem;
    font-weight:800;
}

.hero-section{padding:40px 0 24px}

.hero-grid{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:1.15fr 1fr;
    gap:32px;
    align-items:center;
    padding:52px;
    border-radius:calc(var(--card-radius) + 8px);
    border:1px solid var(--border);
    background:
        radial-gradient(circle at 82% 55%, rgba(255,138,61,.18), transparent 24%),
        linear-gradient(135deg, rgba(15,22,47,.96), rgba(8,13,30,.92));
    box-shadow:var(--shadow);
}

.hero-grid--single{grid-template-columns:1fr}

.hero-grid::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size:120px 120px;
    opacity:.12;
    pointer-events:none;
}

.hero-copy{position:relative;z-index:1}
.hero-copy h1{
    margin:16px 0;
    font-size:clamp(2.2rem,5vw,4rem);
    line-height:1.05;
    letter-spacing:-.04em;
}
.hero-copy p{
    max-width:620px;
    margin:0 0 28px;
    color:var(--muted);
    font-size:1.08rem;
    line-height:1.85;
}

.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-visual{position:relative;min-height:360px}
.visual-orbit{
    position:absolute;
    inset:10% 5%;
    border-radius:50%;
    background:radial-gradient(circle at center, rgba(255,138,61,.28), rgba(122,92,255,.14) 40%, transparent 62%);
    filter:blur(8px);
}

.floating-card{
    position:absolute;
    display:grid;
    place-items:center;
    color:#fff;
    font-weight:800;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(39,49,97,.8), rgba(21,28,58,.85));
    backdrop-filter:blur(10px);
    box-shadow:0 18px 32px rgba(0,0,0,.28);
}

.floating-card.large{
    width:180px;
    height:180px;
    border-radius:calc(var(--card-radius) + 6px);
    font-size:3.2rem;
    left:42%;
    top:28%;
    transform:rotate(8deg);
    color:#ffb172;
}

.floating-card.small{
    width:92px;
    height:92px;
    border-radius:var(--card-radius);
    font-size:1.6rem;
}

.floating-card.small.js{right:10%;top:8%;color:#ffd166;transform:rotate(8deg)}
.floating-card.small.gear{left:20%;bottom:18%;color:#8fd6ff;transform:rotate(-10deg)}
.floating-card.small.ui{right:4%;bottom:18%;font-size:1rem;color:#d1dbff;transform:rotate(12deg)}

.floating-card.mini{
    width:18px;
    height:18px;
    border-radius:6px;
    background:linear-gradient(135deg, var(--accent-2), #45d3ff);
}

.floating-card.mini.one{top:24%;left:24%}
.floating-card.mini.two{right:28%;top:48%;background:linear-gradient(135deg, var(--accent), #ffd166)}
.floating-card.mini.three{right:18%;bottom:12%;background:linear-gradient(135deg, #45d3ff, var(--accent-2))}

.home-section{padding-top:34px}

.content-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:28px;
    align-items:start;
}

.primary-column{min-width:0}

.section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.section-head h2{
    margin:0;
    font-size:2rem;
    letter-spacing:-.03em;
}

.section-link{
    color:#ccd8ff;
    font-weight:700;
}
.section-link:hover{color:#fff}

.stack{display:grid;gap:18px}

.article-card{
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:20px;
    padding:18px;
    border-radius:var(--card-radius);
    border:1px solid var(--border);
    background:linear-gradient(180deg, var(--panel), var(--panel-strong));
    box-shadow:var(--shadow);
}

.article-card.is-latest{grid-template-columns:150px minmax(0,1fr)}

.article-thumb{
    position:relative;
    min-height:140px;
    border-radius:18px;
    overflow:hidden;
    background-size:cover;
    background-position:center;
    border:1px solid rgba(255,255,255,.08);
}

.article-card.is-latest .article-thumb{min-height:120px}

.article-thumb::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, transparent, rgba(2,8,24,.45));
}

.thumb-fallback{background:linear-gradient(135deg, rgba(79,94,255,.78), rgba(255,138,61,.78))}
.thumb-fallback span{
    position:absolute;
    left:14px;
    bottom:14px;
    z-index:1;
    font-size:1rem;
    font-weight:800;
    letter-spacing:.22em;
}

.article-content{min-width:0}
.article-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    margin-bottom:10px;
    color:#96a2c8;
    font-size:.92rem;
}
.article-meta span:not(:last-child)::after{
    content:"•";
    margin-inline-start:14px;
    color:#5e6b97;
}

.article-title{
    margin:0 0 12px;
    font-size:1.62rem;
    line-height:1.25;
    letter-spacing:-.03em;
}
.article-card.is-latest .article-title{font-size:1.35rem}
.article-title a:hover{color:#ffb172}

.article-excerpt{
    margin:0;
    color:var(--muted);
    line-height:1.8;
}

.secondary-column{
    display:grid;
    gap:20px;
    position:sticky;
    top:110px;
}

.sidebar-card,
.entry-card,
.content-card{
    border-radius:calc(var(--card-radius) + 2px);
    border:1px solid var(--border);
    background:linear-gradient(180deg, var(--panel), var(--panel-strong));
    box-shadow:var(--shadow);
}

.sidebar-card{padding:22px}
.sidebar-card h3,
.widget-title{
    margin:0 0 18px;
    font-size:1.4rem;
    letter-spacing:-.02em;
}

.category-list{display:grid;gap:12px}
.category-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:14px 16px;
    border-radius:16px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.05);
    transition:transform .2s ease, border-color .2s ease;
}
.category-item:hover{
    transform:translateY(-1px);
    border-color:rgba(255,138,61,.28);
}
.category-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight:700;
    color:#dbe3ff;
}
.category-icon{
    width:30px;
    height:30px;
    border-radius:10px;
    display:grid;
    place-items:center;
    font-size:.82rem;
    font-weight:800;
    color:#fff;
    background:linear-gradient(135deg, var(--accent-2), #45d3ff);
}

.tag-list,
.floating-tags,
.single-footer-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.tag-list a,
.floating-tags a,
.single-footer-tags a,
.tag-cloud-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.05);
    color:#cdd6f7;
    font-weight:700;
    font-size:.95rem;
    transition:transform .2s ease, border-color .2s ease, color .2s ease;
}
.tag-list a:hover,
.floating-tags a:hover,
.single-footer-tags a:hover,
.tag-cloud-link:hover{
    transform:translateY(-2px);
    color:#fff;
    border-color:rgba(255,138,61,.45);
    box-shadow:0 10px 26px rgba(255,138,61,.16);
}
.floating-tags{margin-top:26px}

.archive-hero,
.single-hero,
.page-hero{padding:30px 0 10px}

.archive-banner,
.single-banner,
.page-banner{
    padding:34px;
    border-radius:calc(var(--card-radius) + 6px);
    border:1px solid var(--border);
    background:linear-gradient(135deg, rgba(15,22,47,.95), rgba(9,14,31,.92));
    box-shadow:var(--shadow);
}

.archive-banner h1,
.single-banner h1,
.page-banner h1{
    margin:8px 0 12px;
    font-size:clamp(2rem,4vw,3rem);
    letter-spacing:-.04em;
}

.archive-description,
.page-description,
.single-summary{
    color:var(--muted);
    max-width:760px;
    line-height:1.8;
}

.inner-layout{padding-top:18px}

.entry-card,
.content-card{padding:28px}

.featured-image{
    overflow:hidden;
    border-radius:20px;
    margin-bottom:22px;
    border:1px solid rgba(255,255,255,.08);
}

.entry-content,
.page-content{
    color:#e6ebff;
    line-height:1.9;
    font-size:1.05rem;
}
.entry-content p,
.page-content p{margin:0 0 1.2em}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.page-content h2,
.page-content h3,
.page-content h4{margin:1.3em 0 .6em}
.entry-content a,
.page-content a{color:#ffb172}
.entry-content ul,
.entry-content ol,
.page-content ul,
.page-content ol{padding-inline-start:1.2rem}

blockquote{
    margin:1.5rem 0;
    padding:1rem 1.2rem;
    border-inline-start:4px solid var(--accent);
    background:rgba(255,255,255,.04);
    border-radius:0 14px 14px 0;
}

pre{
    padding:18px;
    background:#080d1d;
    border:1px solid var(--border);
    border-radius:16px;
    overflow:auto;
}

code,
pre{
    font-family:"SFMono-Regular",Consolas,Monaco,monospace;
}

table{
    width:100%;
    border-collapse:collapse;
    margin:1.5rem 0;
}
table th,
table td{
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.08);
}

.post-navigation{margin-top:24px}
.post-navigation .nav-links{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.post-navigation a{
    display:block;
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--border);
}
.post-navigation span{
    display:block;
    margin-bottom:8px;
    color:var(--muted);
}

.pagination .nav-links{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}
.pagination .page-numbers{
    padding:12px 16px;
    border-radius:12px;
    background:rgba(255,255,255,.05);
    border:1px solid var(--border);
}
.pagination .current{
    background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 82%, white 18%), var(--accent));
    border-color:transparent;
    color:#fff;
}

.no-posts{
    padding:30px;
    border-radius:var(--card-radius);
    border:1px dashed rgba(255,255,255,.12);
    background:linear-gradient(180deg, var(--panel), var(--panel-strong));
}
.no-posts h3{margin-top:0}

.newsletter-panel{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:24px;
    align-items:center;
    padding:32px;
    border-radius:calc(var(--card-radius) + 6px);
    border:1px solid var(--border);
    background:linear-gradient(135deg, rgba(20,27,61,.96), rgba(11,16,35,.92));
    box-shadow:var(--shadow);
}

.newsletter-panel h2{
    margin:0 0 12px;
    font-size:2rem;
    letter-spacing:-.03em;
}
.newsletter-panel p{
    margin:0;
    color:var(--muted);
    line-height:1.8;
}

.newsletter-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    justify-content:flex-end;
}

.site-footer{padding-top:22px}
.footer-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:24px 0 10px;
    color:#98a4cb;
}
.footer-links{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
}
.footer-links a:hover{color:#fff}

.widget{margin-bottom:20px}
.widget:last-child{margin-bottom:0}
.widget ul{list-style:none;padding:0;margin:0}
.widget ul li{
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
}
.widget ul li:last-child{border-bottom:none}
.widget a{color:#dce4ff}
.widget select{
    width:100%;
    padding:12px;
    border-radius:12px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.05);
    color:#fff;
}

.search-form{display:flex;gap:10px}
.search-form label{flex:1}
.search-field{
    width:100%;
    padding:14px 16px;
    border-radius:var(--button-radius);
    border:1px solid var(--border);
    background:rgba(255,255,255,.05);
    color:#fff;
}
.search-submit{
    padding:14px 18px;
    border:none;
    border-radius:var(--button-radius);
    cursor:pointer;
    color:#fff;
    font-weight:700;
    background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 82%, white 18%), var(--accent));
}

.screen-reader-text{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    white-space:nowrap;
    border:0;
    clip:rect(0,0,0,0);
}

@media (max-width:1080px){
    .hero-grid,
    .newsletter-panel,
    .content-grid{grid-template-columns:1fr}
    .secondary-column{position:static}
    .hero-visual{min-height:300px}
}

@media (max-width:820px){
    body.admin-bar .site-header{top:46px}
    .menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:auto}
    .primary-nav{
        position:absolute;
        top:calc(100% + 10px);
        left:16px;
        right:16px;
        display:none;
        padding:14px;
        border-radius:18px;
        border:1px solid var(--border);
        background:rgba(8,12,28,.96);
        box-shadow:var(--shadow);
    }
    .primary-nav.is-open{display:block}
    .menu{flex-direction:column;align-items:flex-start;gap:14px}
    .subscribe-button{display:none}
    .hero-grid{padding:32px 22px}
    .article-card,
    .article-card.is-latest{grid-template-columns:1fr}
    .article-thumb{min-height:220px}
    .section-head h2{font-size:1.6rem}
    .footer-bar{flex-direction:column;align-items:flex-start}
    .post-navigation .nav-links{grid-template-columns:1fr}
}

@media (max-width:580px){
    .container{width:min(var(--container), calc(100% - 20px))}
    .hero-copy h1{font-size:2.2rem}
    .article-title{font-size:1.3rem}
    .article-card.is-latest .article-title{font-size:1.2rem}
    .newsletter-actions{justify-content:stretch}
    .newsletter-actions .button-link{width:100%}
}

/* Build 1.3.2 additions */
.header-subscribe{margin-inline-start:0;min-width:min(340px,34vw)}
.subscribe-wrap--header{width:100%}
.subscribe-wrap--header .subscribe-feedback{display:none}
.subscribe-form{display:flex;gap:10px;align-items:center}
.subscribe-form__label{flex:1;position:relative;display:block}
.subscribe-form__input,
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url],
.comment-form textarea,
.search-field{
    width:100%;
    border:1px solid var(--border);
    background:rgba(255,255,255,.05);
    color:#fff;
    border-radius:var(--button-radius);
    transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.subscribe-form__input{padding:14px 16px}
.subscribe-form__input:focus,
.comment-form input:focus,
.comment-form textarea:focus,
.search-field:focus{outline:none;border-color:color-mix(in srgb, var(--accent) 62%, white 38%);box-shadow:0 0 0 4px rgba(255,138,61,.12);background:rgba(255,255,255,.08)}
.subscribe-form__button,
.comment-form .submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 20px;
    border:none;
    cursor:pointer;
    font-weight:700;
    color:#fff;
    background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 82%, white 18%), var(--accent));
    box-shadow:0 12px 26px rgba(255,138,61,.26);
}
.subscribe-form__helper{margin:12px 0 0;color:var(--muted);line-height:1.7;font-size:.95rem}
.subscribe-feedback{margin:0 0 10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);font-weight:600}
.subscribe-feedback--success{background:rgba(38,176,107,.14);color:#c7ffd8;border-color:rgba(38,176,107,.32)}
.subscribe-feedback--info{background:rgba(122,92,255,.12);color:#e2dbff;border-color:rgba(122,92,255,.28)}
.subscribe-feedback--error{background:rgba(239,68,68,.13);color:#ffd8d8;border-color:rgba(239,68,68,.28)}

.search-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:26px;align-items:end}
.search-shell__form{display:grid;gap:14px}
.search-result-summary{padding:14px 18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04);color:#d9e3ff}
.search-form{display:flex;gap:10px;align-items:stretch}
.search-form__label{flex:1;position:relative;display:block}
.search-form__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8ea0d4;font-size:1rem;pointer-events:none}
.search-field{padding:14px 16px 14px 44px}
.search-submit{padding:14px 18px;border:none;border-radius:var(--button-radius);cursor:pointer;color:#fff;font-weight:700;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 82%, white 18%), var(--accent))}

.comments-area{padding:28px;border:1px solid var(--border);background:linear-gradient(180deg, rgba(15,23,49,.92), rgba(8,14,31,.96));box-shadow:var(--shadow)}
.comments-area__header{margin-bottom:24px}
.comments-title{margin:0 0 8px;font-size:1.6rem}
.comments-subtitle{margin:0;color:var(--muted)}
.comment-list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:16px}
.comment-list .children{list-style:none;margin:16px 0 0;padding-left:24px;display:grid;gap:16px}
.mahmoudtheme-comment__body{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03)}
.mahmoudtheme-comment__avatar img{border-radius:50%}
.mahmoudtheme-comment__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
.mahmoudtheme-comment__author{margin:0 0 4px;font-size:1rem}
.mahmoudtheme-comment__date{color:var(--muted);font-size:.92rem}
.mahmoudtheme-comment__reply a{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);font-weight:700;color:#fff}
.mahmoudtheme-comment__text{color:#dbe4ff;line-height:1.8}
.mahmoudtheme-comment__pending{margin:0 0 12px;color:#ffd28a;font-weight:700}
.comment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin-top:24px}
.comment-form > *{margin:0}
.comment-form .comment-form-comment,
.comment-form .comment-notes,
.comment-form .logged-in-as,
.comment-form .form-submit,
.comment-form .comment-form-cookies-consent{grid-column:1 / -1}
.comment-form label{display:block;margin:0 0 8px;font-weight:700}
.comment-form textarea,
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url]{padding:14px 16px}
.comment-form .submit{min-width:180px}
.comment-form .logged-in-as,
.comment-form .comment-notes,
.comment-form .comment-form-cookies-consent,
.comment-form .comment-form-cookies-consent label{color:var(--muted)}

.newsletter-actions{display:grid;gap:12px;justify-items:stretch}
.newsletter-actions .button-link{width:100%}
.subscribe-wrap--footer{width:100%}
.subscribe-wrap--footer .subscribe-form{width:100%}
.subscribe-wrap--footer .subscribe-form__button{min-width:140px}

@media (max-width:1180px){
    .header-subscribe{min-width:300px}
}
@media (max-width:1080px){
    .search-shell{grid-template-columns:1fr}
    .header-subscribe{display:none}
}
@media (max-width:820px){
    .search-form,
    .subscribe-form,
    .comment-form{grid-template-columns:1fr;display:grid}
    .subscribe-form__button,
    .search-submit,
    .comment-form .submit{width:100%}
    .mahmoudtheme-comment__body{grid-template-columns:1fr}
    .mahmoudtheme-comment__head{flex-direction:column}
}


/* Build 1.0.0 search restore */
.sidebar-search-card{
    display:grid;
    gap:14px;
    background:linear-gradient(180deg, rgba(16,25,53,.96), rgba(8,14,31,.98));
}
.sidebar-search-card h3{margin:0}
.sidebar-search-card__text{
    margin:0;
    color:var(--muted);
    line-height:1.8;
    font-size:.96rem;
}
.sidebar-search-card .search-form,
.widget_search .search-form,
.wp-block-search{
    display:grid;
    gap:10px;
}
.sidebar-search-card .search-submit,
.widget_search .search-submit,
.wp-block-search .wp-block-search__button{
    width:100%;
}
.wp-block-search__inside-wrapper{
    display:grid;
    gap:10px;
}
.wp-block-search__input{
    width:100%;
    padding:14px 16px 14px 44px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.05);
    color:#fff;
    border-radius:var(--button-radius);
}
.wp-block-search__input:focus{
    outline:none;
    border-color:color-mix(in srgb, var(--accent) 62%, white 38%);
    box-shadow:0 0 0 4px rgba(255,138,61,.12);
    background:rgba(255,255,255,.08);
}
.wp-block-search .wp-block-search__button{
    padding:14px 18px;
    border:none;
    border-radius:var(--button-radius);
    cursor:pointer;
    color:#fff;
    font-weight:700;
    background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 82%, white 18%), var(--accent));
}


/* Build 1.0.1 continuous full-screen layout */
:root{
    --container:1440px;
}

.container{
    width:min(100%, 100%);
    max-width:none;
    padding-inline:28px;
}

.site-main{padding-bottom:0}
.hero-section,
.home-section,
.archive-hero,
.single-hero,
.page-hero,
.search-hero,
.site-footer{position:relative}

.hero-grid,
.archive-banner,
.single-banner,
.page-banner,
.newsletter-panel,
.search-shell,
.article-card,
.sidebar-card,
.entry-card,
.content-card,
.comments-area,
.no-posts,
.search-result-summary,
.mahmoudtheme-comment__body,
.post-navigation a,
.pagination .page-numbers{
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
    border-radius:0 !important;
}

.hero-grid::before,
.visual-orbit,
.floating-card{
    display:none !important;
}

.hero-section{padding:56px 0 18px}
.hero-grid{
    grid-template-columns:1fr !important;
    gap:24px;
    padding:48px 0 40px;
    overflow:visible;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.hero-copy p{max-width:860px}
.hero-visual{display:none}

.home-section{padding-top:22px}
.content-grid{
    grid-template-columns:1fr !important;
    gap:34px;
}
.secondary-column{
    position:static;
    top:auto;
    gap:24px;
}

.section-head{
    margin-bottom:0;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.stack{gap:0}
.article-card,
.article-card.is-latest{
    grid-template-columns:minmax(220px,280px) minmax(0,1fr);
    gap:24px;
    padding:28px 0;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.stack > .article-card:first-child{border-top:1px solid rgba(255,255,255,.08) !important}
.article-thumb{
    min-height:180px;
    border:none !important;
    border-radius:24px !important;
    background-color:rgba(255,255,255,.04);
}
.article-card.is-latest .article-thumb{min-height:180px}
.article-content{display:flex;flex-direction:column;justify-content:center}

.archive-banner,
.single-banner,
.page-banner,
.search-shell{
    padding:24px 0 18px;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.inner-layout{padding-top:10px}

.entry-card,
.content-card{
    padding:14px 0 0;
}
.entry-content,
.page-content{
    max-width:980px;
}
.featured-image{
    border:none !important;
    border-radius:26px !important;
}

.sidebar-card{
    padding:0 0 20px;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.sidebar-card:last-child{border-bottom:none !important;padding-bottom:0}
.sidebar-search-card__text,
.widget,
.widget p{color:var(--muted)}
.category-list{gap:0}
.category-item{
    padding:14px 0;
    background:transparent;
    border:none !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    border-radius:0 !important;
}
.category-item:last-child{border-bottom:none !important}
.category-item:hover{transform:none}

.tag-list a,
.floating-tags a,
.single-footer-tags a,
.tag-cloud-link{
    background:rgba(255,255,255,.03);
    border-color:rgba(255,255,255,.1);
    border-radius:999px !important;
    box-shadow:none !important;
}
.floating-tags{margin-top:22px}

.comments-area{
    margin-top:32px !important;
    padding:30px 0 0;
    border-top:1px solid rgba(255,255,255,.08) !important;
}
.comment-list,
.comment-list .children{gap:0}
.mahmoudtheme-comment__body{
    padding:20px 0;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.comment-list > .mahmoudtheme-comment:first-child > .mahmoudtheme-comment__body,
.comment-list > li:first-child > .mahmoudtheme-comment__body{
    border-top:1px solid rgba(255,255,255,.06);
}
.comment-list .children{padding-left:32px}

.post-navigation{margin-top:28px}
.post-navigation .nav-links{gap:0}
.post-navigation a{
    padding:18px 0;
    border-top:1px solid rgba(255,255,255,.08) !important;
}
.post-navigation .nav-links > *:last-child a{border-bottom:1px solid rgba(255,255,255,.08) !important}

.pagination .nav-links{gap:12px}
.pagination .page-numbers{
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:999px !important;
}

.search-result-summary{
    padding:0;
    color:var(--muted);
}
.no-posts{
    padding:26px 0;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    border-style:solid !important;
    border-width:1px 0 !important;
}

.newsletter-panel{
    grid-template-columns:1fr;
    gap:18px;
    padding:36px 0 22px;
    border-top:1px solid rgba(255,255,255,.08) !important;
}
.newsletter-actions{justify-content:flex-start}
.footer-bar{
    padding:18px 0 8px;
    border-top:1px solid rgba(255,255,255,.08);
}

@media (max-width:1080px){
    .container{padding-inline:24px}
}

@media (max-width:820px){
    .article-card,
    .article-card.is-latest{
        grid-template-columns:1fr;
        gap:18px;
    }
    .article-thumb,
    .article-card.is-latest .article-thumb{min-height:220px}
    .comment-list .children{padding-left:18px}
}

@media (max-width:580px){
    .container{padding-inline:16px}
    .hero-section{padding-top:34px}
    .hero-grid{padding:32px 0 28px}
    .archive-banner,
    .single-banner,
    .page-banner,
    .search-shell,
    .newsletter-panel{padding:22px 0 18px}
}


/* Build 1.0.2 contained no-card layout */
:root{
    --container:1200px;
}

.container{
    width:min(var(--container), calc(100% - 32px));
    max-width:none;
    padding-inline:0;
}

.site-main{
    padding-bottom:48px;
}

@media (max-width:580px){
    .container{
        width:min(var(--container), calc(100% - 20px));
    }
}


/* Build 1.0.3 contained layout with sidebar, without box feel */
:root{
    --container:1200px;
}

.container{
    width:min(var(--container), calc(100% - 32px)) !important;
    max-width:none !important;
    padding-inline:0 !important;
}

.site-main{padding-bottom:48px}
.hero-section{padding:40px 0 24px}

.hero-grid{
    grid-template-columns:1.15fr 1fr !important;
    gap:32px !important;
    padding:28px 0 34px !important;
    overflow:visible !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.hero-grid--single{grid-template-columns:1fr !important}
.hero-grid::before{display:none !important}

.hero-copy p{max-width:620px}
.hero-visual{
    display:block !important;
    min-height:340px !important;
    position:relative;
}
.visual-orbit{
    display:block !important;
    inset:10% 8% !important;
    opacity:.95;
}
.floating-card{display:none !important}
.hero-visual::before,
.hero-visual::after{
    content:"";
    position:absolute;
    border-radius:999px;
    pointer-events:none;
}
.hero-visual::before{
    width:150px;
    height:150px;
    right:12%;
    top:16%;
    background:radial-gradient(circle at center, rgba(255,138,61,.32), rgba(255,138,61,0) 68%);
    filter:blur(6px);
}
.hero-visual::after{
    width:110px;
    height:110px;
    left:18%;
    bottom:18%;
    background:radial-gradient(circle at center, rgba(122,92,255,.28), rgba(122,92,255,0) 70%);
    filter:blur(4px);
}

.home-section{padding-top:34px}
.content-grid{
    grid-template-columns:minmax(0,1fr) 320px !important;
    gap:28px !important;
    align-items:start !important;
}
.secondary-column{
    display:grid !important;
    gap:20px !important;
    position:sticky !important;
    top:110px !important;
    align-self:start;
}

.section-head{
    margin-bottom:0;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.stack{gap:0 !important}
.article-card,
.article-card.is-latest{
    gap:20px !important;
    padding:22px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.article-card{grid-template-columns:220px minmax(0,1fr) !important}
.article-card.is-latest{grid-template-columns:150px minmax(0,1fr) !important}
.stack > .article-card:first-child{border-top:1px solid rgba(255,255,255,.08) !important}
.article-thumb{
    border:none !important;
    border-radius:22px !important;
    background-color:rgba(255,255,255,.04);
}
.article-card.is-latest .article-thumb{min-height:120px}

.archive-banner,
.single-banner,
.page-banner,
.search-shell{
    padding:26px 0 18px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.inner-layout{padding-top:18px}

.entry-card,
.content-card{
    padding:18px 0 0 !important;
}
.featured-image{
    border:none !important;
    border-radius:24px !important;
}

.sidebar-card{
    padding:0 0 20px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.sidebar-card:last-child{border-bottom:none !important;padding-bottom:0 !important}
.category-list{gap:0 !important}
.category-item{
    padding:14px 0 !important;
    background:transparent !important;
    border:none !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    border-radius:0 !important;
}
.category-item:last-child{border-bottom:none !important}
.category-item:hover{transform:none !important}

.comments-area{
    margin-top:32px !important;
    padding:30px 0 0 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
}
.comment-list,
.comment-list .children{gap:0}
.mahmoudtheme-comment__body{
    padding:20px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.comment-list > .mahmoudtheme-comment:first-child > .mahmoudtheme-comment__body,
.comment-list > li:first-child > .mahmoudtheme-comment__body{
    border-top:1px solid rgba(255,255,255,.06);
}
.comment-list .children{padding-left:32px}

.post-navigation{margin-top:28px}
.post-navigation .nav-links{
    grid-template-columns:1fr 1fr !important;
    gap:24px !important;
}
.post-navigation a{
    padding:18px 0 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
}
.post-navigation .nav-links > *:last-child a{border-bottom:1px solid rgba(255,255,255,.08) !important}

.newsletter-panel{
    grid-template-columns:1.2fr .8fr !important;
    gap:24px !important;
    padding:32px 0 22px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
}
.footer-bar{
    padding:24px 0 10px;
    border-top:1px solid rgba(255,255,255,.08);
}

@media (max-width:1080px){
    .hero-grid,
    .content-grid,
    .newsletter-panel{grid-template-columns:1fr !important}
    .secondary-column{position:static !important;top:auto !important}
    .hero-visual{min-height:280px !important}
}

@media (max-width:820px){
    .article-card,
    .article-card.is-latest{grid-template-columns:1fr !important;gap:18px !important}
    .article-thumb,
    .article-card.is-latest .article-thumb{min-height:220px}
    .comment-list .children{padding-left:18px}
}

@media (max-width:580px){
    .container{width:min(var(--container), calc(100% - 20px)) !important}
    .hero-section{padding-top:34px}
    .hero-grid{padding:24px 0 28px !important}
    .archive-banner,
    .single-banner,
    .page-banner,
    .search-shell,
    .newsletter-panel{padding:22px 0 18px !important}
    .post-navigation .nav-links{grid-template-columns:1fr !important}
}


/* Build 1.0.4 hero visual labels without boxes */
.hero-visual .floating-card{
    display:grid !important;
    place-items:center;
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    text-transform:uppercase;
    letter-spacing:-.04em;
    line-height:1;
    text-shadow:0 0 22px rgba(255,255,255,.08), 0 10px 30px rgba(0,0,0,.25);
}

.hero-visual .floating-card.large{
    width:auto !important;
    height:auto !important;
    left:42% !important;
    top:29% !important;
    font-size:clamp(3.4rem, 9vw, 5.8rem) !important;
    color:rgba(255,177,114,.92) !important;
    transform:translate(-50%, -50%) rotate(-8deg) !important;
}

.hero-visual .floating-card.small{
    width:auto !important;
    height:auto !important;
    font-size:clamp(1.5rem, 4vw, 2.3rem) !important;
    font-weight:800;
}

.hero-visual .floating-card.small.js{
    right:11% !important;
    top:16% !important;
    color:rgba(255,209,102,.95) !important;
    transform:rotate(10deg) !important;
}

.hero-visual .floating-card.small.gear{
    left:12% !important;
    bottom:17% !important;
    color:rgba(143,214,255,.95) !important;
    transform:rotate(-10deg) !important;
}

.hero-visual .floating-card.small.ui{
    right:6% !important;
    bottom:17% !important;
    font-size:clamp(1rem, 2.4vw, 1.4rem) !important;
    color:rgba(209,219,255,.82) !important;
    transform:rotate(8deg) !important;
}

.hero-visual .floating-card.mini{
    display:block !important;
    width:10px !important;
    height:10px !important;
    border-radius:999px !important;
    opacity:.72;
    filter:blur(.2px);
}

@media (max-width:1080px){
    .hero-visual .floating-card.large{left:46% !important; top:34% !important}
}

@media (max-width:820px){
    .hero-visual .floating-card.large{font-size:3rem !important}
    .hero-visual .floating-card.small.js{right:8% !important; top:14% !important}
    .hero-visual .floating-card.small.gear{left:10% !important; bottom:16% !important}
}


/* Build 1.0.5 center PHP and hide hero visual on mobile */
.hero-visual .floating-card.large{
    left:50% !important;
    top:50% !important;
    z-index:3;
    font-size:clamp(4rem, 10vw, 6.6rem) !important;
    color:rgba(255,176,108,.95) !important;
    transform:translate(-50%, -50%) rotate(-6deg) !important;
}

.hero-visual .floating-card.small.js{
    right:12% !important;
    top:14% !important;
    z-index:4;
}

.hero-visual .floating-card.small.gear{
    left:10% !important;
    bottom:12% !important;
    z-index:4;
}

@media (max-width:820px){
    .hero-grid{grid-template-columns:1fr !important;}
    .hero-visual{display:none !important; min-height:0 !important;}
}