.spol{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;max-width:100%;color:var(--ink,#152235);font:13px/1.55 var(--font-sans,sans-serif)}
.spol *{box-sizing:border-box}.spol [hidden]{display:none!important}.spol-head,.spol-event-head,.spol-detail-head,.spol-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0}.spol-head h3{margin:0;font-size:16px;line-height:1.5}.spol-head .spol-timezone{flex:1 1 190px}.spol-timezone,.spol-note{color:var(--muted,#4a5d73);font-size:12px;overflow-wrap:anywhere}.spol-note{margin:0}.spol-feedback{min-height:0;margin:0;color:var(--muted,#4a5d73);overflow-wrap:anywhere}.spol-feedback:empty{display:none}.spol-results{min-width:0;max-width:100%}.spol-timeline{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line,#d6e0e9)}
.spol-event{position:relative;min-width:0;margin:0;padding:12px 0;border-bottom:1px solid var(--line,#d6e0e9)}.spol-event:last-child{border-bottom:0}.spol-event:before{content:"";position:absolute;left:-20px;top:19px;width:10px;height:10px;border-radius:50%;background:#69788b;border:2px solid var(--color-surface,#fff)}.spol-event-head{justify-content:space-between}.spol-event-head h4{min-width:0;margin:0;font-size:14px;overflow-wrap:anywhere}.spol-status{display:inline-flex;align-items:center;gap:6px;font-weight:600;max-width:100%;overflow-wrap:anywhere}.spol-status i{flex:0 0 7px;width:7px;height:7px;background:currentColor;border-radius:50%}.spol-status--good{color:#087a55}.spol-status--bad{color:#c33e4a}.spol-status--neutral{color:#56667a}
.spol-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:10px 0}.spol-field{min-width:0}.spol-field dt{font-size:12px;color:var(--muted,#4a5d73)}.spol-field dd{margin:2px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.spol-summary{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.spol-reason{margin:6px 0;color:var(--muted,#4a5d73);font-size:12px;overflow-wrap:anywhere}.spol-actions{margin-top:8px}.spol-button{min-width:44px;min-height:36px;max-width:100%;padding:6px 10px;border:1px solid var(--line,#d6e0e9);border-radius:var(--radius-control,10px);background:var(--color-surface,#fff);color:#216bc4;font:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere}.spol-button:hover{background:var(--color-surface-muted,#f6f8fb)}.spol-button:disabled{color:#69788b;cursor:not-allowed;background:var(--color-surface-muted,#f6f8fb)}.spol-button:focus-visible,.spol-detail:focus-visible{outline:3px solid rgba(47,102,208,.45);outline-offset:2px}
.spol-detail{min-width:0;max-width:100%;margin-top:12px;padding:12px;border:1px solid var(--line,#d6e0e9);border-radius:10px;background:var(--color-surface-muted,#f6f8fb)}.spol-detail-head{justify-content:space-between}.spol-detail-head h4{margin:0;font-size:14px}.spol-detail-body{min-width:0;max-width:100%;margin-top:10px}.spol-detail-body>section{min-width:0;max-width:100%;margin-top:14px}.spol-detail-body>section>h4{margin:0 0 8px;font-size:13px}.spol-detail-body>p{margin:8px 0}.spol-raw{display:block;max-width:100%;margin:0;padding:10px;border:1px solid var(--line,#d6e0e9);border-radius:8px;background:var(--color-surface,#fff);color:var(--ink,#152235);font:13px/1.6 var(--font-mono,monospace);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;user-select:text}.spol-missing{margin:0;padding-left:20px;overflow-wrap:anywhere}.spol-rule{min-width:0;padding:10px 0;border-bottom:1px solid var(--line,#d6e0e9)}.spol-rule:last-child{border-bottom:0}.spol-rule h5{margin:0;font-size:13px;overflow-wrap:anywhere}.spol-rule h5 span{font-weight:400;color:var(--muted,#4a5d73)}.spol-decision{margin:5px 0;overflow-wrap:anywhere}
.spol-parameters{margin:8px 0 0}.spol-parameters>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:8px;padding:6px 0;border-bottom:1px solid var(--line,#d6e0e9)}.spol-parameters>div:last-child{border-bottom:0}.spol-parameters dt,.spol-parameters dd{min-width:0;margin:0;overflow-wrap:anywhere}.spol-parameters dt{color:var(--muted,#4a5d73)}.spol-parameters small{display:block;color:var(--muted,#4a5d73);font-size:12px}.spol-value{white-space:pre-wrap;font-variant-numeric:tabular-nums}.spol-candidates{list-style:none;margin:0;padding:0}.spol-candidates li{min-width:0;padding:8px 0;border-bottom:1px solid var(--line,#d6e0e9);overflow-wrap:anywhere}.spol-candidates li:last-child{border-bottom:0}.spol-candidates b,.spol-candidates span{display:block}.spol-candidates p{margin:4px 0 0}.spol-error{color:#c33e4a;margin:8px 0;overflow-wrap:anywhere}
@media(max-width:1024px){.spol-meta{gap:8px 12px}.spol-detail{padding:10px}}
@media(max-width:768px){.spol-head{align-items:flex-start}.spol-head h3{flex:1 1 auto}.spol-head .spol-timezone{order:1;flex-basis:100%}.spol-button{min-height:44px}.spol-actions .spol-note{flex-basis:100%}.spol-meta{grid-template-columns:minmax(0,1fr)}.spol-event-head{align-items:flex-start}}
@media(max-width:430px){.spol-timeline{padding-left:10px}.spol-event:before{left:-16px}.spol-detail{padding:8px}.spol-parameters>div{grid-template-columns:minmax(0,1fr);gap:2px}.spol-actions{gap:8px}.spol-actions .spol-button{flex:1 1 120px}}
@media(prefers-reduced-motion:reduce){.spol *{scroll-behavior:auto;transition:none;animation:none}}

.spol-manual-image{display:block;max-width:100%;max-height:360px;object-fit:contain;margin-top:8px}