/* Public-first HTML is useful and readable before JavaScript loads. */
.public-html{direction:rtl;font-family:Heebo,Arial,sans-serif;background:#f8fafc;color:#172033;line-height:1.85;min-height:100vh}
.public-header,.public-site-footer{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;padding:16px max(20px,calc((100vw - 1040px)/2));background:#fff;border-bottom:1px solid #e2e8f0}
.public-header>a{font-size:1.4rem;font-weight:900;color:#4338ca}
.public-html a{color:#4338ca;text-decoration:underline;text-underline-offset:3px}
.public-header nav,.public-footer-links,.public-site-footer{display:flex;flex-wrap:wrap;gap:16px}
.public-container{max-width:930px;margin:0 auto;padding:32px 18px 64px}
.public-container h1{font-size:clamp(1.9rem,5vw,3.2rem);font-weight:900;line-height:1.25;margin:28px 0 18px;color:#1e1b4b}
.public-container h2{font-size:clamp(1.4rem,3vw,1.85rem);font-weight:800;line-height:1.35;margin:30px 0 12px;color:#1e1b4b}
.public-container h3{font-size:1.2rem;font-weight:800;line-height:1.5;margin:20px 0 8px;color:#312e81}
.public-container p,.public-container li{font-size:1.03rem;margin:9px 0}
.public-container ul,.public-container ol{list-style:initial;margin:12px 0;padding-right:26px}
.public-container ol{list-style:decimal}
.public-container li{padding-right:4px}
.public-lead{color:#475569;font-size:1.18rem!important}
.public-article,.public-section,.public-practice,.public-footer-links{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;margin:26px 0;box-shadow:0 4px 18px rgba(30,41,59,.035)}
.public-article blockquote{border-right:4px solid #6366f1;padding:6px 18px;background:#eef2ff}
.public-article pre,.public-container code{white-space:pre-wrap;overflow-wrap:anywhere}
.public-table-scroll{overflow:auto}
.public-article table{border-collapse:collapse;width:100%;min-width:420px}
.public-article td{border:1px solid #dbe1e8;padding:9px}
.public-practice{border-color:#c7d2fe;background:#eef2ff}
.public-question{padding:18px;margin:17px 0;border:1px solid #c7d2fe;border-radius:15px;background:white}
.public-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.public-options li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:8px 12px;list-style-position:inside}
.public-question details,.public-faq{border:1px solid #c7d2fe;border-radius:10px;padding:10px 15px;background:white}
.public-question summary,.public-faq summary{cursor:pointer;font-weight:800;color:#3730a3;min-height:35px}
.public-primary-link{display:inline-block;border-radius:9px;background:#4338ca;padding:12px 20px;color:#fff!important;font-weight:800;text-decoration:none!important}
.public-footer-links a{font-weight:700}
@media(max-width:520px){.public-container{padding:20px 12px 40px}.public-article,.public-section,.public-practice,.public-footer-links{padding:17px}.public-options{grid-template-columns:1fr}}
/* Public blog list / long-form reading, mobile-first and crawler-readable. */
.public-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.public-blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;box-shadow:0 5px 18px rgba(30,41,59,.04);min-width:0}
.public-blog-card h2{font-size:1.22rem;line-height:1.45;margin:0 0 10px}
.public-blog-card p{color:#475569;font-size:.96rem;line-height:1.75}
.public-blog-card-link{display:block}
.public-blog-article{font-size:1rem}
.public-blog-article h1{font-size:1.55rem}
.public-blog-article h2{margin-top:32px}
.public-blog-article a{font-weight:650;overflow-wrap:anywhere}
.public-blog-article img{max-width:100%;height:auto;border-radius:12px}
.public-blog-article strong{font-weight:800}
.public-trust{color:#475569;font-size:.9rem!important}
.public-note{background:#fff7ed;border-right:3px solid #f59e0b;padding:12px 16px;border-radius:10px}
.public-blog-article table{width:100%;border-collapse:collapse}
.public-blog-article td,.public-blog-article th{border:1px solid #cbd5e1;padding:9px;white-space:normal}
@media(max-width:650px){.public-blog-grid{grid-template-columns:1fr}.public-blog-card{padding:17px}.public-blog-article{overflow-wrap:anywhere}}

.public-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:18px}.public-game{display:flex;flex-direction:column;gap:5px;min-height:132px;border:1px solid #c7d2fe;padding:16px;border-radius:14px;background:#f5f3ff;text-decoration:none!important}.public-game span:first-child{font-size:1.8rem}.public-game strong{font-size:1.05rem;color:#312e81}.public-faq{margin:10px 0}.public-faq p{padding-top:8px;color:#334155}.public-mobile-menu{display:none}.public-mobile-menu summary{list-style:none;cursor:pointer;font-weight:800;border:1px solid #c7d2fe;border-radius:10px;padding:10px 14px;min-height:44px}.public-mobile-menu summary::-webkit-details-marker{display:none}.public-mobile-menu nav{display:flex;flex-direction:column;gap:6px;margin-top:8px;background:#fff;padding:12px;border:1px solid #e2e8f0;border-radius:10px}.public-mobile-menu nav a{min-height:40px;padding:8px 12px}.public-mobile-menu summary:focus-visible,.public-mobile-menu a:focus-visible,.public-faq summary:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}@media(max-width:620px){.public-mobile-menu{display:block;width:100%}.public-mobile-menu nav{width:100%}}
/* Branded public navigation, keyboard-friendly and always in document flow. */
.public-header{gap:12px;position:relative;z-index:5}
.public-header .public-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;font-size:1.08rem;font-weight:900;color:#0f172a;min-height:44px}
.public-header .public-brand img{width:44px;height:44px;object-fit:contain;border-radius:9px;flex:none}
.public-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px}
.public-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;text-decoration:none;font-size:.9rem;font-weight:750;border-radius:11px}
.public-header nav a.public-auth-link{color:#3730a3;border:1px solid #c7d2fe;background:#fff}
.public-header nav a.public-signup-link{background:#4338ca;color:#fff}
.public-header nav a:focus-visible,.public-header .public-brand:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
@media(max-width:620px){.public-header{padding:12px 14px}.public-header nav{gap:6px}.public-header nav a{padding:9px 11px;min-height:43px}.public-header .public-nav-optional{display:none!important}.public-header .public-brand{font-size:.97rem}}
@media(max-width:370px){.public-header .public-brand span{font-size:.87rem}.public-header .public-brand img{width:36px;height:36px}.public-header nav a{font-size:.8rem;padding:8px 9px}}