.spf-query{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 14px 40px #27231b0b}.spf-query label{display:block;margin-bottom:8px;font-size:12px;font-weight:800}.spf-query>form>div{display:flex;gap:9px}.spf-query input{flex:1;min-width:0;padding:13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font:13px inherit}.spf-query input:focus{outline:2px solid var(--lime)}.spf-error,.spf-warnings{margin-top:18px;padding:13px;border-radius:10px;background:#f7b5c633;color:#8c3045;font-size:12px}.spf-results{margin-top:42px}.spf-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.spf-summary div{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--white)}.spf-summary small{color:var(--muted);font-size:10px}.spf-summary strong{overflow-wrap:anywhere;font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace}.spf-results-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:38px 0 16px}.spf-results-heading h2{margin:0;font-size:30px;letter-spacing:-.05em}.spf-record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.spf-record code{overflow-wrap:anywhere;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.spf-policy{display:grid;gap:6px;margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#c9f34a55}.spf-policy span{font-size:12px}.spf-mechanisms,.spf-includes{margin-top:24px}.spf-mechanisms h3,.spf-includes h3,.spf-warnings h3{margin:0 0 10px;font-size:16px}.spf-table{overflow:hidden;border:1px solid var(--line);border-radius:11px}.spf-table-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px;padding:11px 13px;border-top:1px solid var(--line);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.spf-table-row:first-child{border-top:0}.spf-table-head{color:var(--muted);background:var(--paper);font-family:inherit;font-weight:700}.spf-includes>div{display:flex;justify-content:space-between;gap:12px;margin-left:calc(var(--spf-depth) * 18px);padding:9px 12px;border-radius:8px;background:var(--paper)}.spf-includes code{font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.spf-includes small{color:var(--muted)}@media(max-width:900px){.spf-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.spf-query>form>div{align-items:stretch;flex-direction:column}.spf-query .button{justify-content:center}.spf-results-heading{align-items:flex-start;flex-direction:column}.spf-results-heading .button{width:100%;justify-content:center}}@media(max-width:520px){.spf-query{padding:11px}.spf-summary{grid-template-columns:1fr 1fr}.spf-record{align-items:flex-start;flex-direction:column}.spf-record .text-button{align-self:flex-end}.spf-table-row{grid-template-columns:1fr;gap:5px}.spf-table-head{display:none}.spf-includes>div{align-items:flex-start;flex-direction:column}}