:root{--bg:#faf9f5;--surface:#fff;--fg:#141413;--muted:#5e5d59;--border:#e7e2d6;--accent:#c15f3c;--accent-ink:#9e4a2c;--serif:var(--font-fraunces), Georgia, "Times New Roman", serif;--sans:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--mono:var(--font-jetbrains-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--content-width:42rem;--wide-width:72rem;--gutter:2rem;--pad-x:1.5rem;--fs-body:1.15rem;--lh-body:1.6;--fs-h1:2.75rem;--lh-h1:1.2;--fw-h1:600;--fs-h2:2rem;--lh-h2:1.3;--fw-h2:500;--fs-h3:1.4rem;--lh-h3:1.35;--fs-meta:.9rem;--cat-devsecops:#c15f3c;--cat-devsecops-bg:#f6e6de;--cat-infrastructure:#3b6ea5;--cat-infrastructure-bg:#e1eaf3;--cat-ai:#6d4aae;--cat-ai-bg:#ece6f6;--cat-tutorials:#3f7d53;--cat-tutorials-bg:#e3efe6}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100vh;margin:0;display:flex}img{max-width:100%;height:auto;display:block}a{color:var(--accent-ink);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--accent)}h1,h2,h3,h4{font-family:var(--serif);color:var(--fg);margin:0 0 .6em}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:var(--fw-h1);letter-spacing:-.01em}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--fw-h2)}h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:500}.container{width:100%;max-width:var(--wide-width);padding-inline:var(--pad-x);margin-inline:auto}main{flex:1 0 auto;width:100%}.section{padding-block:3rem}.site-header{z-index:50;backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid var(--border);background:#faf9f5d9;position:sticky;top:0}.site-header__inner{max-width:var(--wide-width);padding:.75rem var(--pad-x);align-items:center;gap:1.5rem;margin-inline:auto;display:flex}.brand{font-family:var(--serif);color:var(--fg);letter-spacing:-.01em;font-size:1.4rem;font-weight:600;text-decoration:none}.brand:hover{color:var(--fg)}.nav{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-left:auto;display:flex}.nav a{color:var(--muted);padding-block:.25rem;font-size:.98rem;font-weight:500;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--fg)}.nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent)}.nav__social{color:var(--muted);align-items:center;display:inline-flex}.nav__social:hover{color:var(--accent)}.nav__social svg{width:20px;height:20px}@media (width<=560px){.site-header__inner{flex-wrap:wrap;gap:.5rem 1rem}.brand{width:100%}.nav{justify-content:flex-start;gap:.9rem 1.1rem;width:100%;margin-left:0}.nav__social{margin-left:auto}}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:4rem;padding-block:2.5rem;font-size:.95rem}.site-footer__inner{max-width:var(--wide-width);padding-inline:var(--pad-x);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem;margin-inline:auto;display:flex}.site-footer strong{color:var(--fg);font-family:var(--serif);font-weight:600}.site-footer__links{flex-wrap:wrap;gap:1.25rem;display:flex}.site-footer__links a{color:var(--muted);text-decoration:none}.site-footer__links a:hover{color:var(--accent)}.badge{font:600 var(--fs-meta)/1 var(--sans);text-transform:none;letter-spacing:.01em;border-radius:999px;padding:.28rem .6rem;text-decoration:none;display:inline-block}.badge[data-cat=devsecops]{color:var(--cat-devsecops);background:var(--cat-devsecops-bg)}.badge[data-cat=infrastructure]{color:var(--cat-infrastructure);background:var(--cat-infrastructure-bg)}.badge[data-cat=ai]{color:var(--cat-ai);background:var(--cat-ai-bg)}.badge[data-cat=tutorials]{color:var(--cat-tutorials);background:var(--cat-tutorials-bg)}.media{aspect-ratio:16/9;border:1px solid var(--border);background:var(--surface);border-radius:12px;position:relative;overflow:hidden}.media img{object-fit:cover;width:100%;height:100%}.media--fallback[data-cat=devsecops]{background:linear-gradient(135deg,#c15f3c 0%,#e7a98f 55%,#f6e6de 100%)}.media--fallback[data-cat=infrastructure]{background:linear-gradient(135deg,#3b6ea5 0%,#7ea3c9 55%,#e1eaf3 100%)}.media--fallback[data-cat=ai]{background:linear-gradient(135deg,#6d4aae 0%,#a488d0 55%,#ece6f6 100%)}.media--fallback[data-cat=tutorials]{background:linear-gradient(135deg,#3f7d53 0%,#82b394 55%,#e3efe6 100%)}.media--fallback:after{content:attr(data-label);font-family:var(--serif);color:#ffffffeb;text-shadow:0 1px 2px #00000026;place-items:center;font-size:1.5rem;font-weight:600;display:grid;position:absolute;inset:0}.card-grid{column-gap:var(--gutter);grid-template-columns:repeat(3,1fr);row-gap:2.25rem;display:grid}@media (width<=900px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.card-grid{grid-template-columns:1fr}}.card{flex-direction:column;gap:.75rem;display:flex}.card__body{flex-direction:column;gap:.4rem;display:flex}.card__title{font-family:var(--serif);margin:.2rem 0 0;font-size:1.2rem;font-weight:500;line-height:1.25}.card__title a{color:var(--fg);text-decoration:none}.card__title a:hover{color:var(--accent-ink)}.card__meta{color:var(--muted);font-size:var(--fs-meta)}.card__desc{color:var(--muted);margin:0;font-size:.98rem}.featured{margin-bottom:3.5rem}.featured__card{grid-template-columns:1.1fr 1fr;align-items:center;gap:2.25rem;display:grid}@media (width<=760px){.featured__card{grid-template-columns:1fr;gap:1.25rem}}.featured .media{aspect-ratio:16/10;border-radius:16px}.featured__title{font-family:var(--serif);letter-spacing:-.01em;margin:.6rem 0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.15}.featured__title a{color:var(--fg);text-decoration:none}.featured__title a:hover{color:var(--accent-ink)}.featured__desc{color:var(--muted);margin:0 0 .75rem;font-size:1.1rem}.featured__meta{color:var(--muted);font-size:var(--fs-meta)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.78rem;font-weight:600}.metarow{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.metarow .dot{color:var(--border)}.page-head{padding-block:2.5rem 1.5rem}.page-head h1{font-family:var(--serif);margin:0 0 .4rem;font-size:2.4rem}.page-head p{color:var(--muted);margin:0}.article{padding-block:2.5rem 4rem}.breadcrumb{font-size:var(--fs-meta);color:var(--muted);margin-bottom:1rem}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.article__title{letter-spacing:-.01em;margin:.3rem 0 1rem;font-size:clamp(2rem,5vw,2.85rem);font-weight:600;line-height:1.15}.article__meta{color:var(--muted);font-size:var(--fs-meta);margin-bottom:1.75rem}.article__hero{margin:0 0 2rem}.article__hero .media{aspect-ratio:16/8;border-radius:16px}.prose{max-width:var(--content-width);padding-inline:var(--pad-x);margin-inline:auto}.prose>*{margin-inline:auto}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose table{margin:0 0 1.4rem}.prose h2{margin-top:2.4rem}.prose h3{margin-top:1.8rem}.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin-bottom:.4rem}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);padding:.2rem 0 .2rem 1.2rem;font-style:italic}.prose code{font-family:var(--mono);background:#f0ede4;border-radius:5px;padding:.15em .4em;font-size:.9em}.prose pre{font-family:var(--mono);border:1px solid var(--border);border-radius:12px;padding:1rem 1.15rem;font-size:.92rem;line-height:1.5;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.prose img{border:1px solid var(--border);border-radius:12px;margin-block:1.5rem}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.prose table{border-collapse:collapse;width:100%;font-size:.98rem}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem}.prose th{background:#f0ede4}.notfound{text-align:center;padding-block:6rem}.notfound h1{margin-bottom:.5rem;font-size:4rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}