.quotes-page { background:#edf2f6;color:#34485b; }
.quotes-header { position:relative;background:#254d70;color:#fff; }
.quotes-header .topbar { position:relative;left:auto;transform:none;margin:0 auto; }
.quotes-header .topbar .quotes-link { color:#fff;border-bottom:2px solid #d6bf91;padding:10px 0; }
.quotes-cover { width:min(1100px,calc(100% - 40px));margin:0 auto;padding:44px 0 54px;border-top:1px solid #ffffff22; }
.quotes-cover>p:first-child { margin:0 0 12px;color:#bfd1df;font:700 .65rem/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.24em; }
.quotes-cover h1 { margin:0;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:500;letter-spacing:.12em; }
.quotes-cover__subtitle { margin:18px 0 0;color:#d4e0e9;font-size:.85rem;letter-spacing:.08em; }
.quotes-layout { display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;width:min(1100px,calc(100% - 40px));margin:32px auto 70px;align-items:start; }
.quotes-sidebar { position:sticky;top:24px;padding:28px 20px 20px;border:1px solid #dbe4ec;border-radius:12px;background:#fff; }
.quotes-profile { text-align:center; }
.quotes-profile img { display:block;width:88px;height:88px;margin:0 auto;border:4px solid #eff4f8;border-radius:50%;object-fit:cover;object-position:center 25%; }
.quotes-profile h2 { margin:16px 0 8px;font-weight:500;font-size:1.2rem; }
.quotes-profile p,.quotes-note { color:#788b9b;font:.73rem/1.9 ui-sans-serif,system-ui,sans-serif; }
.quotes-space-nav { display:grid;gap:8px;margin-top:26px; }
.quotes-space-nav a { display:flex;justify-content:space-between;gap:12px;padding:13px 12px;border-radius:7px;color:#677e90;text-decoration:none;font:.79rem/1.4 ui-sans-serif,system-ui,sans-serif; }
.quotes-space-nav a[aria-current="page"] { background:#eaf1f8;color:#345f84; }
.quotes-space-nav a:hover { background:#f1f5f8; }
.quotes-note { margin:24px 12px 2px;padding-top:20px;border-top:1px solid #edf1f4; }
.quotes-stream { min-width:0; }
.quotes-stream__heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2px 0 18px; }
.quotes-stream__heading h2 { margin:0;font-size:1.1rem;font-weight:500; }
.quotes-stream__heading>span { color:#7d8f9e;font:.72rem/1.5 ui-sans-serif,system-ui,sans-serif; }
.quotes-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.quote-entry { min-width:0;min-height:218px;overflow:hidden;border:1px solid #dce5ed;border-radius:10px;background:#fff;box-shadow:0 3px 12px #36516c05; }
.quote-entry__header { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 22px;padding:18px 0 14px;border-bottom:1px solid #edf2f6;color:#71879b;font:.73rem/1.5 ui-sans-serif,system-ui,sans-serif; }
.quote-entry__number { font-family:Georgia,serif;letter-spacing:.12em;color:#9aabba; }
.quote-entry__text { min-height:155px;padding:22px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere; }
.quotes-back-top { display:block;width:fit-content;margin:30px auto 0;color:#6b8397;text-decoration:none;font:.78rem/1.6 ui-sans-serif,system-ui,sans-serif; }
.quotes-page footer { background:#dfe8f0; }
.quotes-page footer a { color:#637b8d;letter-spacing:0;text-decoration:none; }
.quotes-page a:focus-visible { outline:2px solid #bf9d65;outline-offset:5px; }
@media(max-width:900px) { .quotes-layout { grid-template-columns:190px minmax(0,1fr);gap:20px; }.quotes-list {grid-template-columns:1fr;}.quotes-sidebar {padding:22px 14px;} }
@media(max-width:620px) { .quotes-cover {padding:32px 0 38px;}.quotes-layout {grid-template-columns:1fr;gap:24px;width:calc(100% - 32px);margin-top:24px;}.quotes-sidebar {position:static;padding:18px;}.quotes-profile {display:grid;grid-template-columns:58px 1fr;text-align:left;column-gap:14px;}.quotes-profile img {grid-row:1/3;width:58px;height:58px;}.quotes-profile h2 {margin:6px 0 0;}.quotes-profile p {margin:3px 0;}.quotes-space-nav {grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px;}.quotes-space-nav a {padding:10px;gap:5px;font-size:.72rem;}.quotes-note {margin:14px 0 0;padding-top:12px;}.quotes-note br {display:none;}.quotes-list {gap:14px;}.quote-entry {min-height:208px;} }
.quote-form{display:grid;gap:15px;margin-top:22px;padding-top:20px;border-top:1px solid #e7edf2}.quote-form label{display:grid;gap:7px;color:#52697b;font:600 .76rem/1.5 ui-sans-serif,system-ui,sans-serif}.quote-form textarea,.quote-form input{width:100%;border:1px solid #cfdce6;border-radius:8px;background:#fbfdff;color:#314657;padding:11px 12px;font:400 .82rem/1.65 ui-sans-serif,system-ui,sans-serif;resize:vertical}.quote-form textarea{min-height:112px}.quote-form small{justify-self:end;color:#8a9aa7}.quote-form button{border:0;border-radius:8px;background:#345b77;color:#fff;padding:11px 16px;cursor:pointer}.quote-form button:disabled{opacity:.6}.quote-form-status{min-height:24px;margin:0;font-size:.73rem;color:#6e8190}.quote-form-status--ok{color:#397354}.quote-form-status--error{color:#a33f4f}.quote-entry{min-height:0}.quote-entry__text{margin:0;font-size:1.05rem}.quote-entry__source{margin:0 22px 20px;padding-top:14px;border-top:1px dashed #e1e8ee;color:#718493;font:.72rem/1.65 ui-sans-serif,system-ui,sans-serif}.quotes-empty{padding:50px 20px;border:1px dashed #cbd8e2;border-radius:10px;text-align:center;color:#788b9b;background:#fff}.quotes-profile p{margin-bottom:0}