/* V9.00 — Facebook mobile repair + example profile aligned to finalized product */
.example-now{margin:28px 0 36px;padding:30px;background:#071f35;color:#fff;border-top:3px solid #28a8ff;border-bottom:1px solid #31526c}
.example-now-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.example-now-head h2{margin:6px 0 8px;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.08}.example-now-head p{margin:0;max-width:820px;color:#bfd0de;line-height:1.6}.example-now .eyebrow{color:#63b9ff}.example-achievement{flex:0 0 auto;border:1px solid #42e4ad;color:#55efba;padding:11px 15px;font-weight:900;letter-spacing:.09em}
.example-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.example-score-grid article{position:relative;min-height:190px;padding:24px 18px;border:1px solid #2f6288;background:#0b2d49;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.example-score-grid article.featured{border:2px solid #22d8ff;box-shadow:0 0 0 3px rgba(34,216,255,.08)}.example-score-grid small{font-weight:900;letter-spacing:.1em;color:#9dd6ff}.example-score-grid strong{display:block;margin:12px 0 8px;color:#20ddff;font-size:3.2rem;line-height:1}.example-score-grid strong span{font-size:1.3rem;color:#fff}.example-score-grid strong.pass{color:#45e9ad}.example-score-grid p{margin:0;color:#d4e3ef;line-height:1.45}.example-score-grid .advantage{position:absolute;top:10px;right:10px;border-radius:999px;background:#42c9ff;color:#06233a;padding:5px 9px;font-size:.62rem;letter-spacing:.09em}
.example-activity-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;border-top:1px solid #2e5069}.example-activity-grid div{padding:16px;border-right:1px solid #2e5069}.example-activity-grid div:last-child{border-right:0}.example-activity-grid small,.example-activity-grid b,.example-activity-grid span{display:block}.example-activity-grid small{color:#6fc1ff;font-weight:900;letter-spacing:.08em}.example-activity-grid b{margin:4px 0;color:#fff}.example-activity-grid span{color:#aebfd0;font-size:.82rem}
.example-workspaces{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.example-workspaces div{padding:15px;background:#fff;color:#102d45;border:1px solid #b8d0e3;border-radius:8px}.example-workspaces b,.example-workspaces span{display:block}.example-workspaces span{margin-top:3px;color:#5e7486;font-size:.82rem}.example-workspaces .recommended{border-color:#3daaff;box-shadow:0 0 0 2px rgba(61,170,255,.12)}
.example-guided-loop{margin-top:22px;padding:22px;border:1px solid #315a77;background:#0b2a43}.example-guided-loop h3{margin:5px 0 16px}.example-loop-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.example-loop-steps span{display:flex;align-items:center;gap:9px;padding:12px;background:#102f49;color:#c7d9e6}.example-loop-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#238ff0;color:#fff}.test-example-current .pass-tag{display:inline-block;padding:5px 9px;background:#dff9ee;color:#087b52;font-weight:900;letter-spacing:.08em}
/* Facebook-only example: mobile should read like a compact phone card, not a squeezed desktop panel. */
@media(max-width:700px){
 .profile-no-site-example{margin:26px 0 34px!important;padding:22px 12px!important}
 .profile-no-site-head h2{font-size:1.72rem!important;line-height:1.08!important}
 .profile-no-site-head p{font-size:.94rem;line-height:1.55}
 .profile-no-site-grid{gap:10px!important;margin-top:18px!important}
 .profile-public-page.facebook-mock{width:100%;max-width:360px;margin:0 auto;border-radius:12px;box-sizing:border-box}
 .facebook-mock .fb-topbar{height:40px;padding:0 13px}
 .facebook-mock .fb-cover{height:82px!important}
 .facebook-mock .fb-identity{grid-template-columns:1fr!important;justify-items:center;text-align:center;gap:5px;margin-top:-29px!important;padding:0 14px 14px!important;align-items:center!important}
 .facebook-mock .fb-avatar{width:60px!important;height:60px!important;font-size:1.05rem}
 .facebook-mock .fb-identity>div:last-child{padding-top:0!important;min-width:0}
 .facebook-mock .fb-identity small{margin-top:2px!important;font-size:.61rem!important}
 .facebook-mock .fb-identity h3{font-size:1.16rem!important;line-height:1.08!important;margin:3px 0 5px!important}
 .facebook-mock .fb-identity p{font-size:.78rem!important;line-height:1.38!important;max-width:280px;margin:0 auto!important}
 .facebook-mock .fb-actions{padding:8px 10px!important;gap:5px!important}
 .facebook-mock .fb-actions span{padding:7px 3px;font-size:.68rem}
 .facebook-mock .fb-tabs{justify-content:space-between;gap:0!important;padding:9px 11px!important;font-size:.68rem!important}
 .facebook-mock .fb-about,.facebook-mock .fb-post,.facebook-mock .fb-fragments{margin:9px 9px!important;padding:11px 12px!important}
 .facebook-mock .fb-about{font-size:.72rem!important;gap:6px!important}
 .facebook-mock .fb-post-head{align-items:flex-start;flex-direction:column;gap:2px!important}
 .facebook-mock .fb-post p{font-size:.72rem!important}
 .facebook-mock .fb-photo-strip span{min-height:44px;font-size:.6rem}
 .facebook-mock .fb-fragments{font-size:.69rem!important}
 .profile-no-site-arrow{min-height:22px!important;font-size:1.5rem!important}
 .profile-machine-layer{padding:18px!important}
 .profile-machine-layer h3{font-size:1.3rem!important}
 .profile-machine-facts span{font-size:.82rem!important;min-height:44px!important}
 .example-now{padding:22px 14px;margin:22px 0 30px}.example-now-head{display:block}.example-achievement{display:inline-block;margin-top:14px}.example-score-grid{grid-template-columns:1fr}.example-score-grid article{min-height:165px}.example-score-grid article.featured{padding-top:36px}.example-score-grid .advantage{top:8px;right:8px}.example-activity-grid{grid-template-columns:1fr 1fr}.example-activity-grid div:nth-child(2){border-right:0}.example-activity-grid div:nth-child(-n+2){border-bottom:1px solid #2e5069}.example-workspaces{grid-template-columns:1fr}.example-loop-steps{grid-template-columns:1fr}
}