/* WordPress integration layer. Source visual remains in source-style.css */
body{font-weight:400}.container{width:min(var(--container,1240px),calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid var(--line)}.header-main{height:76px;display:grid;grid-template-columns:205px minmax(360px,1fr) auto;gap:24px;align-items:center}.brand,.custom-logo-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--purple)}.custom-logo{display:block;width:auto;max-width:190px;max-height:52px;object-fit:contain}.brand-mark{width:36px;height:36px;border-radius:12px 12px 12px 4px;display:grid;place-items:center;color:#fff;font-weight:800}.brand-text{font-size:25px;letter-spacing:-1.2px}.brand-text .x{font-size:.7em}.header-main .searchbar{height:48px;padding:0 12px}.header-main .searchbar svg{width:20px;height:20px;color:#81798f;flex:none}.header-main .searchbar input{border:0;outline:0;min-width:0;flex:1}.header-actions{display:flex;gap:8px}.icon-btn{height:42px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:11px;font-weight:700}.icon-btn.primary{background:var(--purple);color:#fff;border-color:var(--purple)}.navbar{border-top:1px solid #f3f3f5}.navbar .container{height:46px;display:flex;align-items:center;gap:22px;overflow:visible}.navbar a{height:46px;display:flex;align-items:center;font-size:15px;font-weight:600;position:relative;white-space:nowrap}.navbar .menu-item{position:relative;list-style:none}.navbar .sub-menu{position:absolute;left:0;top:100%;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:90}.navbar .menu-item:hover>.sub-menu{opacity:1;visibility:visible;transform:none}.navbar .sub-menu a{height:auto;min-height:38px;padding:9px 10px;border-radius:8px}.navbar .sub-menu .sub-menu{left:100%;top:0}.navbar .sub-menu a:hover{background:var(--purple3);color:var(--purple)}.mobile-header{display:none;height:62px;align-items:center;gap:10px}.mobile-header .custom-logo{max-width:110px;max-height:38px}.mobile-header .searchbar{height:40px;flex:1}.mobile-menu-btn{border:1px solid var(--line);background:#fff;width:40px;height:40px;border-radius:10px}.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.drawer-nav .sub-menu{padding-left:12px}.drawer-nav li{list-style:none}
.alo-initial-image{width:100%;height:100%;min-height:120px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple3),#f8fbff);color:var(--purple);font-size:34px;font-weight:600;letter-spacing:-1px}.archive-search{display:flex;gap:10px;margin-bottom:16px}.archive-search input{height:44px;border:1px solid var(--line);border-radius:11px;padding:0 13px;flex:1;min-width:0}.archive-search button{height:44px}.filter-mobile-btn{display:none;margin-bottom:12px}.filter-panel select,.filter-panel input[type=text],.filter-panel input[type=search]{width:100%;height:40px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff}.filter-panel .filter-actions{display:grid;gap:8px}.filter-panel .btn{width:100%}.entity-list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.entity-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(38,26,60,.025);transition:.2s}.entity-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.entity-card .media{aspect-ratio:4/3;display:block;overflow:hidden;background:#eef2f7}.entity-card .media img{height:100%;object-fit:cover}.entity-card .body{padding:13px}.entity-card .kicker{font-size:13px;color:var(--purple);font-weight:600;text-transform:uppercase}.entity-card h3{font-size:16px;margin:5px 0 7px}.entity-card .meta{font-size:13px;color:var(--muted);display:flex;gap:7px;flex-wrap:wrap}.entity-card .price{margin-top:9px}.entity-card .view{margin-top:11px;display:inline-flex;font-weight:600;color:var(--purple);font-size:13px}.pagination{margin-top:24px}.pagination .nav-links{display:flex;gap:7px;flex-wrap:wrap}.pagination a,.pagination span{min-width:36px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center}.pagination .current{background:var(--purple);color:#fff;border-color:var(--purple)}
.single-entity-hero{padding:26px 0 12px;background:#fafbfd;border-bottom:1px solid var(--line)}.single-entity-head{display:grid;grid-template-columns:160px 1fr auto;gap:20px;align-items:center}.single-entity-image{height:132px;border-radius:16px;overflow:hidden}.single-entity-image img{height:100%;object-fit:cover}.single-entity-head h1{font-size:30px;margin:0 0 7px}.single-meta{display:flex;gap:8px;flex-wrap:wrap}.single-meta span{padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:13px;background:#fff}.single-actions{display:grid;gap:8px;min-width:150px}.single-shell{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;padding:24px 0 50px}.single-section{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff;margin-bottom:16px}.single-section h2{font-size:20px;margin:0 0 12px}.single-section .entry-content{font-size:15px;line-height:1.75;color:#554f5b}.single-section .entry-content img{border-radius:14px}.alo-video{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#111}.alo-video iframe{width:100%;height:100%;border:0}.alo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.alo-gallery img{aspect-ratio:4/3;border-radius:11px;object-fit:cover}.info-table{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.info-item{border:1px solid var(--line);border-radius:12px;padding:11px}.info-item b{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.single-sidebar{position:sticky;top:138px;height:max-content}.contact-card{border:1px solid var(--line);border-radius:16px;padding:17px;background:#fff;box-shadow:var(--shadow-sm)}.contact-card h3{margin:0 0 11px}.contact-card .btn,.contact-card .btn-line{width:100%;margin-top:8px}.contact-mini{font-size:13px;color:var(--muted);line-height:1.7}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.related-post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.related-post-card{display:grid;grid-template-columns:120px 1fr;gap:11px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.related-post-card .media{height:100px}.related-post-card .media img{height:100%;object-fit:cover}.related-post-card .copy{padding:10px 10px 10px 0}.related-post-card h3{font-size:14px}.sticky-service-links a{display:block;padding:8px 0;border-top:1px solid var(--line);font-size:13px;font-weight:600}.sticky-service-links a:first-child{border-top:0}.submit-form{display:grid;gap:13px}.submit-form label{font-weight:600;font-size:14px}.submit-form input,.submit-form textarea,.submit-form select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px}.submit-form textarea{min-height:130px}.notice{padding:12px 14px;border-radius:11px;background:#eef7ef;color:#27633d;margin-bottom:15px}.designed-sections .designed-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}.designed-row.reverse .designed-media{order:-1}.designed-media img{border-radius:18px;max-height:420px;object-fit:cover}.designed-copy h2{font-size:26px}.home-dynamic-section .entity-list-grid{margin-top:10px}
.post-archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.post-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.post-card .media{height:170px}.post-card .media img{height:100%;object-fit:cover}.post-card .body{padding:13px}.post-card h3{font-size:16px}.post-card .blog-meta{font-size:13px}.post-sidebar{position:sticky;top:138px;height:max-content}.post-sidebar .panel{padding:16px}.post-sidebar a{display:block;padding:7px 0;border-top:1px solid var(--line);font-size:13px}.post-sidebar a:first-of-type{border:0}
@media(max-width:1100px){.header-main{grid-template-columns:175px 1fr auto;gap:14px}.entity-list-grid,.related-grid,.post-archive-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.header-main,.navbar,.top-note{display:none}.mobile-header{display:flex}.site-header{height:62px}.container{width:min(100% - 28px,var(--container,1240px))}.entity-list-grid,.related-grid,.post-archive-grid{grid-template-columns:repeat(3,1fr)}.filter-mobile-btn{display:inline-flex}.filter-panel.mobile-open{display:block;position:fixed;z-index:120;left:14px;right:14px;bottom:78px;top:auto;max-height:70vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.18)}.single-shell{grid-template-columns:1fr}.single-sidebar{position:static}.single-entity-head{grid-template-columns:110px 1fr}.single-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.related-post-grid{grid-template-columns:repeat(2,1fr)}.article-wrap{grid-template-columns:1fr}.article-sidebar{position:static}.designed-sections .designed-row{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.entity-list-grid,.related-grid,.post-archive-grid{grid-template-columns:repeat(2,1fr)}.single-entity-head{grid-template-columns:88px 1fr;gap:12px}.single-entity-image{height:88px}.single-entity-head h1{font-size:23px}.info-table{grid-template-columns:1fr}.alo-gallery{grid-template-columns:repeat(2,1fr)}.related-post-grid{grid-template-columns:1fr}.related-post-card{grid-template-columns:100px 1fr}.footer-main{grid-template-columns:1fr 1fr;gap:22px}.footer-main>div:first-child{grid-column:1/-1}.hero-content h1{font-size:30px}}
/* User baseline: Inter; bold weight 600. */
body,button,input,select,textarea{font-family:Inter,Arial,sans-serif}h1,h2,h3,h4,h5,h6,strong,b,.btn,.btn-line,.btn-soft,.brand,.brand-text,.brand-mark,.navbar a,.drawer-nav a,.entity-card .kicker,.entity-card .view,.price,.status-pill,.sport-chip b{font-weight:600!important}


/* Typography scale v1.0.1 — larger, clearer text while preserving the source layout. */
html{font-size:16px}
body{font-size:16px;line-height:1.62}
.navbar a{font-size:15px}
.header-main .searchbar input,.header-main .searchbar button,.archive-search input,.archive-search button{font-size:15px}
.entity-card h3,.post-card h3,.card-body h3{font-size:16px}
.entity-card .kicker,.entity-card .meta,.entity-card .view,.post-card .blog-meta,.meta{font-size:13px}
.single-section .entry-content{font-size:16px;line-height:1.8}
.single-section h2{font-size:23px}
.single-meta span,.info-item b,.contact-mini,.sticky-service-links a,.post-sidebar a{font-size:13px}
.related-post-card h3{font-size:14px;line-height:1.45}
.filter-panel,.filter-panel select,.filter-panel input,.filter-panel label,.submit-form label,.submit-form input,.submit-form textarea,.submit-form select{font-size:14px}
.btn,.btn-line,.btn-soft,.icon-btn,.chip,.tag,.status-pill{font-size:13px}
.section-head p,.section-head>a{font-size:15px}
.lead{font-size:17px}
.score-row .muted{font-size:12px!important}
.score-row .sport,.score-team{font-size:13px}
.sport-chip b{font-size:13px}.sport-chip span{font-size:12px}
.list-card-sport h3{font-size:16px}.list-card-sport .actions>*{font-size:13px}.sport-tags span,.proofline{font-size:12px}
.detail-toc-v4 h4,.detail-toc-v4 a,.metric-card .k,.metric-card .t,.stat-v4 span,.stat-v4 small,.dashboard-hero-v4 .hero-stat span{font-size:12px}
.roster-row,.match-box div,.match-box b,.social-menu a,.composer-input,.composer-actions button,.post-head .who b,.post-head .who span,.post-text,.post-stats,.post-actions button,.chat-context-card b,.chat-context-card span,.filter-count{font-size:12px}
@media(max-width:820px){body{font-size:15px}.mobile-header .searchbar input{font-size:14px}.drawer-nav a{font-size:15px}.entity-card h3,.post-card h3{font-size:15px}.entity-card .meta,.entity-card .view,.entity-card .kicker{font-size:12px}}
@media(max-width:600px){.single-entity-head h1{font-size:27px}.single-section .entry-content{font-size:15px}.single-section h2{font-size:21px}.hero-content h1{font-size:32px}.section-head p,.section-head>a{font-size:14px}}
