:root{--claude-crail:#c15f3c;--claude-cloudy:#b1ada1;--claude-pampas:#f4f3ee;--claude-white:#fff;--bg-page:var(--claude-pampas);--bg-card:var(--claude-white);--bg-cardElevated:var(--claude-white);--bg-toolbar:var(--claude-white);--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:var(--claude-cloudy);--text-inverse:var(--claude-white);--stroke-soft:var(--claude-cloudy);--stroke-strong:var(--claude-crail);--accent-blue:var(--claude-crail);--accent-green:var(--claude-crail);--accent-yellow:var(--claude-crail);--accent-red:var(--claude-crail);--bg-cta:var(--claude-crail);--bg-ctaMuted:var(--claude-cloudy);--bg-success:var(--claude-crail);--bg-error:#ff4d4f;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:28px;--s-8:32px;--s-10:40px;--s-12:48px;--shadow-sm:0 2px 8px rgba(193,95,60,.1);--shadow-md:0 6px 18px rgba(193,95,60,.15);--shadow-lg:0 12px 30px rgba(193,95,60,.2);--font:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}body,html{margin:0;padding:0;height:100%;background:var(--bg-page);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--tg-safe-top:env(safe-area-inset-top,0px)}#root{box-sizing:border-box;height:100vh;height:100dvh;padding-top:var(--tg-safe-top);display:flex;flex-direction:column}#root,#root>*{overflow:hidden}#root>*{flex:1 1;min-height:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--tabbar-height:64px;--tabbar-icon:30px;--tabbar-vpad:0px;--tabbar-bg:#f4f3ee;--tabbar-border:hsla(45,9%,66%,.24);--tab-active-bg:#fff;--tab-active-border:hsla(45,9%,66%,.16);--tab-hit-minw:56px;--safe-bottom:max(var(--tg-safe-area-inset-bottom,0px),env(safe-area-inset-bottom,0px));--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--page-padding-x:16px;--page-padding-top:6px;--page-bottom-extra:16px;--page-gap:12px;--card-gap:12px}.app-shell{height:100%;display:flex;flex-direction:column;max-width:720px;margin:0 auto;overflow:hidden}.app-shell,.page-content{min-height:0;background:#f4f3ee}.page-content{flex:1 1;overflow-y:auto;overflow-x:clip;-webkit-overflow-scrolling:touch;padding:var(--page-padding-top) var(--page-padding-x);padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom) + var(--page-bottom-extra));position:relative;z-index:1}.page-content-no-header{padding:0;overflow:hidden;display:flex;flex-direction:column}.page-content-onboarding{padding:0!important;margin-top:0!important;overflow:hidden!important;display:flex;flex-direction:column;flex:1 1;min-height:0;height:100%}.app-shell.app-shell-onboarding,.app-shell.app-shell-results-after-onboarding{max-width:none;width:100%}.page-content>:first-child{margin-top:0}.page-layout{width:100%;max-width:none}.page-layout__title{font-size:24px;font-weight:600;color:#2a2e34;margin:-8px 0 24px;padding:0}.page-layout__content{width:100%;max-width:none}.page-content.page-content-streak{overflow:hidden;display:flex;flex-direction:column;min-height:0}.page-content-streak .page-layout,.page-content-streak .page-layout__content{height:100%;min-height:0;display:flex;flex-direction:column}.button-stack{display:flex;flex-direction:column;gap:var(--page-gap)}.page-content.question-screen-container>.question-page>.question-header{margin-top:0}.page-content.question-screen-container{padding:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.question-page{display:flex;flex-direction:column;flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--page-padding-x);padding-top:0;padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom) + var(--page-bottom-extra))}.question-header{margin-top:0}.bottom-nav{flex-shrink:0;height:calc(var(--tabbar-height) + var(--safe-bottom));padding:0 16px var(--safe-bottom);background:var(--tabbar-bg);border-top:1px solid var(--tabbar-border);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;justify-items:center;grid-gap:20px;gap:20px;box-sizing:border-box;position:relative;z-index:10}.bottom-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:var(--tab-hit-minw);width:-moz-fit-content;width:fit-content;border-radius:14px;padding:0 8px;color:#b1ada1;text-decoration:none;transition:all .2s ease;font-size:28px;line-height:1;cursor:pointer;justify-self:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-nav a[aria-current=page]{background:var(--tab-active-bg);box-shadow:0 2px 8px rgba(0,0,0,.06);color:#c15f3c}.bottom-nav a:focus{outline:2px solid #c15f3c;outline-offset:2px}@supports (padding:max(0px)){.bottom-nav{padding-bottom:max(var(--safe-bottom),8px)}}.pb-22{padding-bottom:88px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s-6);gap:var(--s-6);padding:var(--s-6) var(--s-6) calc(64px + var(--s-8))}@media (max-width:420px){.grid{grid-template-columns:1fr}}.topic-grid-compact{padding:0!important}.grid.grid-cols-2,.topic-grid-compact{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-gap:16px!important;gap:16px!important}@media (max-width:420px){.grid.grid-cols-2,.topic-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.topic-grid-compact button{width:100%!important;height:100%!important;min-height:160px!important;max-height:160px!important}.page.px{padding:16px}.card{background:#fff;border:1px solid #b1ada1;border-radius:16px;padding:12px 14px;margin:12px 0}.row{display:flex;align-items:center;gap:8px}.space-between{justify-content:space-between}.muted{color:#5e5a50}.small{font-size:12px}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:8px}.topic-chip{background:#f4f3ee;border:1px solid #b1ada1;border-radius:12px;padding:10px 12px;text-align:center;transition:all .2s ease}.topic-chip.active{background:#c15f3c;color:#fff;border-color:#c15f3c}.btn.primary.wide{width:100%;background:#c15f3c;color:#fff;border:none;border-radius:14px;padding:14px 16px;font-weight:600;transition:all .2s ease}.btn.primary.wide:disabled{opacity:.6;cursor:not-allowed}.link{color:#c15f3c;text-decoration:none;font-size:14px}.error{background:#fee;color:#c33;padding:12px;border-radius:8px;margin:12px 0;border:1px solid #fcc}.number-picker{gap:12px;margin-top:12px;padding:8px;background:#f4f3ee;border:1px solid #b1ada1;border-radius:12px}.number-picker,.number-picker-btn{display:flex;align-items:center;justify-content:center}.number-picker-btn{width:40px;height:40px;border-radius:50%;border:none;background:#c15f3c;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.number-picker-btn:hover:not(:disabled){background:#a54f2f;transform:scale(1.05)}.number-picker-btn:active:not(:disabled){transform:scale(.95)}.number-picker-btn:disabled{background:#b1ada1;cursor:not-allowed;opacity:.6}.number-picker-display{min-width:60px;height:40px;background:#fff;border:1px solid #b1ada1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#2e3440;-webkit-user-select:none;-moz-user-select:none;user-select:none}@supports (-webkit-touch-callout:none){.topic-grid-compact{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:12px!important;gap:12px!important;padding:0!important}.topic-grid-compact button{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}}@media screen and (max-width:430px) and (max-height:932px){.topic-grid-compact{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.topic-grid-compact button{min-height:110px!important;max-height:110px!important}}.topic-card{background:var(--claude-white);border:1px solid var(--claude-cloudy);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease}.topic-card:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.topic-card-compact{background:var(--claude-white);border:1px solid var(--claude-cloudy);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:118px;max-height:118px}.topic-card-compact:active{transform:scale(.98);box-shadow:var(--shadow-sm)}.tc-icon{width:88px;height:88px;background:radial-gradient(120% 120% at 30% 20%,#6e7cff 0,#7c33e3 60%,#321b8f 100%);margin:auto;font-size:32px}.tc-icon,.tc-icon-compact{border-radius:50%;display:flex;align-items:center;justify-content:center}.tc-icon-compact{width:48px;height:48px;background:linear-gradient(135deg,#c15f3c,#e07a5f);margin:0 auto var(--s-3);font-size:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tc-title{margin:var(--s-4) 0;font-size:18px;text-align:left}.tc-title,.tc-title-compact{line-height:1.2;color:var(--text-primary)}.tc-title-compact{margin:var(--s-2) 0;font-size:14px;text-align:center;font-weight:600}.tc-row{gap:var(--s-4)}.tc-row,.tc-row-compact{display:flex;align-items:center}.tc-row-compact{gap:var(--s-2);justify-content:center}.tc-xp,.tc-xp-compact{color:var(--text-secondary);font-weight:600}.tc-xp-compact{font-size:12px}.tc-badge{display:none}.topic-card.is-new .tc-badge{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s-2);padding:4px 10px;border-radius:999px;background:rgba(34,211,166,.12);color:var(--accent-green);font-size:12px;font-weight:600}.tc-badge-compact{display:none}.topic-card-compact.is-new .tc-badge-compact{display:inline-flex;align-items:center;gap:4px;margin-top:var(--s-1);padding:2px 6px;border-radius:999px;background:rgba(34,211,166,.12);color:var(--accent-green);font-size:10px;font-weight:600}.progress-ring{--p:0;--sz:36;width:var(--sz);height:var(--sz);border-radius:50%;background:conic-gradient(var(--accent-blue) calc(var(--p)*1%),#203242 0);display:grid;place-items:center;position:relative}.progress-ring:after{content:attr(data-p) "%";font-size:10px;color:var(--text-secondary);font-weight:600}.progress-ring[data-p]{--p:calc(attr(data-p number) / 100 * 100)}.progress-ring-compact{--p:0;--sz:24;width:var(--sz);height:var(--sz);border-radius:50%;background:conic-gradient(var(--accent-blue) calc(var(--p)*1%),#203242 0);display:grid;place-items:center;position:relative}.progress-ring-compact:after{content:attr(data-p) "%";font-size:8px;color:var(--text-secondary);font-weight:600}.progress-ring-compact[data-p]{--p:calc(attr(data-p number) / 100 * 100)}.header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--bg-page);padding:var(--s-6) 0;padding-top:var(--s-6);border-bottom:1px solid var(--stroke-soft)}.header>*{max-width:720px;margin:0 auto;padding:0 16px}.header h1{margin:0;font-size:28px;font-weight:700}.answer,.header h1{color:var(--text-primary)}.answer{height:64px;border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:2px solid var(--stroke-strong);cursor:pointer;transition:all .2s ease;font-size:18px;font-weight:600}.answer.selected{border-color:var(--accent-blue);background:rgba(58,143,255,.08)}.answer.correct{background:rgba(23,201,100,.18);border-color:var(--bg-success)}.answer.wrong{background:rgba(255,77,79,.12);border-color:var(--bg-error)}.cta{position:-webkit-sticky;position:sticky;bottom:calc(64px + var(--s-6));width:100%;background:var(--bg-cta);color:var(--text-inverse);border:none;height:56px;border-radius:var(--r-xl);font-size:18px;font-weight:700;box-shadow:var(--shadow-md);cursor:pointer;transition:all .2s ease}.progress{height:6px;border-radius:6px;background:#1d2a36;overflow:hidden;margin:var(--s-4) 0}.progress>i{display:block;height:100%;width:35%;background:var(--accent-blue);transition:width .3s ease}.inline-code-chip{display:inline-block;padding:2px 6px;border-radius:6px;background-color:#fff;border:1px solid #ffd2c2;color:#c54a2f;font:inherit;line-height:1.3;white-space:normal;word-break:break-word;margin:0 2px;vertical-align:baseline}.code-block-inline{display:block;max-width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:15px;line-height:1.45;color:#c54a2f;background:#fff5f0;padding:8px 10px;border-radius:8px;white-space:pre-wrap;word-break:break-word;margin:8px 0;overflow-x:auto}.code-block-inline code{background:none;padding:0;border:none;font-family:inherit;font-size:inherit;color:inherit;white-space:pre-wrap;word-break:break-word}.code-block{display:block;max-width:100%;box-sizing:border-box;background:var(--claude-pampas);border:1px solid var(--stroke-soft);border-radius:12px;padding:12px 16px;margin:8px 0;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:1.45}.code-block code{background:none;padding:0;border:none;font-family:inherit;font-size:inherit;color:#b54a2c;white-space:pre-wrap;word-break:break-word}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6a737d}.token.punctuation{color:#24292e}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#d73a49}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#032f62}.language-css .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.entity,.token.keyword,.token.operator,.token.url{color:#d73a49}.token.class-name,.token.function{color:#6f42c1}.token.important,.token.regex,.token.variable{color:#e36209}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}button[style*="color: white"] .token,button[style*="color: white"] .token.atrule,button[style*="color: white"] .token.attr-name,button[style*="color: white"] .token.attr-value,button[style*="color: white"] .token.boolean,button[style*="color: white"] .token.builtin,button[style*="color: white"] .token.cdata,button[style*="color: white"] .token.char,button[style*="color: white"] .token.class-name,button[style*="color: white"] .token.comment,button[style*="color: white"] .token.constant,button[style*="color: white"] .token.deleted,button[style*="color: white"] .token.doctype,button[style*="color: white"] .token.entity,button[style*="color: white"] .token.function,button[style*="color: white"] .token.important,button[style*="color: white"] .token.inserted,button[style*="color: white"] .token.keyword,button[style*="color: white"] .token.namespace,button[style*="color: white"] .token.number,button[style*="color: white"] .token.operator,button[style*="color: white"] .token.prolog,button[style*="color: white"] .token.property,button[style*="color: white"] .token.punctuation,button[style*="color: white"] .token.regex,button[style*="color: white"] .token.selector,button[style*="color: white"] .token.string,button[style*="color: white"] .token.symbol,button[style*="color: white"] .token.tag,button[style*="color: white"] .token.url,button[style*="color: white"] .token.variable,button[style*="color: white"] code{color:#fff!important}button[style*="color: white"] .inline-code-chip{background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.3)!important;color:#fff!important}button[style*="color: white"] .code-block-inline{background:hsla(0,0%,100%,.15)!important;color:#fff!important;border:1px solid hsla(0,0%,100%,.2)!important}button[style*="color: white"] .code-block-inline code{color:#fff!important}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.results-content{padding:0}.results-content,.results-inner{width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.results-inner{max-width:720px;margin:0 auto;padding:0 16px}.results-header{width:100%;text-align:center;margin-top:12px;margin-bottom:24px;box-sizing:border-box}.results-header-title{font-size:24px;font-weight:600;color:#2a2e34;margin:0 0 8px;line-height:1.2}.results-header-subtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.results-mascot{height:220px;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:24px}.results-mascot img{max-width:200px;max-height:200px;width:auto;height:auto;object-fit:contain}.results-stats{display:flex;gap:12px;width:100%;margin-bottom:16px;box-sizing:border-box}.results-stat-card{flex:1 1;background:#fff;border-radius:12px;padding:12px;border:1px solid #b1ada1;box-shadow:0 2px 8px rgba(0,0,0,.05);text-align:center;min-width:0;box-sizing:border-box}.results-stat-label{font-size:13px;color:#6b7280;margin-bottom:4px}.results-stat-value{font-size:16px;font-weight:600;color:#2a2e34;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.results-details{text-align:center;font-size:14px;color:#6b7280;margin:0 0 16px}.results-buttons{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.results-button-primary,.results-button-secondary{width:100%;border-radius:12px;padding:16px 24px;font-size:16px;cursor:pointer;transition:all .2s ease;min-height:48px;border:none;font-family:inherit;box-sizing:border-box}.results-button-primary{background:#c15f3c;color:#fff;font-weight:600}.results-button-secondary{background:transparent;color:#2a2e34;border:1px solid #b1ada1;font-weight:500}.offer-page{height:100vh;height:100dvh;min-height:0;background:var(--bg-page);color:var(--text-primary);padding:var(--s-6) var(--s-4);box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-content .offer-page{height:auto;min-height:auto;padding:0;overflow-y:visible;background:transparent}.page-content .offer-article{max-width:100%;margin:0;box-sizing:border-box}.offer-article{max-width:720px;margin:0 auto}.offer-h1{font-size:1.75rem;font-weight:700;margin:0 0 var(--s-2) 0;line-height:1.3}.offer-meta{font-size:.9375rem;color:var(--text-secondary);margin:0 0 var(--s-6) 0}.offer-body{font-size:1rem;line-height:1.6}.offer-body h2{font-size:1.25rem;font-weight:600;margin:var(--s-6) 0 var(--s-3) 0}.offer-body h3{font-size:1.0625rem;font-weight:600;margin:var(--s-4) 0 var(--s-2) 0}.offer-body p{margin:0 0 var(--s-3) 0}.offer-body a{color:var(--claude-crail);text-decoration:underline}.offer-body a:hover{text-decoration:none}.seo-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(48,20%,95%,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.seo-nav-spacer{height:56px;flex-shrink:0}.seo-nav-inner{max-width:1080px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;gap:6px}.seo-nav-brand{font-weight:700;font-size:1.125rem;color:#1f2023;text-decoration:none;flex-shrink:0;margin-right:auto}.seo-nav-links{display:flex;align-items:center;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.seo-nav-links::-webkit-scrollbar{display:none}.seo-nav-link{padding:6px 12px;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b6f76;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}.seo-nav-link:hover{background:rgba(0,0,0,.05);color:#1f2023}.seo-nav-cta{display:inline-flex;align-items:center;padding:8px 18px;border-radius:10px;background:#c15f3c;color:#fff;font-weight:600;font-size:.875rem;text-decoration:none;white-space:nowrap;flex-shrink:0;margin-left:auto;box-shadow:0 2px 8px rgba(193,95,60,.15)}@media (max-width:768px){.seo-nav-link{font-size:.8125rem;padding:5px 8px}.seo-nav-inner{padding:0 12px;gap:4px}.seo-nav-cta{padding:7px 12px;font-size:.8125rem}}.seo-footer{border-top:1px solid rgba(0,0,0,.06);background:#f5f4f0;padding:32px 0 48px}.seo-footer-inner{max-width:1080px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.seo-footer-copy{color:#6b6f76;font-size:.9375rem}.seo-footer-links{display:flex;flex-wrap:wrap;gap:16px;font-size:.9375rem}.seo-footer-links a{color:#1f2023;text-decoration:none}.seo-footer-links a:hover{text-decoration:underline}.seo-page{background:#f5f4f0;color:var(--text-primary);padding:48px 16px 64px;box-sizing:border-box}.seo-article{max-width:720px;margin:0 auto}.seo-h1{font-size:1.75rem;font-weight:700;margin:0 0 24px;line-height:1.3;color:var(--text-primary)}.seo-body{font-size:1rem;line-height:1.7}.seo-body h2{font-size:1.3rem;font-weight:600;margin:32px 0 12px;color:var(--text-primary)}.seo-body h3{font-size:1.0625rem;font-weight:600;margin:20px 0 8px}.seo-body p{margin:0 0 12px}.seo-body ol,.seo-body ul{margin:0 0 16px;padding-left:24px}.seo-body li{margin-bottom:6px}.seo-body a{color:var(--claude-crail);text-decoration:underline}.seo-body a:hover{text-decoration:none}.seo-body img{display:block;width:100%;max-width:100%;height:auto;margin:24px 0;border-radius:8px}.seo-body strong{font-weight:600}.seo-body code{background:#fff5f0;color:#c54a2f;padding:2px 6px;border-radius:4px;font-size:.9em}.seo-cta{margin-top:40px;text-align:center}.seo-cta-button{display:inline-block;padding:14px 32px;border-radius:12px;background:var(--claude-crail);color:#fff;font-weight:600;font-size:1.0625rem;text-decoration:none;box-shadow:0 4px 14px rgba(193,95,60,.2)}.examples-page{background:#f5f4f0}.examples-hero{text-align:center;padding:64px 24px 48px;max-width:720px;margin:0 auto}.examples-hero-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin:0 0 16px;color:#1f2023}.examples-hero-sub{font-size:1.0625rem;color:#6b6f76;margin:0 0 28px;line-height:1.5}.examples-hero-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.examples-tag{padding:6px 14px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;color:#1f2023;font-size:.875rem;font-weight:500;text-decoration:none;white-space:nowrap}.examples-tag:hover{background:rgba(0,0,0,.03)}.examples-section{padding:48px 24px}.examples-section-alt{background:#efede8}.examples-section-inner{max-width:720px;margin:0 auto}.examples-section-header{display:flex;align-items:center;gap:14px;margin-bottom:28px}.examples-section-icon{font-size:2rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.06);flex-shrink:0}.examples-section-title{margin:0;font-size:1.5rem;font-weight:700;color:#1f2023}.examples-section-count{margin:2px 0 0;font-size:.875rem;color:#6b6f76}.examples-cards{display:flex;flex-direction:column;gap:16px}.examples-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:20px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.examples-card-q{font-size:1.0625rem;font-weight:600;color:#1f2023;line-height:1.5;margin-bottom:14px;display:flex;gap:10px}.examples-card-num{width:28px;height:28px;border-radius:8px;background:rgba(193,95,60,.1);color:#c15f3c;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;flex-shrink:0;margin-top:1px}.examples-card-opts{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.examples-opt{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:8px;font-size:.9375rem;color:#4a5568;line-height:1.45;background:#f9f8f6}.examples-opt-correct{background:rgba(85,107,47,.08);color:#3d5a1e;font-weight:500}.examples-opt-letter{font-weight:600;color:#b1ada1;min-width:18px;flex-shrink:0}.examples-opt-correct .examples-opt-letter{color:#556b2f}.examples-card-theory{font-size:.875rem;color:#6b6f76;line-height:1.5;padding:10px 12px;background:#fafaf8;border-left:3px solid #c15f3c;border-radius:0 6px 6px 0}.examples-section-link{display:inline-block;margin-top:20px;color:#c15f3c;font-weight:600;font-size:.9375rem;text-decoration:none}.examples-section-link:hover{text-decoration:underline}.examples-cta-section{text-align:center;padding:64px 24px;background:#fff}.examples-cta-title{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:#1f2023}.examples-cta-sub{font-size:1rem;color:#6b6f76;margin:0 0 28px}.landing-screenshots-grid{display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width:720px){.landing-screenshots-grid{grid-template-columns:repeat(3,1fr)}}