/* SCT News Portal Pro 4.0 — sctonline.net-style layout (loads after style.css) */
:root{--sctp-topbar:#0f1720}
[hidden]{display:none!important}

/* ---------- Top utility bar ---------- */
.sctp-top{background:var(--sctp-topbar)}
.sctp-toplinks{gap:18px}
.sctp-toplinks a,.sctp-toplinks button{color:#fff;background:none;border:0;padding:0;font:inherit;font-size:12.5px;cursor:pointer;text-decoration:none}
.sctp-toplinks a:hover,.sctp-toplinks button:hover{text-decoration:underline}
.sctp-theme{position:relative}
.sctp-theme-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:90;width:220px;background:#fff;color:var(--ink);padding:14px 16px;box-shadow:0 10px 30px rgba(0,0,0,.25);border-radius:4px;display:flex;flex-direction:column;gap:9px;font-size:13px}
.sctp-theme-pop strong{font-size:13px}
.sctp-theme-pop label{display:flex;gap:8px;align-items:center;cursor:pointer}

/* ---------- Masthead ---------- */
.sctp-head-in{padding:16px 0}
.sctp-head-right{gap:14px}
.sctp-head-social{display:flex;gap:7px;align-items:center}
.sctp-head-social a.sctp-soc{width:30px;height:30px;border-radius:50%;background:var(--sctp-primary);color:#fff;display:flex;align-items:center;justify-content:center;font:800 13px var(--sans);text-decoration:none}
.sctp-head-social a.sctp-soc:hover{background:var(--sctp-accent)}
.sctp-post-btn{padding:9px 22px}
.sctp-searchbox{background:var(--soft);border-top:1px solid var(--line);padding:10px 0}
.sctp-searchbox .sctp-search{width:100%;max-width:620px}

/* ---------- Main menu (Appearance > Menus) ---------- */
.sctp-nav-wp{background:var(--sctp-primary)}
.sctp-nav-wp .sctp-menu>li{position:relative;display:flex;align-items:stretch}
.sctp-nav-wp .sctp-menu>li>a{padding:14px 11px;font-size:13px;text-transform:uppercase;letter-spacing:.3px}
.sctp-nav-wp .sctp-sub-toggle{display:flex;align-items:center;padding:0 7px 0 0;margin-left:-6px;opacity:.85}
.sctp-nav-wp .sctp-menu>li:not(.has-sub) .sctp-sub-toggle{display:none}
.sctp-dd{display:none;list-style:none;margin:0;padding:6px 0;position:absolute;left:0;top:100%;min-width:240px;background:#fff;color:var(--ink);border-top:3px solid var(--sctp-accent);box-shadow:0 14px 28px rgba(0,0,0,.2);z-index:70}
.sctp-dd li{position:relative;display:flex;align-items:stretch}
.sctp-dd li>a{flex:1;color:var(--ink)!important;padding:9px 16px;font-size:14px;text-decoration:none;text-transform:none;font-weight:500;white-space:normal}
.sctp-dd li>a:hover{background:var(--soft);color:var(--sctp-accent)!important}
.sctp-dd .sctp-sub-toggle{color:var(--ink);padding:0 12px 0 0;margin:0}
.sctp-dd .sctp-dd{left:100%;top:-9px;border-top:3px solid var(--sctp-accent)}
.sctp-mi.has-sub:hover>.sctp-dd,.sctp-mi.has-sub:focus-within>.sctp-dd,.sctp-mi.has-sub.open>.sctp-dd{display:block}
.sctp-more-li>.sctp-dd{left:auto;right:0}
.sctp-dd-more .sctp-dd{left:auto;right:100%}
.sctp-nav-wp .sctp-toggle{display:none}

/* Fallback (category) menu: subscribe button */
.sctp-menu a.sctp-sub-btn{background:var(--sctp-accent);margin:7px 0 7px 8px;padding:7px 14px;border-radius:3px}

/* ---------- Home layout ---------- */
.sctp-home-layout{margin-top:22px}

/* Hero slider */
.sctp-hero{margin-bottom:8px}
.sctp-hero:focus{outline:none}
.sctp-hero-title{font:800 13px var(--sans)!important;letter-spacing:1.6px;text-transform:uppercase;color:var(--sctp-primary);border-bottom:3px solid var(--sctp-primary);padding-bottom:8px;margin-bottom:14px!important}
.sctp-hero-stage{position:relative}
.sctp-hero-slide{display:none}
.sctp-hero-slide.on{display:block}
.sctp-hero-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--soft)}
.sctp-hero-img img,.sctp-hero-img .sctp-placeholder{width:100%;height:100%;object-fit:cover;display:block}
.sctp-hero-text{padding-top:14px}
.sctp-hero-text h3{font-size:clamp(24px,3vw,34px);line-height:1.15;margin:6px 0 8px;letter-spacing:-.3px}
.sctp-hero-text p{color:#46515c;font-size:16.5px;line-height:1.55;margin:0}
.sctp-hero-nav{position:absolute;top:26%;transform:translateY(-50%);width:42px;height:56px;border:0;background:rgba(0,0,0,.5);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.sctp-hero-nav:hover{background:var(--sctp-accent)}
.sctp-hero-nav.prev{left:0}.sctp-hero-nav.next{right:0}
.sctp-hero-thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-top:12px}
.sctp-hero-thumbs button{padding:0;border:3px solid transparent;background:var(--soft);cursor:pointer;aspect-ratio:4/3;overflow:hidden;opacity:.6}
.sctp-hero-thumbs button.on{border-color:var(--sctp-accent);opacity:1}
.sctp-hero-thumbs img,.sctp-hero-thumbs .sctp-placeholder{width:100%;height:100%;object-fit:cover;display:block;font-size:8px}

/* News feed */
.sctp-feed-item{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 0;border-top:1px solid var(--line)}
.sctp-feed-item.has-img{grid-template-columns:250px minmax(0,1fr);gap:20px}
.sctp-feed-img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--soft)}
.sctp-feed-img img{width:100%;height:100%;object-fit:cover;display:block}
.sctp-feed-item h2{font-size:25px;line-height:1.2;margin:0 0 6px}
.sctp-feed-item h2 a{text-decoration:none}
.sctp-feed-by{font-size:13px;margin-bottom:2px;color:#39434d}
.sctp-feed-meta{font-size:12.5px;color:var(--muted);margin-bottom:8px}
.sctp-feed-item p{margin:0 0 10px;color:#46515c;line-height:1.55}
.sctp-readmore{font-weight:700;font-size:13.5px;color:var(--sctp-accent)!important;text-decoration:none}
.sctp-readmore:hover{text-decoration:underline}
.sctp-premium{font-size:12px;margin-bottom:6px}
.sctp-premium a{color:var(--sctp-accent);font-weight:700;margin-left:6px}
.sctp-loadmore-wrap{text-align:center;padding:18px 0 6px;border-top:1px solid var(--line)}
.sctp-loadmore{background:var(--sctp-primary);color:#fff;border:0;padding:12px 38px;font:700 14px var(--sans);border-radius:3px;cursor:pointer}
.sctp-loadmore:hover{filter:brightness(1.12)}
.sctp-loadmore[disabled]{opacity:.55;cursor:wait}

/* Flex theme (switchable in the top bar): card grid */
body.sctp-flex .sctp-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:18px}
body.sctp-flex .sctp-feed-item,body.sctp-flex .sctp-feed-item.has-img{grid-template-columns:minmax(0,1fr);border:1px solid var(--line);padding:0 0 14px;align-content:start;gap:0}
body.sctp-flex .sctp-feed-body{padding:12px 14px 0}
body.sctp-flex .sctp-feed-item h2{font-size:20px}
body.sctp-flex .sctp-feed-item p{display:none}

/* ---------- Sidebar widgets ---------- */
.sctp-widget{margin-bottom:26px}
.sctp-w-edition{text-align:center}
.sctp-ed-cover{display:block;max-width:230px;margin:0 auto 10px;border:1px solid var(--line);box-shadow:0 4px 12px rgba(0,0,0,.12)}
.sctp-ed-cover img,.sctp-ed-cover .sctp-placeholder{display:block;width:100%;height:auto;min-height:240px}
.sctp-ed-date{font:700 18px var(--serif);margin:0 0 10px}
.sctp-ed-date a{text-decoration:none}
.sctp-w-edition .sctp-more{display:block;margin-top:10px}

.sctp-poll{padding:12px 0;border-bottom:1px solid var(--line)}
.sctp-poll:last-child{border-bottom:0}
.sctp-poll h4{margin:0 0 4px;font:800 11px var(--sans);letter-spacing:1.3px;text-transform:uppercase;color:var(--sctp-accent)}
.sctp-poll h3{font-size:17px;line-height:1.3;margin-bottom:10px}
.sctp-poll-ch{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.sctp-poll-form label{display:flex;gap:8px;align-items:flex-start;margin:6px 0;font-size:14px;cursor:pointer}
.sctp-poll-btns{margin-top:10px;display:flex;gap:10px;align-items:center}
.sctp-poll-btns .sctp-btn{padding:8px 20px}
.sctp-poll-view{background:none;border:0;color:var(--sctp-primary);font:600 13px var(--sans);text-decoration:underline;cursor:pointer;padding:0}
.sctp-pbar{margin:8px 0}
.sctp-pbar-top{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:3px}
.sctp-pbar-track{background:var(--soft);height:10px;border-radius:5px;overflow:hidden}
.sctp-pbar-track i{display:block;height:100%;background:var(--sctp-primary)}
.sctp-poll-total{font-size:12px;color:var(--muted);margin:6px 0 0}
.sctp-poll-share{display:flex;gap:12px;margin-top:10px;font-size:12px}
.sctp-poll-share a,.sctp-poll-share button{color:var(--muted);background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline}

.sctp-wx-loc{margin:0 0 8px;font:700 15px var(--sans)}
.sctp-wx-now{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.sctp-wx-now small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px}
.sctp-wx-now b{display:block;font:700 34px/1.1 var(--serif)}
.sctp-wx-now span{font-size:13px;color:#46515c}
.sctp-wx-list{list-style:none;margin:0 0 10px;padding:0;font-size:13.5px}
.sctp-wx-list li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--line)}
.sctp-wx-links{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;font-weight:600}
.sctp-wx-links a{color:var(--sctp-primary)}
.sctp-wx-src{font-size:11px;color:var(--muted);margin:8px 0 0}

.sctp-apps{display:flex;gap:10px;flex-wrap:wrap}
.sctp-app{display:inline-block;background:#111;color:#fff!important;padding:10px 16px;border-radius:6px;text-decoration:none;font:600 13px var(--sans)}
.sctp-app.has-img{background:none;padding:0}
.sctp-app img{display:block;max-height:46px;width:auto}
.sctp-w-follow .sctp-social,.sctp-footer .sctp-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:0}
.sctp-widget a.sctp-soc{display:inline-block;background:var(--soft);color:var(--sctp-primary);padding:7px 12px;border-radius:3px;font-size:13px;font-weight:700;text-decoration:none}
.sctp-widget a.sctp-soc:hover{background:var(--sctp-primary);color:#fff}

/* ---------- Promo carousel ---------- */
.sctp-promo{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;margin-top:10px}
.sctp-promo-slide{display:none}
.sctp-promo-slide.on{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}
.sctp-promo-img img{display:block;width:100%;height:auto;border-radius:4px}
.sctp-promo-txt:only-child{grid-column:1/-1;text-align:center;max-width:760px;margin:0 auto}
.sctp-promo-txt h2{font-size:clamp(24px,3vw,34px);margin-bottom:12px}
.sctp-promo-txt p{margin:0 0 10px;font-size:16px;color:#39434d}
.sctp-promo-txt ul{margin:0 0 14px;padding-left:20px;line-height:1.7}
.sctp-promo-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}
.sctp-promo-dots button{width:11px;height:11px;border-radius:50%;border:0;background:#b9c0c8;cursor:pointer;padding:0}
.sctp-promo-dots button.on{background:var(--sctp-accent)}

/* ---------- Footer ---------- */
.sctp-footgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.sctp-flist{list-style:none;margin:0;padding:0}
.sctp-flist li a{display:block;margin:7px 0;font-size:14px}
.sctp-footgrid a.sctp-soc{display:inline-block;width:auto;height:auto;border-radius:3px;padding:6px 11px;font-size:12.5px;margin:0}
.sctp-fapps{margin-top:22px!important}
.sctp-footer .sctp-app{background:#26313d}
.sctp-home-sections{padding-top:26px}

/* ---------- Responsive ---------- */
@media(max-width:1100px){.sctp-footgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
  .sctp-nav-wp .sctp-toggle{display:flex}
  .sctp-nav-wp .sctp-menu>li{position:static;flex-wrap:wrap}
  .sctp-nav-wp .sctp-menu>li>a{padding:13px 4px;font-size:14px}
  .sctp-nav-wp .sctp-sub-toggle,.sctp-nav-wp .sctp-menu>li:not(.has-sub) .sctp-sub-toggle{display:block;margin:0;padding:0 14px;border-left:1px solid rgba(255,255,255,.14)}
  .sctp-nav-wp .sctp-menu>li:not(.has-sub) .sctp-sub-toggle{display:none}
  .sctp-dd,.sctp-dd .sctp-dd,.sctp-more-li>.sctp-dd,.sctp-dd-more .sctp-dd{position:static;display:none!important;width:100%;min-width:0;flex-basis:100%;box-shadow:none;border-top:0;background:rgba(0,0,0,.2);padding:0}
  .sctp-mi.has-sub:hover>.sctp-dd,.sctp-mi.has-sub:focus-within>.sctp-dd{display:none!important}
  .sctp-mi.has-sub.open>.sctp-dd{display:block!important}
  .sctp-dd li{flex-wrap:wrap}
  .sctp-dd li>a{color:#fff!important;padding:11px 18px}
  .sctp-dd li>a:hover{background:rgba(255,255,255,.1);color:#fff!important}
  .sctp-dd .sctp-sub-toggle{color:#fff;border-left:1px solid rgba(255,255,255,.14);padding:0 14px}
  .sctp-dd .sctp-dd li>a{padding-left:34px}
  .sctp-footgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sctp-promo-slide.on{grid-template-columns:1fr}
  .sctp-hero-nav{top:22%}
}
@media(max-width:640px){
  .sctp-feed-item.has-img{grid-template-columns:1fr}
  body.sctp-flex .sctp-feed{grid-template-columns:1fr}
  .sctp-footgrid{grid-template-columns:1fr}
  .sctp-head-right{justify-content:center;flex-wrap:wrap}
  .sctp-hero-thumbs{grid-auto-flow:row;grid-template-columns:repeat(5,1fr)}
  .sctp-theme-pop{right:auto;left:0}
}

/* ===== Accounts: /user/login, /user/register, /user/{ID} ===== */
.sctp-acct{padding:24px 0 48px}
.sctp-acct-narrow{max-width:430px;margin:0 auto}
.sctp-acct-promo{display:block;width:max-content;max-width:100%;margin:0 auto 14px;background:#2b1d3f;color:#fff!important;text-align:center;font:700 13px/1.4 var(--sans);padding:10px 22px;border-radius:6px;text-decoration:none}
.sctp-acct-card{background:#fff;border:1px solid var(--line)}
.sctp-acct-card h1{margin:0;padding:10px 14px;background:#f3f3f3;border-bottom:1px solid var(--line);font-size:17px;text-align:center}
.sctp-acct-body{padding:16px}
.sctp-acct-card .sctp-form{border:0;padding:0;margin:0;background:none}
.sctp-acct-card .login-username label,.sctp-acct-card .login-password label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.sctp-acct-card .login-username input,.sctp-acct-card .login-password input{width:100%;padding:10px 12px;border:1px solid #b9c0c8;border-radius:3px;font:inherit;margin-bottom:14px}
.sctp-acct-card .login-remember label{font-size:14px}
.sctp-acct-card .login-submit{text-align:right}
.sctp-acct-card .login-submit input{background:#4caf50;color:#fff;border:0;padding:9px 20px;font:700 14px var(--sans);border-radius:3px;cursor:pointer}
.sctp-acct-links{margin:12px 0 0;font-size:14px}
.sctp-acct-note{text-align:center;color:var(--muted);font-size:14px;margin:26px 0 0}
.req{color:#c00}
.sctp-btn-green{background:#4caf50}.sctp-btn-blue{background:#2f79b9}.sctp-btn-red{background:#d9534f}
.sctp-acct-actions{margin:16px 0 4px;text-align:center}
.sctp-acct-h3{font-size:14px;margin:18px 0 8px}
.sctp-acct-group{border:0;border-top:1px solid var(--line);margin:0 0 14px;padding:10px 0 0;min-width:0}
.sctp-acct-group legend{background:#f3f3f3;width:100%;padding:6px 10px;font:700 14px var(--sans);margin-bottom:10px}
.sctp-acct-gt{background:#f3f3f3;padding:6px 10px;font:600 13px var(--sans);margin-bottom:6px}
.sctp-acct-gh{display:block;font-size:14px;margin:4px 0}
.sctp-form label.sctp-chk,.sctp-chk{display:block;font-weight:400;font-size:13px;margin:0 0 5px}
.sctp-chk input{margin-right:6px}
.sctp-chk-grid{margin-bottom:8px}.sctp-chk-grid.cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 10px}
.sctp-pic{display:flex;align-items:center;gap:14px;margin-top:6px}.sctp-pic img{border-radius:50%}
.sctp-acct-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 16px}
.sctp-acct-tabs a{padding:6px 12px;border:1px solid var(--line);background:#f3f3f3;font-size:13px;text-decoration:none;color:inherit}
.sctp-acct-tabs a.on{background:#fff;font-weight:700}
.sctp-acct form.sctp-form{max-width:760px;margin-left:auto;margin-right:auto}
.sctp-dash-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:12px}
.sctp-dash-head h1{font-size:20px;margin:0}
.sctp-dash{display:grid;grid-template-columns:1.05fr 1fr;gap:18px;align-items:start}
.sctp-dash .sctp-form{padding:0;border:0;margin:0;max-width:none;background:none}
.sctp-acct-panel{background:#fff;border:1px solid var(--line);margin:0 0 14px;padding:0 0 12px}
.sctp-acct-panel>h2{margin:0 0 10px;padding:8px 12px;background:#f3f3f3;border-bottom:1px solid var(--line);font:700 14px var(--sans);display:flex;justify-content:space-between;gap:8px}
.sctp-acct-panel>p,.sctp-acct-panel>table,.sctp-acct-panel>ul,.sctp-prof{margin-left:12px;margin-right:12px}
.sctp-acct-empty{color:var(--muted);font-size:13px;text-align:center}
.sctp-prof{display:grid;grid-template-columns:110px 1fr;gap:14px}.sctp-prof-av img{border-radius:50%;width:110px;height:110px}
.sctp-prof-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:12px}
.sctp-prof-grid .sctp-k{display:block;color:var(--muted)}.sctp-prof-grid .sctp-v{display:block;font-weight:700;word-break:break-word}
.sctp-wide2{grid-column:1/-1}
.sctp-active{color:#2e9b3e}
.sctp-badge{display:inline-block;background:#222;color:#fff!important;font-size:11px;padding:3px 8px;text-decoration:none}
.sctp-edit-ico{text-decoration:none;font-size:14px}
.sctp-add{font-size:12px;font-weight:700;text-decoration:none}.sctp-add.red{color:#c0262d}
.sctp-tbl{width:calc(100% - 24px);border-collapse:collapse;font-size:12px}.sctp-tbl th{text-align:left;padding:6px 4px;border-bottom:1px solid var(--line)}.sctp-tbl td{padding:8px 4px}
.sctp-sw-list{list-style:none;padding:0;margin:0 12px}.sctp-sw-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee;font-size:13px}
.sctp-sw{position:relative;display:inline-block;width:34px;height:18px}
.sctp-sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}
.sctp-sw i{position:absolute;inset:0;background:#ccc;border-radius:18px;transition:.2s}
.sctp-sw i:before{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:.2s}
.sctp-sw input:checked+i{background:#4caf50}.sctp-sw input:checked+i:before{transform:translateX(16px)}
.sctp-public{text-align:center}.sctp-public-av img{border-radius:50%}
.sctp-dl{display:grid;grid-template-columns:auto auto;gap:6px 14px;justify-content:center;text-align:left;font-size:14px}.sctp-dl dt{color:var(--muted)}.sctp-dl dd{margin:0;font-weight:700}
@media(max-width:820px){.sctp-dash{grid-template-columns:1fr}.sctp-chk-grid.cols4{grid-template-columns:repeat(2,1fr)}.sctp-prof{grid-template-columns:1fr}}

.sctp-un-edit{display:block;font-size:13px;margin:-8px 0 12px}
#sctp-un[readonly]{background:#ececec}
.sctp-otp-msg{font-size:13px;margin:6px 0 10px}.sctp-otp-msg.ok{color:#17632b}.sctp-otp-msg.err{color:#8b2020}
#sctp-otp{letter-spacing:6px;font-size:18px;text-align:center}
.sctp-btn:disabled{opacity:.6;cursor:not-allowed}

/* ===== Feed posts: vertical cards like sctonline.net (image on top, text below) ===== */
.sctp-feed-item,.sctp-feed-item.has-img{grid-template-columns:minmax(0,1fr);gap:10px;padding:22px 0}
.sctp-feed-img{aspect-ratio:4/3}
.sctp-feed-item h2{font-size:17px;line-height:1.25;text-transform:uppercase;font-weight:800;letter-spacing:.1px;margin:0 0 5px}
.sctp-feed-item p{font-size:14px;line-height:1.5}
.sctp-premium{text-transform:uppercase;font-weight:700;letter-spacing:.3px}
.sctp-premium.sctp-free span{color:#2e8b3e}
.sctp-readmore{display:inline-block;font-size:13px}
@media(min-width:901px){.sctp-home-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}}

/* ===== sctonline.net look: grey header + menu, black footer, grey page ===== */
body.sctp-look-sct{background:#d6d6d6}
.sctp-look-sct .sctp-top{background:#333}
.sctp-look-sct .sctp-head{background:linear-gradient(#7d7d7d,#6a6a6a);border-bottom:0}
.sctp-look-sct .sctp-brand,.sctp-look-sct .sctp-brand strong,.sctp-look-sct .sctp-brand small{color:#fff!important}
.sctp-look-sct .sctp-brand small{opacity:.85}
.sctp-look-sct .sctp-nav{background:linear-gradient(#6a6a6a,#555);box-shadow:none}
.sctp-look-sct .sctp-menu>li>a{text-transform:uppercase;font-weight:600;font-size:13px;letter-spacing:.3px}
.sctp-look-sct #sctp-content{background:#dcdcdc}
.sctp-look-sct .sctp-home-main,.sctp-look-sct .sctp-sidebar{background:#fff;padding:14px}
.sctp-look-sct .sctp-footer{background:#000}
.sctp-look-sct .sctp-copy{background:#000}

/* Reader posts */
.sctp-acct-panel .sctp-acct-body{padding:12px}
.sctp-newpost textarea,.sctp-newpost select{display:block;width:100%;padding:10px;border:1px solid #b9c0c8;border-radius:3px;font:inherit;margin-top:6px}
.sctp-posted{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sctp-rpost{margin:0 12px;padding:12px 0;border-top:1px solid var(--line)}
.sctp-rpost:first-of-type{border-top:0}
.sctp-rpost h3{margin:2px 0 6px;font-size:16px}
.sctp-rpost p{margin:6px 0;font-size:14px;line-height:1.5;word-break:break-word}
.sctp-rpost-meta{font-size:12px;color:var(--muted)}.sctp-pending{color:#b26a00;font-weight:700}
.sctp-rpost-img img{max-width:100%;height:auto;display:block}
.sctp-linkbtn{background:none;border:0;color:#c0262d;cursor:pointer;font-size:12px;padding:0;text-decoration:underline}
.sctp-rpost-del{display:inline;border:0;padding:0;margin:0;background:none}
.sctp-pub-posts{margin-top:14px}
.sctp-rpost .sctp-form{display:inline;border:0;padding:0;margin:0;background:none}

/* =====================================================================
   4.6 — sctonline.net account pages, top bar and footer
   (login / register / edit profile / dashboard, grey + black theme)
   ===================================================================== */

/* ---------- Top bar: links | date | keyword search ---------- */
.sctp-look-sct .sctp-top{background:#262626;color:#d8d8d8;font-size:10.5px}
.sctp-top-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:5px 0}
.sctp-top-in .sctp-toplinks{justify-content:flex-start;gap:14px;flex-wrap:nowrap;white-space:nowrap}
.sctp-top-in .sctp-toplinks a,.sctp-top-in .sctp-toplinks button{font-size:10.5px}
.sctp-top-in .sctp-toplinks a[href*="/user/login"]{color:#f0b429}
.sctp-top-in .sctp-today{text-align:center;font-size:12px;color:#fff;letter-spacing:.2px;padding:0 12px}
.sctp-top-search{justify-self:end;display:flex;width:170px;max-width:100%}
.sctp-top-search input{flex:1;min-width:0;border:1px solid #777;border-right:0;background:#fff;color:#333;font:11px var(--sans);padding:3px 7px;border-radius:2px 0 0 2px;height:20px}
.sctp-top-search button{width:24px;height:20px;border:1px solid #777;background:#f3f3f3;color:#333;border-radius:0 2px 2px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
@media(max-width:700px){
  .sctp-top-in{grid-template-columns:1fr;gap:5px;justify-items:center}
  .sctp-top-in .sctp-toplinks{justify-content:center;flex-wrap:wrap}
  .sctp-top-search{justify-self:center;width:min(260px,100%)}
}

/* ---------- Account page frame ---------- */
.sctp-look-sct .sctp-acct{padding:22px 0 54px}
.sctp-acct.sctp-container{width:min(1000px,100% - 32px)}
.sctp-acct-narrow{max-width:360px}
.sctp-acct-promo{background:#2c1d44;font-size:12.5px;line-height:1.35;padding:9px 20px;border-radius:2px;margin-bottom:10px}
.sctp-acct-box{background:#fff;border:1px solid #cfcfcf;padding:10px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.sctp-social-login{display:grid;gap:8px}
.sctp-sl{display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 10px;background:#fff;border:1px solid #c4c4c4;border-radius:3px;color:#222!important;font:600 12px var(--sans);text-decoration:none;min-height:32px}
.sctp-sl:hover{background:#f5f5f5;text-decoration:none}
.sctp-sl svg{flex:none}
.sctp-sl-facebook{background:#4a6fb1;border-color:#3b5998;color:#fff!important}
.sctp-sl-facebook:hover{background:#3f629f}
.sctp-sl-facebook svg rect{fill:#fff}.sctp-sl-facebook svg text{fill:#4a6fb1}
.sctp-or{display:flex;align-items:center;gap:10px;margin:10px 0 2px;color:#666;font:700 11px var(--sans);letter-spacing:.5px}
.sctp-or:before,.sctp-or:after{content:"";flex:1;border-top:1px solid #d6d6d6}
.sctp-acct-box>.sctp-acct-card{border:0;background:none}
.sctp-acct-card{border:1px solid #cfcfcf;background:#fff}
.sctp-acct-card h1{background:none;border:0;border-bottom:0;padding:6px 8px 4px;font:700 15px var(--serif);color:#555;text-align:center}
.sctp-acct-body{padding:6px 4px 4px}
.sctp-acct-box .sctp-acct-body{padding:2px 2px 2px}

/* form controls inside account cards */
.sctp-acct-card .sctp-form label,.sctp-acct .sctp-form label{font:700 11.5px var(--sans);color:#222;margin-bottom:10px}
.sctp-acct-card .sctp-form label.sctp-chk,.sctp-acct .sctp-form label.sctp-chk{font-weight:400;font-size:11.5px;color:#333}
.sctp-acct .sctp-form input:not([type=checkbox]):not([type=file]):not([type=radio]),.sctp-acct .sctp-form select,.sctp-acct .sctp-form textarea,
.sctp-acct-card .login-username input,.sctp-acct-card .login-password input{border:1px solid #c9c9c9;border-radius:2px;padding:7px 9px;font:12.5px var(--sans);height:auto;margin-top:4px;background:#fff;color:#222}
.sctp-acct-card .login-username label,.sctp-acct-card .login-password label{font:700 11.5px var(--sans);margin-bottom:3px;color:#222}
.sctp-acct-card .login-username label:after,.sctp-acct-card .login-password label:after{content:" *";color:#c00}
.sctp-acct-card .login-username input,.sctp-acct-card .login-password input{margin-bottom:10px;width:100%}
.sctp-acct .sctp-form input:focus,.sctp-acct-card .login-username input:focus,.sctp-acct-card .login-password input:focus{outline:2px solid #4a90d9;outline-offset:-1px}
.sctp-acct .sctp-form input[readonly]{background:#e6e6e6;color:#555}

/* login form layout: remember · forgot · register / Log in */
.sctp-acct-card .sctp-form,.sctp-acct-card #loginform,.sctp-acct-card form[name=loginform]{border:0;padding:0;margin:0}
.sctp-acct-card form[name=loginform]{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
.sctp-acct-card form[name=loginform]>.login-username,.sctp-acct-card form[name=loginform]>.login-password{flex:0 0 100%;margin:0}
.sctp-acct-card form[name=loginform]>.login-remember{order:1;flex:1;margin:0 0 6px}
.sctp-acct-card form[name=loginform]>.sctp-forgot{order:2;margin:0 0 6px;font-size:11px}
.sctp-acct-card form[name=loginform]>.sctp-newacct{order:3;flex:1;font-size:11.5px;margin-top:6px}
.sctp-acct-card form[name=loginform]>.login-submit{order:4;margin:6px 0 0;text-align:right}
.sctp-acct-card .login-remember label{font:400 11.5px var(--sans);display:flex;align-items:center;gap:6px}
.sctp-acct-card .login-remember input{accent-color:#2f79b9;margin:0}
.sctp-forgot a,.sctp-newacct a{color:#1c5aa6!important;text-decoration:none}
.sctp-forgot a{text-decoration:underline}
.sctp-acct-card .login-submit input{background:#4caf50;border-radius:3px;padding:7px 18px 7px 14px;font:700 12px var(--sans);letter-spacing:.2px}
.sctp-acct-card .login-submit input:hover{background:#43a047}
.sctp-pw{position:relative;display:block}
.sctp-pw input{padding-right:34px!important}
.sctp-pw-eye{position:absolute;right:4px;top:6px;border:0;background:none;color:#555;font-size:14px;cursor:pointer;padding:3px 6px;line-height:1;opacity:.7}
.sctp-pw-eye.on{opacity:1;color:#1c5aa6}
.sctp-acct-links{font-size:11.5px}

/* buttons */
.sctp-acct .sctp-btn{font:700 12px var(--sans);padding:8px 18px;border-radius:3px}
.sctp-acct .sctp-btn-green{background:#4caf50}.sctp-acct .sctp-btn-blue{background:#2f79b9}.sctp-acct .sctp-btn-red{background:#d9534f}
.sctp-acct-actions{margin:12px 0 4px}
.sctp-acct-actions .sctp-btn{min-width:110px}
.sctp-acct-note{font-size:11.5px;color:#555;margin:20px 0 0}
.sctp-acct-note a{color:#1c5aa6;text-decoration:none}.sctp-acct-note a:hover{text-decoration:underline}
.sctp-un-edit{font-size:11px;color:#1c5aa6!important;margin:-6px 0 10px}
.req{color:#c00;font-weight:700}

/* register: newsletters list + captcha */
.sctp-acct-h3{font:800 11.5px var(--sans);letter-spacing:.3px;margin:14px 0 6px;color:#222}
.sctp-acct-group{border:0;margin:0 0 10px;padding:0}
.sctp-acct-gt{background:#f1f1f1;border:1px solid #ddd;padding:5px 8px;font:600 11.5px var(--sans);color:#555}
.sctp-acct-narrow .sctp-chk-grid{border:1px solid #ddd;border-top:0;padding:6px 8px;margin:0}
.sctp-acct-narrow .sctp-chk-grid .sctp-chk{font-size:10.5px;margin:0 0 3px;color:#444}
.sctp-recaptcha{margin:14px 0 4px;overflow:hidden;max-width:100%}
.sctp-recaptcha .g-recaptcha{transform-origin:0 0}
.sctp-otp-msg{font-size:11.5px}

/* notices */
.sctp-acct .sctp-notice{font-size:12px;padding:9px 12px;margin:0 0 12px;border-radius:2px}
.sctp-acct .sctp-notice.ok{background:#e1f3d8;border:1px solid #b9dba7;color:#2c5c15}
.sctp-acct .sctp-notice.error{background:#fbe3e3;border:1px solid #efb3b3;color:#8b2020}
.sctp-acct-narrow>.sctp-notice{margin-top:0}

/* ---------- Tabs (View | Change Password | Edit | Orders | Reader Posts | Payment Settings) ---------- */
.sctp-acct-tabs{gap:2px;margin:0 0 -1px;border-bottom:1px solid #bbb;position:relative;z-index:1}
.sctp-acct-tabs a{padding:5px 11px;border:1px solid #bbb;border-bottom:0;background:#ececec;color:#444;font-size:11px;border-radius:3px 3px 0 0}
.sctp-acct-tabs a:hover{background:#f5f5f5}
.sctp-acct-tabs a.on{background:#fff;color:#111;font-weight:700;position:relative;top:1px}
.sctp-acct-tabs+.sctp-notice{margin-top:12px}

/* ---------- Edit profile ---------- */
.sctp-acct form.sctp-form{max-width:none;margin:0;padding:12px;background:#fff;border:1px solid #bbb;border-top:0}
.sctp-acct form.sctp-form .sctp-acct-group{border:1px solid #d4d4d4;margin:0 0 12px;padding:0 0 8px;background:#fff}
.sctp-acct form.sctp-form .sctp-acct-group legend{display:block;width:100%;float:left;margin:0;padding:6px 10px;background:#f1f1f1;border-bottom:1px solid #d4d4d4;font:700 12px var(--sans);color:#333}
.sctp-acct form.sctp-form .sctp-acct-group legend+*{clear:both}
.sctp-acct form.sctp-form .sctp-acct-group>label,.sctp-acct form.sctp-form .sctp-acct-group>.sctp-acct-gt,.sctp-acct form.sctp-form .sctp-acct-group>strong,.sctp-acct form.sctp-form .sctp-acct-group>.sctp-chk-grid{margin-left:10px;margin-right:10px}
.sctp-acct form.sctp-form .sctp-acct-group>label:first-of-type,.sctp-acct form.sctp-form .sctp-acct-group>legend+label{margin-top:12px}
.sctp-acct form.sctp-form .sctp-acct-group>label{display:block;max-width:none}
.sctp-acct form.sctp-form .sctp-acct-group>.sctp-chk-grid{border:1px solid #ddd;padding:8px 10px;margin-top:0}
.sctp-acct form.sctp-form .sctp-acct-group>.sctp-acct-gt{margin-top:12px}
.sctp-chk-grid.cols4{grid-template-columns:repeat(5,minmax(0,1fr))}
.sctp-acct-actions{text-align:center}
.sctp-pic img{border:1px solid #ccc}

/* ---------- Dashboard ---------- */
.sctp-dash-head{background:#fff;border:1px solid #bbb;padding:7px 12px;margin-bottom:10px;font-size:11.5px}
.sctp-dash-head h1{font:700 17px var(--serif);color:#222}
.sctp-dash{gap:12px}
.sctp-acct-panel{border:1px solid #c9c9c9;background:#fff;margin-bottom:10px;padding-bottom:10px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.sctp-acct-panel>h2{background:#f1f1f1;border-bottom:1px solid #d4d4d4;font:700 12px var(--sans);color:#222;padding:7px 10px;align-items:center}
.sctp-acct-panel>p{font-size:12px}
.sctp-acct-empty{font-size:11.5px;color:#666}
.sctp-prof{grid-template-columns:96px 1fr}
.sctp-prof-av img{width:96px;height:96px;border:1px solid #ccc}
.sctp-prof-grid{font-size:11px;gap:6px 10px}
.sctp-prof-grid .sctp-k{font-size:10px}
.sctp-prof-grid a{color:#1c5aa6}
.sctp-badge{background:#444;border-radius:2px;font-size:10.5px;padding:4px 9px}
.sctp-tbl{font-size:11px}
.sctp-tbl th{font-weight:700;background:#fafafa;border-bottom:1px solid #ddd;padding:6px 6px}
.sctp-tbl td{padding:8px 6px}
.sctp-sw-list li{font-size:11.5px}
.sctp-add{font-size:11px;color:#c0262d}
.sctp-acct-panel>h2 .sctp-add{margin-left:auto}

/* ---------- Footer: black, 3 columns, small type ---------- */
.sctp-look-sct .sctp-footer{background:#000;color:#bbb;border-top:0}
.sctp-look-sct .sctp-footgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:820px;padding:30px 0 26px;align-items:start}
.sctp-look-sct .sctp-footer h4{font:800 10.5px var(--sans);letter-spacing:.8px;text-transform:uppercase;color:#ddd;border-bottom:1px solid #3a3a3a;padding-bottom:5px;margin:0 0 10px}
.sctp-look-sct .sctp-footer h4.sctp-fsub{margin-top:22px}
.sctp-look-sct .sctp-footer p{font-size:10.5px;line-height:1.5;margin:0 0 6px;color:#ccc}
.sctp-look-sct .sctp-flist li{position:relative;padding-left:12px}
.sctp-look-sct .sctp-flist li:before{content:"";position:absolute;left:0;top:50%;margin-top:-2px;border:3px solid transparent;border-left:4px solid #ddd}
.sctp-look-sct .sctp-flist li a{font-size:10.5px;margin:6px 0;color:#d6d6d6}
.sctp-look-sct .sctp-fcol-last .sctp-flist li:before{display:none}
.sctp-look-sct .sctp-fcol-last .sctp-flist li{padding-left:0}
.sctp-look-sct .sctp-fcol-last .sctp-flist li a{color:#4da3ff}
.sctp-look-sct .sctp-footer p a{color:#4da3ff}
.sctp-look-sct .sctp-footgrid .sctp-social{margin-top:2px;gap:7px}
.sctp-look-sct .sctp-footgrid a.sctp-soc{width:22px;height:22px;font-size:10px;border-radius:50%;background:#555;color:#fff}
.sctp-look-sct .sctp-footgrid a.sctp-soc-fb{background:#3b5998}
.sctp-look-sct .sctp-footgrid a.sctp-soc-x{background:#1da1f2}
.sctp-look-sct .sctp-footgrid a.sctp-soc-ig{background:linear-gradient(45deg,#f9a03c,#e1306c,#833ab4)}
.sctp-look-sct .sctp-footgrid a.sctp-soc-bsky{background:#1185fe}
.sctp-look-sct .sctp-footgrid a.sctp-soc-threads{background:#000;border:2px solid #ddd}
.sctp-look-sct .sctp-footgrid a.sctp-soc-yt{background:#e62117}
.sctp-look-sct .sctp-fapps{margin-top:22px!important}
.sctp-look-sct .sctp-footer .sctp-app{background:#222;font-size:10px;padding:6px 10px;border-radius:4px}
.sctp-look-sct .sctp-copy{border-top:1px solid #222;font-size:10px;color:#999}
.sctp-look-sct .sctp-copy-in{justify-content:center;gap:6px 14px;text-align:center}
.sctp-look-sct .sctp-copy a{margin-left:4px;color:#7fb2ea}
@media(max-width:900px){.sctp-look-sct .sctp-footgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sctp-look-sct .sctp-fcol-last{grid-column:1/-1}.sctp-chk-grid.cols4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.sctp-look-sct .sctp-footgrid{grid-template-columns:1fr}.sctp-chk-grid.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}.sctp-acct-tabs a{padding:5px 8px}}

/* ---- 4.6 fixes ---- */
.sctp-look-sct .sctp-cta{display:none}
.sctp-acct-card form[name=loginform]>.login-remember{flex:0 0 auto;white-space:nowrap}
.sctp-acct-card form[name=loginform]>.login-remember label{white-space:nowrap}
.sctp-acct-card form[name=loginform]>.sctp-forgot{margin-left:auto;white-space:nowrap}
.sctp-acct-card form[name=loginform]>.sctp-newacct{flex:1 1 auto;white-space:nowrap}
.sctp-acct-card form[name=loginform]>.login-submit{flex:0 0 auto;margin-left:auto}
.sctp-acct .sctp-chk{display:flex!important;align-items:flex-start;gap:6px}
.sctp-acct .sctp-chk input{margin:2px 0 0!important;flex:none}
.sctp-look-sct .sctp-footer p a{font-size:inherit;display:inline}
.sctp-look-sct .sctp-footgrid a.sctp-soc{font-size:0;display:flex;align-items:center;justify-content:center}
.sctp-look-sct .sctp-footgrid a.sctp-soc:before{font:800 11px var(--sans);color:#fff}
.sctp-footgrid .sctp-soc-fb:before{content:"f"}.sctp-footgrid .sctp-soc-x:before{content:"\1D54F"}.sctp-footgrid .sctp-soc-ig:before{content:"\25CE"}
.sctp-footgrid .sctp-soc-bsky:before{content:"\1F98B";font-size:11px!important}.sctp-footgrid .sctp-soc-threads:before{content:"@"}.sctp-footgrid .sctp-soc-yt:before{content:"\25B6";font-size:9px!important}

.sctp-dash form.sctp-form{padding:0!important;border:0!important;background:none!important;margin:0}

/* ---- 4.6.1 one-time profile post + public profile ---- */
.sctp-pubprofile{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:start}
.sctp-pubside{margin:0}
.sctp-pub-posts{margin:0}
.sctp-pub-posts .sctp-rpost{margin:0 14px;padding:10px 0 4px;border:0}
.sctp-rpost-img{margin:8px 0 12px}
.sctp-rpost-img img{width:100%;max-height:520px;object-fit:contain;background:#f3f3f3;border:1px solid #ddd}
.sctp-rpost-body p{font-size:14px;line-height:1.65;margin:0 0 12px;overflow-wrap:anywhere}
.sctp-acct-help{font-size:12px;color:#555;margin:0 0 10px}
.sctp-cur-img{max-width:240px}
.sctp-newpost textarea{min-height:240px;resize:vertical}
.sctp-acct .sctp-newpost .sctp-form{border:0;padding:0}
@media(max-width:760px){.sctp-pubprofile{grid-template-columns:1fr}}
.sctp-field{margin:0 0 14px}.sctp-field-l{display:block;font:700 11.5px var(--sans);margin-bottom:5px}.sctp-field-l small{font-weight:400;color:#666}
.sctp-newpost .wp-editor-wrap{border:1px solid #c9c9c9}
.sctp-newpost .wp-editor-container textarea,.sctp-newpost textarea.sctp-editor-ta{width:100%;min-height:320px;margin:0;border:0}
.sctp-newpost .wp-editor-tabs button{font-size:12px;padding:4px 10px}
.sctp-rpost-body img{max-width:100%;height:auto}
.sctp-rpost-body h2,.sctp-rpost-body h3,.sctp-rpost-body h4{margin:16px 0 8px}
.sctp-rpost-body ul,.sctp-rpost-body ol{margin:0 0 12px 22px;font-size:14px;line-height:1.65}
.sctp-rpost-body blockquote{margin:0 0 12px;padding:6px 14px;border-left:3px solid #bbb;color:#444}
.sctp-rpost-body a{color:#1c5aa6}
