@import url("../../prosilver/theme/normalize.css");
@import url("../../prosilver/theme/base.css");
@import url("../../prosilver/theme/utilities.css");
@import url("../../prosilver/theme/common.css");
@import url("../../prosilver/theme/links.css");
@import url("../../prosilver/theme/content.css");
@import url("../../prosilver/theme/buttons.css");
@import url("../../prosilver/theme/cp.css");
@import url("../../prosilver/theme/forms.css");
@import url("../../prosilver/theme/icons.css");
@import url("../../prosilver/theme/colours.css");
@import url("../../prosilver/theme/responsive.css");

/* Suzuki Modern 8.0 - clean contemporary UI inspired by modern community platforms.
   A phpBB 3.2.2 prosilver child style. Only #wrap controls page width. */
:root{--sm-accent:#1768a9;--sm-accent-dark:#124a77;--sm-bg:#f5f7fa;--sm-panel:#fff;--sm-border:#e1e6ec;--sm-text:#223346;--sm-muted:#738294;--sm-head:#f8fafc}
html,body{width:100%;min-width:0;margin:0;background:var(--sm-bg);color:var(--sm-text)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px;line-height:1.5}
a,a:link{color:var(--sm-accent)}a:hover{color:var(--sm-accent-dark)}
#wrap{width:calc(100% - 40px);max-width:1320px;box-sizing:border-box;padding:0;border:0;border-radius:0;background:transparent;margin:18px auto 30px;box-shadow:none}
#page-header,#page-body,#page-footer{box-sizing:border-box;width:100%;max-width:none;padding:0;margin-left:0;margin-right:0}
/* Unified header container: no negative margins */
#page-header .headerbar{position:relative;width:100%;min-height:122px;box-sizing:border-box;margin:0 0 12px;border:1px solid var(--sm-border);border-radius:10px;overflow:hidden;background:#e8edf2 url('./images/header.jpg') center 55%/cover no-repeat;box-shadow:none}
#page-header .headerbar:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.48) 73%,rgba(255,255,255,.05) 100%)}
#page-header .headerbar .inner{position:relative;box-sizing:border-box;min-height:122px;width:100%;padding:22px 26px}
#site-description{width:auto;float:none;margin:0;padding:0;max-width:75%;text-shadow:none}
#site-description .logo{display:none}
#site-description h1{font-size:clamp(22px,2.3vw,30px);font-weight:750;letter-spacing:-.5px;line-height:1.2;color:#193f61;margin:0}
#site-description p{font-size:12px;color:#63768a;letter-spacing:.1px;margin:7px 0 0}
#page-header #search-box{position:absolute;right:18px;top:16px;float:none;background:rgba(255,255,255,.96);border:1px solid var(--sm-border);border-radius:7px;box-shadow:none}
#page-header .navbar,#page-footer .navbar{box-sizing:border-box;width:100%;margin:0 0 16px;border:1px solid var(--sm-border);border-radius:9px;background:var(--sm-panel);box-shadow:none;padding:11px 17px}
.navbar .linklist > li{font-size:12px}.navbar a{color:#3d5369}.breadcrumbs{font-size:12px}
#page-body{min-height:320px}
/* Calm introduction card */
.sm-intro{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--sm-panel);border:1px solid var(--sm-border);border-radius:10px;padding:22px 25px;margin:0 0 14px}
.sm-kicker{font-size:10px;letter-spacing:1.25px;font-weight:750;color:#74869a}
.sm-intro h2{font-size:23px;font-weight:750;letter-spacing:-.35px;margin:3px 0 4px;color:#23384d}
.sm-intro p{font-size:13px;color:var(--sm-muted);margin:0}
.sm-register{display:inline-block;white-space:nowrap;background:var(--sm-accent);color:white!important;font-size:12px;font-weight:700;padding:11px 15px;border-radius:7px;text-decoration:none!important}.sm-register:hover{background:var(--sm-accent-dark)}
.sm-markread{margin:0 0 10px;min-height:0;padding:0;background:transparent}
.sm-footstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px}
.sm-stat{background:#fff;border:1px solid var(--sm-border);border-radius:10px;padding:18px 20px;min-width:0}
.sm-stat h3{font-size:14px;color:#24384e;margin:0 0 10px}.sm-stat p{font-size:12px;color:#697b8e;line-height:1.6;margin:0 0 5px}
/* Main forum list uses one and only one matching grid for header and rows */
#page-body .sz-category{box-sizing:border-box;display:block;clear:both;width:100%;max-width:100%;margin:0 0 15px;background:var(--sm-panel);border:1px solid var(--sm-border);border-radius:10px;overflow:hidden;box-shadow:none}
#page-body .sz-category-header,#page-body .sz-forum-row{box-sizing:border-box;display:grid;width:100%;grid-template-columns:minmax(0,1fr) 82px 82px minmax(200px,27%);column-gap:0;align-items:center;padding-left:20px;padding-right:20px}
#page-body .sz-category-header{padding-top:14px;padding-bottom:14px;background:var(--sm-head);border-bottom:1px solid var(--sm-border)}
.sz-category-title{grid-column:1;min-width:0;color:#2c4053;font-size:14px;font-weight:750}.sz-category-title a{color:#2c4053;text-decoration:none}.sz-category-title a:hover{color:var(--sm-accent)}.sz-category-accent{display:none}
.sz-category-columns{display:contents}.sz-category-columns span{align-self:center;min-width:0;text-align:center;font-weight:600;letter-spacing:.05px;font-size:11px;color:#8794a3}.sz-category-columns span:nth-child(1){grid-column:2}.sz-category-columns span:nth-child(2){grid-column:3}.sz-category-columns span:nth-child(3){grid-column:4;text-align:left;padding-left:14px}
.sz-category-content{display:block}
#page-body .sz-forum-row{min-height:82px;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #edf0f3;background:#fff;transition:background .15s ease}
#page-body .sz-forum-row:last-child{border-bottom:0}#page-body .sz-forum-row:hover{background:#fafbfd}
.sz-forum-main{grid-column:1;display:flex;align-items:center;gap:14px;min-width:0;padding-right:15px}
.sz-forum-icon{width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;background:#ecf2f7;color:#4b779f;border-radius:9px;font-size:17px}
.sz-unread .sz-forum-icon{background:#e4f0fb;color:#145d9f}
.sz-forum-text{min-width:0;overflow-wrap:anywhere}
.sz-forum-text .forum-image img{max-width:36px;max-height:36px}
.sz-forum-name{display:inline-block;font-size:14px!important;line-height:1.35;color:#263c52!important;font-weight:700!important;text-decoration:none}.sz-forum-name:hover{color:var(--sm-accent)!important}
.sz-forum-description{color:var(--sm-muted);font-size:12px;line-height:1.55;margin-top:3px}
.sz-forum-moderators,.sz-subforums{font-size:11px;color:#8a96a3;margin-top:4px}.sz-subforums a{color:var(--sm-accent)}
.sz-forum-numbers{grid-column:2/4;min-width:0;display:grid;grid-template-columns:82px 82px;align-items:center;text-align:center;gap:0}
.sz-forum-count strong{display:block;font-size:13px;font-weight:650;color:#40556a;line-height:1.3}.sz-forum-count span{display:none}
.sz-forum-latest{grid-column:4;min-width:0;padding:0 0 0 14px;border-left:1px solid #edf1f5;font-size:11px;line-height:1.55;overflow-wrap:anywhere}
.sz-latest-title{display:block;font-size:12px;font-weight:650;color:var(--sm-accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sz-latest-author,.sz-latest-time,.sz-latest-time a,.sz-no-posts{font-size:11px;color:#8290a0}
/* Native topic lists on viewforum.php: preserve prosilver floats/icons/pagination */
.forabg,.forumbg{box-sizing:border-box;background:#fff;border:1px solid var(--sm-border);padding:0;border-radius:10px;overflow:hidden;margin-bottom:16px;box-shadow:none}
.forabg>.inner,.forumbg>.inner{padding:0}.forabg .inner:before,.forabg .inner:after,.forumbg .inner:before,.forumbg .inner:after{display:none}
ul.topiclist li.header{background:var(--sm-head);padding:12px 15px;border-bottom:1px solid var(--sm-border)}
ul.topiclist li.header dt,ul.topiclist li.header dd{color:#576c7d;font-size:11px;font-weight:700}
ul.topiclist li.row{background:#fff;border-top:1px solid #edf0f4;padding:11px 12px;transition:background .15s}
ul.topiclist li.row:first-child{border-top:0}ul.topiclist li.row:hover{background:#fafbfd}
ul.topiclist dt .list-inner{padding-top:4px;padding-bottom:4px}
a.forumtitle,a.topictitle{font-size:14px;font-weight:700;color:#2a4056;line-height:1.4}
a.forumtitle:hover,a.topictitle:hover{color:var(--sm-accent)}
ul.topiclist dd.posts,ul.topiclist dd.views{color:#63768a}
/* Post pages: modern cards but retain native phpBB layout widths */
.post{background:#fff!important;border:1px solid var(--sm-border);border-radius:10px;padding:18px 20px;margin:0 0 15px;box-shadow:none}
.postprofile{border-color:#e9edf2}.postprofile dt,.postprofile dd{line-height:1.55}.postprofile .avatar img{border-radius:8px}
.postbody h3{font-size:18px;font-weight:700;color:#23384d;margin-top:3px}.postbody .author{color:#7b8b9a;font-size:12px;margin-bottom:14px}
.post .content{font-size:14px;line-height:1.8;color:#273748}
blockquote{border-color:#dfe9f1;background:#f7f9fc;border-radius:7px}.signature{border-top:1px solid #edf0f3;margin-top:16px;padding-top:12px;color:#8391a1}
.panel,.bg1,.bg2,.bg3{background:#fff;border-color:var(--sm-border);border-radius:8px}
/* controls */
.button,.button1,.button2,input.button1,input.button2{border-radius:6px;box-shadow:none}
.action-bar{background:transparent}.pagination li.active span{background:var(--sm-accent);border-color:var(--sm-accent)}
#page-footer{margin-top:20px}.copyright{text-align:center;color:#8b98a6}
@media(max-width:920px){#page-body .sz-category-header,#page-body .sz-forum-row{grid-template-columns:minmax(0,1fr) 66px 66px minmax(170px,30%);padding-left:14px;padding-right:14px}.sz-forum-numbers{grid-template-columns:66px 66px}.sz-forum-main{gap:10px}}
@media(max-width:720px){#wrap{width:calc(100% - 20px);margin-top:10px}#page-header .headerbar,#page-header .headerbar .inner{min-height:112px}#page-header .headerbar .inner{padding:19px 14px}#site-description{max-width:95%}#site-description h1{font-size:22px}#site-description p{font-size:10px}#page-header #search-box{display:none}.sm-intro{padding:17px;align-items:flex-start;flex-direction:column;gap:14px}.sm-intro h2{font-size:21px}.sm-footstats{grid-template-columns:1fr}#page-body .sz-category-header{display:block;padding:13px 14px}.sz-category-columns{display:none}#page-body .sz-forum-row{grid-template-columns:minmax(0,1fr) 115px;gap:7px 12px;padding:14px}.sz-forum-main{grid-column:1;grid-row:1;align-items:flex-start}.sz-forum-numbers{grid-column:2;grid-row:1;grid-template-columns:58px 57px;padding-top:4px}.sz-forum-count span{display:block;font-size:9px;color:#92a0ad}.sz-forum-latest{grid-column:1/-1;grid-row:2;border:0;padding:3px 0 0 49px}.sz-latest-title{white-space:normal}.sz-forum-icon{height:35px;width:35px}.sz-forum-name{font-size:13px!important}.sz-forum-description{font-size:11px}.post{padding:12px}.post .content{font-size:13px}}
@media(max-width:390px){#page-body .sz-forum-row{grid-template-columns:minmax(0,1fr) 96px}.sz-forum-numbers{grid-template-columns:48px 48px}.sz-forum-latest{padding-left:44px}}
