/* Extension-page content only. Shared public header/footer styles are unmodified. */
.extension-page{margin:0;background:var(--paper,#fefdfb);font-family:Figtree,sans-serif}
.extension-main{--radar-ink:#213130;--radar-muted:#60716d;--radar-line:#dce2da;--radar-green:#294f40;color:var(--radar-ink);font-family:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;padding-bottom:38px}
.extension-main *{box-sizing:border-box}.extension-main a{color:var(--radar-green);text-underline-offset:4px}.extension-main a:hover{text-decoration-thickness:2px}.extension-main button{font:inherit;cursor:pointer;color:inherit}.extension-main button:focus-visible,.extension-main a:focus-visible,.extension-main [tabindex]:focus-visible{outline:3px solid #3567a8;outline-offset:4px}.extension-main img{max-width:100%;height:auto;display:block}.extension-main h1,.extension-main h2,.extension-main p{margin:0}.extension-main h1,.extension-main h2{text-wrap:balance;letter-spacing:-.035em}.extension-main .ext-wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.extension-main .ext-crumb{display:flex;gap:10px;font-size:12px;color:var(--radar-muted);padding-top:25px}.extension-main .ext-crumb a{color:inherit}.extension-main .radar-intro{text-align:center;padding:38px 0 32px}.extension-main .radar-identity{display:flex;gap:9px;align-items:center;justify-content:center;font-size:16px;font-weight:650;margin-bottom:17px}.extension-main .radar-identity img{width:38px;height:38px;object-fit:contain}.extension-main .radar-by{font-size:12px;font-weight:400;color:var(--radar-muted);margin-left:3px}.extension-main h1{font-size:clamp(36px,4.8vw,62px);line-height:1.1;font-weight:700}.extension-main .radar-intro>p{font-size:18px;color:var(--radar-muted);margin-top:16px}.extension-main .radar-availability{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;font-size:11px;color:var(--radar-muted);margin-top:18px}.extension-main .radar-availability span:first-child{color:var(--radar-green)}.extension-main i{font-style:normal}
.extension-main .radar-demo{border:1px solid #d0dbce;border-radius:16px;overflow:hidden;background:#edf2e9;position:relative;isolation:isolate}.extension-main .demo-window-bar{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;gap:15px;border-bottom:1px solid #d8e1d3;background:#f3f6ef;font-size:11px;color:var(--radar-muted)}.extension-main .window-context{display:flex;gap:22px;align-items:center}.extension-main .window-lights{display:flex;gap:6px}.extension-main .window-lights i{width:8px;height:8px;border:1px solid #bbc9b6;background:#d9e4d2;border-radius:50%}.extension-main .sample-label{font-size:10px;letter-spacing:.02em}.extension-main .demo-transport{display:flex;gap:5px}.extension-main .demo-transport button{border:1px solid transparent;background:transparent;border-radius:6px;width:30px;height:30px;display:grid;place-items:center;padding:5px}.extension-main .demo-transport button:hover{background:#e0ead9;border-color:#c2d0b9}.extension-main .demo-transport svg{width:17px;height:17px;fill:none;stroke:#476445;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.extension-main .radar-demo-body{position:relative;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);height:530px;padding:0 20px 0 36px;gap:52px;overflow:hidden;background:linear-gradient(115deg,#f4f7ef,#e8eee2)}.extension-main .demo-feed{min-width:0;background:#fff;border-inline:1px solid #e1e7dd;display:flex;flex-direction:column;height:100%;overflow:hidden}.extension-main .feed-heading{height:70px;flex-shrink:0;padding:11px 20px 0;border-bottom:1px solid #e2e6df}.extension-main .feed-heading>strong{font-size:15px;line-height:1.3;display:block}.extension-main .feed-heading>div{display:flex;gap:45px;margin-top:10px;line-height:1.4}.extension-main .feed-heading span{font-size:11px;color:var(--radar-muted);padding-bottom:8px}.extension-main .feed-heading span:first-child{color:var(--radar-ink);border-bottom:2px solid #56824b}.extension-main .feed-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;position:relative}.extension-main .feed-scroll::-webkit-scrollbar{display:none}.extension-main .feed-posts{padding-block:16px 180px}.extension-main .feed-post{position:relative;border-bottom:1px solid #e7ebe3;padding:17px 20px 17px 65px;min-height:142px;background:white;transition:background .25s}.extension-main .feed-post.selected{background:#f0f6e9}.extension-main .feed-post.selected:after{content:"";position:absolute;inset:6px;border:1.5px dashed #618553;border-radius:8px;pointer-events:none}.extension-main .post-avatar{position:absolute;top:18px;left:18px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--avatar-color,#dce8d2);color:#476345;font-size:12px;font-weight:650}.extension-main .post-author{display:flex;gap:6px;align-items:center;font-size:12px;white-space:nowrap;overflow:hidden}.extension-main .post-author strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.extension-main .post-author span{font-size:10px;color:var(--radar-muted);overflow:hidden;text-overflow:ellipsis}.extension-main .feed-post>p{font-size:14px;line-height:1.5;margin-top:8px;max-width:43ch}.extension-main .post-engagement{display:flex;justify-content:space-between;gap:14px;color:#7c8977;font-size:10px;max-width:270px;margin-top:13px}.extension-main .post-engagement span{display:flex;align-items:center;gap:5px}.extension-main .post-engagement svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.extension-main .demo-radar{align-self:start;margin-top:22px;background:#fff;border:1px solid #d2ddcc;border-radius:12px;overflow:hidden;min-width:0}.extension-main .radar-panel-title{display:flex;gap:7px;align-items:center;padding:10px 12px}.extension-main .radar-panel-title img{width:27px;height:27px;object-fit:contain}.extension-main .radar-panel-title strong{display:block;font-size:11px;line-height:1.4}.extension-main .radar-panel-title small{display:block;font-size:8px;color:var(--radar-muted)}.extension-main .panel-controls{font-size:14px;color:#7b8f72;margin-left:auto;white-space:nowrap}.extension-main .radar-panel-spotlight{border:1px solid #d4e0ca;background:#f1f6eb;margin:0 8px;border-radius:6px;padding:6px 9px}.extension-main .radar-panel-spotlight>span{display:block;font-size:8px;font-weight:650;color:#527447;margin-bottom:3px}.extension-main .radar-panel-spotlight>div{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:6px;font-size:10px;line-height:1.5}.extension-main .radar-panel-spotlight small{font-size:7px;color:#7c8b73;display:block;line-height:1.3}.extension-main .radar-panel-spotlight b{text-align:center;font-size:11px;font-weight:400;color:#8ba37f}.extension-main .rank-heading{display:flex;justify-content:space-between;font-size:10px;color:var(--radar-muted);padding:10px 12px 7px}.extension-main .rank-heading strong{font-weight:600;color:#3b5834}.extension-main .demo-rank-list{display:grid;gap:4px;padding:0 7px 7px}.extension-main .radar-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:5px;align-items:center;height:35px;padding:4px 7px;border:1px solid #e1e6db;border-radius:5px;background:#fafbf8;text-align:left;width:100%;position:relative;transition:background .18s,border-color .18s}.extension-main .radar-row:hover{background:#f0f6e9;border-color:#9bb18c}.extension-main .radar-row.selected{border-color:#8ca878;background:#eaf3df}.extension-main .row-number{font-size:9px;color:#8b9b81;font-variant-numeric:tabular-nums}.extension-main .row-copy{min-width:0}.extension-main .row-copy strong{font-size:9px;line-height:1.4;display:block;font-weight:500;color:#526849}.extension-main .row-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.4}.extension-main .row-rate{font-size:12px;color:#426b35;font-weight:600;white-space:nowrap}.extension-main .row-rate small{font-size:8px;font-weight:400;color:#809274}.extension-main .radar-panel-foot{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #e2e8db;padding:7px 9px;color:#809274;font-size:7px}.extension-main .radar-connector{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s}.extension-main .radar-connector path{fill:none;stroke:#527749;stroke-width:1.5;stroke-dasharray:4 5}.extension-main .radar-connector circle{fill:#f1f6eb;stroke:#527749;stroke-width:1.5}.extension-main .radar-cursor{position:absolute;top:0;left:0;width:25px;height:32px;pointer-events:none;z-index:3;opacity:0;filter:drop-shadow(0 2px 2px #294f4022);will-change:transform}.extension-main .radar-cursor svg{width:25px;height:32px;fill:#fff;stroke:#294f40;stroke-width:1.3;stroke-linejoin:round;position:relative}.extension-main .cursor-ring{position:absolute;width:26px;height:26px;border-radius:50%;top:-8px;left:-9px;border:1.5px solid #618553;background:#b8d99b44;transform:scale(.7);opacity:0}.extension-main .radar-cursor.clicking .cursor-ring{opacity:1;transform:scale(1.3)}.extension-main .radar-cursor.clicking svg{transform:scale(.92)}.extension-main .demo-caption{min-height:44px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #d8e1d3;background:#f6f8f2;font-size:11px;color:#526a49}.extension-main .demo-key{font-size:10px;color:#7b8f70;white-space:nowrap;display:flex;gap:6px;align-items:center}.extension-main .demo-key i{height:7px;width:14px;border-top:1px dashed #658458}.extension-main .radar-demo-note{text-align:center;font-size:10px;color:var(--radar-muted);margin-top:13px}.extension-main .radar-capabilities{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 15px;margin-top:21px;color:var(--radar-muted);font-size:12px}.extension-main .radar-capabilities i{color:#b5c1af}.extension-main .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.extension-main .spotlight-compact{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;margin-top:65px;padding:38px;background:#f0f4ea;border:1px solid #dce5d4;border-radius:15px}.extension-main .spotlight-pill{display:inline-block;padding:3px 9px;border:1px solid #c1d0b7;border-radius:20px;font-size:10px;color:#527447;margin-bottom:15px}.extension-main .spotlight-copy h2{font-size:clamp(27px,3vw,35px);font-weight:650;line-height:1.13;margin-bottom:15px}.extension-main .spotlight-copy>p{font-size:14px;line-height:1.65;color:var(--radar-muted);max-width:46ch}.extension-main .spotlight-process{display:flex;list-style:none;padding:0;margin:20px 0 22px;gap:8px;flex-wrap:wrap;color:#69815d;font-size:10px}.extension-main .spotlight-process li:not(:last-child):after{content:"→";margin-left:8px;color:#9cad91}.extension-main .spotlight-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.extension-main .radar-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:#294f40;color:#fff;font-size:12px;font-weight:650;min-height:42px;padding:9px 16px;border:1px solid #294f40;border-radius:8px;text-decoration:none}.extension-main .radar-button:hover{background:#213e33}.extension-main .spotlight-actions>span{color:#7a8b70;font-size:10px;max-width:18ch;line-height:1.5}.extension-main .spotlight-example{padding:22px;background:#fdfefb;border:1px solid #dae4d1;border-radius:11px}.extension-main .spotlight-example-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.extension-main .spotlight-example-top>strong{font-size:11px;color:#527447;white-space:nowrap}.extension-main .spotlight-modes{display:flex;border:1px solid #dbe5d3;border-radius:5px;padding:2px;gap:2px}.extension-main .spotlight-modes button{background:transparent;border:0;border-radius:3px;padding:4px 6px;min-height:28px;font-size:9px;white-space:nowrap;color:#74856b}.extension-main .spotlight-modes button[aria-pressed=true]{background:#e6efdc;color:#3e6433}.extension-main .spotlight-preview{display:grid;grid-template-columns:1fr 18px 1fr;gap:8px;align-items:center;padding:15px 0;border-block:1px solid #e1e8db}.extension-main .spotlight-entity{display:flex;gap:8px;align-items:center;min-width:0}.extension-main .spotlight-avatar{width:30px;height:30px;border-radius:9px;background:#dce9d1;display:grid;place-items:center;font-size:13px;color:#668052;flex-shrink:0}.extension-main .product-avatar{background:#e2e8dd;border-radius:50%}.extension-main .spotlight-entity>div{min-width:0}.extension-main .spotlight-entity small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#8c9a82;font-size:8px}.extension-main .spotlight-entity strong{display:block;font-size:11px;line-height:1.6;overflow-wrap:anywhere;font-weight:600}.extension-main .spotlight-entity div>span{display:block;font-size:8px;color:#829276;overflow-wrap:anywhere}.extension-main .spotlight-building-arrow{color:#91a681;text-align:center;font-size:14px}.extension-main .spotlight-example-label{font-size:9px;color:#8b9a80;margin-top:9px}.extension-main .spotlight-measure{display:flex;gap:9px;align-items:start;border-top:1px solid #e4eade;margin-top:19px;padding-top:14px}.extension-main .spotlight-measure svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:#728c60;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}.extension-main .spotlight-measure p{font-size:11px;color:#6e8261;line-height:1.6}.extension-main .spotlight-terms{font-size:9px;color:#8b9a80;line-height:1.6;margin-top:12px}.extension-main .radar-support{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:38px;padding:25px 0;border-bottom:1px solid var(--radar-line)}.extension-main .radar-support h2{font-size:19px;font-weight:650;margin-bottom:6px}.extension-main .radar-support p{font-size:12px;color:var(--radar-muted)}.extension-main .radar-support>a{font-size:14px;white-space:nowrap}.extension-main .radar-privacy-note{font-size:10px;line-height:1.8;color:#809078;margin-top:17px;max-width:94ch}
.extension-main .extension-directory-intro{padding:70px 0 40px}.extension-main .radar-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#6d855f;margin-bottom:19px}.extension-main .extension-directory-intro h1{max-width:18ch}.extension-main .extension-directory-intro>p:last-child{color:var(--radar-muted);font-size:18px;margin-top:20px}.extension-main .extension-directory-card{display:flex;align-items:center;gap:28px;border-block:1px solid var(--radar-line);padding:35px 0;margin-bottom:45px}.extension-main .extension-directory-card>img{width:76px;height:76px;object-fit:contain;flex-shrink:0}.extension-main .extension-directory-card h2{font-size:27px;font-weight:650;margin-bottom:10px}.extension-main .extension-directory-card p{font-size:15px;color:var(--radar-muted);max-width:52ch}.extension-main .extension-directory-card div>span{display:block;color:#84927c;font-size:11px;margin-top:9px}.extension-main .extension-directory-card>.radar-button{margin-left:auto;white-space:nowrap}
@media(max-width:900px){.extension-main .radar-demo-body{gap:27px;padding:0 16px 0 20px}.extension-main .feed-post{padding-left:51px;padding-right:14px}.extension-main .post-avatar{left:12px;width:28px;height:28px}.extension-main .spotlight-compact{gap:28px;padding:28px}.extension-main .spotlight-example{padding:16px}.extension-main .spotlight-example-top{align-items:start;flex-direction:column;gap:8px}.extension-main .spotlight-preview{gap:4px;grid-template-columns:1fr 14px 1fr}.extension-main .spotlight-entity{gap:5px}.extension-main .spotlight-avatar{width:25px;height:25px;font-size:11px}.extension-main .spotlight-entity strong{font-size:10px}.extension-main .spotlight-entity div>span{font-size:7px}.extension-main .extension-directory-card{flex-wrap:wrap}.extension-main .extension-directory-card>.radar-button{margin-left:104px}}
@media(max-width:640px){.extension-main .ext-wrap{width:calc(100% - 32px)}.extension-main .ext-crumb{font-size:10px;padding-top:19px}.extension-main .radar-intro{padding:27px 0 24px}.extension-main .radar-identity{font-size:14px;margin-bottom:14px}.extension-main .radar-identity img{width:32px;height:32px}.extension-main .radar-by{font-size:10px}.extension-main .radar-intro h1{font-size:36px}.extension-main .radar-intro>p{font-size:14px;max-width:28ch;margin:13px auto 0}.extension-main .radar-availability{font-size:9px;gap:4px 7px;max-width:35ch;margin:15px auto 0}.extension-main .radar-demo{border-radius:10px}.extension-main .demo-window-bar{height:39px;padding:0 9px;gap:8px}.extension-main .window-context{gap:9px;font-size:8px}.extension-main .window-lights{gap:3px}.extension-main .window-lights i{width:5px;height:5px}.extension-main .sample-label{font-size:7px;max-width:12ch;line-height:1.4}.extension-main .demo-transport{gap:0}.extension-main .demo-transport button{width:28px;height:28px}.extension-main .demo-transport svg{width:15px;height:15px}.extension-main .radar-demo-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);height:400px;gap:13px;padding:0 7px 0 7px}.extension-main .feed-heading{height:54px;padding:9px 9px 0}.extension-main .feed-heading>strong{font-size:12px}.extension-main .feed-heading>div{gap:16px;margin-top:6px}.extension-main .feed-heading span{font-size:9px;padding-bottom:6px}.extension-main .feed-posts{padding-block:8px 140px}.extension-main .feed-post{padding:13px 10px;min-height:150px}.extension-main .post-avatar{width:21px;height:21px;top:12px;left:10px;font-size:9px}.extension-main .post-author{padding-left:27px;min-height:25px;display:block;white-space:normal}.extension-main .post-author strong{display:block;font-size:10px;line-height:1.3;white-space:nowrap}.extension-main .post-author span{display:block;font-size:8px;line-height:1.3;white-space:nowrap}.extension-main .feed-post>p{font-size:12px;line-height:1.5;margin-top:9px}.extension-main .post-engagement{gap:7px;font-size:8px;margin-top:11px}.extension-main .post-engagement svg{width:10px;height:10px}.extension-main .post-engagement span:nth-child(2){display:none}.extension-main .demo-radar{margin-top:13px;border-radius:8px}.extension-main .radar-panel-title{padding:8px 6px;gap:4px}.extension-main .radar-panel-title img{width:22px;height:22px}.extension-main .radar-panel-title strong{font-size:8px}.extension-main .radar-panel-title small{font-size:6px}.extension-main .panel-controls{display:none}.extension-main .radar-panel-spotlight{padding:5px;margin-inline:5px}.extension-main .radar-panel-spotlight>span{font-size:6px;white-space:nowrap}.extension-main .radar-panel-spotlight>div{grid-template-columns:1fr 8px 1fr;gap:2px;font-size:7px}.extension-main .radar-panel-spotlight small{font-size:6px}.extension-main .radar-panel-spotlight b{font-size:8px}.extension-main .rank-heading{font-size:8px;padding:8px 7px 5px}.extension-main .demo-rank-list{padding:0 4px 5px;gap:3px}.extension-main .radar-row{grid-template-columns:12px minmax(0,1fr) auto;gap:2px;height:28px;padding:3px}.extension-main .row-number{font-size:7px}.extension-main .row-copy strong{font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extension-main .row-copy span{font-size:7px}.extension-main .row-rate{font-size:9px}.extension-main .row-rate small{font-size:6px}.extension-main .radar-panel-foot{font-size:5px;padding:5px;gap:3px}.extension-main .radar-cursor,.extension-main .radar-cursor svg{width:19px;height:25px}.extension-main .cursor-ring{width:20px;height:20px;top:-6px;left:-7px}.extension-main .radar-connector path{stroke-width:1.1;stroke-dasharray:3 4}.extension-main .demo-caption{padding:10px;min-height:36px;font-size:9px;line-height:1.5}.extension-main .demo-key{display:none}.extension-main .radar-demo-note{font-size:8px;max-width:50ch;margin:10px auto 0;line-height:1.6}.extension-main .radar-capabilities{font-size:10px;gap:6px 10px;max-width:32ch;margin:16px auto 0}.extension-main .radar-capabilities i:nth-of-type(2){display:none}.extension-main .spotlight-compact{grid-template-columns:1fr;padding:23px 20px;gap:26px;margin-top:35px}.extension-main .spotlight-copy h2{font-size:29px}.extension-main .spotlight-copy>p{font-size:13px}.extension-main .spotlight-process{font-size:9px;margin:17px 0}.extension-main .spotlight-example{padding:17px}.extension-main .spotlight-example-top{flex-direction:row;align-items:center;gap:6px}.extension-main .spotlight-example-top>strong{font-size:10px}.extension-main .spotlight-modes button{font-size:8px;padding:4px}.extension-main .spotlight-preview{gap:7px;grid-template-columns:1fr 15px 1fr}.extension-main .spotlight-entity strong{font-size:10px}.extension-main .spotlight-entity div>span{font-size:7px}.extension-main .spotlight-measure p{font-size:10px}.extension-main .radar-support{display:block;padding:23px 0;margin-top:15px}.extension-main .radar-support p{font-size:11px;max-width:40ch;margin-bottom:14px}.extension-main .radar-support>a{font-size:13px;white-space:normal;overflow-wrap:anywhere}.extension-main .radar-privacy-note{font-size:9px;line-height:1.8}.extension-main .extension-directory-intro{padding:45px 0 27px}.extension-main .extension-directory-intro h1{font-size:37px}.extension-main .extension-directory-intro>p:last-child{font-size:15px;margin-top:15px}.extension-main .extension-directory-card{gap:20px;padding-block:27px}.extension-main .extension-directory-card>img{width:54px;height:54px}.extension-main .extension-directory-card>div{max-width:calc(100% - 74px)}.extension-main .extension-directory-card h2{font-size:22px}.extension-main .extension-directory-card p{font-size:13px}.extension-main .extension-directory-card div>span{font-size:10px}.extension-main .extension-directory-card>.radar-button{margin-left:74px}}
@media(prefers-reduced-motion:reduce){.extension-main *,.extension-main *:before,.extension-main *:after{transition:none!important;animation:none!important}}

/* Page content only. Shared header, footer and navigation remain owned by the site's public shell. */
.extension-main .radar-intro{padding-bottom:28px}.extension-main .radar-availability [data-store-status]{padding:2px 9px;border:1px solid #d7dfd0;border-radius:20px;background:#f4f6ef;color:#52654f}.extension-main .radar-intro>p{max-width:740px;margin-inline:auto}.extension-main .radar-identity{flex-wrap:wrap}.extension-main .pc-demo-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:13px;text-decoration:none;font-weight:550}.extension-main .pc-stage{height:425px;display:grid;grid-template-columns:1fr 1fr;position:relative;gap:22px;padding:16px;background:#eef2e9}.extension-main .pc-site,.extension-main .pc-inspector{min-width:0;background:#fff;border:1px solid #d2ddce;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.extension-main .pc-site-top{padding:9px 16px;background:#f8f9f4;border-bottom:1px solid #e2e8db;font-size:11px;color:#647360}.extension-main .pc-feed{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#b2c3aa transparent}.extension-main .pc-web-content{padding:19px 22px 28px}.extension-main .pc-example-name{font-size:15px;font-weight:700;margin-bottom:16px}.extension-main .pc-web-content h2{font:600 clamp(22px,2.8vw,34px)/1.15 Georgia,serif;letter-spacing:-.025em;max-width:340px;margin-bottom:12px}.extension-main .pc-web-content>p{font-size:12px;line-height:1.8;color:#64705e}.extension-main .pc-example-image{margin:18px 0;border-radius:9px;overflow:hidden;border:2px solid transparent}.extension-main .pc-example-image svg{display:block;width:100%;height:auto}.extension-main .pc-web-content h3{font:600 20px/1.3 Georgia,serif;letter-spacing:-.02em;margin:18px 0 10px;border:2px solid transparent;border-radius:4px}.extension-main [data-pc-target][data-highlighted=true]{outline:2px solid #789c68;outline-offset:3px;background:#f0f6e9}.extension-main .pc-inspector-brand{display:flex;gap:8px;align-items:center;padding:10px 12px;background:#fafbf7;border-bottom:1px solid #e0e7da;min-height:49px;flex-wrap:wrap}.extension-main .pc-inspector-brand strong{font-size:12px;font-weight:650}.extension-main .pc-inspector-brand>span{font-size:10px;color:#728068;margin-left:auto}.extension-main .pc-inspector-brand img{width:28px;height:28px;flex:none}.extension-main .pc-inspector-body{display:grid;grid-template-columns:82px minmax(0,1fr);flex:1;min-height:0}.extension-main .pc-nav{display:flex;flex-direction:column;padding-top:10px;background:#f7f9f4;border-right:1px solid #e0e7da}.extension-main .pc-nav button{border:0;background:transparent;text-align:left;font-size:11px;line-height:1.35;min-height:42px;padding:10px 8px;overflow-wrap:anywhere}.extension-main .pc-nav button[aria-pressed=true]{background:#e5efde;color:#315f42;font-weight:650;box-shadow:inset 3px 0 #698c59}.extension-main .pc-report{padding:16px 14px;overflow:auto;min-width:0;scrollbar-width:thin}.extension-main .pc-report h3{font-size:14px;line-height:1.4;margin:0 0 13px;letter-spacing:-.015em}.extension-main .pc-report dl{margin:0;font-size:12px;overflow-wrap:anywhere}.extension-main .pc-report dt{font-size:10px;color:#63725f;margin:15px 0 4px}.extension-main .pc-report dd{margin:0;line-height:1.65}.extension-main .pc-report .pc-explanation{font-size:11px;line-height:1.7;color:#65745e;margin-bottom:13px}.extension-main .pc-checks{padding:0;margin:0;list-style:none}.extension-main .pc-checks li{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:11px;padding:12px 0;border-bottom:1px solid #e1e7dc}.extension-main .pc-checks strong{font-weight:550;flex-shrink:0;font-size:10px}.extension-main .pass{color:#386849}.extension-main .review{color:#956316}.extension-main .pc-image-preview{height:55px;background:#e8eee0;border-radius:6px;color:#638558;display:grid;place-items:center;font-size:35px}.extension-main .pc-locate{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#edf4e6;border:1px solid #c8d9bc;border-radius:6px;font-size:11px;line-height:1.5;padding:8px 10px;margin-top:17px;width:100%}.extension-main .pc-outline{padding-left:0;list-style:none;font-size:11px;line-height:1.8}.extension-main .pc-outline ol{padding-left:12px;list-style:none;border-left:1px solid #d6dfce;margin-top:9px}.extension-main .pc-outline li{margin-bottom:9px}.extension-main .pc-outline span{font-size:9px;color:#66835c;padding-right:5px;font-weight:650}.extension-main .pc-panel-foot{font-size:9px;padding:5px 11px;color:#75816d;background:#f8faf4;border-top:1px solid #e0e7da}.extension-main .pc-connector{pointer-events:none;z-index:4}.extension-main .pc-actual{margin-top:20px;border:1px solid #dce4d6;border-radius:10px;padding:12px 16px;font-size:12px;color:#526a48}.extension-main .pc-actual summary{cursor:pointer}.extension-main .pc-actual img{width:100%;margin-top:15px;border:1px solid #e1e7dd;border-radius:5px}.extension-main .pc-actual p{font-size:11px;text-align:center;margin-top:8px;color:#788370}.extension-main .pc-sibling{font-size:12px;margin-top:22px;text-align:center}.extension-main .extension-directory-card{margin-bottom:18px}.extension-main .spotlight-copy h2{max-width:510px}.extension-main .demo-caption{flex-wrap:wrap}.extension-main .radar-support a{overflow-wrap:anywhere}.extension-main .spotlight-modes{flex-wrap:wrap}.extension-main .spotlight-example-top{flex-wrap:wrap}.extension-main .spotlight-example{min-width:0}
@media(max-width:800px){.extension-main .pc-stage{gap:12px;padding:12px;height:390px;grid-template-columns:44% minmax(0,1fr)}.extension-main .pc-inspector-body{grid-template-columns:72px minmax(0,1fr)}.extension-main .pc-inspector-brand>span{display:none}.extension-main .pc-report{padding:12px 9px}.extension-main .pc-web-content{padding:16px 14px}.extension-main .pc-web-content h2{font-size:26px}.extension-main .pc-checks li{flex-wrap:wrap;gap:3px}.extension-main .pc-inspector-brand strong{font-size:11px}}
@media(max-width:540px){.extension-main .pc-stage{height:370px;padding:8px;gap:10px;grid-template-columns:39% minmax(0,1fr)}.extension-main .pc-inspector-body{grid-template-columns:51px minmax(0,1fr)}.extension-main .pc-nav button{font-size:9px;padding:9px 4px;min-height:45px}.extension-main .pc-inspector-brand{padding:8px 7px;gap:4px}.extension-main .pc-inspector-brand strong{font-size:9px}.extension-main .pc-inspector-brand img{width:19px;height:19px}.extension-main .pc-web-content{padding:13px 8px}.extension-main .pc-web-content h2{font-size:20px}.extension-main .pc-web-content h3{font-size:16px}.extension-main .pc-web-content>p{font-size:10px}.extension-main .pc-report{padding:11px 7px}.extension-main .pc-report h3{font-size:12px}.extension-main .pc-report dl{font-size:10px}.extension-main .pc-report dt{font-size:9px}.extension-main .pc-report .pc-explanation,.extension-main .pc-checks li{font-size:9px}.extension-main .pc-checks strong{font-size:9px}.extension-main .pc-locate{font-size:9px;padding:6px 5px}.extension-main .pc-outline{font-size:9px}.extension-main .pc-outline ol{padding-left:5px}.extension-main .pc-site-top{font-size:9px;padding:9px 7px}.extension-main .pc-example-name{font-size:10px}.extension-main .pc-demo .window-context{display:none}.extension-main .pc-demo .demo-window-bar{gap:7px;padding:0 10px}.extension-main .spotlight-modes button{white-space:normal}.extension-main .radar-identity{row-gap:5px}.extension-main .radar-by{width:100%}}
@media(prefers-reduced-motion:reduce){.extension-main .radar-cursor{transition:none!important}}