/* 会員のリボン・称号（T-521）。実績は金、所有系（状態）は地の色で分ける。 */
.member-title{display:inline-block;padding:.08rem .55rem;border:1px solid #c7ab72;border-radius:999px;background:#f5ead0;color:#5e4825;font-size:.72rem;font-weight:700;line-height:1.6;white-space:nowrap;vertical-align:middle}
.member-title--state{border-color:var(--rule-2);background:var(--ground);color:inherit}
.title-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0;padding:0;list-style:none}
.title-notice{margin:1rem 0;padding:.8rem 1rem;border:1px solid var(--rule);background:var(--ground);font-size:.86rem}
.title-choice{display:grid;gap:.5rem;margin:1rem 0}.title-choice label{display:flex;align-items:center;gap:.6rem;font-weight:normal}.title-choice input{flex:0 0 1.15rem;width:1.15rem;height:1.15rem;min-height:1.15rem;margin:0;padding:0}
.title-series{margin:1.2rem 0;padding:1rem;border:1px solid var(--rule);border-radius:8px}.title-series h3{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin:0;font-size:1.02rem}.title-series h3 span{font-size:.84rem;font-weight:normal}
.title-series p{margin:.3rem 0;font-size:.86rem}.title-tiers{display:grid;gap:.35rem;margin:.7rem 0 0;padding:0;list-style:none;font-size:.88rem}.title-tiers li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.35rem;border-top:1px dotted var(--rule)}.title-tiers small{color:var(--ink-3,#666)}
.title-ribbons{margin-top:.7rem;font-size:.86rem}.title-ribbons ul{margin:.4rem 0 0;padding-left:1.2rem}.title-ribbons a{overflow-wrap:anywhere}
.profile-titles .title-list{margin-bottom:.3rem}.profile-titles p{font-size:.86rem}
/* 投稿のアイコンに重ねる称号のマーク（T-524）。絵は members/titles/ の WebP（T-526）。 */
.post__avatar{position:relative;display:inline-flex;vertical-align:middle}.post__avatar--marked{margin-right:.55rem}.post__avatar .title-mark{position:absolute;right:-.55rem;bottom:-.72rem;width:1.3rem;height:1.3rem}
.title-mark{display:inline-block;width:1.3rem;height:1.3rem;vertical-align:middle;filter:drop-shadow(0 1px 1px rgb(0 0 0/.3))}
/* リボンのメダル（T-523・T-525）。マイページのヒーローと公開プロフィールで共通。暗い地では --ribbon-count / --ribbon-label を上書きする。 */
.ribbon-mark{--ribbon-count:var(--navy,#1a2e43);--ribbon-label:var(--text-3,#666);display:grid;justify-items:center;gap:.15rem;width:4.6rem;text-align:center}.ribbon-mark b{color:var(--ribbon-count);font-family:var(--mincho);font-size:1rem;line-height:1.2}.ribbon-mark span{color:var(--ribbon-label);font-size:.62rem;line-height:1.35}
.ribbon-mark__img{width:2.9rem;height:auto;filter:drop-shadow(0 2px 3px rgb(0 0 0/.3))}
.ribbon-rack{display:flex;flex-wrap:wrap;gap:.7rem 1.1rem;margin:1rem 0 0;padding:0;list-style:none}