/* Knowledge base, web design tips, WordPress tutorials, blog category pages (operator 2026-10-15).
   Loaded AFTER /assets/pages/pw/pw.css. Everything scoped under body.ws-mod .wsm .pw. Body 1370px. */
body.ws-mod .wsm .kb-crumbs{margin:0 0 14px;font-size:.95rem;font-weight:600;color:#4a4036}
body.ws-mod .wsm .kb-crumbs a{color:#680000;font-weight:700}
body.ws-mod .wsm .kb-crumbs .sep{margin:0 .5em;color:#a08f78}
/* hero picture across the whole body */
body.ws-mod .wsm .kb-hero{position:relative;margin:0 0 36px;width:100%;height:clamp(200px,34vw,480px);border-radius:12px;overflow:hidden;background:#e3ebf7;border:1px solid #c3d0e6}
body.ws-mod .wsm .kb-hero img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border-radius:0;display:block}
/* sections */
body.ws-mod .wsm .kb-sec{margin:52px 0 0;width:100%}
body.ws-mod .wsm .kb-sec>h2{margin:0 0 18px}
body.ws-mod .wsm .kb-sec .kb-intro{max-width:none}
body.ws-mod .wsm .kb-after{margin-top:20px}
body.ws-mod .wsm .pw .pw-cols{column-gap:72px}
/* split: text beside picture, same height */
body.ws-mod .wsm .kb-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px;align-items:stretch}
body.ws-mod .wsm .kb-split.left{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
body.ws-mod .wsm .kb-split.left .kb-pic{order:-1}
body.ws-mod .wsm .kb-split .kb-txt p:last-child{margin-bottom:0}
body.ws-mod .wsm .kb-pic{position:relative;margin:0;min-height:300px;background:#e3ebf7;border:1px solid #c3d0e6;border-radius:12px;overflow:hidden}
body.ws-mod .wsm .kb-pic img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border-radius:0;display:block}
/* picture row for images not placed in a split */
body.ws-mod .wsm .kb-pics{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,440px));gap:20px}
body.ws-mod .wsm .kb-pics li{margin:0;padding:0}
body.ws-mod .wsm .kb-pics li::before{content:none}
body.ws-mod .wsm .kb-pics .kb-pic{min-height:0;aspect-ratio:4/3}
/* code box */
body.ws-mod .wsm .kb-code{margin:22px 0 0;border-radius:12px;overflow:hidden;background:#0b1f3a;border:1px solid #0b1f3a}
body.ws-mod .wsm .kb-code .bar{display:flex;justify-content:space-between;align-items:center;background:#132c52;color:#ffd54a;font-family:'Barlow Semi Condensed',var(--f-display,sans-serif);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;padding:8px 18px}
body.ws-mod .wsm .kb-code pre{margin:0;padding:18px 20px;background:transparent;border:0;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;line-height:1.6;white-space:pre;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
body.ws-mod .wsm .kb-code pre code{background:transparent;color:inherit;padding:0;white-space:pre;overflow-wrap:normal;font:inherit}
body.ws-mod .wsm .kb-intro code,body.ws-mod .wsm .kb-after code,body.ws-mod .wsm .kb-txt code,body.ws-mod .wsm .pw p code{background:#fff6d6;border:1px solid #e4d8c4;border-radius:6px;padding:1px 6px;font-size:.95em;color:#0b1f3a}
/* step cards */
body.ws-mod .wsm .kb-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;counter-reset:step}
body.ws-mod .wsm .kb-steps>li{margin:0;padding:0}
body.ws-mod .wsm .kb-steps>li::before,body.ws-mod .wsm .kb-steps>li::marker{content:none}
body.ws-mod .wsm .kb-step{height:100%;box-sizing:border-box;background:#e3ebf7;border:1px solid #c3d0e6;border-radius:12px;padding:24px 26px}
body.ws-mod .wsm .kb-step .n{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#680000;color:#fff;font-family:'Barlow Semi Condensed',var(--f-display,sans-serif);font-weight:700;font-size:1.3rem;margin:0 0 12px}
body.ws-mod .wsm .kb-step h3{font-size:1.45rem;margin:0 0 8px}
body.ws-mod .wsm .kb-step p{margin:0;font-size:1.05rem;line-height:1.6}
/* faq cards */
body.ws-mod .wsm .kb-faq{margin:52px 0 0;width:100%;background:#fff6d6;border:2px solid #680000;border-radius:12px;padding:32px;color:#1a1a1a}
body.ws-mod .wsm .kb-faq>h2{margin:0 0 22px}
body.ws-mod .wsm .kb-faqgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px}
body.ws-mod .wsm .kb-faqgrid>li{margin:0;padding:0}
body.ws-mod .wsm .kb-faqgrid>li::before,body.ws-mod .wsm .kb-faqgrid>li::marker{content:none}
body.ws-mod .wsm .kb-q{height:100%;box-sizing:border-box;background:#fff;border:1px solid #c3d0e6;border-radius:12px;padding:22px 24px}
body.ws-mod .wsm .kb-q h3{font-size:1.35rem;margin:0 0 8px}
body.ws-mod .wsm .kb-q p{margin:0;font-size:1.05rem}
/* call-to-help band */
body.ws-mod .wsm .kb-help{margin:52px 0 0;background:#0b1f3a;color:#fff;border-radius:12px;padding:28px 32px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}
body.ws-mod .wsm .kb-help p{margin:0;color:#fff;font-size:1.2rem;max-width:820px}
body.ws-mod .wsm .kb-help a.btn{display:inline-block;background:#F5B800;color:#0b1f3a;font-family:'Barlow Semi Condensed',var(--f-display,sans-serif);font-weight:800;font-size:1.2rem;padding:12px 26px;border-radius:12px;text-decoration:none}
body.ws-mod .wsm .kb-help a.btn:hover{background:#D9A000}
/* author box: Rod and Tami */
body.ws-mod .wsm .kb-author{margin:52px 0 0;width:100%;display:grid;grid-template-columns:340px 1fr;align-items:stretch;background:#e3ebf7;border:1px solid #c3d0e6;border-radius:12px;overflow:hidden}
body.ws-mod .wsm .kb-author-pic{position:relative;min-height:260px;margin:0}
body.ws-mod .wsm .kb-author-pic img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border-radius:0;display:block}
body.ws-mod .wsm .kb-author-body{padding:26px 30px}
body.ws-mod .wsm .kb-author-body h2{font-size:1.7rem;margin:0 0 10px}
body.ws-mod .wsm .kb-author-body h2 span{font-weight:400;color:#1a1a1a;margin-right:.4em}
body.ws-mod .wsm .kb-author-body p{margin:0 0 .8em;font-size:1.05rem;line-height:1.6}
body.ws-mod .wsm .kb-social{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
body.ws-mod .wsm .kb-social li{margin:0;padding:0}
body.ws-mod .wsm .kb-social li::before{content:none}
body.ws-mod .wsm .kb-social a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #c3d0e6;text-decoration:none}
body.ws-mod .wsm .kb-social img{width:18px;height:18px;display:block;margin:0}
/* prev / next */
body.ws-mod .wsm .kb-pn{margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.ws-mod .wsm .kb-pn a{display:block;height:100%;box-sizing:border-box;background:#fff6d6;border:2px solid #680000;border-radius:12px;padding:20px 26px;color:#1a1a1a;text-decoration:none}
body.ws-mod .wsm .kb-pn .k{display:block;font-family:'Barlow Semi Condensed',var(--f-display,sans-serif);font-weight:700;letter-spacing:.08em;color:#680000;font-size:1rem;margin:0 0 6px}
body.ws-mod .wsm .kb-pn .t{display:block;font-family:'Barlow Semi Condensed',var(--f-display,sans-serif);font-weight:700;font-size:1.35rem;line-height:1.2;color:#0b1f3a;text-decoration:underline;text-underline-offset:3px}
body.ws-mod .wsm .kb-pn .next{text-align:right}
/* card grids: 4-5 cards across at 1370px */
body.ws-mod .wsm .kb-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
body.ws-mod .wsm .kb-grid>li{margin:0;padding:0}
body.ws-mod .wsm .kb-grid>li::before,body.ws-mod .wsm .kb-grid>li::marker{content:none}
body.ws-mod .wsm .kb-card{height:100%;box-sizing:border-box;display:flex;flex-direction:column;background:#e3ebf7;border:1px solid #c3d0e6;border-radius:12px;overflow:hidden}
body.ws-mod .wsm .kb-card .th{display:block;position:relative;aspect-ratio:16/9;background:#fff;border-bottom:1px solid #c3d0e6}
body.ws-mod .wsm .kb-card .th img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border-radius:0;display:block}
body.ws-mod .wsm .kb-card .bd{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
body.ws-mod .wsm .kb-card .meta{font-family:'Roboto',sans-serif;font-size:.88rem;font-weight:500;color:#1a1a1a;margin:0 0 6px}
body.ws-mod .wsm .kb-card h3{font-size:1.25rem;line-height:1.2;margin:0 0 10px}
body.ws-mod .wsm .kb-card h3 a{color:#0b1f3a;text-decoration:none}
body.ws-mod .wsm .kb-card h3 a:hover{text-decoration:underline}
body.ws-mod .wsm .kb-card .txt{margin:0 0 16px;font-size:.98rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
body.ws-mod .wsm .kb-card .more{margin-top:auto;display:inline-block;background:#680000;color:#fff;font-family:'Barlow Semi Condensed',var(--f-display,sans-serif);font-weight:700;font-size:1rem;padding:8px 18px;border-radius:12px;text-decoration:none}
body.ws-mod .wsm .kb-card .more:hover{background:#4d0000;color:#fff}
/* archive intro */
body.ws-mod .wsm .kb-intro-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:stretch;width:100%;margin:0 0 44px}
body.ws-mod .wsm .kb-intro-row .pw-lede{display:flex;flex-direction:column;justify-content:center}
body.ws-mod .wsm .kb-intro-row .pw-lede h2{margin:0 0 10px}
body.ws-mod .wsm .kb-intro-row .pw-lede p:last-child{margin-bottom:0}
body.ws-mod .wsm .kb-intro-row .kb-pic{min-height:260px}
body.ws-mod .wsm .kb-pager{margin:44px 0 0}
body.ws-mod .wsm .kb-pager ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
body.ws-mod .wsm .kb-pager li{margin:0;padding:0}
body.ws-mod .wsm .kb-pager li::before{content:none}
body.ws-mod .wsm .kb-pager a,body.ws-mod .wsm .kb-pager .current,body.ws-mod .wsm .kb-pager .gap{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;box-sizing:border-box;padding:0 16px;border-radius:12px;border:1px solid #c3d0e6;background:#e3ebf7;color:#0b1f3a;font-weight:700;text-decoration:none;font-size:1.1rem}
body.ws-mod .wsm .kb-pager .current{background:#680000;border-color:#680000;color:#fff}
body.ws-mod .wsm .kb-pager .gap{background:transparent;border-color:transparent}
body.ws-mod .wsm .kb-related{margin:52px 0 0}
body.ws-mod .wsm .kb-related>h2{margin:0 0 18px}
body.ws-mod .wsm .kb-related .kb-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
/* single-post wrapper for old WordPress posts that only get a new top figure */
body.ws-mod .wsm .wsm-body-blog .kb-topfig{position:relative;margin:0 0 28px;width:100%;max-width:none;aspect-ratio:16/6;border-radius:12px;overflow:hidden;border:1px solid #c3d0e6}
body.ws-mod .wsm .wsm-body-blog .kb-topfig img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border-radius:0;display:block}
body.ws-mod .wsm .pw a:focus-visible{outline:3px solid #0b1f3a;outline-offset:3px}
/* search page */
body.ws-mod .wsm .kb-search{display:flex;gap:12px;margin:0 0 28px}
body.ws-mod .wsm .kb-search input[type=search]{flex:1;min-height:52px;border:1px solid #8a817a;border-radius:12px;padding:0 18px;font-size:1.1rem;font-family:inherit}
body.ws-mod .wsm .kb-search button{min-height:52px;border:0;border-radius:12px;background:#680000;color:#fff;font-weight:700;font-size:1.1rem;padding:0 28px;cursor:pointer}
@media (max-width:1023px){
  body.ws-mod .wsm .kb-split,body.ws-mod .wsm .kb-split.left{grid-template-columns:1fr;gap:24px}
  body.ws-mod .wsm .kb-split.left .kb-pic{order:0}
  body.ws-mod .wsm .kb-pic{min-height:0;aspect-ratio:4/3}
  body.ws-mod .wsm .kb-sec,body.ws-mod .wsm .kb-faq,body.ws-mod .wsm .kb-help,body.ws-mod .wsm .kb-author,body.ws-mod .wsm .kb-related,body.ws-mod .wsm .kb-pics{margin-top:36px}
  body.ws-mod .wsm .kb-author{grid-template-columns:1fr}
  body.ws-mod .wsm .kb-author-pic{min-height:0;height:280px}
  body.ws-mod .wsm .kb-intro-row{grid-template-columns:1fr;gap:24px}
  body.ws-mod .wsm .kb-intro-row .kb-pic{min-height:0;aspect-ratio:16/9}
  body.ws-mod .wsm .kb-pn{grid-template-columns:1fr}
  body.ws-mod .wsm .kb-faq{padding:20px}
  body.ws-mod .wsm .kb-faqgrid{grid-template-columns:1fr}
  body.ws-mod .wsm .kb-steps{grid-template-columns:1fr}
  body.ws-mod .wsm .kb-help{padding:22px}
}
@media (max-width:540px){
  body.ws-mod .wsm .kb-grid{grid-template-columns:1fr}
  body.ws-mod .wsm .kb-related .kb-grid{grid-template-columns:1fr}
  body.ws-mod .wsm .kb-code pre{font-size:.92rem;padding:14px}
}
body.ws-mod .wsm .kb-intro-row+.pw-tags{margin:0 0 28px}
body.ws-mod .wsm .pw .pw-tags a[aria-current=page]{background:#680000;border-color:#680000;color:#fff}

/* author box on old-style blog posts (no .pw wrapper) */
body.ws-mod .wsm .kb-author-body h2{font-family:var(--f-display,sans-serif);color:#0b1f3a;line-height:1.15}
body.ws-mod .wsm .kb-author-body p{color:#1a1a1a}
body.ws-mod .wsm .kb-author-body a{color:#680000;text-decoration:underline;text-underline-offset:3px}
body.ws-mod .wsm .kb-author{box-sizing:border-box}
body.ws-mod .wsm .wsm-content>.kb-author{max-width:none}
@media (min-width:1024px){
  body.ws-mod .wsm .kb-steps.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ws-mod .wsm .kb-steps.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.ws-mod .wsm .kb-steps.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.ws-mod .wsm .kb-steps.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
}
body.ws-mod .wsm .kb-step h3,body.ws-mod .wsm .kb-q h3,body.ws-mod .wsm .kb-card h3{margin-top:0!important}
body.ws-mod .wsm .kb-step .n{margin-bottom:10px!important}
body.ws-mod .wsm .kb-vidwrap{max-width:1000px;margin:0 auto 20px}
body.ws-mod .wsm .kb-video{margin-top:36px}
body.ws-mod .wsm .kb-pager li::before,body.ws-mod .wsm .kb-pager li::after,body.ws-mod .wsm .kb-pager a::before,body.ws-mod .wsm .kb-pager a::after{content:none!important;display:none!important}
body.ws-mod .wsm .kb-pager ul{list-style:none!important;display:flex!important;flex-wrap:wrap;gap:10px;padding:0;margin:0}
body.ws-mod .wsm .kb-pager li{list-style:none!important;background:none!important;padding:0!important;margin:0!important;width:auto!important;display:block}
body.ws-mod .wsm .kb-pager a,body.ws-mod .wsm .kb-pager .current{white-space:nowrap}