.article-surface{margin-block-start:20px;padding:18px 40px 40px;background:linear-gradient(115deg,var(--bg-secondary),var(--article-surface) 45%)}
.article-hero-image{display:block;width:100%;aspect-ratio:40/13;object-fit:cover;border:1px solid var(--article-border);border-radius:24px;background:var(--article-card)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;grid-template-areas:"story sidebar";align-items:start;gap:42px;margin-block-start:28px}
.article-story{grid-area:story;min-width:0}
.article-heading .eyebrow{font-size:.7rem;line-height:1.5;padding:3px 10px}
.article-heading h1{font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:1.6;margin-block:12px 9px}
.article-deck{font-size:.9rem;line-height:1.9;color:var(--text-secondary)}
.article-byline{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-block:28px 35px;color:var(--text-muted);font-size:.74rem}
.article-byline>span,.article-byline>a{display:flex;align-items:center;gap:8px}
.article-byline>span{padding-inline-end:20px;border-inline-end:1px solid var(--article-border)}
.article-byline .icon{width:21px;height:21px}
.article-byline a:hover{color:var(--accent-text)}
.article-section{padding-block:0 22px;margin-block-end:22px;border-block-end:1px solid var(--article-border);scroll-margin-block-start:26px}
.article-section h2,.article-related>h2{font-size:1.3rem;border-inline-start:4px solid var(--color-primary);padding-inline-start:14px;line-height:1.5;margin-block-end:13px}
.article-section p{font-size:1.02rem;line-height:1.95;color:var(--text-secondary);text-wrap:pretty}
.article-section p+p{margin-block-start:14px}
.article-steps{display:grid;gap:14px}
.article-steps li{display:flex;align-items:center;gap:18px;padding:17px 20px;border:1px solid var(--article-border);border-radius:20px;background:var(--article-card)}
.article-steps li>div{flex:1;min-width:0}
.article-steps h3{font-size:1.02rem;margin-block-end:4px}
.article-steps p{font-size:.9rem;line-height:1.8}
.article-steps li>span{display:grid;place-items:center;flex:none;width:48px;height:48px;background:var(--color-primary);color:var(--color-black);border-radius:50%;font-size:1.7rem;font-weight:800;box-shadow:0 5px 20px var(--article-glow)}
.article-read-control{text-align:center;margin-block:0 28px}
.article-read-control .button{min-width:235px;min-height:46px;border-width:2px;font-size:.85rem}
.article-read-control .icon{width:15px;height:15px}
.article-read-control [aria-expanded=true] .icon{transform:rotate(180deg)}
.article-sidebar{grid-area:sidebar;align-self:stretch;min-width:0}
.article-sidebar-inner{position:sticky;top:24px;display:grid;gap:18px}
.article-toc,.article-author,.article-store-promo{border:1px solid var(--article-border);border-radius:12px;background:var(--article-card);padding:20px 15px}
.article-toc h2{display:flex;align-items:center;gap:10px;font-size:1rem;margin-block-end:16px;padding-inline:8px}
.article-toc h2 .icon{color:var(--accent-text);width:18px;height:18px}
.article-toc ol{display:grid;gap:5px}
.article-toc a{display:flex;align-items:baseline;gap:12px;min-height:37px;padding:8px;border-inline-start:3px solid transparent;border-radius:3px;font-size:.8rem;color:var(--text-secondary);line-height:1.6}
.article-toc a>span{font-size:.75rem;flex:none;min-width:19px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.article-toc a:hover{color:var(--accent-text);background:var(--accent-wash)}
.article-toc a[aria-current=location]{color:var(--accent-text);border-inline-start-color:var(--color-primary);background:linear-gradient(to left,var(--article-glow),transparent)}
.article-toc a[aria-current=location]>span{color:inherit}
.article-author-heading{display:flex;gap:13px;align-items:center}
.author-avatar{display:grid;place-items:center;width:52px;height:52px;flex:none;background:var(--accent-wash);color:var(--accent-text);border:1px solid var(--article-border);border-radius:50%}
.author-avatar .icon{width:27px;height:27px}
.article-author h2{font-size:.8rem;margin-block-end:3px}
.article-author strong{display:block;font-size:.95rem}
.article-author small{display:block;margin-block-start:4px;font-size:.63rem;color:var(--text-muted)}
.article-author p{font-size:.85rem;line-height:1.85;color:var(--text-secondary);margin-block-start:17px}
.article-store-promo{text-align:center;background:radial-gradient(ellipse at center,var(--article-glow),transparent 75%),var(--article-card);padding:18px 18px 20px}
.article-shop-bag{display:grid;place-items:center;width:90px;height:94px;margin:0 auto 13px;transform:rotate(-12deg);color:var(--color-primary);filter:drop-shadow(0 12px 14px #0003)}
.article-shop-bag .icon{width:78px;height:78px;fill:var(--color-primary);stroke:var(--color-secondary);stroke-width:1.2}
.article-store-promo h2{font-size:1.15rem;color:var(--accent-text);margin-block-end:9px}
.article-store-promo p{font-size:.88rem;line-height:1.8;color:var(--text-secondary)}
.article-store-promo>.button{width:100%;margin-block:16px;font-size:.9rem;padding-inline:10px;min-height:50px}
.article-store-promo ul{display:grid;gap:5px;width:fit-content;margin-inline:auto}
.article-store-promo li{display:flex;align-items:center;gap:7px;font-size:.7rem;color:var(--text-secondary)}
.article-store-promo li .icon{width:16px;height:16px;color:var(--accent-text)}
.article-share{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:22px;border:1px solid var(--article-border);border-radius:20px;background:var(--article-card);margin-block-start:28px}
.article-share h2{font-size:1.05rem}
.article-share p{font-size:.84rem;color:var(--text-secondary);margin-block-start:3px}
.article-share-buttons{display:flex;gap:8px}
.article-share-buttons>a,.article-share-buttons>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--article-border);background:transparent;border-radius:50%;color:var(--text-secondary);cursor:pointer}
.article-share-buttons>a:hover,.article-share-buttons>button:hover{background:var(--accent-wash);border-color:var(--accent-text);color:var(--accent-text)}
.article-share-buttons .icon{width:24px;height:24px;stroke-width:2}
.article-share-buttons [data-share=facebook]{color:#2675c4;border-color:#2675c44d}
.article-share-buttons [data-share=whatsapp]{color:#159945;border-color:#1599454d}
.share-status:empty{display:none}
.share-status{flex-basis:100%}
.share-link-fallback{width:100%;min-width:0}
.share-link-fallback label{display:block;font-size:.8rem;color:var(--text-secondary);margin-block-end:6px}
.share-link-fallback input{display:block;width:100%;min-width:0;padding:10px;border:1px solid var(--article-border);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:.85rem}
.article-related{margin-block-start:40px}
.article-related>h2{margin-block-end:20px;font-size:1.45rem}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.related-card .card-image{aspect-ratio:2.2}
.related-card .card-content{padding:0 6px 9px}
.related-card .eyebrow{align-self:flex-start;font-size:.68rem;line-height:1.6;margin-block:-3px 12px;background:var(--article-surface);border-color:var(--accent-text);position:relative}
.related-card .card-content h3{font-size:1.1rem;line-height:1.75;margin-block-end:20px}
.related-card .circle-link{width:37px;height:37px;border-width:2px}

@media(max-width:1119px){.article-surface{padding-inline:26px}.article-layout{grid-template-columns:minmax(0,1fr) 245px;gap:25px}.article-toc,.article-author{padding:17px 12px}.article-toc a{font-size:.75rem;gap:8px;padding-inline:5px}.article-store-promo{padding:16px 12px}.article-byline{gap:13px;font-size:.69rem}.article-byline>span{padding-inline-end:13px}.article-heading h1{font-size:1.8rem}.article-section p{font-size:.95rem}.article-steps li{padding:15px;gap:12px}.article-steps li>span{width:39px;height:39px;font-size:1.4rem}.article-share{padding:18px}.related-grid{gap:15px}.related-card .card-content h3{font-size:.95rem}}
@media(max-width:767px){.article-surface{margin-block-start:12px;padding:16px 16px 26px}.article-hero-image{aspect-ratio:2;border-radius:15px}.article-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"toc" "story" "author";gap:24px;margin-block-start:22px}.article-sidebar,.article-sidebar-inner{display:contents}.article-toc{grid-area:toc;padding:17px 12px}.article-toc h2{margin-block-end:10px}.article-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}.article-toc a{font-size:.75rem;min-height:44px}.article-author{grid-area:author;padding:20px}.article-author p{margin-block-start:12px}.article-store-promo{display:none}.article-heading h1{font-size:1.75rem}.article-byline{margin-block:20px 28px;gap:12px}.article-byline>span{border:0;padding:0}.article-byline .icon{width:18px;height:18px}.article-section h2{font-size:1.2rem}.article-section p{font-size:1rem}.article-steps li{border-radius:14px;padding:15px}.article-steps h3{font-size:.95rem}.article-steps p{font-size:.9rem}.article-share{padding:18px;justify-content:center;text-align:center}.article-share-buttons{gap:12px}.article-related{margin-block-start:28px}.related-grid{grid-template-columns:minmax(0,1fr);gap:18px}.related-card .card-content h3{font-size:1.05rem;margin-block-end:15px}.related-card .card-content{padding-inline:10px}}
@media(max-width:479px){.article-surface{padding-inline:12px}.article-toc a{font-size:.71rem;gap:6px}.article-toc a>span{min-width:16px;font-size:.68rem}.article-heading h1{font-size:1.55rem}.article-deck{font-size:.85rem}.article-byline{font-size:.68rem}.article-section h2{font-size:1.1rem;padding-inline-start:10px}.article-section p{font-size:.95rem}.article-steps li{padding:13px;align-items:flex-start}.article-steps li>span{width:32px;height:32px;font-size:1.2rem}.article-steps p{font-size:.83rem}.article-read-control .button{min-width:190px}}
@media print{.article-breadcrumb,.article-sidebar,.article-read-control,.article-share,.article-related,.article-cta{display:none}.article-surface{width:100%;padding:0;background:#fff}.article-layout{display:block}.article-story{color:#000}#article-more-content[hidden]{display:block!important}.article-section{break-inside:avoid}.article-section p{color:#333}}
