/*
Guardian One - Documentation Centre Styles
Author: Alexander Hind
Product owner: Adam Timothy
Service levels: Guardian One Foundation, Advisor, Compliance, Quantum
Copyright (c) 2026 Red Seven Adamo Ltd. All rights reserved.
Licensed, not sold. Unauthorised copying or redistribution is prohibited.
Terms of use: subject to the approved Guardian One EULA and LICENCE file.
*/

.docs-hero { padding: 38px 0 34px; background: #092957; color: #fff; border-bottom: 5px solid #12aaa3; }
.docs-hero .section-shell { width: min(1560px, calc(100% - 48px)); }
.docs-hero .eyebrow { color: #7de2dc; }
.docs-hero h1 { max-width: 900px; margin: 6px 0 8px; font-size: clamp(2rem, 3.5vw, 3.15rem); line-height: 1.08; }
.docs-hero p { max-width: 820px; margin: 0; color: #dce9fa; font-size: 1rem; }
.docs-release { margin-top: 16px!important; color: #7de2dc!important; font-size: .88rem!important; font-weight: 750; }
.docs-layout { display: block; max-width: 1120px; padding-top: 28px; padding-bottom: 72px; }
.docs-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; border-bottom: 1px solid #cad8e5; background: #fff; padding: 0 0 18px; }
.docs-nav { position: static; inset: auto; border-radius: 0; box-shadow: none; }
.docs-nav strong { padding: 8px 14px 8px 0; color: #092957; border-right: 1px solid #cad8e5; }
.docs-nav a { display: inline-block; padding: 8px 2px; border-radius: 0; color: #1256c4; text-decoration: none; font-weight: 700; }
.docs-nav a:hover, .docs-nav a:focus-visible { background: #eaf2fb; color: #1256c4; }
.docs-content { min-width: 0; max-width: 1000px; }
.docs-intro { margin: 25px 0 6px; color: #52677a; font-size: 1rem; }
.docs-section { scroll-margin-top: 100px; margin: 0; padding: 34px 0; border: 0; border-bottom: 1px solid #d7e2ee; border-radius: 0; background: #fff; box-shadow: none; }
.docs-section h2 { margin: 0 0 10px; color: #092957; font-size: 1.55rem; }
.docs-section h3 { margin: 22px 0 8px; color: #18324a; font-size: 1.03rem; }
.docs-section p, .docs-section li { color: #52677a; }
.docs-section ul, .docs-section ol { padding-left: 22px; }
.docs-section li::marker, .docs-catalogue li::marker { color: #092957; }
.docs-section pre { max-width: 100%; overflow-x: auto; padding: 14px; background: #f4f8fc; }
.docs-section :not(pre) > code { overflow-wrap: anywhere; }
.doc-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 28px; margin-top: 18px; }
.doc-link { display: block; padding: 12px 14px; border: 0; border-left: 3px solid #1256c4; border-radius: 0; color: #1256c4; text-decoration: none; font-weight: 750; background: #f5f8fb; }
.doc-link span { display: block; margin-top: 4px; color: #52677a; font-size: .88rem; font-weight: 500; }
.doc-link:hover, .doc-link:focus-visible { border-color: #12aaa3; background: #edfafa; text-decoration: underline; }
.requirement-table { width: 100%; border-collapse: collapse; margin-top: 16px; }
.requirement-table th, .requirement-table td { padding: 12px; border-bottom: 1px solid #dbe5ef; text-align: left; vertical-align: top; }
.requirement-table th { width: 28%; color: #092957; background: #f4f8fc; }
.notice { margin-top: 18px; padding: 16px; border-left: 4px solid #12aaa3; background: #edfafa; color: #294f66; }
.release-badge { display: inline-block; margin-bottom: 10px; padding: 5px 9px; border-radius: 999px; background: #eaf2fb; color: #1256c4; font-size: .82rem; font-weight: 800; }
@media (max-width: 820px) { .docs-nav { align-items: flex-start; flex-direction: column; gap: 0; } .docs-nav strong { border-right: 0; } .doc-links { grid-template-columns: 1fr; } }
.docs-catalogue{display:grid;width:min(1560px,calc(100% - 48px));grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;padding-top:34px;padding-bottom:76px}.doc-category{display:flex;min-width:0;flex-direction:column;margin:0;border:1px solid #d4e0ec;background:#fff}.category-heading{min-height:118px;padding:19px 21px;color:#fff}.category-heading>div{display:flex;align-items:center;gap:13px}.category-heading span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(255,255,255,.65);border-radius:50%;font-size:.75rem;font-weight:850}.category-heading h2{margin:0;font-size:1.34rem}.category-heading p{margin:9px 0 0;color:rgba(255,255,255,.94);font-size:.9rem;line-height:1.4}.category-plan .category-heading{background:#082f5f}.category-install .category-heading{background:#1358a4}.category-start .category-heading{background:#0879bd}.category-release .category-heading{background:#0794ad}.category-admin .category-heading{background:#176b82}.category-resources .category-heading{background:#394f91}.document-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1}.document-tile{display:flex;min-width:0;min-height:210px;flex-direction:column;padding:17px 18px;border-right:1px solid #d7e2ee;color:#18324a;text-decoration:none;background:#fff}.document-tile:last-child{border-right:0}.document-tile:hover,.document-tile:focus-visible{background:#f1f7fc;box-shadow:inset 0 -4px #12aaa3}.document-tile h3{margin:6px 0;color:#0b3768;font-size:1rem;line-height:1.3}.document-tile p{margin:0 0 12px;color:#52677a;font-size:.82rem;line-height:1.42}.document-tile strong{margin-top:auto;color:#1256c4;font-size:.82rem}.tile-type{color:#1674a8;font-size:.67rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.category-contract-note{padding:13px 18px;border-top:1px solid #d7e2ee;background:#edfafa;color:#294f66;font-size:.81rem}@media(max-width:1180px){.docs-catalogue{grid-template-columns:1fr}.category-heading{min-height:0}.document-tile{min-height:175px}}@media(max-width:700px){.docs-catalogue{width:min(100% - 32px,1560px);grid-template-columns:1fr;gap:18px}.document-tiles{grid-template-columns:1fr}.document-tile{min-height:0;border-right:0;border-bottom:1px solid #d7e2ee}.document-tile:last-child{border-bottom:0}}
@media(max-width:700px){.docs-hero .section-shell{width:min(100% - 32px,1560px)}}