:root{--t:#0e7c86;--td:#0b5f67;--tl:#e6f5f6;--ink:#1b2a2c;--mut:#4d6568}
*{box-sizing:border-box}
body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#f6fafa}
a{color:var(--td)}
#notice{background:var(--td);color:#fff;text-align:center;padding:8px 14px;font-size:14px}
#container{max-width:1080px;margin:0 auto;background:#fff;padding:0 18px 24px;min-height:100vh}
#header{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:14px 0;border-bottom:3px solid var(--t)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--td)}
.wm{font-weight:600;font-size:18px;line-height:1.1;letter-spacing:.04em;text-transform:lowercase;font-family:"Avenir Next",Futura,"Trebuchet MS",system-ui,sans-serif}
#nav,#nav ul{list-style:none;margin:0;padding:0}
#nav{display:flex;flex-wrap:wrap;gap:2px}
#nav>li{position:relative}
#nav a{display:block;padding:8px 11px;text-decoration:none;color:var(--ink);border-radius:6px;font-size:15px}
#nav a:hover,#nav li.active>a{background:var(--tl);color:var(--td)}
#nav ul{display:none;position:absolute;left:0;top:100%;min-width:210px;background:#fff;border:1px solid #cfe3e5;border-radius:6px;z-index:5;box-shadow:0 4px 14px rgba(0,0,0,.08)}
#nav li:hover>ul,#nav li:focus-within>ul{display:block}
#titlesContainer h1{font-size:30px;line-height:1.2;color:var(--td);margin:22px 0 8px}
#sidebar1{float:left;width:230px;margin-right:26px}
#mainContent{overflow:hidden;min-width:0}
.box{background:var(--tl);border-radius:8px;padding:10px 14px;margin-bottom:14px}
.box h2{font-size:15px;margin:0 0 6px;color:var(--td)}
.box ul{list-style:none;margin:0;padding:0}.box li{padding:3px 0;font-size:14px}.box li.active a{font-weight:700;text-decoration:none}
.box.note p{margin:0;font-size:13px;color:var(--mut)}
.breadcrumbs{font-size:13px;color:var(--mut);margin:6px 0 14px}
.article h2{color:var(--td);font-size:22px;margin:26px 0 8px}.article h3{font-size:18px;margin:20px 0 6px}
.article table{border-collapse:collapse;width:100%;margin:14px 0}.article th,.article td{border:1px solid #cfe3e5;padding:7px 10px;text-align:left;vertical-align:top}
.article th{background:var(--tl)}
.diagram{margin:18px 0;text-align:center}.diagram svg{max-width:100%;height:auto;background:var(--tl);border-radius:8px}
.diagram figcaption{font-size:13px;color:var(--mut)}
.clearfloat{clear:both}
#footer{margin-top:30px;border-top:1px solid #cfe3e5;padding-top:12px;font-size:13px;color:var(--mut)}
@media(max-width:760px){#sidebar1{float:none;width:auto;margin:0}#nav ul{position:static;display:block;border:0;box-shadow:none;padding-left:10px}#nav{display:block}}