*{box-sizing:border-box}body{margin:0;background:#f6f6f6;color:#202122;font:16px/1.6 Arial, sans-serif}a{color:#0645ad}.top{background:#fff;border-bottom:1px solid #a7d7f9;padding:14px max(calc((100vw - 1100px)/2),20px);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;color:#202122;text-decoration:none;font:22px Georgia,serif}.brand img{width:58px;height:58px;object-fit:contain}.brand small{display:block;font:12px Arial;color:#54595d}.account{font-size:13px;color:#54595d}.nav{padding:10px max(calc((100vw - 1100px)/2),20px);display:flex;gap:20px;align-items:center;background:#eaecf0;border-bottom:1px solid #c8ccd1}.nav a{font-size:14px;text-decoration:none}.nav .write-link{margin-left:auto}.logout{margin:0}.logout button{background:none;border:0;color:#0645ad;cursor:pointer;font-size:14px}main{max-width:1100px;min-height:65vh;margin:26px auto;padding:0 20px}.panel,.article,.form-card{background:#fff;border:1px solid #c8ccd1;padding:24px;margin-bottom:18px}.hero{padding:30px;display:flex;gap:26px;align-items:center}.hero img{width:150px;max-height:150px;object-fit:contain}.hero h1{font:30px Georgia;margin:0 0 8px}.hero p{margin:0;color:#54595d}.columns{display:grid;grid-template-columns:2fr 1fr;gap:18px}.columns h2,.panel h2{font:22px Georgia;border-bottom:1px solid #a2a9b1;padding-bottom:6px;margin:0 0 14px}.article h1{font:32px Georgia;margin:0 0 6px}.article h2{font:24px Georgia;border-bottom:1px solid #a2a9b1}.article img.cover{max-width:100%;max-height:440px;object-fit:contain;display:block;margin:18px auto}.article-body img{max-width:100%;height:auto}.meta{font-size:13px;color:#72777d;margin-bottom:18px}.summary{color:#54595d}.card-list{list-style:none;padding:0;margin:0}.card-list li{padding:10px 0;border-bottom:1px solid #eaecf0}.card-list li:last-child{border:0}.category-list{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid #a7d7f9;border-radius:2px;padding:3px 10px;background:#f8f9fa;text-decoration:none;font-size:14px}.form-card{max-width:720px;margin:0 auto 20px}.form-card h1{font:28px Georgia;margin-top:0}label{font-weight:bold;font-size:14px;display:block;margin:14px 0 5px}input,textarea,select{font:15px Arial;padding:9px;border:1px solid #a2a9b1;border-radius:2px;width:100%}textarea{min-height:90px}.captcha{margin-top:16px;padding:10px 14px;background:#f8f9fa;border:1px solid #c8ccd1}.captcha label{margin-top:0}.captcha input:not([type=hidden]){max-width:180px}.editor-tools{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0}.editor-tools button,.primary,button.danger{padding:8px 12px;border:1px solid #a2a9b1;background:#f8f9fa;cursor:pointer;border-radius:2px}.editor{border:1px solid #a2a9b1;padding:12px;min-height:220px;background:#fff}.editor:focus{outline:2px solid #36c}.primary{background:#36c;color:white;border-color:#36c;margin-top:16px}.danger{color:#b32424!important;background:white!important}.flash{background:#eaf3ff;border-left:4px solid #36c;padding:10px 14px;margin-bottom:14px}.error{border-color:#b32424;background:#fef1f1}.inline-form{display:inline-flex;gap:8px;align-items:center}.inline-form input{width:auto}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-grid .panel{margin:0}.admin-row{border-bottom:1px solid #eaecf0;padding:9px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.empty{color:#72777d}footer{max-width:1060px;margin:30px auto 0;padding:16px 20px;border-top:1px solid #c8ccd1;color:#72777d;font-size:13px;display:flex;justify-content:space-between}.footbrand{text-decoration:none}@media(max-width:700px){.columns,.admin-grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.brand{font-size:18px}.brand img{width:44px;height:44px}.nav{gap:12px;flex-wrap:wrap}.nav .write-link{margin-left:0}main{padding:0 12px}.panel,.article,.form-card{padding:17px}}.search-form{display:flex;gap:5px;flex:1;max-width:340px;margin:0 auto}.search-form input{min-width:80px;width:100%;padding:6px 8px;font-size:14px}.search-form button{border:1px solid #a2a9b1;background:#f8f9fa;padding:6px 10px;cursor:pointer}.search-results{margin-top:0}.search-empty{font:22px Georgia;text-align:center;padding:30px 12px;color:#54595d}@media(max-width:700px){.search-form{order:10;flex-basis:100%;max-width:none;margin:0}}
html,body{width:100%;min-width:320px;overflow-x:hidden}
.top,.nav{width:100%;padding-left:clamp(12px,calc((100vw - 1100px)/2),32px);padding-right:clamp(12px,calc((100vw - 1100px)/2),32px)}
.top{gap:12px;flex-wrap:wrap}
.brand{min-width:0;max-width:100%;gap:clamp(8px,2vw,12px);font-size:clamp(17px,3.6vw,22px)}
.brand img{width:clamp(40px,12vw,58px);height:clamp(40px,12vw,58px);flex:0 0 auto}
.brand span{min-width:0;overflow-wrap:anywhere}
.account{max-width:100%;overflow-wrap:anywhere}
.nav{gap:clamp(8px,2vw,20px);flex-wrap:wrap}
.nav>a{white-space:normal}
.nav .write-link{margin-left:auto}
.search-form{min-width:min(100%,180px)}
main{width:100%;padding-left:clamp(12px,3vw,20px);padding-right:clamp(12px,3vw,20px)}
.columns,.admin-grid{min-width:0}
.columns>*,.admin-grid>*{min-width:0}
.article h1,.panel h1,.hero h1{overflow-wrap:anywhere}
img{max-width:100%}
footer{width:calc(100% - 24px);gap:8px;flex-wrap:wrap}
@media(max-width:520px){
 .top{justify-content:center;text-align:center}
 .brand{width:100%;justify-content:center}
 .account{width:100%}
 .nav{justify-content:flex-start;gap:8px 14px}
 .nav .write-link{margin-left:0}
 .search-form{order:5;flex-basis:100%;max-width:none;margin:0}
 .logout{margin-left:auto}
 .hero{padding:18px}
 .hero img{width:clamp(80px,30vw,130px);height:auto;align-self:center}
 .panel,.article,.form-card{padding:clamp(14px,4vw,20px)}
 .admin-row{align-items:flex-start;flex-wrap:wrap}
 footer{justify-content:center;text-align:center}
}