/* Slindokuhle v0.7 — minimal multi-page additions; original styling retained. */
.ap-short-section{padding:80px 0 92px;background:#fff}
.ap-short-section h2,.ap-short-cta h2{font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.06em;line-height:1.08;margin:0 0 15px}
.ap-short-intro{color:#506075;max-width:720px;font-size:1.15rem;line-height:1.6;margin:0 0 32px}
.ap-page-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ap-page-card{padding:25px 22px;display:flex;flex-direction:column;text-decoration:none;border:1px solid #dce4ec;border-radius:19px;background:#f4f7fa;min-height:235px;color:#112841;transition:transform .18s,box-shadow .18s}
.ap-page-card:hover,.ap-page-card:focus-visible{transform:translateY(-2px);box-shadow:0 12px 25px #0b213312}
.ap-page-card span{font-size:.7rem;font-weight:750;letter-spacing:.12em;color:#526d80}
.ap-page-card strong{font-size:1.35rem;line-height:1.2;letter-spacing:-.04em;margin:26px 0 8px}
.ap-page-card small{color:#536574;line-height:1.5;font-size:.87rem}
.ap-page-card b{color:#075db8;margin-top:auto;padding-top:17px;font-size:.84rem}
.ap-short-cta{background:#f0f5f9;text-align:center;padding:85px 0 95px}
.ap-short-cta p:not(.ap-section-label){max-width:650px;margin:0 auto 26px;color:#596d7c;font-size:1.1rem}
.ap-workspace-head{padding:80px 0 48px;background:linear-gradient(145deg,#f8fafb,#e9f1f7)}
.ap-workspace-head h1{font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:1.07;letter-spacing:-.06em;margin:0 0 17px}
.ap-workspace-head p{color:#506075;font-size:1.1rem;max-width:720px;line-height:1.6}
.ap-workspace-area{background:#fff;padding:64px 0 95px}
.ap-workspace-notice{padding:15px 19px;background:#ecf3fa;border:1px solid #ccdfec;border-radius:12px;margin:0 0 27px;color:#315a75;font-size:.92rem}
.ap-workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ap-workspace-card{background:#fff;border:1px solid #dce6ec;border-radius:18px;padding:27px}
.ap-workspace-card h2{font-size:1.6rem;line-height:1.2;margin:0 0 10px;letter-spacing:-.04em}
.ap-workspace-card p{color:#586b7a;line-height:1.5;min-height:75px}
.ap-workspace-card small{color:#6c7782;font-size:.82rem}
.ap-workspace-card button{padding:12px 20px;border:0;border-radius:999px;background:#075cbb;color:#fff;font-weight:700;cursor:pointer;min-height:44px}
.ap-workspace-card button:hover{background:#034e9f}
.ap-role-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}
.ap-role-tabs a{display:flex;gap:10px;align-items:center;padding:19px;border:1px solid #e0e7ec;border-radius:14px;color:#115d9b;text-decoration:none;font-weight:750}
.ap-role-tabs a:hover{background:#f0f6f9}
.ap-role-panel{padding:24px;border:1px solid #dce5eb;background:#f7f9fa;border-radius:16px;margin:30px 0}
.ap-role-panel h2{margin:0 0 12px;font-size:1.5rem;letter-spacing:-.03em}
.ap-role-panel p,.ap-role-panel li{color:#576775;line-height:1.6}
.ap-role-panel button{border:0;background:#0c5eaa;color:white;padding:12px 16px;border-radius:9px;min-height:44px;cursor:pointer;font:inherit;font-weight:700}
.ap-role-feedback{min-height:22px;font-size:.85rem;color:#31586d}
.ap-workspace-card a:focus-visible,.ap-role-panel button:focus-visible{outline:3px solid #d99323;outline-offset:3px}
@media(max-width:1000px){.ap-page-grid{grid-template-columns:repeat(2,1fr)}.ap-workspace-grid{grid-template-columns:1fr}}
@media(max-width:700px){.ap-short-section,.ap-workspace-area,.ap-short-cta{padding:58px 0}.ap-page-grid,.ap-role-tabs{grid-template-columns:1fr}.ap-page-card{min-height:190px}}
@media(prefers-reduced-motion:reduce){.ap-page-card{transition:none!important}}

.ap-device-role-tools{margin:24px 0;padding:20px;border-radius:15px;background:#eef4f7;border:1px solid #d6e3eb}
.ap-device-role-tools label{display:block;font-weight:700;margin-bottom:8px;font-size:.9rem}
.ap-device-role-tools textarea{width:100%;padding:13px;border:1px solid #becedb;border-radius:10px;resize:vertical;font:inherit}
.ap-role-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.ap-role-buttons button{background:#174b73;color:white;border-radius:9px;border:0;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}