.modern-post{--wrap:1200px;--gutter:24px;--text:#1a1a1a;--muted:#6b7280;--shade:#f9fafb;--accent:#3a7477;--border:#e5e7eb}.modern-post *{box-sizing:border-box}.modern-post .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}.modern-post .hero{background:linear-gradient(180deg, #fff 0%, #f9fafb 100%);padding:0 0 24px;border-bottom:1px solid var(--border)}.modern-post .hero>.wrap{display:block}@media(max-width: 768px){.modern-post .hero{padding:32px 0 20px}}.modern-post .breadcrumbs{font-size:13px;margin-bottom:16px;display:flex;gap:8px;color:var(--muted);flex-wrap:wrap}.modern-post .breadcrumbs a{color:var(--muted);text-decoration:none}.modern-post .breadcrumbs a:hover{color:var(--accent)}.modern-post .categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.modern-post .category-pill{display:inline-flex;align-items:center;padding:6px 14px;background:var(--accent);color:#fff;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;text-decoration:none}.modern-post .category-pill.secondary{background:var(--shade);color:var(--muted);border:1px solid var(--border)}.modern-post .title{margin:12px 0 16px;line-height:1.1;font-weight:800;font-size:clamp(32px,5vw,52px)}.modern-post .meta{color:var(--muted);font-size:15px;display:flex;gap:20px;flex-wrap:wrap}.modern-post .hero-media{margin:24px auto 0;border-radius:16px;overflow:hidden;aspect-ratio:16/9;max-height:300px;width:100%;display:block;box-shadow:0 20px 40px rgba(0,0,0,.08)}.modern-post .hero-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.modern-post .content-area{display:grid;grid-template-columns:minmax(0, 1fr);gap:32px;margin:40px auto 64px}@media(min-width: 1024px){.modern-post .content-area{grid-template-columns:minmax(0, 760px) 300px}}.modern-post .content-area.single-column{grid-template-columns:minmax(0, 1fr);max-width:900px;margin-left:auto;margin-right:auto}.modern-post .post-content{font-size:18px;line-height:1.75;color:var(--text);font-family:Georgia,serif}.modern-post .post-content>*:first-child{margin-top:0}.modern-post .post-content h2,.modern-post .post-content h3{scroll-margin-top:50px}.modern-post .post-content h2{font-size:32px;line-height:1.2;margin-top:2em;margin-bottom:.6em;font-weight:700}.modern-post .post-content h3{font-size:24px;line-height:1.3;margin-top:1.5em;margin-bottom:.5em;font-weight:600}.modern-post .sticky-sidebar{position:sticky;top:24px}.modern-post .sidebar-card{background:#fff;border-radius:16px;padding:24px;border:1px solid var(--border);box-shadow:0 4px 6px rgba(0,0,0,.05)}.modern-post .card-title{margin:0 0 12px;font-weight:700;font-size:16px}.modern-post .toc-list{list-style:none;padding:0;margin:0}.modern-post .toc-list li{margin-bottom:8px}.modern-post .toc-list a{color:var(--muted);text-decoration:none;font-size:14px;line-height:1.4;display:block;padding:4px 0;border-left:2px solid rgba(0,0,0,0);transition:all .2s}.modern-post .toc-list a:hover{color:var(--accent);padding-left:8px;border-left-color:var(--accent)}.modern-post .toc-list a.active{color:var(--accent);font-weight:600;border-left-color:var(--accent);padding-left:8px}.modern-post .toc-list .toc-h3{margin-left:16px;font-size:13px}.modern-post .products{margin:64px 0 80px;padding:64px 0;background:var(--shade)}.modern-post .products h2{font-size:28px;margin:0 0 32px;text-align:center}.modern-post .products-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:24px}.modern-post .products-grid>.product-card{height:100%}.modern-post .product-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s}.modern-post .product-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.08)}.modern-post .product-media{aspect-ratio:4/3;background:#f3f4f6;overflow:hidden}.modern-post .product-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.modern-post .product-pad{padding:16px 18px;display:flex;flex-direction:column;gap:10px;height:100%}.modern-post .product-title{margin:0;font-size:18px;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;hyphens:auto;min-height:2.6em}.modern-post .product-price{color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.modern-post .product-actions{margin-top:auto}.modern-post .product-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;font-size:14px}.modern-post .product-btn:hover{background:#2e5a5c}.modern-post .related{margin:64px 0 80px;padding:64px 0;background:var(--shade)}.modern-post .related h2{font-size:28px;margin:0 0 32px;text-align:center}.modern-post .related-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:24px}.modern-post .card{background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;display:block;transition:transform .2s,box-shadow .2s}.modern-post .card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.modern-post .card-image{aspect-ratio:16/9;background:#f3f4f6;overflow:hidden}.modern-post .card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.modern-post .card .pad{padding:16px 18px}.modern-post .card .pad h3{margin:0 0 6px;font-size:18px;line-height:1.3;color:var(--text)}.modern-post .card .meta-line{font-size:13px;color:var(--muted);display:flex;gap:8px}.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;background:rgba(58,116,119,.12);z-index:9999}.reading-progress__bar{height:100%;width:0;background:var(--accent);transition:width .15s ease}body.admin-bar .reading-progress{top:32px}@media(max-width: 782px){body.admin-bar .reading-progress{top:46px}}