/* FAMILY1016 家族の関係（兄弟姉妹・親子）と盃。黒漆・朱・金の和の作法の見た目（大人にも粋に） */
:root{--famx-ink:#1d1412;--famx-lac:#231816;--famx-red:#b3261e;--famx-red2:#8e1b16;--famx-gold:#d8b25a;--famx-gold2:#f3dc9a;--famx-cream:#fbf4e6;--famx-mute:#8a7a6c}
.famx-lock,.famx-lock body{overflow:hidden}

/* ---- プロフィールの「家族」の札 ---- */
.famx-card-wrap{margin:12px 0 0}
.famx-card{background:linear-gradient(180deg,#2a1d1a,#1d1412);border:1px solid rgba(216,178,90,.55);border-radius:16px;padding:14px 14px 12px;color:var(--famx-cream);box-shadow:0 6px 18px rgba(29,20,18,.18)}
.famx-card__hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.famx-card__k{margin:0;font-size:15px;font-weight:900;letter-spacing:.12em;color:var(--famx-gold2)}
.famx-card__k::before{content:"";display:inline-block;width:18px;height:18px;margin:0 6px -3px 0;background:url(../images/community/family/fam-badge-family.webp) center/contain no-repeat}
.famx-card__tree{font-size:14px;font-weight:700;color:var(--famx-gold2);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;padding:0 4px}
.famx-plates{display:grid;grid-template-columns:1fr;gap:6px}
@media (min-width:560px){.famx-plates{grid-template-columns:1fr 1fr}}
.famx-plate{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 12px 6px 8px;border-radius:999px;text-decoration:none;color:#fff;background:linear-gradient(90deg,#b3261e,#8e1b16);border:1px solid var(--famx-gold);position:relative}
.famx-plate--parent{background:linear-gradient(90deg,#2c2321,#141010)}
.famx-plate--gold{background:linear-gradient(90deg,#c99a3a,#8a6420);color:#fff}
.famx-plate__t{display:flex;align-items:baseline;gap:6px;min-width:0;flex:1}
.famx-plate__t small{flex:0 0 auto;font-size:14px;font-weight:900;color:var(--famx-gold2);border:1px solid rgba(243,220,154,.6);border-radius:6px;padding:1px 5px;line-height:1.3}
.famx-plate--gold .famx-plate__t small{color:#fff;border-color:#fff}
.famx-plate__t b{font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.famx-plate i{font-style:normal;font-size:14px;opacity:.8;flex:0 0 auto}
.famx-av{border-radius:50%;object-fit:cover;display:inline-block;flex:0 0 auto;background:#3a2b27;vertical-align:middle}
.famx-av--n{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px}
.famx-more,.famx-none,.famx-rel,.famx-bagline{font-size:14px;line-height:1.7;margin:8px 0 0;color:#eadfcd}
.famx-none b,.famx-rel b{color:var(--famx-gold2)}
.famx-bagline a{color:var(--famx-gold2);font-weight:700}
.famx-inrow{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin:0 0 8px;padding:8px 12px;border-radius:12px;border:1px solid var(--famx-gold);background:rgba(179,38,30,.25);color:#fff;font:inherit;text-align:left;cursor:pointer}
.famx-inrow b{flex:1;font-size:14px;line-height:1.4}
.famx-inrow i{font-style:normal;font-size:14px;color:var(--famx-gold2)}
.famx-outrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;margin:0 0 8px;color:#eadfcd}
.famx-outrow button{min-height:44px;padding:0 12px;border-radius:999px;border:1px solid rgba(243,220,154,.6);background:transparent;color:var(--famx-gold2);font:inherit;font-size:14px;cursor:pointer}
.famx-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:12px 0 0;padding:8px 14px;border-radius:999px;border:1px solid var(--famx-gold);background:linear-gradient(180deg,#c3332a,#8e1b16);color:#fff;font:inherit;font-size:15px;font-weight:800;text-decoration:none;cursor:pointer;box-sizing:border-box}
.famx-btn small{font-size:14px;font-weight:700;opacity:.85}
.famx-btn img{width:26px;height:26px}
.famx-btn--ghost{background:transparent;color:var(--famx-gold2)}
.famx-btn--go{background:linear-gradient(180deg,#e2bd62,#b08a32);color:#2a1a0c;border-color:#f3dc9a}
.famx-btn[disabled]{opacity:.45;cursor:default}
.famx-row2{display:flex;gap:8px}
.famx-row2>*{flex:1}
.cm__avwrap .famx-avbadge{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}

/* ---- シート ---- */
.famx-sheet{position:fixed;inset:0;z-index:100050;display:flex;align-items:flex-end;justify-content:center}
.famx-sheet__bg{position:absolute;inset:0;background:rgba(10,6,5,.62)}
.famx-sheet__box{position:relative;width:100%;max-width:520px;max-height:92vh;max-height:92dvh;overflow:auto;background:#1d1412;color:var(--famx-cream);border-radius:20px 20px 0 0;border:1px solid rgba(216,178,90,.5);border-bottom:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}
@media (min-width:700px){.famx-sheet{align-items:center}.famx-sheet__box{border-radius:20px;border-bottom:1px solid rgba(216,178,90,.5)}}
.famx-sheet__x{position:absolute;right:6px;top:6px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:22px;cursor:pointer}
.famx-sheet__in{padding:0 16px 20px}
.famx-load{padding:40px 0;text-align:center;color:#eadfcd}
.famx-askhd,.famx-reqhd{margin:0 -16px 12px;padding:24px 16px 16px;text-align:center;background-size:cover;background-position:center;background-color:#2a1d1a;border-bottom:1px solid rgba(216,178,90,.4)}
.famx-askhd .famx-av{border:2px solid var(--famx-gold);margin:0 auto 6px;display:block}
.famx-k{margin:0 0 4px;font-size:14px;font-weight:900;letter-spacing:.18em;color:var(--famx-gold)}
.famx-askhd .famx-k{color:#7a4a12}
.famx-h{margin:0;font-size:19px;line-height:1.45;font-weight:900;color:#fff}
.famx-askhd .famx-h{color:#2a1a0c}
.famx-pts{margin:6px 0 0;font-size:14px;color:#5a3a1a}
.famx-pts b{font-size:15px}
.famx-tabs{display:flex;gap:6px;margin:4px 0 10px}
.famx-tabs button{flex:1;min-height:52px;border-radius:12px;border:1px solid rgba(216,178,90,.5);background:transparent;color:#eadfcd;font:inherit;font-size:15px;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}
.famx-tabs button small{font-size:14px;font-weight:600;opacity:.8}
.famx-tabs button.is-on{background:linear-gradient(180deg,#c3332a,#8e1b16);color:#fff;border-color:var(--famx-gold)}
.famx-why{margin:0 0 8px;padding:10px 12px;border-radius:10px;background:rgba(216,178,90,.12);color:var(--famx-gold2);font-size:14px;line-height:1.6}
.famx-lbl{display:block;margin:12px 0 6px;font-size:14px;font-weight:800;color:var(--famx-gold2)}
.famx-roles{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.famx-role{min-height:52px;border-radius:10px;border:1px solid rgba(216,178,90,.35);background:rgba(255,255,255,.04);color:#eadfcd;font:inherit;font-size:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.35}
.famx-role b{font-size:16px;color:#fff;margin-left:2px}
.famx-role.is-on{border-color:var(--famx-gold);background:rgba(179,38,30,.45);box-shadow:inset 0 0 0 1px var(--famx-gold)}
.famx-cups{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.famx-cup{border-radius:12px;border:1px solid rgba(216,178,90,.35);padding:8px;text-align:center;cursor:pointer;background:rgba(255,255,255,.03)}
.famx-cup img{width:64px;height:64px;display:block;margin:0 auto 2px}
.famx-cup b{display:block;font-size:14px;color:#fff}
.famx-cup small{display:block;font-size:14px;color:#cbbba6;margin:2px 0}
.famx-cup.is-on{border-color:var(--famx-gold);background:rgba(216,178,90,.16);box-shadow:inset 0 0 0 1px var(--famx-gold)}
.famx-cup.is-none{cursor:default}
.famx-cup.is-none img{opacity:.55}
.famx-mini{display:block;width:100%;min-height:44px;margin:4px 0 0;border-radius:999px;border:1px solid var(--famx-gold);background:linear-gradient(180deg,#c3332a,#8e1b16);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.famx-mini--g{background:transparent;color:var(--famx-gold2)}
.famx-you .famx-mini{display:inline-block;width:auto;padding:0 14px;margin:0 0 0 6px}
.famx-bag{margin:8px 0 0;font-size:14px;color:#cbbba6}
.famx-in{width:100%;box-sizing:border-box;min-height:46px;padding:10px 12px;border-radius:10px;border:1px solid rgba(216,178,90,.5);background:#120c0b;color:#fff;font:inherit;font-size:16px}
textarea.famx-in{min-height:84px;resize:vertical}
.famx-ck{display:block;margin:12px 0 0;font-size:14px;line-height:1.5;color:#eadfcd;cursor:pointer}
.famx-ck input{width:20px;height:20px;vertical-align:-4px;margin-right:6px;accent-color:#c3332a}
.famx-ck small{display:block;margin-left:26px;font-size:14px;color:#a8988a}
.famx-fine{margin:10px 0 0;font-size:14px;line-height:1.7;color:#a8988a}
.famx-msg{margin:8px 0 0;font-size:14px;color:var(--famx-gold2)}
.famx-msg.is-bad{color:#ff9d93}
.famx-reqhd{padding:16px}
.famx-reqcup{width:150px;height:150px;display:block;margin:0 auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));animation:famxFloat 3s ease-in-out infinite}
@keyframes famxFloat{50%{transform:translateY(-6px)}}
.famx-reqhd+.famx-k{text-align:center}
.famx-sheet--req .famx-h{text-align:center;font-size:17px}
.famx-sheet--req .famx-h .famx-av{vertical-align:-10px;border:1px solid var(--famx-gold)}
.famx-you{margin:12px 0 0;text-align:center;font-size:14px;color:#eadfcd}
.famx-you b{font-size:18px;color:var(--famx-gold2)}
.famx-word{margin:10px auto 0;padding:10px 12px;border-left:3px solid var(--famx-red);background:rgba(255,255,255,.04);font-size:14px;line-height:1.6;color:#fff;max-width:100%;overflow-wrap:anywhere}
.famx-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:100100;max-width:calc(100% - 32px);padding:10px 16px;border-radius:12px;background:#1d1412;color:#fff;border:1px solid var(--famx-gold);font-size:14px;line-height:1.5;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:opacity .4s}
.famx-toast.is-bad{border-color:#ff9d93}
.famx-toast.is-out{opacity:0}

/* ---- 結ばれた一枚絵 ---- */
.famx-fx{position:fixed;inset:0;z-index:100080;display:flex;align-items:center;justify-content:center;padding:12px;background:radial-gradient(circle at 50% 40%,rgba(80,40,20,.85),rgba(8,5,4,.94));animation:famxIn .5s ease both;box-sizing:border-box;overflow:auto}
@keyframes famxIn{from{opacity:0}to{opacity:1}}
.famx-fx__box{width:100%;max-width:480px;margin:auto}
.famx-fx__pic{position:relative;border-radius:14px;overflow:hidden;border:2px solid var(--famx-gold);box-shadow:0 0 0 4px rgba(29,20,18,.9),0 0 0 5px rgba(216,178,90,.5);aspect-ratio:1/1;max-height:52vh;max-height:52dvh;margin:0 auto;animation:famxZoom 1.6s cubic-bezier(.2,.7,.2,1) both}
.famx-fx__pic img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes famxZoom{from{transform:scale(1.06);filter:brightness(.4)}to{transform:none;filter:none}}
.famx-fx.is-gold .famx-fx__pic{border-color:#f3dc9a;box-shadow:0 0 0 4px #8a6420,0 0 24px 6px rgba(243,220,154,.55)}
.famx-fx.is-gold .famx-fx__pic::after{content:"";position:absolute;inset:0;background:url(../images/community/family/fam-ceremony-bg.webp) center/cover;mix-blend-mode:screen;opacity:.45;pointer-events:none}
.famx-fx__txt{text-align:center;color:#fff;padding:12px 4px 0}
.famx-fx__k{margin:0;font-size:14px;font-weight:900;letter-spacing:.24em;color:var(--famx-gold)}
.famx-fx__names{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:8px 0 0;font-size:15px}
.famx-fx__names span{color:var(--famx-gold2)}
.famx-fx__names .famx-av{border:1px solid var(--famx-gold)}
.famx-fx__h{margin:8px 0 0;font-size:20px;font-weight:900;line-height:1.4;letter-spacing:.04em}
.famx-fx__s{margin:6px 0 0;font-size:14px;line-height:1.7;color:#eadfcd}

/* ---- 家系図 ---- */
.famp{max-width:760px;margin:0 auto;padding:12px 16px 40px;box-sizing:border-box}
.famp__hd{text-align:center;margin:4px 0 12px}
.famp__crest{display:block;margin:0 auto 4px;width:56px;height:56px}
.famp__h{margin:0;font-size:22px;font-weight:900;letter-spacing:.08em;color:#2a1a0c}
.famp__lead{margin:6px 0 0;font-size:14px;line-height:1.7;color:#6a5646}
.famp__join{text-align:center;padding:12px;border-radius:14px;background:#fbf4e6;border:1px solid #e6d3a6;margin:0 0 12px}
.famp__btn{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;background:linear-gradient(180deg,#c3332a,#8e1b16);color:#fff;font-weight:800;text-decoration:none}
.famp__inbox{margin:0 0 12px;padding:12px;border-radius:14px;background:#1d1412}
.famp__h2{margin:18px 0 8px;font-size:16px;font-weight:900;color:#2a1a0c;letter-spacing:.06em}
.famp__load{text-align:center;padding:40px 0;color:#6a5646}
.famt{position:relative;border-radius:18px;padding:16px 10px 18px;background-color:#fbf4e6;background-size:cover;background-position:center;border:1px solid #d8b25a;box-shadow:0 6px 20px rgba(42,26,12,.12);overflow:hidden}
.famt-cap{margin:6px 0 4px;text-align:center;font-size:14px;font-weight:900;letter-spacing:.3em;color:#8e1b16}
.famt-row{display:flex;justify-content:center;align-items:flex-start;gap:8px;flex-wrap:wrap}
.famt-row--par{position:relative}
.famt-wed{align-self:center;font-size:14px;font-weight:800;color:#8e1b16;padding:2px 8px;border:1px solid #d8b25a;border-radius:999px;background:#fff8e8}
.famt-stem{width:2px;height:16px;margin:2px auto;background:linear-gradient(#d8b25a,#8e1b16)}
.famt-row--mid{flex-wrap:nowrap;align-items:center;gap:6px}
.famt-sibs{display:flex;gap:4px;flex:1 1 0;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.famt-sibs::-webkit-scrollbar{display:none}
.famt-sibs--up{justify-content:flex-end}
.famt-sibs--down{justify-content:flex-start}
.famt-n{display:flex;flex-direction:column;align-items:center;width:84px;flex:0 0 84px;text-decoration:none;color:#2a1a0c;min-height:44px}
.famt-n b{display:block;max-width:84px;font-size:14px;font-weight:800;line-height:1.3;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.famt-n small{font-size:14px;font-weight:800;color:#8e1b16}
.famt-n--empty b{color:#a8988a}
.famt-n--empty small{color:#a8988a;font-weight:600}
.famt-ring{position:relative;display:block;width:84px;height:84px}
.famt-ring .famt-av{position:absolute;left:12px;top:12px;width:60px;height:60px}
.famt-ring .famt-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.famt-ring--empty img{width:84px;height:84px;opacity:.75}
.famt-n.is-gold .famt-ring{filter:drop-shadow(0 0 6px rgba(216,178,90,.9))}
.famt-me{display:flex;flex-direction:column;align-items:center;flex:0 0 112px;color:#2a1a0c}
.famt-ring--me{width:104px;height:104px}
.famt-ring--me .famt-av{left:16px;top:16px;width:72px;height:72px}
.famt-me b{font-size:15px;font-weight:900;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.famt-me small{font-size:14px;color:#8e1b16;font-weight:800}
.famt-partner{display:inline-flex;align-items:center;gap:4px;margin-top:4px;min-height:32px;padding:2px 8px 2px 2px;border-radius:999px;background:#fff;border:1px solid #e6c9d6;color:#b04a7a;font-size:14px;font-weight:800;text-decoration:none;max-width:112px}
.famt-partner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.famt-count{margin:12px 0 0;text-align:center;font-size:14px;color:#6a5646}
.famt-empty{margin:10px 8px 0;text-align:center;font-size:14px;line-height:1.7;color:#6a5646}
.famt-askbtn{max-width:360px;margin:12px auto 0}
.famp__bag{margin:14px 0 0}
.famb{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.famb__it{text-align:center;padding:8px 4px;border-radius:12px;background:#1d1412;color:#fff;border:1px solid rgba(216,178,90,.5)}
.famb__it img{display:block;margin:0 auto;width:56px;height:56px}
.famb__it b{display:block;font-size:14px}
.famb__it span{font-size:14px;color:var(--famx-gold2)}
.famb__shard{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#fbf4e6;border:1px solid #e6d3a6;color:#2a1a0c}
.famb__shard img{flex:0 0 40px}
.famb__shard b{font-size:14px}
.famb__shard small{display:block;font-size:14px;line-height:1.6;color:#6a5646;margin-top:2px}
.famb__gauge{height:8px;border-radius:999px;background:#ead9b8;overflow:hidden;margin:4px 0}
.famb__gauge i{display:block;height:100%;background:linear-gradient(90deg,#c3332a,#d8b25a)}
.famp__how{margin:18px 0 0}
.famp__steps{margin:0;padding:0;list-style:none;counter-reset:fs}
.famp__steps li{counter-increment:fs;position:relative;padding:8px 0 8px 40px;border-bottom:1px dashed #e6d3a6;font-size:14px;line-height:1.6;color:#4a3828}
.famp__steps li::before{content:counter(fs);position:absolute;left:4px;top:8px;width:26px;height:26px;border-radius:50%;background:#8e1b16;color:#f3dc9a;font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center}
.famp__steps b{display:block;font-size:14px;color:#2a1a0c}
.famp__note{margin:10px 0 0;font-size:14px;line-height:1.7;color:#6a5646}
.famp .famx-btn--ghost{color:#8e1b16;border-color:#d8b25a}

/* ---- 花屋の「家族の盃」 ---- */
.famshop{background:linear-gradient(180deg,#2a1d1a,#1d1412);border-radius:18px;padding:16px 14px;color:var(--famx-cream);border:1px solid rgba(216,178,90,.55)}
.famshop .sh2__sh h2{color:var(--famx-gold2)}
.famshop .sh2__sh small{color:var(--famx-gold)}
.famshop .sh2__sd{color:#eadfcd}
.famshop__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:10px 0 0}
.famshop__it{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 8px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(216,178,90,.4)}
.famshop__it--gold{border-color:#f3dc9a;box-shadow:inset 0 0 18px rgba(216,178,90,.25)}
.famshop__it img{width:110px;height:110px}
.famshop__it b{font-size:15px;color:#fff;margin:2px 0}
.famshop__it small{font-size:14px;line-height:1.5;color:#cbbba6;min-height:3em}
.famshop__price{margin:6px 0 0;font-size:14px;font-weight:800;color:var(--famx-gold2)}
.famshop__have{font-size:14px;color:#9fe0b0;margin:2px 0 0}
.famshop__buy,.famshop__ex{width:100%;min-height:44px;margin:6px 0 0;border-radius:999px;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.famshop__buy{border:1px solid var(--famx-gold);background:linear-gradient(180deg,#c3332a,#8e1b16);color:#fff}
.famshop__ex{border:1px solid rgba(243,220,154,.6);background:transparent;color:var(--famx-gold2);font-size:14px}
.famshop__shard{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:10px 12px;border-radius:12px;background:rgba(216,178,90,.1)}
.famshop__shard p{margin:0}
.famshop__shard b{font-size:14px;color:#fff}
.famshop__shard small{display:block;font-size:14px;line-height:1.6;color:#cbbba6}
.famshop__note{margin:10px 0 0;font-size:14px;line-height:1.7;color:#a8988a}
.famshop .sh2__go{color:var(--famx-gold2)}
.famshop .sh2__sh small{font-size:14px}
/* 10/16 撮影の直し: 贈るシートの見出しを暗い絵の上でも読めるように・家系図の兄弟姉妹は狭い画面で折り返す */
.famx-askhd{position:relative}
.famx-askhd::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(20,12,10,.72),rgba(20,12,10,.25) 70%);pointer-events:none}
.famx-askhd>*{position:relative}
.famx-askhd .famx-k{color:var(--famx-gold)}
.famx-askhd .famx-h{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.famx-askhd .famx-pts{color:var(--famx-gold2)}
.famx-sheet--req .famx-h .famx-av{vertical-align:middle;margin-right:4px}
.famt-partner{max-width:150px}
@media (max-width:600px){
.famt-row--mid{flex-wrap:wrap;justify-content:center}
.famt-me{order:0;flex:0 0 100%}
.famt-sibs{order:1;flex:0 1 auto;flex-wrap:wrap;justify-content:center;overflow:visible}
.famt-sibs:empty{display:none}
}
.famshop .sh2__go,.famshop .sh2__sd{font-size:14px}
.famx-askhd .famx-av--n{display:flex}

.famx-connections{margin:16px 0 0;padding:14px;border:1px solid #daccb5;border-radius:14px;background:#fffdf7;color:#493e31;font-size:14px;line-height:1.65}
.famx-connections h3{font-size:16px;margin:0 0 6px}.famx-connections p{font-size:14px;margin:4px 0 10px}.famx-connections ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px}
.famx-connections li{display:flex;flex-direction:column;padding:8px;background:#f5f0e5;border-radius:10px;overflow-wrap:anywhere;min-width:0}.famx-connection__person{display:flex;align-items:center;gap:8px;min-height:44px}.famx-connections a{color:#72532a;text-decoration:underline;text-underline-offset:3px}.famx-connections li>span{font-size:14px;padding-top:5px}.famx-connections a:focus-visible{outline:3px solid #8e662e;outline-offset:2px}