.sweden-ux-guide{max-width:960px;margin-inline:auto}.sweden-ux-guide .wp-block-heading{line-height:1.2;letter-spacing:-.02em}.sweden-ux-guide .wp-block-image{margin:1.5em 0}.sweden-ux-guide .wp-block-list{margin-bottom:1em}.sweden-ux-guide .sweden-hero{padding:clamp(22px,4vw,42px);background:#102b46;color:#fff;border-radius:16px;margin:20px 0 30px}.sweden-ux-guide .sweden-hero .eyebrow{font-size:.8em;letter-spacing:.14em;font-weight:700;color:#f5c542}.sweden-ux-guide .sweden-hero h2{color:#fff;font-size:clamp(2rem,5vw,3.3rem);line-height:1.05;margin:.3em 0}.sweden-ux-guide .sweden-hero p{color:#edf3f8}.sweden-ux-guide .sweden-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.sweden-ux-guide .sweden-pills span{border:1px solid #555;border-radius:999px;padding:7px 12px;font-size:.9em}.sweden-ux-guide .sweden-callout{border-left:5px solid #f5c542;background:#f2f8f3;padding:18px 22px;margin:22px 0;border-radius:0 10px 10px 0}.sweden-ux-guide .sweden-deliverables{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:22px 0}.sweden-ux-guide .sweden-deliverable{border:1px solid #d9d9d9;border-radius:12px;padding:18px;background:#fff}.sweden-ux-guide .sweden-deliverable span{font-size:.8em;font-weight:700;letter-spacing:.1em;color:#245b8f}.sweden-ux-guide .sweden-deliverable h3{margin:8px 0;font-size:1.15em}.sweden-ux-guide .sweden-deliverable p{margin-bottom:0}.sweden-ux-guide .sweden-reference{margin:24px 0;padding:16px;border:1px solid #dedede;border-radius:12px;background:#fafafa}.sweden-ux-guide .sweden-reference img{display:block;width:100%;height:auto;border-radius:6px}.sweden-ux-guide .sweden-reference figcaption{font-size:.92em;margin-top:10px}.sweden-ux-guide .sweden-video{margin:20px 0;padding:18px;border:1px solid #d9d9d9;border-radius:12px}.sweden-ux-guide .sweden-video iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px}.sweden-ux-guide .sweden-phone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0}.sweden-ux-guide .sweden-phone{background:#171717;color:#fff;border-radius:20px;padding:15px;border:4px solid #303030;min-height:265px}.sweden-ux-guide .sweden-phone .mock-eyebrow{font-size:.72em;color:#f5c542;letter-spacing:.08em}.sweden-ux-guide .sweden-phone h4{color:#fff;font-size:1.05em;margin:8px 0}.sweden-ux-guide .sweden-cover{height:92px;border-radius:8px;background:linear-gradient(135deg,#f5c542,#185b3a);display:flex;align-items:center;justify-content:center;color:#09210f;font-weight:800;font-size:1.3em;margin:10px 0}.sweden-ux-guide .sweden-mock-button{display:block;background:#f5c542;color:#101010!important;text-align:center;border-radius:999px;padding:8px 10px;margin-top:12px;font-weight:700;text-decoration:none}.sweden-ux-guide .sweden-screen-note{font-size:.83em;color:#bdbdbd}.sweden-ux-guide .sweden-checklist{list-style:none;padding-left:0}.sweden-ux-guide .sweden-checklist li{padding:9px 0;border-bottom:1px solid #e4e4e4}.sweden-ux-guide .sweden-checklist li:before{content:'□';font-size:1.2em;margin-right:10px}.sweden-ux-guide .sweden-template-shot{max-width:100%;margin:22px 0}.sweden-ux-guide .sweden-template-shot img{width:100%;height:auto;display:block}.sweden-ux-guide .sweden-template-link{font-weight:700}.sweden-ux-guide .sweden-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0}.sweden-ux-guide .sweden-flow span{border:1px solid #aaa;border-radius:9px;padding:10px 12px;background:#fff}.sweden-ux-guide .sweden-flow b{color:#245b8f}.sweden-ux-guide .sweden-flow .decision{background:#fff4d7;border-color:#d9a441}.sweden-ux-guide .sweden-flow .end{background:#e7f8eb;border-color:#168447}
.sweden-ux-guide .sweden-flow-example{padding:24px;border:1px solid #e2e5e8;border-radius:14px;background:#fbfbfc;margin:24px 0}
.sweden-ux-guide .sweden-flow-title{display:flex;flex-direction:column;gap:4px;margin-bottom:22px}
.sweden-ux-guide .sweden-flow-title>span{font-size:.72rem;letter-spacing:.12em;font-weight:800;color:#2366a8}
.sweden-ux-guide .sweden-flow-title>strong{font-size:1.8rem;line-height:1.15;letter-spacing:-.03em;color:#202124}
.sweden-ux-guide .sweden-flow-title>small{color:#62676d}
.sweden-ux-guide .sweden-flow-guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px}
.sweden-ux-guide .sweden-flow-guide-cards>div{border:1px solid #e2e5e8;border-radius:9px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:7px}
.sweden-ux-guide .sweden-flow-guide-cards b{font-size:.68rem;letter-spacing:.04em;color:#2366a8;line-height:1.35}
.sweden-ux-guide .sweden-flow-guide-cards span{font-size:.82rem;line-height:1.4;color:#454950}
.sweden-ux-guide .sweden-flow-legend{display:flex;flex-wrap:wrap;gap:9px 16px;padding:13px 0 18px;border-bottom:1px solid #e2e5e8;margin-bottom:18px}
.sweden-ux-guide .sweden-flow-legend span{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#555b63}
.sweden-ux-guide .sweden-flow-legend i{display:inline-block;width:13px;height:13px;border:1px solid #bfc4cc;background:#fff;border-radius:3px}
.sweden-ux-guide .sweden-flow-legend .legend-start{border-radius:7px;background:#eaf2f9;border-color:#2366a8}
.sweden-ux-guide .sweden-flow-legend .legend-action{background:#e8f1fb;border-color:#8eadd7}
.sweden-ux-guide .sweden-flow-legend .legend-decision{transform:rotate(45deg);border-radius:0;background:#fff5d8;border-color:#d3aa35;width:11px;height:11px}
.sweden-ux-guide .sweden-flow-legend .legend-error{background:#f0f1f3;border-color:#9aa0a6}
.sweden-ux-guide .sweden-flow-diagram{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:0}
.sweden-ux-guide .sweden-flow-step{box-sizing:border-box;padding:15px 18px;border:1px solid #d9dce3;border-radius:9px;background:#fff;display:flex;flex-direction:column;gap:4px;max-width:440px;width:100%;margin:0 auto}
.sweden-ux-guide .sweden-flow-step>b{font-size:.67rem;letter-spacing:.09em;color:#2366a8}
.sweden-ux-guide .sweden-flow-step>strong{font-size:1rem;line-height:1.3;color:#202124}
.sweden-ux-guide .sweden-flow-step>small{font-size:.8rem;line-height:1.4;color:#62676d}
.sweden-ux-guide .sweden-flow-step.flow-start{background:#eaf2f9;border-color:#2366a8;border-radius:18px}
.sweden-ux-guide .sweden-flow-step.flow-decision{max-width:280px;text-align:center;background:#fff5d8;border-color:#d3aa35;border-radius:8px}
.sweden-ux-guide .sweden-flow-step.flow-action{background:#e8f1fb;border-color:#8eadd7}
.sweden-ux-guide .sweden-flow-step.flow-error{background:#f0f1f3;border-color:#9aa0a6;max-width:380px}
.sweden-ux-guide .sweden-flow-step.flow-end{background:#edf5fa;border-color:#9dbbd3;border-radius:18px;text-align:center}
.sweden-ux-guide .sweden-flow-step.flow-end>b{color:#245b8f}
.sweden-ux-guide .sweden-flow-connector{text-align:center;height:34px;display:flex;align-items:center;justify-content:center;color:#2366a8;font-size:1.35rem;font-weight:800}
.sweden-ux-guide .sweden-flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:660px;width:100%;margin:0 auto 12px}
.sweden-ux-guide .sweden-flow-branch{box-sizing:border-box;border-left:3px solid #2366a8;padding:12px 14px;background:#eaf2f9;border-radius:0 8px 8px 0;display:flex;flex-direction:column;gap:6px;font-size:.84rem;line-height:1.4}
.sweden-ux-guide .sweden-flow-branch b{font-size:.68rem;letter-spacing:.07em;color:#2366a8}
.sweden-ux-guide .sweden-flow-branch span{color:#4e5258}
.sweden-ux-guide .sweden-flow-branch.flow-no{border-left-color:#9aa0a6;background:#f0f1f3}
.sweden-ux-guide .sweden-flow-branch.flow-no b{color:#62676d}
.sweden-ux-guide .sweden-flow-example figcaption{font-size:.85rem;line-height:1.5;color:#62676d;margin-top:18px}
@media(max-width:760px){.sweden-ux-guide .sweden-flow-guide-cards{grid-template-columns:1fr}.sweden-ux-guide .sweden-flow-branches{grid-template-columns:1fr}.sweden-ux-guide .sweden-flow-example{padding:14px}}
@media(max-width:600px){.sweden-ux-guide .sweden-hero{padding:22px}.sweden-ux-guide .sweden-deliverable{padding:14px}}