.gff-member-page{background:#f4f6f5;padding:42px 0 70px}.gff-member-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:24px}.gff-member-main,.gff-member-side{min-width:0}.gff-member-hero,.gff-member-panel,.gff-member-side section{overflow:hidden;border:1px solid #dfe5e1;border-radius:7px;background:#fff;box-shadow:0 3px 12px rgba(15,57,40,.035)}.gff-member-cover{height:205px;background:linear-gradient(0deg,rgba(5,65,43,.15),rgba(5,65,43,0)),url('../images/home/hero-sunrise.jpg') center 54%/cover}.gff-member-identity{position:relative;min-height:194px;padding:65px 26px 25px}.gff-member-avatar{position:absolute;left:26px;top:-65px;padding:5px;border-radius:50%;background:#fff}.gff-member-avatar img{display:block;border-radius:50%}.gff-member-actions{position:absolute;right:25px;top:18px}.gff-member-actions .gff-button,.gff-member-actions .gff-outline{margin:0;min-height:38px;padding:7px 18px;border-radius:22px}.gff-member-copy h1{margin:4px 0 0;font-size:30px}.gff-member-copy p{margin:0;color:#536159}.gff-member-copy small{display:block;color:#7b8580}.gff-member-copy b{display:block;margin-top:9px;color:#2f7556;font-size:12px}.gff-member-copy b i{font-size:7px}.gff-member-level{color:var(--gff-green);font-size:13px;font-weight:700}.gff-member-panel{margin-top:18px;padding:24px 26px}.gff-member-panel h2,.gff-member-side h2{margin:0 0 12px;font-size:20px}.gff-member-panel>p{margin:0}.gff-member-panel dl{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:22px 0 0;background:#e5e9e7;border:1px solid #e5e9e7}.gff-member-panel dl div{background:#fff;padding:12px}.gff-member-panel dt{color:#78827d;font-size:11px}.gff-member-panel dd{margin:3px 0 0;color:var(--gff-green);font-size:16px;font-weight:700}.gff-member-activity{padding:0}.gff-member-activity>header{display:flex;justify-content:space-between;padding:22px 26px 13px}.gff-member-activity header p{margin:0;color:#78827d;font-size:12px}.gff-member-activity header span{color:#7c8580;font-size:12px}.gff-member-activity nav{display:flex;gap:28px;border-bottom:1px solid #e3e7e5;padding:0 26px}.gff-member-activity nav a{padding:10px 0;font-size:13px}.gff-member-activity nav .is-active{border-bottom:2px solid var(--gff-green);color:var(--gff-green);font-weight:700}.gff-member-activity article{border-bottom:1px solid #e7ebe8;padding:18px 26px}.gff-member-activity article:last-child{border-bottom:0}.gff-member-activity article p{margin:0;color:#7d8781;font-size:10px}.gff-member-activity article h3{margin:4px 0;font-size:17px;line-height:1.45}.gff-member-activity article div{color:#536159;font-size:13px}.gff-member-empty{padding:24px 26px}.gff-member-side{position:sticky;top:24px}.gff-member-side section{margin-bottom:16px;padding:20px}.gff-member-side section>p{color:#66736c;font-size:13px}.gff-member-side .gff-button{width:100%;border-radius:22px}.gff-member-side dl{margin:0}.gff-member-side dl div{display:flex;justify-content:space-between;border-bottom:1px solid #e7ebe8;padding:9px 0}.gff-member-side dd{margin:0;color:var(--gff-green);font-weight:700}.gff-member-suggestion{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;border-bottom:1px solid #e7ebe8;padding:11px 0}.gff-member-suggestion:last-child{border-bottom:0}.gff-member-suggestion img{border-radius:50%}.gff-member-suggestion span{display:flex;flex-direction:column}.gff-member-suggestion small{color:#7b8580}.gff-member-suggestion>i{color:#8b958f;font-size:11px}
@media(max-width:900px){.gff-member-grid{grid-template-columns:1fr}.gff-member-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.gff-member-side section{margin:0}.gff-member-side section:last-child{grid-column:1/-1}}
@media(max-width:600px){.gff-member-page{padding-top:18px}.gff-member-grid{width:calc(100% - 24px)}.gff-member-cover{height:150px}.gff-member-identity{padding:58px 18px 22px}.gff-member-avatar{left:18px}.gff-member-actions{right:15px}.gff-member-panel{padding:20px 18px}.gff-member-panel dl{grid-template-columns:1fr 1fr}.gff-member-side{display:block}.gff-member-side section{margin-bottom:14px}.gff-member-copy h1{font-size:26px}}