html,body{margin:0;padding:0}
body.cream-body{font-family:"Palatino Linotype","STSong",serif;background:#f6ecd8;color:#4a3420;line-height:1.85}
.cream-body .ico{width:20px;height:20px}
.quote-top{max-width:760px;margin:0 auto;padding:32px 22px 8px}
.quote-top .brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:#8a5a22}
.quote-top .nav-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.quote-top .nav-list a{text-decoration:none;color:#8a5a22;border:1px solid #d4b48a;padding:4px 10px;border-radius:999px;font-size:13px;background:#fff8ea}
.cite-hero{max-width:760px;margin:0 auto 20px;padding:8px 22px 24px}
.cite-hero h1{font-size:26px;line-height:1.4;margin:0 0 12px;color:#6b4220}
.cite-bar{background:#fff8ea;border-left:6px solid #b48246;padding:12px 16px;margin-top:14px}
.cite-bar p{margin:0 0 6px}
.spine{max-width:760px;margin:0 auto;padding:0 22px 40px;border-left:3px solid #c9a06a}
.spine .block{position:relative;padding:0 0 28px 28px}
.spine .block:before{content:"";position:absolute;left:-8px;top:6px;width:12px;height:12px;border-radius:50%;background:#b48246;box-shadow:0 0 0 4px #f6ecd8}
.spine h2{margin:0 0 8px;font-size:21px;color:#8a5a22}
.tl-cards{display:flex;flex-direction:column;gap:12px}
.cream-body .card{background:#fff8ea;padding:14px 16px;border-radius:0 12px 12px 0;border:1px solid #e6d2ad}
.cream-body .step-list{list-style:none;margin:0;padding:0}
.cream-body .step{display:grid;grid-template-columns:28px 1fr;gap:10px;margin-bottom:12px}
.cream-body .step-n{color:#b48246;font-weight:700}
.cream-body .table-wrap{background:#fff8ea;border:1px solid #e6d2ad}
.cream-body table{width:100%;border-collapse:collapse;font-size:14px}
.cream-body th,.cream-body td{padding:8px 10px;border-bottom:1px solid #ead9b6;vertical-align:top;text-align:left}
.cream-body .pair-grid{display:flex;flex-direction:column;gap:10px}
.cream-body .pair{background:#fff8ea;padding:12px 14px;border-left:4px solid #b48246}
.cream-body .plain-list{padding-left:1.1em}
.cream-body .faq-list details{background:#fff8ea;margin:0 0 8px;padding:8px 12px;border-radius:8px}
.cream-body .faq-list summary{cursor:pointer;font-weight:700}
.cream-foot{max-width:760px;margin:0 auto;padding:8px 22px 40px;color:#6b5340;font-size:13px}