/* Higgsfield e7ff26d viewer composition, scoped native Today implementation. */
.care-reader{--reader-ink:#162852;--reader-blue:#2f5fa8;--reader-line:#d8e0e9;--reader-paper:#f5f7f9;box-sizing:border-box;margin:auto;padding:0;border:0;border-radius:8px;width:min(1160px,calc(100% - 64px));max-width:none;max-height:calc(100dvh - 64px);color:var(--reader-ink);background:#fff;overflow:auto;box-shadow:0 24px 100px #07142a40;font:400 16px/1.65 var(--font-body,Inter,sans-serif)}
.care-reader *{box-sizing:border-box;min-width:0}.care-reader :where(h2,p){margin:0}.care-reader [hidden]{display:none!important}.care-reader::backdrop{background:#07142ac2}.care-reader[open]{animation:care-reader-enter 220ms cubic-bezier(.2,.8,.2,1)}
.care-reader button{font:inherit;cursor:pointer;color:inherit}.care-reader button:disabled,.care-reader button[aria-disabled=true]{cursor:default;opacity:.35}.care-reader :where(button,[tabindex]):focus-visible,.extended-care-redesign .care-reader-open:focus-visible{outline:3px solid #2f5fa8;outline-offset:4px}
.care-reader__layout{display:flex;flex-direction:column;min-width:0}.care-reader__toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;border-bottom:1px solid var(--reader-line);font-size:14px;font-weight:600}
.care-reader__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border:1px solid var(--reader-line);background:#fff;border-radius:50%;font-size:24px!important;line-height:1!important}
.care-reader__body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);min-height:440px}.care-reader__image-area{position:relative;min-width:0;background:var(--reader-paper);padding-bottom:64px}.care-reader__canvas{height:min(54dvh,500px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-x pan-y}.care-reader__canvas img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.care-reader__canvas[data-zoom=true] img{width:175%;height:175%;object-fit:contain}
.care-reader__zoom{position:absolute;right:16px;bottom:12px;background:white;border:1px solid var(--reader-line);border-radius:4px;min-height:44px;padding:8px 14px;display:flex;align-items:center;gap:20px;font-size:14px!important}.care-reader__image-error{padding:24px;color:#536173;font-size:14px}
.care-reader__explanation{padding:40px 32px;align-self:center}.care-reader__badge{display:block;color:#4c5969;font-size:12px;line-height:1.5;letter-spacing:.025em}.care-reader h2{font:400 clamp(23px,2.4vw,30px)/1.25 var(--font-display,"Schibsted Grotesk",sans-serif);letter-spacing:-.015em;margin-top:12px;overflow-wrap:anywhere}.care-reader__explanation p{margin-top:16px;max-width:68ch}.care-reader__limit{font-size:14px;color:#536173;border-left:2px solid var(--reader-line);padding-left:16px}
.care-reader__pagination{display:flex;align-items:center;justify-content:center;gap:40px;border-top:1px solid var(--reader-line);padding:16px 24px;font-size:14px;font-variant-numeric:tabular-nums}
.extended-care-redesign .care-reader-open{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;width:fit-content;min-height:48px;margin:0;padding:10px 0;border:0;border-bottom:1px solid #2f5fa8;background:transparent;border-radius:0;color:#2f5fa8;font:600 15px/24px var(--font-body,Inter,sans-serif);cursor:pointer}
@media(hover:hover){.care-reader__icon:not(:disabled):not([aria-disabled=true]):hover,.care-reader__zoom:hover{background:#eaf0f8}.extended-care-redesign .care-reader-open:hover{color:#162852;border-color:#162852}}
@media(max-width:767px){.care-reader{width:100%;height:100dvh;max-height:none;margin:0;border-radius:0}.care-reader__layout{min-height:100%}.care-reader__toolbar{position:sticky;top:0;z-index:2;background:#fff;padding:12px 16px;gap:16px}.care-reader__toolbar>span{max-width:28ch;line-height:1.4}.care-reader__body{display:flex;flex-direction:column;min-height:0;flex:1}.care-reader__canvas{height:37dvh;min-height:245px}.care-reader__image-area{padding-bottom:60px}.care-reader__explanation{padding:24px 20px;align-self:stretch}.care-reader h2{font-size:25px}.care-reader__pagination{position:sticky;bottom:0;background:#fff;padding:12px 20px max(12px,env(safe-area-inset-bottom));gap:48px}}
@keyframes care-reader-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.care-reader[open]{animation:none}}