/*
Theme Name: Wayne's IT Knowledge Base
Theme URI: https://oxford.originwp.uk/
Author: Wayne / Codex
Description: A public-friendly IT knowledge base inspired by a clean service-desk layout.
Version: 1.2.0
Requires at least: 6.7
Requires PHP: 8.0
Text Domain: waynes-it-kb
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Open+Sans:wght@400;500;600;700&display=swap');

:root{--navy:#12233f;--navy2:#193f59;--ink:#162338;--muted:#607080;--line:#dfe6e9;--pale:#f3f7f7;--teal:#00a79d;--teal-dark:#087d78;--white:#fff;--shadow:0 14px 35px rgba(14,34,55,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}.screen-reader-text{position:absolute;left:-9999px}.kb-container{width:min(1160px,calc(100% - 48px));margin:auto}.kb-header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:relative;z-index:20}.kb-header__inner{display:flex;align-items:center;justify-content:space-between}.kb-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.kb-mark{width:40px;height:40px;border-radius:12px 12px 12px 3px;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px;box-shadow:0 6px 16px rgba(0,167,157,.25)}.kb-brand strong,.kb-brand small{display:block}.kb-brand strong{font-size:17px}.kb-brand small{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#718092}.kb-nav{display:flex;gap:30px}.kb-nav a{text-decoration:none;font-size:13px;font-weight:700;color:#566575}.kb-nav a:hover{color:var(--teal-dark)}
.kb-hero{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;min-height:390px;display:grid;place-items:center;position:relative;overflow:visible}.kb-hero:after,.kb-hero:before{content:"";position:absolute;border:1px solid rgba(101,214,204,.22);border-radius:50%}.kb-hero:after{width:360px;height:360px;right:-130px;top:-140px}.kb-hero:before{width:240px;height:240px;left:-110px;bottom:-130px}.kb-hero__inner{text-align:center;padding:60px 0 72px;position:relative;z-index:2}.kb-eyebrow{margin:0 0 12px;color:#60d2c8;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800}.kb-eyebrow--dark{color:var(--teal-dark)}.kb-hero h1{font-size:48px;line-height:1.08;letter-spacing:-2px;margin:0 0 15px}.kb-hero__copy{max-width:650px;margin:0 auto 28px;color:#dce8ed;font-size:18px}.kb-search{max-width:700px;margin:auto;display:flex;position:relative}.kb-search input{width:100%;height:64px;border:0;border-radius:9px;padding:0 120px 0 24px;font-size:16px;box-shadow:0 13px 35px rgba(7,20,33,.3);outline:none}.kb-search input:focus{box-shadow:0 0 0 4px rgba(58,195,183,.4),0 13px 35px rgba(7,20,33,.3)}.kb-search button{position:absolute;right:7px;top:7px;height:50px;border:0;border-radius:7px;background:var(--teal-dark);color:#fff;padding:0 22px;font-weight:700;cursor:pointer}.kb-quick{margin-top:18px;color:#afc4ce;font-size:12px}.kb-quick a{display:inline-block;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 11px;margin-left:5px}
.kb-section{padding:72px 0}.kb-section--pale{background:var(--pale)}.kb-section__head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.kb-section h2{font-size:30px;letter-spacing:-.8px;margin:0}.kb-section__head a{color:var(--teal-dark);font-size:13px;font-weight:700;text-decoration:none}.kb-folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.kb-folder{display:flex;align-items:flex-start;gap:17px;padding:25px 23px;min-height:174px;border:1px solid var(--line);background:#fff;border-radius:10px;text-decoration:none;transition:.2s;box-shadow:0 3px 14px rgba(19,34,56,.03)}.kb-folder:hover{transform:translateY(-3px);border-color:#8bc9c5;box-shadow:var(--shadow)}.kb-folder__icon{width:47px;height:47px;flex:none;border-radius:12px;background:#dcf6f2;color:var(--teal-dark);display:grid;place-items:center;font-weight:800}.kb-folder:nth-child(2) .kb-folder__icon{background:#e2effe;color:#3971a7}.kb-folder:nth-child(3) .kb-folder__icon{background:#eee8fc;color:#7352aa}.kb-folder:nth-child(4) .kb-folder__icon{background:#fff0d6;color:#a66416}.kb-folder:nth-child(5) .kb-folder__icon{background:#fbe5e8;color:#a74b5c}.kb-folder__copy{display:flex;flex-direction:column;height:100%}.kb-folder strong{font-size:17px;margin:2px 0 8px}.kb-folder small{font-size:13px;line-height:1.5;color:var(--muted)}.kb-folder em{font-size:12px;font-style:normal;color:#6d7c8b;margin-top:auto;padding-top:16px}.kb-folder em span{color:var(--teal);font-weight:800;margin-left:5px}
.kb-article-list{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.kb-row{display:flex;align-items:center;gap:16px;padding:19px 23px;border-bottom:1px solid var(--line);text-decoration:none}.kb-row:last-child{border-bottom:0}.kb-row:hover{background:#f9fbfb}.kb-doc{width:36px;height:40px;border:1px solid #b7c6cc;border-radius:5px;display:grid;place-items:center;color:var(--teal-dark);font-weight:900;flex:none}.kb-row__copy{flex:1}.kb-row strong,.kb-row small,.kb-row em{display:block}.kb-row strong{font-size:15px;margin-bottom:5px}.kb-row small{font-size:13px;color:var(--muted);margin-bottom:6px}.kb-row em{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8895a3;font-style:normal}.kb-arrow{color:var(--teal);font-size:20px}.kb-draft{display:inline-block!important;background:#fff0d6;color:#8b5b16!important;border-radius:4px;padding:2px 6px;margin-left:7px;font-size:9px!important}.kb-empty{text-align:center;padding:35px;color:var(--muted)}
.kb-inner-hero{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;padding:35px 0 48px}.kb-breadcrumbs{display:flex;gap:8px;align-items:center;font-size:11px;color:#b5c6cf;margin-bottom:30px}.kb-breadcrumbs a{text-decoration:none}.kb-inner-hero h1{font-size:38px;margin:0 0 7px}.kb-inner-hero p{margin:0;color:#c8d6dc}.kb-content{padding:50px 0 80px;min-height:520px}.kb-content__head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.kb-content__head h2{font-size:27px;margin:0}.kb-content__head p{margin:4px 0 0;color:var(--muted);font-size:13px}
.kb-article-layout{width:min(1160px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:210px 1fr;gap:70px;padding:46px 0 90px}.kb-sidebar{position:sticky;top:25px;height:max-content}.kb-sidebar a{display:block;padding:9px 10px;border-left:2px solid transparent;text-decoration:none;color:#687687;font-size:12px}.kb-sidebar a:hover{color:var(--teal-dark);border-color:var(--teal);background:#f0f8f7}.kb-public-note{margin-top:30px;background:#eef8f6;border-radius:8px;padding:14px;font-size:10px;color:#62757a}.kb-public-note strong{display:block;color:var(--teal-dark);font-size:11px;margin-bottom:4px}.kb-article{max-width:760px}.kb-article .kb-breadcrumbs{color:#718091;margin-bottom:36px}.kb-article__folder{color:var(--teal-dark);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 11px}.kb-article h1{font-size:40px;line-height:1.13;letter-spacing:-1.4px;margin:0 0 15px}.kb-article__summary{font-size:18px;line-height:1.55;color:#59687a}.kb-meta{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:4px 0 24px;color:#8794a1;font-size:10px;text-transform:uppercase;letter-spacing:.6px}.kb-meta button{margin-left:auto;border:0;background:none;color:var(--teal-dark);font-weight:700;cursor:pointer}.kb-article__body{font-size:15px;line-height:1.75;color:#435264}.kb-article__body h2{color:var(--ink);font-size:24px;margin:38px 0 12px}.kb-article__body h3{color:var(--ink);font-size:18px;margin-top:30px}.kb-article__body a{color:var(--teal-dark)}.kb-article__body table{width:100%;border-collapse:collapse}.kb-article__body th,.kb-article__body td{padding:12px;border:1px solid var(--line);text-align:left}.kb-feedback{margin-top:50px;padding:24px;background:var(--navy);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.kb-feedback strong,.kb-feedback small{display:block}.kb-feedback small{color:#adbdc7}.kb-feedback button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;padding:8px 13px;border-radius:5px;cursor:pointer;margin-left:6px}
.kb-footer{background:#0c1a2e;color:#d5e0e6;padding:42px 0 24px}.kb-footer__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.kb-footer__brand{display:flex;align-items:center;gap:12px}.kb-footer__brand strong,.kb-footer__brand small{display:block}.kb-footer__brand small{color:#8fa2ae;font-size:11px}.kb-footer__contact{text-align:right;font-size:12px}.kb-footer__contact a{color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid var(--teal);padding-bottom:3px}.kb-footer__copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;color:#728695;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.kb-admin-banner{background:#fff4df;color:#78521b;border-bottom:1px solid #f1dcae;text-align:center;padding:8px;font-size:11px;font-weight:700}
.kb-article__body img{max-width:100%;height:auto;display:block;margin:22px auto}.kb-article__body blockquote{margin:22px 0;padding:16px 18px;border-left:4px solid var(--teal);background:#eef8f6;color:#40555e}.kb-article__body hr{border:0;border-top:1px solid var(--line);margin:30px 0}.kb-article__body li{margin:7px 0}.kb-article__body table:first-of-type td{background:var(--navy);color:#fff;font-size:18px}.kb-article__body table td p:last-child{margin-bottom:0}
@media(max-width:850px){.kb-folder-grid{grid-template-columns:repeat(2,1fr)}.kb-article-layout{grid-template-columns:1fr}.kb-sidebar{display:none}}@media(max-width:590px){.kb-container,.kb-article-layout{width:calc(100% - 32px)}.kb-header{height:68px}.kb-nav{gap:13px}.kb-nav a{font-size:11px}.kb-brand small{display:none}.kb-hero h1{font-size:36px}.kb-hero__copy{font-size:15px}.kb-folder-grid{grid-template-columns:1fr}.kb-section{padding:52px 0}.kb-row{padding:16px 14px}.kb-row small{display:none}.kb-article h1{font-size:32px}.kb-footer__inner{grid-template-columns:1fr}.kb-footer__contact{text-align:left}.kb-footer__copy{grid-column:1}.kb-search button{padding:0 14px}.kb-search input{padding-right:100px}}
/* Responsive containment and separated article cards. */
html,body{max-width:100%;overflow-x:hidden}.kb-hero{overflow:hidden}.kb-header__inner,.kb-brand,.kb-row__copy,.kb-folder__copy,.kb-article{min-width:0}.kb-row__copy strong,.kb-row__copy small,.kb-breadcrumbs,.kb-article__body{overflow-wrap:anywhere;word-break:normal}.kb-article-list{display:grid;gap:14px;background:transparent;border:0;border-radius:0;overflow:visible}.kb-row{width:100%;min-width:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 14px rgba(19,34,56,.035)}.kb-row:last-child{border-bottom:1px solid var(--line)}.kb-article__body{max-width:100%;overflow-x:auto}.kb-article__body img,.kb-article__body video,.kb-article__body iframe{max-width:100%;height:auto}.kb-article__body table{max-width:100%}
@media(max-width:590px){.kb-container,.kb-article-layout{width:calc(100% - 28px)}.kb-article-list{gap:12px}.kb-row{align-items:flex-start;padding:16px 14px;gap:12px}.kb-doc{width:34px;height:38px}.kb-arrow{display:none}.kb-row strong{font-size:14px;line-height:1.35}.kb-row em{font-size:9px;line-height:1.45}.kb-nav{gap:10px}.kb-nav a{font-size:10px}.kb-section__head{align-items:flex-start;gap:16px}.kb-section__head>a{white-space:nowrap}}
@media(max-width:410px){.kb-nav a:first-child{display:none}.kb-search{display:block}.kb-search input{height:58px;padding:0 18px}.kb-search button{position:static;width:100%;height:46px;margin-top:10px}.kb-quick{line-height:2.3}.kb-quick a{margin-left:3px}.kb-folder{padding:20px 18px}.kb-article h1{font-size:29px}}
/* A restrained 5px corner system for primary interface surfaces. */
.kb-folder,.kb-row,.kb-search input,.kb-search button,.kb-feedback,.kb-public-note,.kb-empty,.kb-article__body blockquote{border-radius:5px}
/* Readability-first typography: Open Sans for extended reading, Montserrat for headings. */
body,.kb-search input,.kb-search button,button,input{font-family:"Open Sans","Segoe UI",Arial,sans-serif}.kb-hero h1,.kb-inner-hero h1,.kb-section h2,.kb-content__head h2,.kb-article h1,.kb-article__body h2,.kb-article__body h3,.kb-brand strong,.kb-folder strong,.kb-row strong{font-family:"Montserrat","Segoe UI",Arial,sans-serif}.kb-row strong{font-size:16px;line-height:1.45;margin-bottom:7px}.kb-row small{font-size:14px;line-height:1.65;margin-bottom:8px}.kb-row em{font-size:11px;line-height:1.5}.kb-folder small{font-size:14px;line-height:1.65}.kb-article__body{font-size:17px;line-height:1.8}.kb-meta{font-size:11px}.kb-nav a{font-size:14px}
@media(max-width:590px){.kb-row small{display:block}.kb-row strong{font-size:15px}.kb-row em{font-size:10px}.kb-nav a{font-size:11px}}
@media print{.kb-header,.kb-footer,.kb-sidebar,.kb-feedback,.kb-admin-banner{display:none!important}.kb-article-layout{display:block;width:100%;padding:0}.kb-article{max-width:none}}