
body .topbar{position:relative;background:#0b1526}.journal-hero{padding-block:65px;display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:center}.back-link{display:block;font-size:12px;color:#91a3bb;margin-bottom:30px}.journal-hero h1{font-size:58px;line-height:1.25;margin:22px 0}.journal-hero h1 em{font-style:normal;color:var(--gold)}.journal-hero>div>p{font-size:15px;color:#acb9cc}.journal-hero aside{padding:30px;border-left:2px solid var(--gold);background:linear-gradient(110deg,#16263d,#0b1423)}.journal-hero aside>span{font-size:12px;color:var(--gold)}.journal-hero aside>b{display:block;font-size:22px;margin-top:9px}.journal-hero aside p{font-size:13px;color:#9cabc0;margin-top:13px}.journal-hero aside a{font-size:13px;color:var(--gold)}
.catalog-section{padding-bottom:75px}.catalog-heading{display:flex;justify-content:space-between;align-items:center}.catalog-heading h2{font-size:31px;margin:12px 0 22px}.catalog-hint{font-size:12px;color:#8e9cb1}.catalog-tools{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;padding:22px;background:#101e31;border:1px solid var(--line)}.catalog-tools label{font-size:12px;display:grid;gap:6px;color:#b6c2d3}.catalog-tools input,.catalog-tools select{min-height:46px;min-width:0;width:100%;padding:10px 12px;border:1px solid #a3b0c33b;color:var(--cream);background:#0a1526;font-size:15px}.catalog-result{display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:#95a7bf;font-size:12px}.catalog-result p{margin:0}.catalog-result button{background:transparent;border:0;border-bottom:1px solid #bfa17066;color:var(--gold);font-size:12px;cursor:pointer;padding:7px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.content-card{display:flex;flex-direction:column;text-align:left;padding:23px;background:linear-gradient(135deg,#142238,#0d1728);color:var(--cream);border:1px solid var(--line);cursor:pointer;min-height:255px;transition:border-color .2s,transform .2s}.content-card:hover{border-color:#edb16480;transform:translateY(-3px)}.card-category{font-size:11px;color:var(--gold);letter-spacing:.05em}.content-card h3{font-size:20px;margin:12px 0 10px;line-height:1.45}.content-card p{font-size:13px;color:#a6b4c8;line-height:1.9;margin-bottom:20px}.content-card .card-foot{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:auto;width:100%;font-size:11px;color:#9eb0ca}.status{display:inline-flex;padding:4px 7px;border:1px solid #8297b64d;background:#293b552a;color:#b4c2d4;font:10px var(--mono)}.status.working{border-color:#eab06555;color:#edbf84}.status.testable{border-color:#79ceb855;color:#92d7c2}.catalog-pagination{display:flex;justify-content:center;gap:23px;align-items:center;margin-top:25px;font-size:13px}.catalog-pagination button{padding:10px 18px;background:#142439;border:1px solid var(--line);color:var(--cream);cursor:pointer;min-height:44px}.catalog-pagination button:disabled{opacity:.35;cursor:default}.progress-section{background:#101b2c;padding:65px 0;border-block:1px solid var(--line)}.progress-section h2{font-size:34px;margin-top:15px}.section-lede{font-size:14px;color:#a5b2c4;max-width:640px}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.progress-grid article{padding:24px;border:1px solid var(--line);background:#0c1728}.progress-grid h3{font-size:18px;margin:20px 0 10px}.progress-grid p{color:#93a5bd;font-size:13px;line-height:1.9}.progress-grid b{font:38px var(--mono);color:#d9b582;margin-right:11px}.progress-grid small{color:#92a2b8;font-size:11px}.progress-footnote{margin-top:25px;font-size:12px;color:#8599b1}.faq-section{padding-block:80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-section h2{font-size:35px;margin-top:15px}.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-list summary{cursor:pointer;font-size:16px;color:#e4e9ef}.faq-list p{margin:13px 0 5px;color:#97a8be;font-size:14px;line-height:1.9}
#content-dialog{background:#111e31;color:var(--cream);border:1px solid #c3aa8155;width:min(680px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:40px}#content-dialog::backdrop{background:#020711c9;backdrop-filter:blur(5px)}.detail-close{float:right;cursor:pointer;border:1px solid var(--line);background:#152940;color:#e9ebed;width:40px;height:40px}#detail-title{font-size:30px;margin:20px 0 14px;padding-right:20px}#detail-summary{font-size:16px;color:#c5cfde;margin:24px 0}#detail-body{font-size:14px;color:#a7b7cc;padding-left:20px;line-height:2}#detail-body li{margin-bottom:12px}#detail-tags{display:flex;flex-wrap:wrap;gap:7px}#detail-tags span{font-size:11px;color:var(--gold);border:1px solid #b6956540;padding:3px 8px}.detail-disclaimer{font-size:11px;color:#7f92ac;margin-top:25px;border-top:1px solid var(--line);padding-top:15px}
@media(max-width:850px){.content-grid{grid-template-columns:repeat(2,1fr)}.journal-hero{gap:30px}.progress-grid{gap:10px}.progress-grid article{padding:17px}.faq-section{gap:30px}}
@media(max-width:650px){.journal-hero{padding-block:35px;grid-template-columns:1fr;gap:20px}.journal-hero h1{font-size:40px;margin:17px 0}.journal-hero>div>p{font-size:13px}.journal-hero aside{padding:23px}.catalog-heading{display:block}.catalog-heading h2{font-size:28px;margin-bottom:7px}.catalog-hint{display:block;margin-bottom:15px}.catalog-tools{grid-template-columns:1fr 1fr;gap:12px;padding:15px}.catalog-tools label:first-child{grid-column:1/-1}.catalog-tools input,.catalog-tools select{font-size:16px;padding:8px}.content-grid{grid-template-columns:1fr;gap:12px}.content-card{min-height:230px;padding:22px}.content-card h3{font-size:21px}.content-card p{font-size:14px}.catalog-result{font-size:11px;gap:10px}.progress-section{padding-block:45px}.progress-section h2{font-size:29px}.progress-grid{grid-template-columns:1fr;gap:12px}.progress-grid article{padding:24px}.progress-footnote{line-height:2}.faq-section{padding-block:50px;grid-template-columns:1fr;gap:25px}.faq-section h2{font-size:30px}.faq-list summary{font-size:15px}#content-dialog{padding:25px}#detail-title{font-size:26px}.catalog-pagination{gap:15px}}

.server-detail{margin-top:40px;padding:30px;background:#132239;border:1px solid var(--line)}.server-detail h1{font-size:32px}.server-detail p,.server-detail li{color:#b7c3d5}.server-detail p{margin-top:20px}.server-detail li{margin-bottom:12px}
