/* All member content is real HTML, not embedded in the background image. */
:root{--pink:#f90085;--green:#24b800;--ink:#163453;--pale:#fff0f8}
*{box-sizing:border-box}body{margin:0;background:#e8f8f1;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
.poster{position:relative;width:min(100%,1024px);aspect-ratio:1024/1447;margin:auto;background:url('pals-paws-background.png') center top/100% 100% no-repeat}
.live-panel{position:absolute;left:27%;top:29%;width:69.5%;height:60.1%;overflow:auto;padding:clamp(10px,2.3vw,26px);scrollbar-width:thin;scrollbar-color:#ff9bcb transparent;background:transparent}
h1{font-size:clamp(17px,2.6vw,29px);margin:4px 0 16px;color:#148b12}h2{font-size:clamp(15px,2.1vw,22px);color:var(--pink);margin:24px 0 10px}.stitched{border:2px dashed var(--pink);border-radius:24px;text-align:center;background:#fff5fa;padding:12px;color:#159b16}.back{display:inline-block;color:#078b16;font-weight:700;margin-bottom:8px}.profile-top{display:grid;grid-template-columns:30% 1fr;gap:18px;align-items:center}.avatar-wrap,.small-avatar{border:4px solid var(--pink);border-radius:50%;background:#b9fa85;overflow:hidden;display:grid;place-items:center;aspect-ratio:1;font-size:clamp(35px,6vw,75px)}.avatar-wrap img,.small-avatar img{width:100%;height:100%;object-fit:cover}.profile-facts p{border-bottom:1px solid #f6a2c7;padding-bottom:8px;margin:9px 0;overflow-wrap:anywhere;font-size:clamp(12px,1.6vw,16px)}.soft-panel{background:#fff0f7;border:2px solid #ff92c7;border-radius:17px;padding:17px;line-height:1.6}.dog-grid,.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dog-card,.member-card{border:2px solid #ff8fc5;border-radius:19px;background:linear-gradient(#fff,#ffeaf5);padding:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;box-shadow:0 3px 5px #d98ba455}.dog-card img,.dog-placeholder{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.dog-placeholder{display:grid;place-items:center;background:#e4ffd2;font-size:40px}.member-card strong,.dog-card strong{overflow-wrap:anywhere}.member-card small,.dog-card small{overflow-wrap:anywhere;color:#506a5b}.small-avatar{width:80%;max-width:105px;font-size:35px}.pill,.search-row button{border:0;border-radius:30px;background:linear-gradient(#70e32d,#008b11);color:white;text-decoration:none;padding:9px 13px;font-weight:bold;text-align:center;cursor:pointer}.search-form{margin-bottom:16px}.search-form label{display:block;margin-bottom:6px;font-weight:bold}.search-row{display:flex;gap:7px}.search-row input{width:100%;min-width:0;border:2px solid #62cc2c;border-radius:22px;padding:10px}.notice{padding:12px;background:#ffe9ed;border-radius:12px}
@media(max-width:650px){.live-panel{padding:8px}.profile-top{grid-template-columns:1fr;justify-items:center}.avatar-wrap{width:42%}.profile-facts{width:100%}.dog-grid,.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.member-card,.dog-card{padding:5px;gap:4px;border-radius:10px}.pill{font-size:10px;padding:6px}.search-row{flex-wrap:wrap}.search-row button{width:100%}.stitched{padding:5px;margin-bottom:8px}h2{margin:12px 0 6px}}

/* 2026-11-09: layout correction. The panel must fit inside the poster. */
html,body{max-width:100%;overflow-x:hidden}
.poster{width:100%;max-width:1600px;margin:0 auto;overflow:hidden}
.poster .live-panel{left:27%;width:69.5%;max-width:69.5%;min-width:0;overflow-x:hidden;padding:clamp(8px,1.4vw,20px)}
.live-panel>*{max-width:100%;min-width:0}
.member-community-banner-wrap{width:100%;max-width:100%;margin:0 auto 10px;overflow:hidden}
.member-community-banner{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;margin:0 auto}
.search-form,.search-row{width:100%;max-width:100%;min-width:0}
.search-row{display:flex;flex-wrap:wrap;gap:8px}
.search-row input{flex:1 1 170px;width:auto;min-width:0;max-width:100%}
.search-row button{flex:0 0 auto}
.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:100%}
.member-card{width:100%;min-width:0;max-width:100%;overflow:hidden}
.member-card .pill{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:130px;padding:7px 12px;font-size:12px;line-height:1.2;white-space:nowrap;margin:8px auto 0}
@media(max-width:700px){.poster{aspect-ratio:auto;min-height:900px;background-size:100% auto;background-color:#fff}.poster .live-panel{position:relative;left:auto;top:auto;width:100%;max-width:100%;height:auto;min-height:700px;margin:0;padding:clamp(12px,3vw,24px);overflow:visible}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.member-grid{grid-template-columns:1fr}.search-row input{flex-basis:100%}}

/* Four member cards per row on desktop; responsive on small screens. */
.member-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.member-card{padding:7px;gap:6px}
.member-card .pill{font-size:11px;padding:6px 8px;max-width:110px}
@media(max-width:900px){.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.member-grid{grid-template-columns:1fr}}