.category-graphic{--graphic-blue:#0000ff;--graphic-violet:#8734dc;container-type:inline-size;position:relative;max-width:100%;min-width:0;margin:0 0 44px;padding:32px 22px 20px;background:var(--paper);border:1px solid var(--line);color:var(--ink)}
:root[data-theme="dark"] .category-graphic{--graphic-blue:#a694ff;--graphic-violet:#d19aff}
.category-graphic .category-graphic-heading{text-align:center;margin:0 0 25px;padding:0 0 23px;position:relative}
.category-graphic-heading::after{content:"";display:block;width:94px;height:2px;margin:23px auto 0;background:linear-gradient(90deg,#0000ff,#d100ff)}
.category-graphic .category-graphic-heading .eyebrow{font:11px/1.6 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.category-graphic .category-graphic-heading h2{font-size:clamp(27px,3vw,40px);font-weight:700;line-height:1.18;letter-spacing:-.025em;margin:0;color:var(--ink);overflow-wrap:anywhere}
.category-graphic .category-graphic-subtitle{font-size:15px;line-height:1.65;max-width:68ch;margin:13px auto 0;color:var(--muted)}
.category-graphic .category-graphic-grid{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:0;gap:0}
.category-graphic .category-graphic-item{position:relative;flex:0 0 calc(100% / var(--graphic-columns));min-width:0;padding:25px 12px;text-align:center;border-top:1px solid var(--line);list-style:none;margin:0}
.category-graphic .category-graphic-item.is-first-row{border-top:0}
.category-graphic-item::after{content:"";position:absolute;width:1px;right:0;top:25px;bottom:25px;background:var(--line)}
.category-graphic-item.is-row-end::after{display:none}
.category-graphic .category-graphic-icon{display:block;width:56px;height:56px;margin:0 auto 17px;color:var(--graphic-blue)}
.category-graphic-item:nth-child(even) .category-graphic-icon{color:var(--graphic-violet)}
.category-graphic .category-graphic-signal{stroke:var(--graphic-violet)}
.category-graphic .category-graphic-item h3{font-family:inherit;font-size:16px;font-weight:700;line-height:1.45;letter-spacing:0;margin:0 0 9px;color:var(--ink);overflow-wrap:anywhere}
.category-graphic .category-graphic-lines{font-size:13px;line-height:1.65;color:var(--muted);margin:0;overflow-wrap:anywhere}
.category-graphic-lines span{display:block}
.category-graphic .category-graphic-note{border-top:1px solid var(--line);padding:23px 0 0;margin:15px 0 0;text-align:center}
.category-graphic .category-graphic-note p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.category-graphic .category-graphic-note p+p{font-size:14px;color:var(--ink);margin:6px 0 0}
.category-graphic .category-graphic-open{display:table;margin:15px auto 0;padding:5px 3px;min-height:32px;font-size:12px;line-height:1.6;color:var(--link);text-underline-offset:4px}
@container(max-width:700px){
.category-graphic .category-graphic-grid .category-graphic-item{flex-basis:50%;border-top:1px solid var(--line);padding:25px 15px}
.category-graphic .category-graphic-item:nth-child(-n+2){border-top:0}
.category-graphic-item::after{display:none}
.category-graphic .category-graphic-item h3{font-size:17px}
.category-graphic .category-graphic-lines{font-size:14px}
}
@container(max-width:420px){
.category-graphic .category-graphic-heading{margin-bottom:15px;padding-bottom:15px}
.category-graphic .category-graphic-heading h2{font-size:29px}
.category-graphic .category-graphic-subtitle{font-size:14px}
.category-graphic .category-graphic-grid .category-graphic-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:5px 14px;flex-basis:100%;padding:21px 0;text-align:left;border-top:1px solid var(--line)}
.category-graphic .category-graphic-item:nth-child(2){border-top:1px solid var(--line)}
.category-graphic .category-graphic-item:first-child{border-top:0}
.category-graphic .category-graphic-icon{width:38px;height:38px;margin:2px 0 0;grid-column:1;grid-row:1 / span 2}
.category-graphic .category-graphic-item h3{grid-column:2;grid-row:1;font-size:16px;margin:0}
.category-graphic .category-graphic-lines{grid-column:2;grid-row:2;font-size:14px}
.category-graphic .category-graphic-note{padding-top:18px}
}
@media(max-width:650px){.category-graphic{padding:25px 18px 17px;margin-bottom:35px}}