/* Magazyn Vitadiet — artykuły 1.0.0. Samodzielny arkusz; nie dopisywać do home.css. */
body.vdma-page { margin:0; padding:0; background:#0c291f; }
.vdma { --a-bg:#0c291f; --a-cream:#f2f4e9; --a-lime:#d9f36a; background:var(--a-bg); color:var(--a-cream); font:18px/1.8 Arial,Helvetica,sans-serif; overflow-wrap:break-word; }
.vdma *, .vdma *::before, .vdma *::after { box-sizing:border-box; }
.vdma a { color:inherit; text-decoration:none; }
.vdma h1,.vdma h2,.vdma h3,.vdma h4,.vdma p,.vdma ul,.vdma ol,.vdma figure { color:inherit; font-family:inherit; }
.vdma .vdma-wrap { width:min(1320px,calc(100% - 80px)); margin-inline:auto; }
.vdma .vdma-reading { width:min(740px,calc(100% - 40px)); margin-inline:auto; }
.vdma .vdma-header { margin:0; padding:0; border:0; border-bottom:1px solid #ffffff20; background:#0c291f; }
.vdma .vdma-nav { min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:14px; }
.vdma .vdma-logo { display:inline-flex; align-items:center; gap:15px; font-size:30px; letter-spacing:-1.5px; font-weight:800; line-height:1.2; }
.vdma .vdma-logo small { font-size:9px; letter-spacing:1.8px; font-weight:400; border-left:1px solid #ffffff60; padding-left:15px; }
.vdma .vdma-nav nav { font-size:12px; }
.vdma .vdma-shop { display:inline-flex; align-items:center; justify-content:center; gap:10px; flex-shrink:0; height:44px; padding:0 17px; border:1px solid #ffffff55; border-radius:999px; font-size:12px; line-height:1; }
.vdma .vdma-shop svg { display:block; width:21px; height:21px; flex-shrink:0; }
.vdma .vdma-shop:hover { background:#1f4d3a; border-color:var(--a-lime); }
.vdma .vdma-main { margin:0; padding:0; }
.vdma .vdma-intro { padding-block:46px 34px; }
.vdma .vdma-breadcrumb { font-size:12px; color:#b6c9bc; margin-bottom:26px; }
.vdma .vdma-eyebrow { font-size:10px; font-weight:700; letter-spacing:2px; line-height:1.6; color:var(--a-lime); margin:0 0 16px; }
.vdma .vdma-intro h1 { margin:0 0 24px; font-size:clamp(32px,4vw,52px); line-height:1.12; letter-spacing:-1.8px; font-weight:700; }
.vdma .vdma-meta { font-size:12px; color:#b6c9bc; }
.vdma .vdma-feature { max-width:1040px; margin-block:0 42px; }
.vdma .vdma-feature img { display:block; width:100%; height:auto; border-radius:24px; }
.vdma .vdma-content { font-size:18px; line-height:1.8; padding-bottom:20px; }
.vdma .vdma-content p { margin:0 0 1.3em; }
.vdma .vdma-content h2 { margin:1.9em 0 .7em; font-size:32px; line-height:1.22; letter-spacing:-.7px; }
.vdma .vdma-content h3 { margin:1.6em 0 .65em; font-size:25px; line-height:1.3; }
.vdma .vdma-content h4 { margin:1.5em 0 .6em; font-size:21px; line-height:1.4; }
.vdma .vdma-content a:not(.wp-element-button):not(.wp-block-button__link) { color:var(--a-lime); text-decoration:underline; text-underline-offset:4px; }
.vdma .vdma-content ul,.vdma .vdma-content ol { padding-left:1.4em; margin:0 0 1.4em; }
.vdma .vdma-content li { margin-bottom:.5em; }
.vdma .vdma-content li > ul,.vdma .vdma-content li > ol { margin-block:.5em; }
.vdma .vdma-content blockquote { margin:30px 0; padding:22px 26px; background:#163c2c; border-left:3px solid var(--a-lime); border-radius:0 16px 16px 0; font-size:21px; }
.vdma .vdma-content blockquote p:last-child { margin-bottom:0; }
.vdma .vdma-content img { max-width:100%; height:auto; border-radius:16px; }
.vdma .vdma-content figure { max-width:100%; margin-block:28px; }
.vdma .vdma-content figcaption { font-size:12px; color:#b6c9bc; margin-top:10px; }
.vdma .vdma-content .alignwide,.vdma .vdma-content .alignfull { width:100%; max-width:100%; margin-inline:0; }
.vdma .vdma-content .wp-block-table { overflow-x:auto; }
.vdma .vdma-content table { width:100%; border-collapse:collapse; font-size:16px; }
.vdma .vdma-content th,.vdma .vdma-content td { padding:12px; border:1px solid #ffffff40; }
.vdma .vdma-content pre { overflow:auto; padding:20px; background:#082117; color:var(--a-cream); }
.vdma .vdma-content iframe,.vdma .vdma-content video { max-width:100%; }
.vdma .vdma-content hr { border:0; border-top:1px solid #ffffff30; margin-block:36px; }
.vdma .vdma-content .wp-block-button__link,.vdma .vdma-button,.vdma .vdma-content input[type=submit] { display:inline-flex; align-items:center; gap:18px; padding:13px 22px; border:0; border-radius:999px; background:var(--a-lime); color:var(--a-bg); font:700 12px/1.6 Arial,Helvetica,sans-serif; cursor:pointer; }
.vdma .vdma-content input[type=password] { max-width:100%; background:#f2f4e9; color:#0c291f; border-radius:8px; }
.vdma .vdma-back { padding-block:20px 54px; }
.vdma .vdma-related { border-top:1px solid #ffffff25; padding-block:54px 70px; }
.vdma .vdma-related > h2 { font-size:38px; line-height:1.2; letter-spacing:-1px; margin:0 0 28px; }
.vdma .vdma-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.vdma .vdma-card { background:var(--a-cream); color:#173e2d; border-radius:22px; overflow:hidden; min-width:0; }
.vdma .vdma-card > a { display:flex; flex-direction:column; height:100%; }
.vdma .vdma-card-image { height:190px; background:#c9bdf2; display:grid; place-items:center; overflow:hidden; }
.vdma .vdma-card-image img { display:block; width:100%; height:100%; object-fit:cover; }
.vdma .vdma-card-image > span { font-size:80px; font-weight:800; line-height:1; }
.vdma .vdma-card-copy { padding:24px; display:flex; flex-direction:column; flex:1; gap:22px; }
.vdma .vdma-card-copy h3 { font-size:22px; line-height:1.25; letter-spacing:-.5px; margin:0; }
.vdma .vdma-card-copy > span { margin-top:auto; font-size:11px; font-weight:700; }
.vdma .vdma-footer { margin:0; padding:42px 0 24px; background:#082117; }
.vdma .vdma-footer p { font-size:12px; color:#b6c9bc; margin:18px 0; }
.vdma .vdma-footer-links { display:flex; flex-wrap:wrap; gap:24px; font-size:12px; }
.vdma .vdma-footer .vdma-note { border-top:1px solid #ffffff25; padding-top:20px; margin-top:28px; font-size:10px; }
.vdma .vdma-skip { position:fixed; top:-200px; left:16px; z-index:100000; padding:12px 20px; background:var(--a-lime); color:var(--a-bg); }
.vdma .vdma-skip:focus { top:42px; }
.vdma a:focus-visible,.vdma input:focus-visible,.vdma button:focus-visible { outline:3px solid var(--a-lime); outline-offset:4px; }
@media(max-width:767px) {
 .vdma .vdma-wrap { width:calc(100% - 40px); }
 .vdma .vdma-nav { flex-wrap:wrap; gap:16px; padding-block:18px; }
 .vdma .vdma-logo { font-size:26px; gap:12px; }
 .vdma .vdma-logo small { padding-left:12px; font-size:8px; }
 .vdma .vdma-nav nav { order:3; width:100%; }
 .vdma .vdma-shop { height:42px; padding:0 13px; gap:8px; }
 .vdma .vdma-intro { padding-block:30px 28px; }
 .vdma .vdma-intro h1 { letter-spacing:-1px; }
 .vdma .vdma-feature { margin-bottom:30px; }
 .vdma .vdma-feature img { border-radius:18px; }
 .vdma .vdma-content { font-size:17px; line-height:1.8; }
 .vdma .vdma-content h2 { font-size:27px; }
 .vdma .vdma-content h3 { font-size:23px; }
 .vdma .vdma-content blockquote { padding:20px; font-size:19px; }
 .vdma .vdma-grid { grid-template-columns:1fr; }
 .vdma .vdma-related { padding-block:38px 48px; }
}