.page-hero{padding-block:65px 40px}.page-hero h1{margin:13px 0;font-size:clamp(37px,4vw,54px);letter-spacing:-.06em;line-height:1.35}.page-hero>p:last-child{max-width:720px;color:var(--muted)}.breadcrumb{padding-top:22px;color:#89919d;font-size:12px}.breadcrumb a:hover{color:var(--purple)}.inner-section{padding-bottom:95px}.page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.page-grid .tool-card{min-height:230px}.article-stack{display:grid;gap:20px;max-width:820px}.article-stack .content-panel{padding:34px}.article-stack h2{margin:0 0 12px;font-size:22px}.article-stack p{font-size:14px;line-height:1.95}.article-stack ul{padding-left:22px;color:var(--muted)}.article-stack li{margin:8px 0}.empty-state{padding:55px 30px;border:1px dashed #d7dce7;border-radius:22px;background:#f8f8fd;text-align:center}.empty-state .card-icon{margin:0 auto 20px}.empty-state h2{margin:0;font-size:26px}.empty-state p{color:var(--muted)}.page-action{margin-top:24px}.content-panel a.inline-link{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.page-hero{padding-block:45px 35px}.page-grid{grid-template-columns:1fr}.article-stack .content-panel{padding:23px}.inner-section{padding-bottom:70px}}
.reaction-panel ol{padding-left:22px;color:var(--muted);font-size:14px}.reaction-panel li{margin:5px 0}.reaction-target{display:block;width:100%;min-height:190px;margin:26px 0 18px;border:0;border-radius:20px;background:#6659e8;color:#fff;font-size:clamp(24px,4vw,36px);font-weight:800;cursor:pointer;transition:background .15s,transform .15s}.reaction-target:hover{transform:translateY(-2px)}.reaction-target:focus-visible{outline:4px solid #a8a0ff;outline-offset:4px}.reaction-target.is-waiting{background:#e67861}.reaction-target.is-ready{background:#32a66c}.reaction-status{min-height:1.8em;color:var(--muted);font-size:14px}.reaction-result{margin-top:18px;font-size:16px!important}.reaction-result strong{color:var(--purple);font-size:24px}