@font-face{font-family:Noto Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://basecoat.nttdata.com/5/fonts/NotoSans-Light.woff2) format("woff2")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://basecoat.nttdata.com/5/fonts/NotoSans-Normal.woff2) format("woff2")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://basecoat.nttdata.com/5/fonts/NotoSans-Bold.woff2) format("woff2")}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:400;font-display:swap;src:url(https://basecoat.nttdata.com/5/fonts/NotoSerif-Normal.woff2) format("woff2")}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:700;font-display:swap;src:url(https://basecoat.nttdata.com/5/fonts/NotoSerif-Bold.woff2) format("woff2")}:root{--brand-primary: #0072bc;--brand-primary-dark: #070f26;--brand-white: #ffffff;--brand-black: #050505;--accent-primary-future-blue-150: #005b96;--accent-primary-future-blue-50: #19a3fc;--brand-warning: #ffc400;--brand-alert: #ff7a00;--brand-danger: #e42600;--text-color: #2e404d;--text-muted: #828c94;--body-bg: #f8f8f8;--footer-bg: #ececec;--link-color: #0072bc;--link-hover-color: #19a3fc;--link-active-color: #005b96}*{box-sizing:border-box}body{margin:0;font-family:Noto Sans,Arial,sans-serif;font-weight:300;font-size:14px;line-height:21px;color:var(--text-color);background:var(--brand-white)}h1,h2,h3{font-family:"Noto Serif",Georgia,serif;font-weight:400;margin:0 0 16px}h1{font-size:44px;line-height:48px}h2{font-size:36px;line-height:40px}h3{font-size:28px;line-height:31px}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover-color)}a:active{color:var(--link-active-color)}.header{background:var(--brand-primary-dark);color:var(--brand-white);padding:16px 24px;display:flex;align-items:center;gap:16px}.header a{color:var(--brand-white)}.header .brand-name{font-family:"Noto Serif",Georgia,serif;font-size:20px}.layout{display:flex;min-height:100vh;flex-direction:column}.layout-body{display:flex;flex:1}.sidebar{width:260px;background:var(--footer-bg);padding:16px}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:8px}.content{flex:1;padding:24px;max-width:900px}.search-box input{padding:8px 12px;border:1px solid var(--text-muted);border-radius:4px;font-family:Noto Sans,Arial,sans-serif;width:100%}@media (max-width: 700px){.layout-body{flex-direction:column}.sidebar{width:100%}}