:root{--teal:#18565A;--petrol:#1F6F68;--pearl:#F5F2F0;--body:#28484A;--champ:#D8B56D;--neutral:#D9D2CC}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Georgia,'Times New Roman',serif;background:var(--pearl);color:var(--body);line-height:1.7;border-left:8px solid var(--teal)}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.banner{background:var(--teal);color:var(--pearl);font-family:Arial,Helvetica,sans-serif;font-size:14px;padding:12px 0}
.banner a{color:var(--champ);text-decoration:none;font-weight:bold}
.banner a:hover{text-decoration:underline}
header.site{padding:44px 0 30px;border-bottom:1px solid var(--neutral)}
header.site h1{color:var(--teal);font-size:30px;font-weight:normal}
header.site h1 a{color:inherit;text-decoration:none}
header.site .tag{font-family:Arial,sans-serif;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--petrol);margin-top:6px}
main{padding:40px 0 70px}
h2.year{color:var(--teal);font-size:22px;margin:38px 0 14px;border-left:3px solid var(--petrol);padding-left:12px}
ul.idx{list-style:none}
ul.idx li{padding:7px 0;border-bottom:1px dotted var(--neutral);font-family:Arial,sans-serif;font-size:15px;display:flex;gap:16px}
ul.idx .d{color:var(--petrol);white-space:nowrap;font-size:13px;padding-top:2px;width:96px;flex-shrink:0}
ul.idx a{color:var(--body);text-decoration:none}
ul.idx a:hover{color:var(--petrol);text-decoration:underline}
article h1{color:var(--teal);font-size:30px;line-height:1.25;margin-bottom:8px;font-weight:normal}
.meta{font-family:Arial,sans-serif;font-size:13px;color:var(--petrol);margin-bottom:30px}
article p{margin:0 0 18px}
article h2,article h3{color:var(--teal);margin:26px 0 12px}
article img{max-width:100%;height:auto}
article a{color:var(--petrol)}
article blockquote{border-left:3px solid var(--champ);padding-left:18px;margin:18px 0;font-style:italic}
article ul,article ol{margin:0 0 18px 26px}
article table{border-collapse:collapse;margin:18px 0}
article td,article th{border:1px solid var(--neutral);padding:6px 10px}
.fig{margin:18px 0}
.backlink{font-family:Arial,sans-serif;font-size:14px;margin-top:46px;padding-top:22px;border-top:1px solid var(--neutral)}
.backlink a{color:var(--petrol);text-decoration:none}
footer.site{background:var(--teal);color:#B9C9C7;font-family:Arial,sans-serif;font-size:13px;padding:30px 0}
footer.site a{color:var(--champ);text-decoration:none}

.comments{margin-top:56px;border-top:1px solid var(--neutral);padding-top:34px}
.cmt-title{color:var(--teal);font-size:20px;margin-bottom:22px;font-weight:normal}
.cmt{background:#FFFFFF;border:1px solid var(--neutral);border-radius:2px;padding:16px 20px;margin-bottom:12px;font-family:Arial,Helvetica,sans-serif;font-size:14.5px}
.cmt-head{margin-bottom:8px}
.cmt-author{font-weight:bold;color:var(--petrol)}
.cmt-date{color:#8FA6A4;font-size:12.5px;margin-left:12px}
.cmt p{margin:0 0 10px}
.cmt p:last-child{margin-bottom:0}
.cmt-reply{margin-left:34px}

.search{margin:0 0 34px}
.search input{width:100%;max-width:440px;padding:12px 16px;font-family:Arial,Helvetica,sans-serif;font-size:15px;color:var(--body);background:#FFFFFF;border:1px solid var(--neutral);border-left:3px solid var(--petrol);border-radius:2px}
.search input:focus{outline:2px solid var(--champ);outline-offset:2px}
.noresult{display:none;font-family:Arial,sans-serif;font-size:15px;color:#8FA6A4;padding:16px 0}