/* Sarmad Mughal — Static Meta Ad Designer */
:root{
  --ivory:#F5F1E8; --ivory-card:#FBF9F3; --evergreen:#1E3B2C; --evergreen-deep:#14281D;
  --carbon:#1B1A16; --muted-green:#DCE3D4; --muted-green-line:#C7D0BC;
  --terracotta:#C1613D; --terracotta-soft:#E8C9BA;
  --ink-70:rgba(27,26,22,.7); --ink-55:rgba(27,26,22,.55); --ivory-70:rgba(245,241,232,.7);
  --font-display:"IBM Plex Sans Condensed",sans-serif; --font-body:"IBM Plex Sans",sans-serif; --font-mono:"IBM Plex Mono",monospace;
  --container:1180px; --gutter:clamp(20px,5vw,64px); --ease:cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}}
body{margin:0;background:var(--ivory);color:var(--carbon);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;} a{color:inherit;text-decoration:none;} ul{margin:0;padding:0;list-style:none;} h1,h2,h3,p{margin:0;}
.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px;border-radius:2px;}

.eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--terracotta);display:inline-flex;gap:.4em;}
.eyebrow::before{content:"[";} .eyebrow::after{content:"]";}
.h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.2rem,5vw,4rem);line-height:1.08;letter-spacing:-.01em;}
.h2{font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.12;letter-spacing:-.01em;}
.h3{font-family:var(--font-display);font-weight:600;font-size:clamp(1.25rem,2vw,1.6rem);}
.lede{font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--ink-70);max-width:46ch;line-height:1.65;}
.body-text{color:var(--ink-70);max-width:62ch;}
.mono-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-55);}

.btn{display:inline-flex;align-items:center;gap:.6em;padding:.9em 1.6em;font-weight:600;font-size:.94rem;border-radius:999px;border:1px solid transparent;transition:.18s var(--ease);white-space:nowrap;}
.btn-primary{background:var(--carbon);color:var(--ivory);}
.btn-primary:hover{background:var(--evergreen-deep);transform:translateY(-1px);}
.btn-secondary{background:var(--ivory-card);color:var(--carbon);border-color:var(--muted-green-line);}
.btn-secondary:hover{border-color:var(--terracotta);color:var(--terracotta);}
.btn-terracotta{background:var(--terracotta);color:var(--ivory);}
.btn-terracotta:hover{background:#a84f31;}
.link-arrow{display:inline-flex;align-items:center;gap:.5em;font-weight:600;border-bottom:1px solid transparent;padding-bottom:2px;transition:.18s var(--ease);}
.link-arrow:hover{border-color:currentColor;color:var(--terracotta);}

/* Rounded page shell (cloned from reference) */
.page-shell{max-width:1200px;margin:24px auto;background:var(--ivory-card);border:1px solid var(--muted-green-line);border-radius:24px;overflow:hidden;}

.site-header{position:sticky;top:0;z-index:100;background:rgba(251,249,243,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--muted-green-line);transition:padding .25s var(--ease);}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:20px var(--gutter);}
.wordmark{font-family:var(--font-display);font-weight:600;font-size:1.1rem;} .wordmark span{color:var(--terracotta);}
.main-nav{display:flex;align-items:center;gap:clamp(14px,2vw,24px);}
.nav-links{display:flex;align-items:center;gap:clamp(14px,1.7vw,20px);}
.main-nav a:not(.btn){font-size:.88rem;color:var(--ink-70);transition:.18s var(--ease);}
.main-nav a:not(.btn):hover{color:var(--carbon);}
.nav-toggle{display:none;background:none;border:none;padding:8px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--carbon);margin:5px 0;transition:.2s var(--ease);}
@media (max-width:900px){
  .nav-links{position:fixed;inset:0 0 0 auto;width:min(320px,86vw);height:100vh;background:var(--evergreen);color:var(--ivory);flex-direction:column;align-items:flex-start;padding:100px 30px 30px;gap:20px;transform:translateX(100%);transition:transform .3s var(--ease);}
  .nav-links.is-open{transform:translateX(0);}
  .main-nav a:not(.btn){color:var(--ivory-70);font-size:1.1rem;}
  .nav-toggle{display:block;z-index:101;}
  .nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-toggle.is-open span:nth-child(2){opacity:0;}
  .nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .nav-scrim{position:fixed;inset:0;background:rgba(20,40,29,.4);opacity:0;pointer-events:none;transition:opacity .3s var(--ease);z-index:99;}
  .nav-scrim.is-open{opacity:1;pointer-events:auto;}
  .main-nav .btn{width:100%;justify-content:center;}
}

/* HERO — cloned composition: centered headline, orbit bubbles, gradient wash, browser mockup */
.hero{position:relative;padding:56px var(--gutter) 0;text-align:center;overflow:hidden;}
.orbit-wrap{position:relative;max-width:760px;margin:0 auto;padding-bottom:8px;}
.orbit-bubble{position:absolute;width:64px;height:64px;border-radius:50%;background:var(--ivory);border:1px solid var(--muted-green-line);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.6rem;color:var(--terracotta);text-align:center;box-shadow:0 12px 26px -14px rgba(20,40,29,.3);}
.orbit-bubble.dark{background:var(--evergreen);color:var(--terracotta-soft);border-color:var(--evergreen);}
.ob1{top:-6px;left:4%;} .ob2{top:10%;right:2%;} .ob3{top:46%;left:-4%;} .ob4{top:42%;right:-4%;} .ob5{bottom:-4%;left:8%;} .ob6{bottom:-8%;right:8%;}
.hero .eyebrow{justify-content:center;}
.hero .h1{max-width:19ch;margin:20px auto 18px;}
.hero .lede{margin:0 auto 28px;text-align:center;}
.hero-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;}
.demo-pill{display:inline-flex;align-items:center;gap:12px;background:var(--carbon);color:var(--ivory);padding:8px 18px 8px 8px;border-radius:999px;font-size:.88rem;font-weight:600;}
.demo-pill .dot{width:32px;height:32px;border-radius:50%;background:var(--terracotta);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.demo-pill .time{font-family:var(--font-mono);font-size:.7rem;color:var(--ivory-70);font-weight:400;}
.trust-line{font-family:var(--font-mono);font-size:.76rem;color:var(--ink-55);margin-top:6px;}

/* gradient wash band, flattened-blur clone (CSS-only, no glow/blur filter) */
.gradient-band{position:relative;margin-top:40px;border-radius:16px 16px 0 0;overflow:hidden;background:
  linear-gradient(120deg,#EFD9AE 0%,#DCE9E4 35%,#BFD9EE 65%,#6FA7DA 100%);
  padding-top:26px;
}
.browser-frame{margin:0 auto;max-width:920px;background:var(--ivory);border:1px solid var(--muted-green-line);border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 30px 60px -30px rgba(20,40,29,.35);overflow:hidden;}
.browser-frame .dots{display:flex;gap:6px;padding:12px 16px;background:var(--ivory-card);border-bottom:1px solid var(--muted-green-line);}
.browser-frame .dots span{width:8px;height:8px;border-radius:50%;background:var(--muted-green-line);}
.browser-frame .inner{padding:20px 20px 44px;display:flex;gap:14px;}
.browser-frame .card{flex:1;background:var(--ivory-card);border:1px solid var(--muted-green-line);border-radius:4px;height:120px;position:relative;}
.browser-frame .card span{position:absolute;top:8px;left:8px;font-family:var(--font-mono);font-size:9px;color:var(--terracotta);}
@media (max-width:760px){.orbit-bubble{display:none;} .browser-frame .inner{flex-direction:column;} .browser-frame .card{height:70px;}}

.collab-line{text-align:center;padding:24px var(--gutter) 40px;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-55);}
.collab-line b{background:var(--muted-green);color:var(--carbon);padding:3px 10px;border-radius:999px;font-weight:500;}

.section-pad{padding-top:clamp(56px,8vw,100px);padding-bottom:clamp(56px,8vw,100px);}
.section-pad-sm{padding-top:clamp(44px,6vw,72px);padding-bottom:clamp(44px,6vw,72px);}
.section-head{margin-bottom:clamp(28px,5vw,48px);}
.section-head .eyebrow{margin-bottom:14px;}
.section-head .h2{max-width:22ch;}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.reveal.is-visible{opacity:1;transform:none;}

.problem-copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);}
.needs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--muted-green-line);border:1px solid var(--muted-green-line);margin-top:36px;}
.needs-grid .need{background:var(--ivory);padding:24px 20px;}
.needs-grid .need p{font-family:var(--font-display);font-size:1.1rem;font-weight:500;margin-top:8px;}
@media (max-width:820px){.problem-copy{grid-template-columns:1fr;} .needs-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:520px){.needs-grid{grid-template-columns:1fr;}}

.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--muted-green-line);border:1px solid var(--muted-green-line);}
.compare-col{background:var(--ivory-card);padding:clamp(22px,3vw,36px);}
.compare-col.is-meaningful{background:var(--evergreen);color:var(--ivory);}
.compare-col.is-meaningful .mono-label{color:var(--terracotta-soft);}
.compare-col ul{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
.compare-col li{padding-left:18px;position:relative;font-size:.96rem;}
.compare-col li::before{content:"–";position:absolute;left:0;color:var(--ink-55);}
.compare-col.is-meaningful li{color:var(--ivory-70);}
.compare-col.is-meaningful li::before{content:"[";color:var(--terracotta-soft);}
@media (max-width:760px){.compare-grid{grid-template-columns:1fr;}}

.services-list{border-top:1px solid var(--muted-green-line);}
.service-row{display:grid;grid-template-columns:80px 1.2fr 1.7fr;gap:20px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--muted-green-line);}
.service-row h3{font-family:var(--font-display);font-size:1.2rem;} .service-row p{color:var(--ink-70);font-size:.96rem;}
@media (max-width:700px){.service-row{grid-template-columns:1fr;gap:4px;}}
.services-note{margin-top:24px;padding:18px 22px;background:var(--muted-green);border-radius:8px;font-size:.94rem;}

.band{background:var(--evergreen);color:var(--ivory);border-radius:16px;padding:clamp(32px,5vw,56px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;}
.band .h2{color:var(--ivory);max-width:16ch;} .band-copy{max-width:520px;} .band-ctas{display:flex;flex-wrap:wrap;gap:12px;}

.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2vw,26px);}
.process-step{border-top:2px solid var(--terracotta);padding-top:16px;}
.process-step h3{font-family:var(--font-display);font-size:1.1rem;margin:10px 0;}
.process-step p{color:var(--ink-70);font-size:.94rem;}
@media (max-width:820px){.process-grid{grid-template-columns:1fr 1fr;}} @media (max-width:520px){.process-grid{grid-template-columns:1fr;}}

.expect-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 36px;margin-top:32px;}
.expect-grid li{padding:10px 0 10px 20px;border-bottom:1px solid var(--muted-green-line);position:relative;font-size:.96rem;}
.expect-grid li::before{content:"";position:absolute;left:0;top:18px;width:6px;height:6px;background:var(--terracotta);border-radius:50%;}
@media (max-width:700px){.expect-grid{grid-template-columns:1fr;}}

.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.price-card{background:var(--ivory-card);border:1px solid var(--muted-green-line);border-radius:16px;padding:clamp(26px,3vw,36px);display:flex;flex-direction:column;}
.price-card.is-featured{background:var(--evergreen);color:var(--ivory);border-color:var(--evergreen);}
.price-card.is-featured .mono-label{color:var(--terracotta-soft);}
.price-card h3{font-family:var(--font-display);font-size:1.4rem;margin:6px 0 4px;}
.price-card .price{font-family:var(--font-display);font-size:2.4rem;font-weight:600;margin-bottom:4px;}
.price-card .best-for{color:var(--ink-70);margin-bottom:18px;font-size:.94rem;}
.price-card.is-featured .best-for{color:var(--ivory-70);}
.price-card ul{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;flex-grow:1;}
.price-card li{padding-left:18px;position:relative;font-size:.92rem;}
.price-card li::before{content:"—";position:absolute;left:0;color:var(--terracotta);}
.price-card.is-featured li::before{color:var(--terracotta-soft);}
.pricing-note{margin-top:22px;color:var(--ink-70);font-size:.92rem;max-width:64ch;}
@media (max-width:800px){.pricing-grid{grid-template-columns:1fr;}}

.statement{border-top:1px solid var(--carbon);border-bottom:1px solid var(--carbon);padding:clamp(36px,6vw,56px) 0;}
.statement .h2{font-size:clamp(1.8rem,4vw,3rem);max-width:18ch;margin-bottom:18px;}

.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,48px);align-items:start;}
.about-photo{aspect-ratio:4/5;background:var(--muted-green);border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-55);text-align:center;padding:18px;}
.about-facts{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:20px;}
.about-facts strong{color:var(--carbon);display:block;font-family:var(--font-body);}
@media (max-width:760px){.about-grid{grid-template-columns:1fr;}}

.testimonial-featured{border-left:2px solid var(--terracotta);padding-left:clamp(18px,3vw,28px);margin-bottom:36px;}
.testimonial-featured blockquote{font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:500;line-height:1.3;margin-bottom:14px;}
.testimonial-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.testimonial-card{background:var(--ivory-card);border:1px solid var(--muted-green-line);padding:22px;border-radius:12px;}
.testimonial-card blockquote{white-space:pre-line;margin-bottom:12px;}
cite{font-family:var(--font-mono);font-size:.76rem;color:var(--ink-55);font-style:normal;}
@media (max-width:760px){.testimonial-support-grid{grid-template-columns:1fr;}}

.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,52px);}
.fit-col h3{font-family:var(--font-display);font-size:1.05rem;margin-bottom:14px;}
.fit-col ul{display:flex;flex-direction:column;gap:8px;}
.fit-col li{font-size:.94rem;padding-left:18px;position:relative;color:var(--ink-70);}
.fit-col.is-good li::before{content:"+";position:absolute;left:0;color:var(--terracotta);font-weight:700;}
.fit-col.is-not li::before{content:"–";position:absolute;left:0;color:var(--ink-55);}
@media (max-width:700px){.fit-grid{grid-template-columns:1fr;}}

.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.blog-card .thumb{aspect-ratio:4/3;background:var(--muted-green);border-radius:10px;margin-bottom:14px;position:relative;overflow:hidden;}
.blog-card .thumb span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-55);text-align:center;padding:10px;}
.blog-card h3{font-family:var(--font-display);font-size:1.2rem;margin:6px 0;}
.blog-card p{color:var(--ink-70);font-size:.92rem;margin-bottom:12px;}
.blog-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-55);margin-bottom:10px;}
@media (max-width:820px){.blog-grid{grid-template-columns:1fr 1fr;}} @media (max-width:560px){.blog-grid{grid-template-columns:1fr;}}

.faq-list{border-top:1px solid var(--muted-green-line);max-width:840px;}
.faq-item{border-bottom:1px solid var(--muted-green-line);}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-family:var(--font-display);font-size:1.06rem;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary .plus{font-family:var(--font-mono);color:var(--terracotta);transition:.2s var(--ease);}
.faq-item[open] summary .plus{transform:rotate(45deg);}
.faq-answer{padding:0 0 20px;color:var(--ink-70);max-width:70ch;}

.site-footer{background:var(--evergreen);color:var(--ivory-70);padding:clamp(44px,6vw,64px) 0 26px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;margin-bottom:40px;}
.footer-brand .wordmark{color:var(--ivory);margin-bottom:8px;}
.footer-col h4{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--terracotta-soft);margin-bottom:14px;}
.footer-col ul{display:flex;flex-direction:column;gap:8px;}
.footer-col a{font-size:.9rem;transition:.18s var(--ease);} .footer-col a:hover{color:var(--ivory);}
.footer-bottom{border-top:1px solid rgba(245,241,232,.18);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.8rem;}
@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr;}} @media (max-width:520px){.footer-grid{grid-template-columns:1fr;}}

.whatsapp-fab{position:fixed;right:20px;bottom:20px;z-index:90;display:inline-flex;align-items:center;gap:10px;background:var(--carbon);color:var(--ivory);padding:14px 18px;border-radius:999px;box-shadow:0 10px 26px -12px rgba(20,40,29,.45);transition:.18s var(--ease);}
.whatsapp-fab:hover{transform:translateY(-2px);}
@media (max-width:600px){.whatsapp-fab .wa-text{display:none;}}

.mt-lg{margin-top:clamp(28px,5vw,48px);}
.skip-link{position:absolute;left:-999px;top:0;background:var(--carbon);color:var(--ivory);padding:12px 18px;z-index:200;}
.skip-link:focus{left:12px;top:12px;}

/* Blog listing extras */
.blog-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--muted-green-line);margin-bottom:36px;}
.cat-filters{display:flex;flex-wrap:wrap;gap:8px;}
.cat-filters a{background:transparent;border:1px solid var(--muted-green-line);color:var(--ink-70);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;padding:8px 14px;border-radius:999px;transition:.18s var(--ease);}
.cat-filters a.is-active,.cat-filters a:hover{border-color:var(--terracotta);color:var(--terracotta);}
.search-box{display:flex; gap:8px;}
.search-box input{font-family:var(--font-body);font-size:.9rem;padding:9px 14px;border:1px solid var(--muted-green-line);border-radius:999px;background:var(--ivory-card);min-width:200px;}
.search-box button{border:1px solid var(--muted-green-line);background:var(--ivory-card);border-radius:999px;padding:9px 16px;font-size:.85rem;}
.featured-post{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--muted-green-line);}
.featured-post .thumb{aspect-ratio:4/3;background:var(--muted-green);border-radius:10px;display:flex;align-items:center;justify-content:center;}
.featured-post .thumb span{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-55);padding:14px;text-align:center;}
@media (max-width:800px){.featured-post{grid-template-columns:1fr;}}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:36px;}
.pagination a,.pagination span{border:1px solid var(--muted-green-line);border-radius:999px;padding:8px 14px;font-family:var(--font-mono);font-size:.8rem;}
.pagination a:hover{border-color:var(--terracotta);color:var(--terracotta);}
.pagination .is-current{background:var(--evergreen);color:var(--ivory);border-color:var(--evergreen);}

/* Article template */
.article-header{padding-top:clamp(36px,6vw,64px);padding-bottom:28px;max-width:800px;}
.article-header .h1{font-size:clamp(1.9rem,4vw,2.8rem);margin:14px 0 18px;}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-family:var(--font-mono);font-size:.76rem;color:var(--ink-55);}
.article-featured-img{aspect-ratio:16/8;background:var(--muted-green);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:28px 0;}
.article-featured-img span{font-family:var(--font-mono);font-size:.76rem;color:var(--ink-55);}
.article-body-wrap{display:grid;grid-template-columns:190px 1fr;gap:48px;max-width:1000px;margin:0 auto;}
.toc{position:sticky;top:100px;align-self:start;}
.toc h4{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-55);margin-bottom:12px;}
.toc ul{display:flex;flex-direction:column;gap:9px;}
.toc a{font-size:.86rem;color:var(--ink-70);border-left:2px solid var(--muted-green-line);padding-left:10px;display:block;}
.toc a:hover{color:var(--terracotta);border-color:var(--terracotta);}
.article-content{max-width:680px;}
.article-content h2{font-family:var(--font-display);font-size:1.5rem;margin-top:38px;scroll-margin-top:110px;}
.article-content p{color:var(--ink-70);line-height:1.75;margin-top:18px;}
.article-content ul{padding-left:20px;color:var(--ink-70);display:flex;flex-direction:column;gap:6px;list-style:disc;margin-top:14px;}
.article-content blockquote{border-left:2px solid var(--terracotta);padding-left:18px;font-family:var(--font-display);font-size:1.15rem;font-weight:500;margin-top:22px;}
.article-cta{margin-top:48px;background:var(--evergreen);color:var(--ivory);border-radius:16px;padding:28px;}
.article-cta p{color:var(--ivory-70);margin:10px 0 16px;}
.share-row{display:flex;gap:10px;margin-top:36px;padding-top:20px;border-top:1px solid var(--muted-green-line);flex-wrap:wrap;}
.share-row a{font-family:var(--font-mono);font-size:.76rem;border:1px solid var(--muted-green-line);padding:8px 14px;border-radius:999px;}
.share-row a:hover{border-color:var(--terracotta);color:var(--terracotta);}
.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:48px;max-width:680px;}
.article-nav a{border:1px solid var(--muted-green-line);border-radius:12px;padding:18px;display:block;}
.article-nav a:hover{border-color:var(--terracotta);}
.article-nav .dir{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-55);display:block;margin-bottom:6px;}
.article-nav .next{text-align:right;}
@media (max-width:900px){.article-body-wrap{grid-template-columns:1fr;} .toc{position:static;} .article-nav{grid-template-columns:1fr;}}