*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body.quotes-page{margin:0;background:#edf2f4;color:#344a58;font-family:var(--a-sans);-webkit-font-smoothing:antialiased}a{color:#466c84;text-underline-offset:5px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #527d96;outline-offset:5px}
.quotes-cover{width:min(1120px,calc(100% - 56px));margin:38px auto 0;padding:52px 60px 55px;position:relative;background:#f8f3e7 url('/static/anniversary/letter-art-v2.webp') 48% 55%/cover no-repeat;border:1px solid #e4dfd2;box-shadow:0 8px 28px #2549570a}
.quotes-cover .kicker{font:11px/1.7 var(--a-sans);letter-spacing:.18em;color:#7d8e95;margin:0 0 15px}.quotes-cover h1{font:400 46px/1.5 var(--a-serif);letter-spacing:.11em;color:#284f69;margin:0}.quotes-cover__subtitle{font:14px/2 var(--a-sans);color:#71838c;margin:15px 0 0}.quotes-cover:after{content:"佳";position:absolute;right:65px;top:55px;display:grid;place-items:center;width:74px;height:74px;border:1px solid #9aafba;outline:1px solid #c1cfd2;outline-offset:5px;border-radius:50%;color:#678b9f;font:33px/1 var(--a-serif);background:#f5f6ee99}
.quotes-layout{width:min(1060px,calc(100% - 64px));margin:45px auto 75px}.quotes-stream__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #cbd8df;padding-bottom:20px;margin-bottom:28px}.quotes-stream__heading h2{font:400 22px/1.6 var(--a-serif);letter-spacing:.05em;color:#3e6279;margin:0}.quotes-stream__heading>span{font:12px/1.6 var(--a-sans);color:#7c909c}
.quotes-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}.quote-entry{position:relative;min-width:0;display:flex;flex-direction:column;padding:27px 32px 25px;background:#fffdf6;border:1px solid #dbdfd8;border-top:3px solid #8aa3b1;box-shadow:3px 6px 18px #39576c09}.quote-entry:nth-child(4n + 2){border-top-color:#b3aa86}.quote-entry__header{display:flex;justify-content:space-between;align-items:center;gap:20px;border:0;margin:0;padding:0;color:#889ca6;font:11px/1.7 var(--a-sans)}.quote-entry__number{font:14px/1.5 Georgia,serif;letter-spacing:.12em;color:#a89873}.quote-entry__text{flex:1;white-space:pre-wrap;overflow-wrap:anywhere;font:400 22px/1.95 var(--a-serif);color:#37596f;margin:24px 0 30px;padding:0}.quote-entry__source{overflow-wrap:anywhere;white-space:pre-wrap;font:12px/1.9 var(--a-sans);color:#7a8a91;margin:0;padding-top:17px;border-top:1px solid #e2e5db}.quote-entry__source-label{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:4px;color:#a2acae}.quote-entry.is-long{grid-column:1/-1}.quote-entry.is-long .quote-entry__text{font-size:19px;line-height:2.1;max-width:860px}
.quotes-empty{padding:45px 25px;border:1px solid #cdd9df;text-align:center;font-size:14px;color:#7a8d99;background:#f9faf5}.quotes-back-top{display:block;width:fit-content;margin:32px auto;color:#6d8798;font-size:12px;text-decoration:none}
.quote-compose{margin-top:55px;border-top:1px solid #c6d5dd;border-bottom:1px solid #c6d5dd;background:#e6edf0}.quote-compose>summary{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;cursor:pointer;color:#42677f;font-size:14px;list-style:none}.quote-compose>summary::-webkit-details-marker{display:none}.quote-compose>summary:after{content:"＋";font-size:22px;font-weight:300}.quote-compose[open]>summary:after{content:"－"}.quote-form{padding:5px 28px 28px;display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:820px}.quote-form label{display:grid;gap:9px;color:#5e7786;font:12px/1.8 var(--a-sans);min-width:0}.quote-form label:first-child{grid-column:1/-1}.quote-form textarea,.quote-form input{width:100%;border:1px solid #c4d1d7;border-radius:2px;background:#fffef8;color:#324f62;padding:12px 14px;font:15px/1.8 var(--a-sans);resize:vertical}.quote-form textarea{min-height:125px}.quote-form small{justify-self:end;color:#8c9ca4;font-size:10px}.quote-form button{width:fit-content;border:1px solid #577b90;border-radius:2px;background:#56788d;color:white;padding:11px 23px;font-size:13px}.quote-form-status{grid-column:1/-1;min-height:0;margin:0;color:#6e8592;font-size:12px;line-height:1.9}.quote-form-status:empty{display:none}.quote-form-status--ok{color:#537964}.quote-form-status--error{color:#a36c60}
.quotes-footer{width:min(1060px,calc(100% - 64px));margin:0 auto;padding:25px 0 32px;border-top:1px solid #c9d6dc;display:flex;justify-content:space-between;gap:20px;color:#7d909c;font-size:11px;line-height:1.8}.quotes-footer a{text-decoration:none;color:inherit}.quotes-footer div{display:flex;gap:23px}
@media(max-width:700px){.quotes-cover{width:calc(100% - 24px);margin-top:20px;padding:35px 26px 40px}.quotes-cover h1{font-size:34px}.quotes-cover .kicker{font-size:9px}.quotes-cover__subtitle{font-size:12px;max-width:205px}.quotes-cover:after{right:31px;top:44px;width:48px;height:48px;font-size:23px;outline-offset:4px}.quotes-layout{width:calc(100% - 36px);margin-top:32px}.quotes-stream__heading{padding-bottom:17px;margin-bottom:20px}.quotes-stream__heading h2{font-size:20px}.quotes-stream__heading>span{font-size:11px}.quotes-list{grid-template-columns:1fr;gap:19px}.quote-entry{padding:24px 24px 22px}.quote-entry__header{font-size:10px}.quote-entry__number{font-size:12px}.quote-entry__text{font-size:21px;line-height:1.95;margin:19px 0 25px}.quote-entry.is-long{grid-column:auto}.quote-entry.is-long .quote-entry__text{font-size:18px;line-height:2}.quote-entry__source{font-size:11px;line-height:1.9;padding-top:14px}.quote-compose{margin-top:40px}.quote-compose>summary{padding:20px;font-size:13px}.quote-form{padding:0 20px 23px;grid-template-columns:1fr;gap:17px}.quote-form label:first-child{grid-column:auto}.quote-form textarea,.quote-form input{font-size:16px}.quote-form-status{grid-column:auto}.quotes-footer{width:calc(100% - 36px);flex-direction:column;gap:10px;font-size:10px}.quotes-footer div{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.quote-entry.is-wide{grid-column:1/-1}