:root{color:#18262d;font-synthesis:none;background:#dce5e3;font-family:Georgia,Songti SC,serif}*{box-sizing:border-box}body{background:linear-gradient(90deg,#18262d09 1px,#0000 1px) 0 0/35px 35px,#dce5e3;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}main{max-width:1240px;margin:auto;padding:28px 34px 70px}header{border-top:5px solid #18262d;border-bottom:1px solid #93a6a5;grid-template-columns:100px 1fr 260px;min-height:330px;display:grid}.archive{letter-spacing:.17em;writing-mode:vertical-rl;padding-top:26px;font:10px Arial,sans-serif}.archive b{color:#d54d38}.hero{padding:45px 0}.hero>span{letter-spacing:.2em;color:#d54d38;font:700 10px Arial,sans-serif}.hero h1{letter-spacing:-.05em;margin:20px 0;font-size:clamp(43px,6vw,76px);line-height:1.02}.hero h1 i{color:#d54d38;font-weight:400}.hero p{color:#53686c;max-width:560px;line-height:1.7}.why-mark{color:#c2d0cd;justify-content:center;align-items:center;font:300 260px/.9 Arial,sans-serif;display:flex}.capture{background:#f8f5ed;border:1px solid #9caeaa;margin-top:34px;box-shadow:10px 10px #18262d1f}.capture form{grid-template-columns:100px 1.8fr .7fr 1fr;gap:0;padding:28px;display:grid}.num{letter-spacing:.16em;color:#d54d38;font:700 9px/1.4 Arial}.capture label{border-left:1px solid #c8d1cd;padding:0 20px}.capture label span,.editor label{letter-spacing:.12em;text-transform:uppercase;color:#6d7f80;font:700 9px Arial;display:block}.capture input,.capture textarea{background:0 0;border:0;border-bottom:1px solid #8fa09e;outline:none;width:100%;padding:11px 0;display:block}.capture textarea{resize:none;height:64px;font-size:18px}.capture input:focus,.capture textarea:focus{border-color:#d54d38}.capture button{color:#fff;background:#18262d;border:0;grid-column:4;margin:18px 0 0 20px;padding:13px}.capture .error{color:#b83b2c;grid-column:2/4;margin:10px 20px 0;font:11px Arial}.library{margin-top:50px}.toolbar{border-bottom:1px solid #93a6a5;justify-content:space-between;align-items:flex-end;display:flex}.filters{display:flex}.filters button{color:#607375;background:0 0;border:0;padding:15px 18px;font:12px Arial}.filters button b{margin-left:8px}.filters button.on{color:#18262d;border-bottom:4px solid #d54d38}.search{border-bottom:1px solid #18262d;align-items:center;gap:7px;margin-bottom:10px;display:flex}.search input{background:0 0;border:0;outline:none;width:220px;padding:8px}.cards{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:24px;display:grid}.cards article{background:#f8f5ed;border:1px solid #9eaeaa;min-height:330px;padding:24px;position:relative}.cards article.open{border-top:5px solid #d6a13b}.cards article.talked{border-top:5px solid #5e9083}.cards article.follow{border-top:5px solid #d54d38}.card-index{letter-spacing:.15em;font:10px Arial}.status{color:#8d773d;font:10px Arial;position:absolute;top:24px;right:24px}.talked .status{color:#5e9083}.follow .status{color:#d54d38}blockquote{letter-spacing:-.025em;overflow-wrap:anywhere;margin:38px 0 25px;font-size:clamp(24px,3vw,36px);line-height:1.18}blockquote:before{content:"“";color:#d54d38}.context{color:#758586;gap:10px;font:11px Arial;display:flex}.context span{border-left:1px solid #aab7b4;padding-left:10px}.answer,.chain{border-top:1px solid #cbd3cf;margin-top:20px;padding-top:15px}.answer small,.chain small{letter-spacing:.12em;color:#5e9083;font:700 9px Arial}.answer p{white-space:pre-wrap;margin:8px 0;line-height:1.6}.chain p{margin:9px 0;font-size:14px}.chain b{color:#d54d38;margin-right:8px}.actions{justify-content:space-between;margin-top:25px;display:flex}.actions button{background:0 0;border:0;border-bottom:1px solid #18262d;padding:7px 0}.actions .more{border:1px solid #a5b2af;width:30px}.editor{border-top:1px solid #18262d;margin-top:24px;padding-top:18px}.editor label{margin-bottom:14px}.editor textarea,.editor input{resize:vertical;background:#e9eee9;border:0;width:100%;margin-top:6px;padding:11px}.editor textarea{min-height:80px}.editor>div{justify-content:flex-end;gap:7px;display:flex}.editor button{background:0 0;border:1px solid #18262d;padding:8px 11px}.editor button:last-child{color:#fff;background:#18262d}.empty{text-align:center;color:#607375;border:1px dashed #93a6a5;grid-column:1/-1;padding:80px 20px}.empty div{color:#c1ceca;font:100px Arial}.empty b{color:#18262d;font-size:22px}.empty button{color:#fff;background:#18262d;border:0;padding:10px 15px}@media (width<=780px){main{padding:18px 15px 50px}header{grid-template-columns:45px 1fr}.why-mark{display:none}.hero{padding:34px 0}.capture form{grid-template-columns:1fr;padding:22px}.num{margin-bottom:20px}.capture label{border-top:1px solid #c8d1cd;border-left:0;padding:15px 0}.capture button,.capture .error{grid-column:auto;margin:12px 0 0}.toolbar{display:block}.filters{overflow-x:auto}.filters button{white-space:nowrap;padding:13px 10px}.search{margin:15px 0 10px}.search input{width:100%}.cards{grid-template-columns:1fr}blockquote{font-size:27px}}