.blog-archive-page main,.blog-category-page main{background:radial-gradient(circle at 50% -10%,rgba(211,252,114,.07),rgba(0,0,0,0) 34rem)}.blog-archive-shell,.blog-category-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:28px 0 72px}.blog-archive-nav,.blog-category-nav{display:flex;gap:8px;align-items:center;overflow-x:auto;white-space:nowrap;padding:4px 0 18px;scrollbar-width:none}.blog-archive-nav::-webkit-scrollbar,.blog-category-nav::-webkit-scrollbar{display:none}.blog-archive-nav a,.blog-category-nav a{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);border-radius:999px;color:#FFFFFF;font-size:12px;font-weight:800;transition:.2s;flex:0 0 auto}.blog-archive-nav a:hover,.blog-category-nav a:hover{color:#000000;background:var(--green);border-color:var(--green)}.blog-archive-hero,.blog-category-hero{position:relative;overflow:hidden;margin:8px 0 42px;padding:52px 54px;border:1px solid rgba(211,252,114,.2);border-radius:28px;background:linear-gradient(135deg,rgba(211,252,114,.08),rgba(255,255,255,.025) 48%,rgba(255,255,255,.015));box-shadow:0 25px 70px rgba(0,0,0,.3)}.blog-archive-hero:after,.blog-category-hero:after{content:"";position:absolute;width:280px;height:280px;right:-120px;top:-150px;border-radius:50%;background:rgba(211,252,114,.1);filter:blur(35px);pointer-events:none}.blog-archive-kicker,.blog-category-kicker{position:relative;color:var(--green);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}.blog-archive-hero h1,.blog-category-hero h1{position:relative;max-width:850px;font-size:clamp(34px,5vw,58px);margin:0 0 16px}.blog-archive-hero p,.blog-category-hero p{position:relative;max-width:820px;color:#FFFFFF;font-size:17px;line-height:1.75;margin:0}.blog-archive-section>h2{font-size:30px;margin:0}.section-note{color:var(--muted);margin:8px 0 24px}.blog-archive-grid,.blog-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.blog-archive-card,.blog-category-card{min-width:0;display:flex;flex-direction:column;min-height:260px;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 12px 38px rgba(0,0,0,.2);transition:transform .2s,border-color .2s,box-shadow .2s}.blog-archive-card:hover,.blog-category-card:hover{transform:translateY(-4px);border-color:rgba(211,252,114,.38);box-shadow:0 18px 48px rgba(0,0,0,.3),0 0 28px rgba(211,252,114,.06)}.blog-archive-card h3,.blog-category-card h3{font-size:18px;line-height:1.3;margin:0 0 12px}.blog-archive-card h3 a,.blog-category-card h3 a{color:#FFFFFF}.blog-archive-card p,.blog-category-card p{color:#FFFFFF;font-size:13px;line-height:1.65;margin:0 0 18px}.blog-archive-card .read-link,.blog-category-card .read-link{margin-top:auto;color:var(--green);font-size:12px;font-weight:900}.blog-category-actions{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.blog-archive-pagination,.blog-category-page .pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:34px 0 0}.blog-archive-pagination a,.blog-category-page .pagination a{min-width:38px;height:38px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:11px;color:#FFFFFF;background:rgba(255,255,255,.025);font-size:12px;font-weight:850}.blog-archive-pagination a:hover,.blog-category-page .pagination a:hover,.blog-archive-pagination .active,.blog-category-page .pagination .active{color:#000000;background:var(--green);border-color:var(--green)}.blog-category-page>main{min-height:60vh}.blog-category-shell>section:not(.blog-category-hero){margin-top:8px}.blog-article-page .content-wrap,.blog-article-page .article-shell{width:min(1180px,calc(100% - 36px));margin:0 auto}.blog-article-page .article-header,.blog-article-page .article-main,.blog-article-page .article-aside,.blog-article-page .source-box,.blog-article-page .related-grid{border-color:rgba(255,255,255,.09)}@media(max-width:1000px){.blog-archive-grid,.blog-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-archive-hero,.blog-category-hero{padding:42px 38px}}@media(max-width:640px){.blog-archive-shell,.blog-category-shell{width:min(100% - 28px,1180px);padding-top:18px}.blog-archive-nav,.blog-category-nav{margin-inline:-2px;padding-bottom:14px}.blog-archive-hero,.blog-category-hero{padding:32px 24px;border-radius:22px;margin-bottom:30px}.blog-archive-hero h1,.blog-category-hero h1{font-size:34px}.blog-archive-hero p,.blog-category-hero p{font-size:15px;line-height:1.65}.blog-archive-grid,.blog-category-grid{grid-template-columns:1fr;gap:14px}.blog-archive-card,.blog-category-card{min-height:0;padding:20px}.blog-archive-pagination,.blog-category-page .pagination{gap:5px}.blog-archive-pagination a,.blog-category-page .pagination a{min-width:34px;height:34px;padding:0 9px}}.blog-archive-page main,.blog-category-page main{background:radial-gradient(circle at 50% -10%,rgba(211,252,114,.12),rgba(0,0,0,0) 34rem)}.blog-archive-hero,.blog-category-hero{border-color:rgba(211,252,114,.20);background:linear-gradient(135deg,rgba(211,252,114,.08),rgba(211,252,114,.055) 48%,rgba(0,0,0,.20));}.blog-archive-hero:after,.blog-category-hero:after{background:rgba(211,252,114,.12)}.blog-archive-card:hover,.blog-category-card:hover{border-color:rgba(211,252,114,.38);box-shadow:0 18px 48px rgba(0,0,0,.35),0 0 28px rgba(211,252,114,.08)}.blog-archive-card .read-link,.blog-category-card .read-link{color:#D3FC72}.blog-archive-nav a:hover,.blog-category-nav a:hover,.blog-archive-pagination a:hover,.blog-category-page .pagination a:hover,.blog-archive-pagination .active,.blog-category-page .pagination .active{color:#000000;background:#D3FC72;border-color:#D3FC72}.blog-archive-page main,.blog-category-page main{background:radial-gradient(circle at 50% -10%,rgba(85,55,153,.16),rgba(0,0,0,0) 34rem)}.blog-archive-hero,.blog-category-hero{border-color:rgba(211,252,114,.24);background:linear-gradient(135deg,rgba(85,55,153,.18),rgba(52,32,102,.30) 48%,rgba(30,27,38,.96))}.blog-archive-hero:after,.blog-category-hero:after{background:rgba(211,252,114,.12)}.blog-archive-card,.blog-category-card{background:linear-gradient(145deg,#1E1B26,#342066);border-color:rgba(255,255,255,.10)}.blog-archive-card:hover,.blog-category-card:hover{border-color:rgba(211,252,114,.42);box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 28px rgba(211,252,114,.08)}.blog-archive-card .read-link,.blog-category-card .read-link{color:#D3FC72}.blog-archive-nav a:hover,.blog-category-nav a:hover,.blog-archive-pagination a:hover,.blog-category-page .pagination a:hover,.blog-archive-pagination .active,.blog-category-page .pagination .active{color:#000000;background:#D3FC72;border-color:#D3FC72}html,body{max-width:100%;overflow-x:hidden}img,video,iframe{max-width:100%}.article-main,.article-main .prose,.blog-card,.category-grid a{overflow-wrap:anywhere}.article-main .prose p,.article-main .prose li{overflow-wrap:anywhere}.article-main .prose table{display:block;max-width:100%;overflow-x:auto}.blog-shell,.article-shell{overflow-x:clip}@media(max-width:820px){.blog-category-nav{top:64px}.article-main{width:100%}.article-header h1{font-size:clamp(34px,9vw,48px)}}@media(max-width:560px){.blog-hero-main h1{font-size:clamp(34px,10vw,46px)}.article-main .prose h2{font-size:25px}.article-main .prose p,.article-main .prose li{font-size:15px}}.blog-shell .category-index-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;margin:22px 0 34px!important}.blog-shell .category-index-grid .category-card{min-width:0!important;min-height:150px!important;padding:20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:7px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;background:linear-gradient(145deg,#1E1B26,#342066)!important;color:#fff!important;text-decoration:none!important;overflow:hidden!important;overflow-wrap:anywhere!important;transition:transform .2s,border-color .2s,box-shadow .2s!important}.blog-shell .category-index-grid .category-card:hover{transform:translateY(-3px)!important;border-color:rgba(211,252,114,.45)!important;box-shadow:0 16px 42px rgba(0,0,0,.30),0 0 24px rgba(211,252,114,.07)!important}.blog-shell .category-card .category-number{font-size:11px;font-weight:900;letter-spacing:.12em;color:#D3FC72}.blog-shell .category-card strong{font-size:17px;line-height:1.25;color:#fff}.blog-shell .category-card small{font-size:12px;line-height:1.4;color:rgba(255,255,255,.66)}.blog-shell .category-card .category-link{margin-top:auto;font-size:12px;font-weight:900;color:#D3FC72}.blog-shell .blog-category-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;align-items:center!important;gap:8px!important}.blog-shell .blog-category-nav a{white-space:nowrap!important;flex:0 0 auto!important}.blog-shell .pagination{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;margin:30px auto 10px!important}.blog-shell .pagination a{min-width:38px!important;height:38px!important;padding:0 11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.blog-shell .pagination a[aria-current="page"],.blog-shell .pagination .active{color:#000!important;background:#D3FC72!important;border-color:#D3FC72!important;font-weight:900!important}@media(max-width:1100px){.blog-shell .category-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:820px){.blog-shell .category-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.blog-shell .category-index-grid{grid-template-columns:1fr!important;gap:10px!important}.blog-shell .category-index-grid .category-card{min-height:128px!important;padding:17px!important}.blog-shell .category-card strong{font-size:16px!important}.blog-shell .pagination{gap:5px!important}.blog-shell .pagination a{min-width:34px!important;height:34px!important;padding:0 8px!important}}.blog-category-nav{display:none!important}.category-selector{margin:18px 0 30px}.category-selector-head{margin-bottom:18px}.category-selector-head p{max-width:780px}.category-selector .category-index-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;margin:0!important}.category-selector .category-card{min-width:0!important;min-height:142px!important;padding:20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important;overflow:hidden!important;overflow-wrap:anywhere!important}.category-selector .category-card strong{font-size:17px!important;line-height:1.25!important;max-width:100%!important;overflow-wrap:anywhere!important}.category-selector .category-card small{font-size:12px!important;line-height:1.4!important}.category-selector .category-card .category-link{margin-top:auto!important}.blog-category-page .blog-hero{margin-top:0}.blog-category-page .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-category-page .blog-card{min-width:0;overflow:hidden;overflow-wrap:anywhere}.blog-category-page .pagination{margin-top:30px;padding:4px 0 8px}.blog-category-page .pagination a{min-width:42px;height:42px}@media(max-width:1050px){.category-selector .category-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.blog-category-page .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.category-selector .category-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.category-selector .category-card{min-height:128px!important;padding:16px!important}.category-selector .category-card strong{font-size:15px!important}.blog-category-page .blog-grid{grid-template-columns:1fr;gap:14px}.blog-category-page .pagination a{min-width:40px;height:40px}}@media(max-width:430px){.category-selector .category-index-grid{grid-template-columns:1fr!important}.category-selector .category-card{min-height:112px!important}}.blog-home,.blog-category-page{background:#000;color:#fff;min-height:60vh}.blog-home-shell,.blog-category-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:34px 0 78px}.blog-home-hero,.category-hero{padding:54px 56px;margin:0 0 34px;border:1px solid rgba(211,252,114,.18);border-radius:28px;background:linear-gradient(135deg,rgba(211,252,114,.08),rgba(255,255,255,.025) 52%,rgba(255,255,255,.012))}.blog-home-hero h1,.category-hero h1{max-width:900px;margin:8px 0 14px;font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-.035em}.blog-home-hero p,.category-hero p{max-width:820px;margin:0;color:rgba(255,255,255,.72);font-size:17px;line-height:1.7}.eyebrow{display:inline-block;color:#D3FC72;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.topic-section .section-head{text-align:center;max-width:780px;margin:0 auto 26px}.topic-section h2{margin:8px 0;font-size:34px}.topic-section .section-head p{margin:0;color:rgba(255,255,255,.65);line-height:1.6}.topic-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}.topic-card{min-width:0!important;width:100%!important;box-sizing:border-box!important;min-height:172px!important;padding:21px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;background:linear-gradient(145deg,#121212,#191919)!important;color:#fff!important;text-decoration:none!important;overflow:hidden!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}.topic-card strong{display:block!important;width:100%!important;max-width:100%!important;font-size:18px!important;line-height:1.25!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}.topic-meta{display:block!important;width:100%!important;color:rgba(255,255,255,.62)!important;font-size:12px!important;line-height:1.45!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}.topic-no{font-size:11px;font-weight:900;letter-spacing:.15em;color:#D3FC72}.topic-cta{margin-top:auto;color:#D3FC72;font-size:12px;font-weight:900}.blog-home-note{margin-top:38px;padding:26px 30px;border:1px solid rgba(255,255,255,.09);border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,255,255,.025)}.blog-home-note h2{margin:7px 0;font-size:26px}.blog-home-note p{margin:0;color:rgba(255,255,255,.65);line-height:1.6;max-width:760px}.blog-topic-nav{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;margin:0 0 22px!important;padding:0!important;overflow:visible!important;white-space:normal!important}.blog-topic-nav a{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}.blog-topic-nav a span{color:#D3FC72;font-size:10px}.blog-topic-nav a.active,.blog-topic-nav a:hover{background:#D3FC72!important;color:#000!important;border-color:#D3FC72!important}.category-hero{padding:42px 48px}.category-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.category-stats span{padding:8px 11px;border:1px solid rgba(255,255,255,.10);border-radius:999px;color:rgba(255,255,255,.7);font-size:12px}.blog-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}.blog-grid-card{min-width:0!important;box-sizing:border-box!important;min-height:280px!important;padding:23px!important;display:flex!important;flex-direction:column!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:20px!important;background:linear-gradient(145deg,#121212,#191919)!important;overflow:hidden!important;word-break:normal!important}.blog-grid-card h2{font-size:20px!important;line-height:1.28!important;margin:0 0 12px!important;word-break:normal!important;overflow-wrap:break-word!important}.blog-grid-card h2 a{color:#fff!important;text-decoration:none}.blog-grid-card p{color:rgba(255,255,255,.68)!important;font-size:14px!important;line-height:1.65!important;margin:0!important;overflow-wrap:break-word!important}.card-topic{color:#D3FC72;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.card-read{margin-top:auto;padding-top:20px;color:#D3FC72!important;font-size:12px;font-weight:900;text-decoration:none}.blog-pagination{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;margin:30px 0 8px!important}.blog-pagination a{min-width:40px;height:40px;padding:0 12px;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.025);color:#fff;text-decoration:none;font-size:12px;font-weight:900}.blog-pagination a.active,.blog-pagination a:hover{background:#D3FC72;color:#000;border-color:#D3FC72}@media(max-width:1100px){.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:720px){.blog-home-shell,.blog-category-shell{width:min(100% - 24px,620px);padding-top:22px}.blog-home-hero,.category-hero{padding:34px 24px;border-radius:22px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.topic-card{min-height:150px!important;padding:17px!important}.blog-grid{grid-template-columns:1fr!important;gap:14px!important}.blog-topic-nav{gap:6px!important}.blog-topic-nav a{padding:8px 10px!important;font-size:11px!important}.blog-home-note{flex-direction:column;align-items:flex-start}}@media(max-width:470px){.topic-grid{grid-template-columns:1fr!important}.topic-card{min-height:128px!important}.blog-home-hero h1,.category-hero h1{font-size:36px}.blog-home-hero p,.category-hero p{font-size:15px}.blog-grid-card{min-height:240px!important}}.blog-home .topic-grid,.blog-category-page .blog-topic-nav,.blog-category-page .blog-grid,.blog-home .blog-home-note{box-sizing:border-box}.blog-home .topic-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;width:100%!important}.blog-home .topic-card{display:flex!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important}.blog-home .topic-card strong,.blog-home .topic-card span{white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important}.blog-home .topic-card strong{font-size:17px!important;line-height:1.3!important;letter-spacing:-.01em!important}.blog-home .topic-meta{font-size:12px!important;line-height:1.45!important;color:rgba(255,255,255,.64)!important}.blog-category-page .blog-topic-nav{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important;white-space:normal!important}.blog-category-page .blog-topic-nav a{white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important}.blog-category-page .blog-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;width:100%!important}.blog-category-page .blog-grid-card{min-width:0!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important;word-break:normal!important;overflow-wrap:break-word!important}.blog-category-page .blog-grid-card h2,.blog-category-page .blog-grid-card p{word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important}.blog-category-page .blog-pagination{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important}@media(max-width:1100px){.blog-home .topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.blog-category-page .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:720px){.blog-home .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}.blog-home .topic-card{min-height:150px!important;padding:17px!important}.blog-category-page .blog-grid{grid-template-columns:1fr!important;gap:14px!important}}@media(max-width:480px){.blog-home .topic-grid{grid-template-columns:1fr!important}.blog-home .topic-card{min-height:122px!important}.blog-home .topic-card strong{font-size:16px!important}}


/* ISSUE 18 — responsive safety layer (static CSS hardening; no content changes) */
html{max-width:100%;overflow-x:clip}
body{max-width:100%;overflow-wrap:anywhere}
img,video,iframe,embed,object,svg,canvas{max-width:100%}
pre,code{overflow-wrap:anywhere}
pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}
@media(max-width:640px){
  img,video,iframe{height:auto}
  table{display:block;width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  input,select,textarea,button{max-width:100%;font-size:16px}
  .nav,.nav-links,.mobile-menu,.blog-category-nav,.blog-archive-nav,.premium-category-nav{max-width:100%}
  .nav-links,.mobile-menu,.blog-category-nav,.blog-archive-nav,.premium-category-nav,.visitor-actions,.pricing,.pricing-grid{flex-wrap:wrap}
  .visitor-actions{max-width:calc(100vw - 20px)}
  .visitor-action{min-width:0;white-space:normal;overflow-wrap:anywhere}
  .pricing,.pricing-grid,.pricing-card,.price-card,.contact-box,.form-grid{min-width:0;max-width:100%}
  .pricing-card,.price-card{overflow-wrap:anywhere}
  .btn,button,a.button{min-height:44px}
}
@media(max-width:380px){
  .container,.blog-shell,.article-shell,.blog-archive-shell,.blog-category-shell{max-width:100%}
  .btn,button,a.button{padding-inline:10px}
  .visitor-actions{gap:6px}
}