/* Current blocker reconstruction: paired app artwork and native scrim values.
   This is an illustration, not a captured Android screen or detection test. */
@font-face{font-family:'Roboto App';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/Roboto-400.woff2') format('woff2')}
@font-face{font-family:'Roboto App';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/Roboto-500.woff2') format('woff2')}
@font-face{font-family:'Noto Serif App';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/NotoSerif-Regular.ttf') format('truetype')}
.blocker-example {width:100%;max-width:372px;margin-inline:auto;min-width:0}
.blocker-phone {container-type:inline-size;position:relative;isolation:isolate;width:100%;aspect-ratio:412/870;border:6px solid #2E4232;border-radius:32px;overflow:hidden;background:#F5F2EC center/cover no-repeat;color:#1B211C;box-shadow:0 24px 50px -28px #18282060;font-family:'Roboto App',Roboto,Arial,sans-serif}
.blocker-phone::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,#F5F2EC73 0%,#F5F2EC8C 45%,#F5F2EC8C 100%)}
.blocker-example[data-theme="dark"] .blocker-phone {color:#fff;background-color:#101710}
.blocker-example[data-theme="dark"] .blocker-phone::before {background:linear-gradient(to bottom,#0003 0%,#0000004D 45%,#0000008C 100%)}
.blocker-scroll {height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:11.65cqw 5.83cqw 8cqw;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3.88cqw}
.blocker-phone[data-short="true"] .blocker-scroll {justify-content:center;padding-bottom:24cqw}
.blocker-phone h3 {font-family:'Noto Serif App',Georgia,serif!important;font-size:8.25cqw!important;line-height:1.235!important;font-weight:400!important;letter-spacing:0!important;margin:0!important;color:inherit!important}
.blocker-phone p {font-size:3.88cqw!important;line-height:1.5!important;margin:0!important;color:inherit!important}
.blocker-phone .blocker-target {display:flex;align-items:center;justify-content:center;gap:2cqw;font-size:3.4cqw!important;font-weight:500}
.blocker-target img {width:6.8cqw;height:6.8cqw;flex:none;object-fit:contain}
.blocker-explanation {opacity:.9}
.blocker-card {width:100%;padding:3.88cqw;border-radius:3cqw;border:1px solid #DDD7CB;background:#FBF9F5EB}
.blocker-card p+p {margin-top:2cqw!important}
.blocker-example[data-theme="dark"] .blocker-card {background:#2C3329;border-color:transparent}
.blocker-phone .blocker-attribution,.blocker-phone .blocker-source {font-size:2.92cqw!important;opacity:.9}
.blocker-card details {font-size:3.4cqw;line-height:1.5;margin-top:2cqw}
.blocker-card summary {cursor:pointer;min-height:8cqw;padding-block:2cqw;text-decoration:underline;text-underline-offset:3px}
.blocker-phone .blocker-reflection {font-family:'Noto Serif App',Georgia,serif;font-size:5.34cqw!important;line-height:1.364!important;padding-block:2cqw}
.blocker-phone .blocker-work {font-size:3.88cqw!important;color:#582714!important;font-weight:500}
.blocker-example[data-theme="dark"] .blocker-work {color:#D09B82!important}
.blocker-alternatives {display:grid;gap:3.88cqw;width:100%;margin-top:2cqw}
.blocker-phone .blocker-pill {display:flex;align-items:center;gap:3cqw;width:100%;min-height:11.65cqw;padding:3.4cqw 3.88cqw;background:#F2EFE6;color:#1B211C;border:1px solid #DDD7CB;border-radius:3cqw;font:500 3.4cqw/1.45 'Roboto App',Roboto,Arial,sans-serif;text-align:left;text-decoration:none;cursor:pointer}
.blocker-pill img {width:5.83cqw;height:5.83cqw;flex:none}
.blocker-mark {width:4.85cqw;height:4.85cqw;margin-top:3.88cqw;fill:currentColor;opacity:.5;flex:none}
.blocker-preview-controls {display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:8px}
.blocker-preview-controls button {font:500 12px/1.4 Arial,sans-serif;min-height:36px;padding:7px 10px;border:1px solid #6E7767;border-radius:100px;background:#F7F2E9;color:#2E4232;cursor:pointer}
.blocker-preview-controls button[aria-pressed="true"] {background:#2E4232;color:#F7F2E9}
.blocker-preview-controls button:focus-visible,.blocker-phone a:focus-visible,.blocker-phone button:focus-visible,.blocker-phone summary:focus-visible {outline:2px solid #79361F;outline-offset:2px}
.blocker-preview-caption,.blocker-preview-note {font-size:12px!important;line-height:1.5!important;color:#465447!important;text-align:center;margin:8px 0 0!important}
.blocker-preview-note {padding:10px;background:#EDE6DA;border-radius:8px}
.blocker-phone [hidden],.blocker-example [hidden] {display:none!important}
.blocker-preview-section {padding-block:36px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.blocker-preview-section h2 {margin-bottom:16px}
.blocker-preview-section>div>p {font-size:16px;line-height:1.7;color:var(--sl-muted);max-width:430px}
@media(max-width:850px){.blocker-preview-section{grid-template-columns:1fr;gap:24px}.blocker-preview-section .blocker-example{max-width:340px}}