html:has(.problems-page){width:100%;min-width:0}
.problems-page{width:100%;min-width:0;overflow-x:clip;background:var(--warm)}
.problems-page .site-header{height:52px}
.problems-page .nav [aria-current="page"]{position:relative;color:var(--blue)}
.problems-page .nav [aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--blue)}
.problems-shell{width:calc(100% - 96px);max-width:928px;margin-inline:auto}
.problems-hero{height:258px;padding-top:84px}
.problems-hero .editorial{padding-left:7px}
.problems-page .eyebrow{font:600 8px/10px Inter,sans-serif;letter-spacing:.215em;color:#4779ab;text-transform:uppercase}
.problems-hero h1{margin:11px 0 9px;font:500 44px/44px Newsreader,serif;letter-spacing:-.0375em;color:var(--deep)}
.problems-hero p{max-width:690px;margin:0;color:#3b5874;font:400 12.5px/18px Inter,sans-serif}
.problems-hero .hero-workflow{width:162px;height:35px;margin-top:17px;background:white}
.macro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.macro-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 158px;column-gap:8px;min-height:196px;padding:16px 14px 13px 18px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.macro-content{display:flex;flex-direction:column;min-width:0}
.macro-number{grid-column:1/-1;color:#2f73b9;font:600 8px/10px Inter,sans-serif;letter-spacing:.12em}
.macro-card h2{position:relative;z-index:1;margin:3.5px 0;font:500 22px/24px Newsreader,serif;letter-spacing:-.0375em;white-space:normal}
.macro-definition{min-height:46px;margin:0;color:#3b5874;font:400 10.5px/15px Inter,sans-serif;position:relative;z-index:1}
.macro-includes{margin-top:3px;position:relative;z-index:1;width:100%;max-width:100%;min-width:0}
.includes-label{margin-bottom:4px;color:#2f73b9;font:500 8px/10px Inter,sans-serif}
.macro-includes-items{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;width:100%;max-width:100%;min-width:0}
.macro-includes li{cursor:default;box-shadow:none;border:0;border-radius:20px;background:#edf5fc;color:#375e85;padding:3px 7px;font:400 7px/9px Inter,sans-serif}
.macro-illustration{grid-column:2;width:158px;height:158px;object-fit:contain;align-self:start;justify-self:center;pointer-events:none;position:relative;top:8px}
.macro-action{position:relative;z-index:2;align-self:flex-start;margin-top:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:125px;height:30px;padding:0 12px;border:0;border-radius:9px;background:var(--deep);color:white;font:500 9px/12px Inter,sans-serif;white-space:nowrap;cursor:pointer}
.problems-page button[aria-disabled="true"]{cursor:default}
.problems-page a[href]:focus-visible,.problems-page button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.problems-page .macro-action:hover,.problems-page .visual-btn.primary:hover{background:#153b64}
.problems-page .hero-workflow:hover{background:#f0f6fc;border-color:var(--blue)}
.problems-page .macro-action:active,.problems-page .visual-btn.primary:active{background:#204d77}
.problems-page .visual-btn{border:0}
.problems-page .problems-closing{width:100%;height:222px;margin-top:20px;border-top:0}
.problems-page .problems-closing .village-art{width:100%;height:222px;object-position:center 52%}
.problems-page .problems-closing .final-content{top:30px;width:400px}
.problems-page .problems-closing .section-title{font-size:38px;line-height:40px;margin:9px 0 7px}
.problems-page .problems-closing p{width:390px;font-size:11px;line-height:16px;margin-bottom:12px}
.problems-page .problems-closing footer{width:88px;top:33px}
@media(min-width:1200px){
 .problems-shell{width:calc(100% - 192px);max-width:1248px}
 .problems-page .site-header{left:max(96px,calc((100% - 1248px)/2));right:max(96px,calc((100% - 1248px)/2));height:64px}
 .problems-hero{height:300px;padding-top:105px}.problems-hero .editorial{padding-left:7px}
 .problems-hero h1{font-size:50px;line-height:52px}.problems-hero p{max-width:800px;font-size:14px;line-height:21px}
 .problems-hero .hero-workflow{width:190px;height:42px}
 .macro-grid{gap:16px}.macro-card{min-height:246px;padding:22px;grid-template-columns:minmax(0,1fr) 202px}
 .macro-number{font-size:9px;line-height:12px}.macro-card h2{font-size:27px;line-height:29px;margin-block:4.5px}.macro-definition{min-height:58px;font-size:12px;line-height:18px}.includes-label{font-size:9px;line-height:12px}
 .macro-includes{margin-top:5px}.macro-includes li{font-size:8px;line-height:11px;padding:4px 8px}.macro-illustration{width:202px;height:202px;top:3px}.macro-action{width:146px;height:36px;font-size:11px}
 .problems-page .problems-closing{height:270px;margin-top:28px}.problems-page .problems-closing .village-art{height:270px}.problems-page .problems-closing .final-content{top:43px;left:max(103px,calc((100% - 1248px)/2 + 7px));width:480px}.problems-page .problems-closing p{width:460px;font-size:13px;line-height:19px}
 .problems-page .problems-closing footer{right:max(96px,calc((100% - 1248px)/2));top:50px;width:100px}
}
@media(max-width:900px){
 .problems-shell{width:calc(100% - 64px);max-width:none}
 .problems-page .site-header{height:68px}
 .problems-hero{height:auto;padding:108px 0 34px}.problems-hero .editorial{padding-left:0}
 .problems-hero h1{font-size:42px;line-height:44px;margin-top:13px}.problems-hero p{font-size:14px;line-height:21px;max-width:650px}.problems-hero .hero-workflow{height:44px;width:190px;margin-top:18px}
 .macro-grid{grid-template-columns:1fr;gap:16px}.macro-card{min-height:249px;padding:22px;grid-template-columns:minmax(0,1fr) 190px;column-gap:16px}
 .macro-number{font-size:10px;line-height:12px}.macro-card h2{font-size:28px;line-height:30px;margin-block:4px}.macro-definition{min-height:53px;font-size:13px;line-height:19px;max-width:400px}.includes-label{font-size:10px;line-height:12px}.macro-includes{margin-top:4px}.macro-includes li{font-size:9px;line-height:12px;padding:4px 8px}.macro-illustration{width:190px;height:190px;top:15.5px}.macro-action{width:150px;height:44px;font-size:12px}
 .problems-page .problems-closing{height:430px;margin-top:32px}.problems-page .problems-closing .village-art{height:320px;object-position:center 65%}.problems-page .problems-closing .final-content{left:32px;top:45px;width:430px;max-width:calc(100% - 64px)}.problems-page .problems-closing p{width:430px;max-width:100%;font-size:14px;line-height:21px}.problems-page .problems-closing footer{right:32px;top:auto;bottom:34px}
}
@media(max-width:500px){
 .problems-shell{width:calc(100% - 44px)}.problems-page .site-header{height:64px}.problems-page .menu-trigger{width:44px;height:44px}
 .problems-hero{padding:100px 0 30px}.problems-hero h1{font-size:36px;line-height:37px;max-width:100%;margin:13px 0 14px}.problems-hero p{font-size:14px;line-height:21px}.problems-hero .hero-workflow{width:100%;height:44px;font-size:13px}
 .macro-card{height:auto;min-height:0;padding:20px;display:flex;flex-direction:column;gap:0}.macro-content{display:contents}.macro-number{margin-bottom:9px}.macro-card h2{font-size:28px;line-height:30px;white-space:normal;align-self:stretch;margin-top:0;margin-bottom:12px}.macro-definition{min-height:0;font-size:14px;line-height:21px;max-width:none;margin-bottom:16px}.macro-includes{align-self:stretch;width:auto;max-width:100%;margin-top:0}.includes-label{font-size:11px;line-height:14px;margin-bottom:6px}.macro-includes ul{gap:6px}.macro-includes li{font-size:10px;line-height:14px;padding:5px 8px}.macro-illustration{width:165px;height:165px;top:auto;margin:16px auto 12px;flex:none}.macro-action{order:1;margin-top:0;width:100%;height:44px;align-self:stretch;font-size:13px;flex:none}
 .problems-page .problems-closing{height:550px;margin-top:32px}.problems-page .problems-closing .village-art{height:260px;object-position:58% 58%}.problems-page .problems-closing .final-content{left:22px;top:50px;width:calc(100% - 44px);max-width:none}.problems-page .problems-closing .section-title{font-size:36px;line-height:38px}.problems-page .problems-closing p{font-size:14px;line-height:21px;width:100%}.problems-page .problems-closing footer{display:none}
}