.jf-page{background:var(--theme-soft, #f4f6f4);min-height:75vh;padding:38px 24px 64px;color:var(--theme-text, var(--navy-950))}
.notification-settings input:not([type=checkbox]){display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:8px;padding:11px 12px;border:1px solid var(--theme-border, #bccfce);border-radius:8px;font:inherit;background:var(--theme-surface, #fff)}.notification-settings button{margin-top:8px}.notification-settings .grid{gap:28px}
.jf-page .jf-comment-button{display:flex;align-items:center;gap:9px;background:var(--theme-tint, #e8f5f1);color:var(--theme-accent, #066d65);border:1px solid var(--theme-border, #b5d9d0);border-radius:9px;margin-top:14px;padding:10px 14px;font-size:.88rem;font-weight:650;width:100%;text-align:left}.jf-comment-button span{margin-left:auto}.jf-comments form{padding:16px;background:var(--theme-soft, #f4faf8);border:1px solid var(--theme-border, #d5e7e2);border-radius:12px;margin-top:14px}.notification-settings{margin-bottom:26px}.notification-settings h2{font-size:1.45rem}.notification-settings label{display:block;margin:12px 0}.notification-settings .jf-check{display:flex;gap:10px;align-items:start}.notification-settings input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}.notification-settings li{margin-bottom:10px}.notification-settings p{font-size:.92rem}
.jf-page .jf-search input{flex:1 1 0;width:0;min-width:0}.jf-page .jf-search button{flex:0 0 auto;white-space:nowrap}
.jf-area-picker{margin-top:12px}.jf-card:has([data-read][open])>.jf-card-body-preview{display:none}
@media(max-width:680px){.jf-page .jf-citizen-identity{display:grid;grid-template-columns:84px minmax(0,1fr)}.jf-page .jf-citizen-identity>.jf-avatar{grid-area:1/1}.jf-page .jf-citizen-identity>div{grid-area:2/1/3/3;padding-top:2px}.jf-page .jf-citizen-identity>.button{grid-area:1/2;justify-self:end;margin:0}}
.jf-avatar-link{display:block;flex:0 0 auto;border-radius:50%;text-decoration:none}.jf-author-link{color:inherit;text-decoration:none}.jf-author-link:hover{text-decoration:underline;text-underline-offset:4px}.jf-page a:focus-visible,.jf-page button:focus-visible,.jf-page summary:focus-visible{outline:3px solid #cf8421;outline-offset:4px}.jf-comments{border-top:1px solid var(--theme-border, #e0eae7);margin-top:14px;padding-top:14px}.jf-comment{padding:16px 0;border-bottom:1px solid var(--theme-border, #e0eae7)}.jf-comment p{white-space:pre-wrap;font-size:.9rem;line-height:1.7;overflow-wrap:anywhere}.jf-comment .jf-card-header{margin-bottom:8px}.jf-comment details{margin-top:10px}.jf-comment details summary{font-size:.77rem;font-weight:450}.jf-comment-list{max-height:640px;overflow:auto;padding:0 4px}.jf-profile-wrap{max-width:880px;margin:auto}.jf-profile-settings{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;margin-top:24px}.jf-profile-photo-preview .jf-avatar{width:112px;height:112px;font-size:2.3rem}.jf-citizen-hero{background:var(--theme-surface, #fff);border:1px solid var(--theme-border, #d9e4e2);border-radius:18px;overflow:hidden;margin:20px 0}.jf-citizen-cover{height:180px;background:radial-gradient(ellipse at 85% 0%,#8ed9b399,transparent 65%),linear-gradient(125deg,#063744,#118e87);display:flex;align-items:flex-start;justify-content:flex-end;padding:24px;color:#fff}.jf-cover-sunrise{background:radial-gradient(ellipse at 80% 0%,#fff3b077,transparent 55%),linear-gradient(125deg,#7c4029,#d99b4a)}.jf-cover-indigo{background:radial-gradient(ellipse at 80% 0%,#b6bdff66,transparent 55%),linear-gradient(125deg,#242c55,#7372b5)}.jf-citizen-cover span{font-size:.75rem;letter-spacing:.08em}.jf-citizen-identity{display:flex;align-items:center;gap:18px;padding:0 28px;position:relative;margin-top:-24px;flex-wrap:wrap}.jf-citizen-identity>.jf-avatar{width:112px;height:112px;flex-basis:112px;border:5px solid var(--theme-border, white);font-size:2.4rem}.jf-citizen-identity>div{padding-top:34px;flex:1;min-width:0}.jf-citizen-identity h1{margin:7px 0 0;font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;overflow-wrap:anywhere}.jf-citizen-identity p{margin:4px 0 0;color:var(--theme-muted, #59747a)}.jf-citizen-identity>.button{margin-top:32px}.jf-citizen-bio{padding:16px 28px 24px}.jf-citizen-bio p{white-space:pre-wrap;overflow-wrap:anywhere}.jf-profile-actions{display:flex;gap:20px;align-items:start;flex-wrap:wrap;margin-bottom:24px}.jf-profile-actions details{max-width:100%}.jf-profile-settings input[readonly]{background:var(--theme-soft, #f1f5f4)}.jf-profile-settings form>.button{margin-top:14px}
@media(max-width:680px){.jf-profile-settings{grid-template-columns:1fr;gap:0}.jf-citizen-cover{height:140px;padding:18px}.jf-citizen-identity{padding:0 18px;gap:12px}.jf-citizen-identity>.jf-avatar{width:84px;height:84px;flex-basis:84px}.jf-citizen-identity>div{padding-top:30px}.jf-citizen-identity>.button{margin:0}.jf-citizen-bio{padding:12px 18px 20px}.jf-comment-list{max-height:520px}}
@media(max-width:680px){.jf-grid>aside:first-child{display:contents}.jf-grid>aside:first-child .jf-panel{order:3;width:100%;box-sizing:border-box}.jf-grid>aside:first-child .jf-panel:first-child{order:0}.jf-grid>div{order:1}.jf-grid>.jf-right-rail{order:4}}
.jf-wrap{max-width:1320px;margin:auto}.jf-heading{margin-bottom:28px}.jf-heading .eyebrow{position:static;margin:0 0 12px;color:var(--theme-accent, #087f75)}.jf-heading h1{font-size:clamp(1.9rem,3.5vw,3.1rem);line-height:1.15;margin:0 0 12px;max-width:800px}.jf-heading p{margin:0;max-width:680px;color:var(--theme-muted, #506572)}
.jf-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:22px;align-items:start}.jf-grid>*{min-width:0}.jf-panel,.jf-card{background:var(--theme-surface, white);border:1px solid var(--theme-border, #d9e4e2);border-radius:16px;padding:22px;margin:0 0 16px;overflow-wrap:anywhere}.jf-panel h2{font-size:1.08rem;line-height:1.4;margin:0 0 12px}.jf-panel p{font-size:.88rem;line-height:1.65}.jf-page small{font-size:.77rem;line-height:1.5;color:var(--theme-muted, #516775)}.jf-page button,.jf-page input,.jf-page select,.jf-page textarea{font:inherit}.jf-page button{cursor:pointer;min-height:40px}.jf-page button:disabled{opacity:.55;cursor:wait}.jf-page label{font-size:.86rem;font-weight:650;display:block;margin:12px 0 6px}.jf-page input:not([type=checkbox]),.jf-page select,.jf-page textarea{width:100%;max-width:100%;padding:10px 12px;border:1px solid var(--theme-border, #bccfce);border-radius:8px;background:var(--theme-surface, white);color:inherit;min-width:0}.jf-page textarea{resize:vertical}.jf-page input[type=checkbox]{width:17px;height:17px;flex:0 0 17px;accent-color:#087f75}.jf-page label.jf-check{display:flex;align-items:start;gap:9px;font-size:.84rem;font-weight:450;line-height:1.5}.jf-page .button{padding:10px 14px;min-height:42px;border-radius:9px;font-size:.87rem}.jf-page summary{cursor:pointer;min-height:40px;font-weight:650;font-size:.9rem;line-height:1.5}.jf-search{display:flex;gap:5px;margin-bottom:10px}.jf-search button{border:0;border-radius:8px;background:var(--theme-tint, #e6f5f1);padding:8px}.jf-results{max-height:250px;overflow:auto}.jf-results button{display:block;width:100%;border:0;border-bottom:1px solid var(--theme-border, #e0e8e7);text-align:left;background:var(--theme-surface, white);padding:10px;font-size:.84rem}.jf-results button:hover{background:var(--theme-soft, #eff8f5)}.jf-results small{display:block}.jf-topics{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.jf-topics label{margin:0;display:flex;gap:5px;align-items:center;padding:6px 8px;border:1px solid var(--theme-border, #d3e4e0);border-radius:8px;font-size:.77rem}.jf-toolbar{display:flex;gap:10px;align-items:end;padding:14px 18px;background:var(--theme-surface, #fff);border:1px solid var(--theme-border, #d9e4e2);border-radius:13px;margin-bottom:16px}.jf-toolbar label{margin:0;flex:1}.jf-toolbar select{margin-top:5px}.jf-card{padding:22px 24px}.jf-card-header{display:flex;gap:12px;align-items:center;margin-bottom:14px}.jf-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--theme-tint, #e2f3ef);display:grid;place-items:center;flex:0 0 44px;font-weight:750;color:var(--theme-accent, #087f75)}.jf-card-header strong{font-size:.96rem}.jf-card-header small{display:block}.jf-card h2{font-size:1.3rem;line-height:1.35;margin:12px 0}.jf-badges{display:flex;flex-wrap:wrap;gap:6px}.jf-badge{font-size:.69rem;padding:4px 8px;line-height:1.4;border-radius:6px;color:var(--theme-accent, #086e67);background:var(--theme-soft, #eaf6f3)}.jf-badge-demo{background:var(--theme-warm-bg, #fff0da);color:var(--theme-warm, #905214)}.jf-card.jf-priority{border-top:4px solid #df9028}.jf-card-body{white-space:pre-wrap;line-height:1.7;font-size:.96rem;margin:10px 0 16px}.jf-card-body-preview{white-space:pre-wrap;line-height:1.65;font-size:.96rem}.jf-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:14px 0}.jf-media img{display:block;width:100%;max-height:330px;object-fit:cover;border-radius:10px}.jf-links,.jf-actions{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}.jf-links{margin:12px 0}.jf-links a{font-size:.82rem}.jf-actions{padding-top:12px;border-top:1px solid var(--theme-border, #e7eeec)}.jf-actions button{border:0;border-radius:7px;background:transparent;color:var(--theme-accent, #365c64);font-size:.78rem;padding:5px 7px}.jf-actions button:hover,.jf-actions button[aria-pressed=true]{background:var(--theme-tint, #e3f5ed);color:var(--theme-accent, #006c63)}.jf-why{margin:12px 0 0}.jf-why summary{font-size:.76rem;font-weight:500;min-height:26px;color:var(--theme-muted, #55717b)}.jf-why p{font-size:.8rem;line-height:1.6}.jf-empty{text-align:center;padding:44px 26px}.jf-empty h2{font-size:1.2rem}.jf-empty p{font-size:.92rem;color:var(--theme-muted, #627781)}.jf-note{border-left:3px solid #da932b;padding-left:14px}.jf-feedback:empty{display:none}.jf-feedback{padding:12px;background:var(--theme-warm-bg, #fff1df);border-radius:8px;margin:10px 0;font-size:.9rem}.jf-more{display:block;margin:20px auto}.jf-review{max-width:900px;margin:auto}.jf-review pre{white-space:pre-wrap;font:inherit;line-height:1.65}.jf-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.jf-review .jf-panel{margin-top:20px}.jf-right{border-top:4px solid #0b8176}.jf-follow-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;margin:8px 0}.jf-page [hidden]{display:none!important}
@media(max-width:1150px){.jf-grid{grid-template-columns:240px minmax(0,1fr)}.jf-right-rail{grid-column:1/-1}.jf-right-rail .jf-panel{max-width:none}.jf-heading h1{max-width:none}}
@media(max-width:680px){.jf-page{padding:25px 14px 40px}.jf-grid{display:flex;flex-direction:column;gap:0}.jf-grid>*{width:100%}.jf-panel,.jf-card{padding:18px;border-radius:12px}.jf-heading{margin-bottom:22px}.jf-toolbar{padding:12px;gap:8px}.jf-toolbar label{font-size:.76rem}.jf-toolbar select{padding:9px 6px;font-size:.85rem}.jf-actions{gap:3px 7px}.jf-review-grid{grid-template-columns:1fr}.jf-avatar{width:38px;height:38px;flex-basis:38px}.jf-card-header{gap:9px}.jf-results{max-height:180px}}
.jf-author-details{min-width:0;flex:1}.jf-author-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.jf-follower-count{display:inline-block;font-size:.75rem;font-weight:500;line-height:1.5;color:var(--theme-muted, #526d75);white-space:nowrap}.jf-follower-count::before{content:'·';margin-right:7px}.jf-pending-comments{font-size:.78rem;line-height:1.5;color:var(--theme-warm, #82541b);margin:8px 0;padding:8px 12px;background:var(--theme-soft, #fff5e5);border-radius:7px}.jf-refresh-comments{margin-bottom:12px}.jf-comment-button svg{flex-shrink:0}