/* Original issue-led navigation, scoped to the development homepage and issue pages. */
#umIssueTopics,.um-issue-page__main{font-family:"Zen Maru Gothic UMK","Noto Sans JP",sans-serif;color:#292740}
#umIssueTopics *,.um-issue-page__main *{box-sizing:border-box}
#umIssueTopics .ol-heading__mask{overflow:visible;opacity:1;transform:none}
#umIssueTopics .ol-heading-sub,#umIssueTopics .ol-heading-small{opacity:1;visibility:visible;transform:none;clip-path:none}
#umIssueTopics .um-issues__intro{font-size:17px;line-height:1.95;margin:0 0 36px;max-width:880px;padding:0}
.um-issues__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.um-issue-card{display:flex;flex-direction:column;min-width:0;padding:26px;background:#fff;border:1px solid #e3e1ee;border-radius:14px;color:#292740!important;text-decoration:none!important;transition:border-color .2s,box-shadow .2s,transform .2s}
.um-issue-card:hover{border-color:#a9a5cb;box-shadow:0 10px 30px #37357a0c;transform:translateY(-2px)}
.um-issue-card:focus-visible,.um-solution__button:focus-visible,.um-solution__case:focus-visible,.um-solution__textlink:focus-visible{outline:3px solid #37357a;outline-offset:5px}
.um-issue-card__eyebrow{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.04em;color:#68637e}
.um-issue-card__number{color:#37357a;font-size:14px}
.um-issue-card__art{height:74px;margin:16px 0 12px;display:flex;align-items:center;justify-content:flex-start}
.um-issue-card__art img{display:block;width:140px;height:74px;object-fit:contain}
#umIssueTopics h3,.um-issue-page__main .um-issue-card h2{font-family:inherit;font-size:20px;font-weight:700;line-height:1.65;letter-spacing:0;margin:0 0 15px;min-height:3.3em;color:#37357a;text-wrap:balance}
.um-issue-card__summary{font-size:15px!important;line-height:1.9!important;letter-spacing:0!important;margin:0 0 24px!important;padding:0!important}
.um-issue-card__link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #efedf5;font-size:13px;font-weight:700;color:#37357a}
.um-issue-card__link span:last-child{font-size:20px;line-height:1}
body.um-issue-page{font-family:"Zen Maru Gothic UMK","Noto Sans JP",sans-serif}
.um-issue-page__main{padding-top:0;background:#fff;line-height:1.85}
.um-solution__container{width:min(1200px,calc(100% - clamp(24px,5vw,72px)*2));margin-inline:auto}
.um-solution__breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:#777184;padding:22px 0 0;margin:0 auto}
.um-solution__breadcrumb a{color:#5d566f;text-decoration:none}
.um-solution__hero{padding:46px 0 64px;background:linear-gradient(135deg,#fff 25%,#f5f4fb 100%);border-bottom:1px solid #eeecf5}
.um-solution__label{margin:0 0 20px;font-size:13px;font-weight:700;color:#37357a;letter-spacing:.12em}
.um-solution__hero h1{font-family:inherit;font-size:clamp(28px,3.2vw,46px);font-weight:700;line-height:1.55;letter-spacing:-.015em;max-width:1000px;margin:0 0 25px;text-wrap:balance}
.um-solution__hero-lead{font-size:clamp(18px,1.6vw,22px)!important;font-weight:700;line-height:1.8!important;color:#37357a;margin:0 0 16px!important;max-width:960px}
.um-solution__intro{font-size:17px!important;line-height:1.95!important;max-width:900px;margin:0!important;letter-spacing:.015em!important}
.um-solution__actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px}
.um-solution__button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 28px;background:#37357a;color:#fff!important;border-radius:999px;text-decoration:none!important;font-size:15px;font-weight:700;line-height:1.6}
.um-solution__button:hover{background:#28265f}
.um-solution__textlink{font-size:14px;color:#37357a!important;text-underline-offset:5px}
.um-solution__section{padding:72px 0}
.um-solution__section--soft{background:#f7f6fb}
.um-solution__section h2{font-family:inherit;font-size:clamp(24px,2.2vw,31px);font-weight:700;line-height:1.6;color:#292740;margin:0 0 30px;letter-spacing:.015em}
.um-solution__section h3{font-family:inherit;font-size:19px;font-weight:700;line-height:1.7;letter-spacing:0;margin:0 0 14px;color:#37357a}
.um-solution__section p{font-size:16px;line-height:1.95;letter-spacing:0;margin:0}
.um-solution__problems{padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none}
.um-solution__problems li{border-left:3px solid #d1cee5;padding:4px 0 4px 20px;font-size:16px;line-height:1.95}
.um-solution__steps,.um-solution__deliverables,.um-solution__cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.um-solution__step{min-width:0;border-top:2px solid #37357a;padding-top:22px}
.um-solution__step-number{display:block;font-size:13px;font-weight:700;color:#8b85a6;margin-bottom:12px;letter-spacing:.08em}
.um-solution__deliverable{min-width:0;padding:26px;background:#fff;border:1px solid #e6e3ef;border-radius:12px}
.um-solution__case-intro{margin:-10px 0 28px!important;color:#686174}
.um-solution__case{display:flex;flex-direction:column;min-width:0;padding:26px;background:#fff;border:1px solid #e1deed;border-radius:12px;text-decoration:none!important;color:#292740!important}
.um-solution__case:hover{border-color:#aaa5ce;background:#fdfcfe}
.um-solution__case-stage{align-self:flex-start;font-size:12px;line-height:1.6;color:#69617d;background:#f2f0f8;border-radius:4px;padding:4px 8px;margin-bottom:18px}
.um-solution__case p{font-size:15px;line-height:1.9;margin-bottom:24px}
.um-solution__case-link{font-size:14px;font-weight:700;color:#37357a;margin-top:auto}
.um-solution__scope{font-size:14px!important;color:#777181;margin-top:26px!important}
.um-solution__contact{padding:58px 0;background:#37357a;color:#fff}
.um-solution__contact h2{font-family:inherit;font-size:clamp(24px,2.3vw,32px);line-height:1.6;font-weight:700;letter-spacing:0;margin:0 0 16px;color:#fff}
.um-solution__contact p{font-size:16px;line-height:1.95;max-width:820px;margin:0}
.um-solution__contact .um-solution__button{background:#fff;color:#37357a!important}
.um-solution__contact .um-solution__textlink{color:#fff!important}
.um-solution__return{padding:28px 0 38px}
@media(max-width:900px){
 .um-issues__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .um-solution__steps,.um-solution__deliverables,.um-solution__cases{grid-template-columns:1fr;gap:22px}
 .um-solution__problems{grid-template-columns:1fr;gap:20px}
 .um-solution__section{padding:58px 0}
}
@media(max-width:600px){
 .um-issues__grid{grid-template-columns:1fr;gap:16px}
 .um-issue-card{padding:23px}
 #umIssueTopics h3,.um-issue-page__main .um-issue-card h2{font-size:19px;min-height:0}
 .um-issue-card__art{margin:12px 0 10px;height:60px}
 .um-issue-card__art img{height:60px}
 .um-issue-card__summary{font-size:15px!important}
 #umIssueTopics .um-issues__intro{font-size:16px}
 .um-issue-page__main{padding-top:0}
 .um-solution__breadcrumb{font-size:11px;gap:7px;padding-top:18px}
 .um-solution__hero{padding:32px 0 48px}
 .um-solution__label{font-size:12px;margin-bottom:16px}
 .um-solution__hero h1{font-size:28px;line-height:1.6;margin-bottom:22px}
 .um-solution__hero-lead{font-size:18px!important}
 .um-solution__intro{font-size:16px!important}
 .um-solution__actions{align-items:flex-start;gap:20px}
 .um-solution__button{font-size:14px;gap:16px;padding:15px 23px;max-width:100%;text-align:center}
 .um-solution__section{padding:48px 0}
 .um-solution__section h2{font-size:24px;margin-bottom:26px}
 .um-solution__case,.um-solution__deliverable{padding:23px}
 .um-solution__contact{padding:44px 0}
}
@media(prefers-reduced-motion:reduce){.um-issue-card{transition:none}.um-issue-card:hover{transform:none}}


/* Real-photo issue cards, shared by TOP and the issue index. */
.um-issue-card__photo{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;margin:20px 0 22px;background:#efedf5}
.um-issue-card__photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;filter:saturate(.85);transition:transform .35s ease}
.um-issue-card:hover .um-issue-card__photo img{transform:scale(1.025)}
@media(max-width:600px){.um-issue-card__photo{margin:16px 0 20px}}
@media(prefers-reduced-motion:reduce){.um-issue-card__photo img{transition:none}.um-issue-card:hover .um-issue-card__photo img{transform:none}}

/* The new photo series already carries the brand accents. */
.um-issue-card__photo img{filter:none}

/* Keep issue headings together at meaningful phrase boundaries. */
#umIssueTopics h3,.um-issue-page__main .um-issue-card h2{text-wrap:balance;word-break:normal;overflow-wrap:normal}
.um-issue-card__phrase{display:inline-block;white-space:nowrap}


/* Eight outcome-led issue pages share the existing brand template. */
.um-issue-page__main .um-solution__hero h1,.um-issue-page__main .um-solution__section h2{color:#37357a}
.um-issue-page__main .um-solution__problems li{border-left:0;padding-left:0}
.um-issue-page__main .um-solution__step{border-top:0;padding-top:0}
.um-issue-page__main .um-service-links,.um-issue-page__main .um-solution__cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:26px}
.um-issue-page__main .um-solution__case{border-color:#e2e2e2}
.um-issue-page__main .um-solution__case-intro{margin:0 0 28px!important}
.um-issue-page__main .um-solution__contact h2{max-width:1000px}
@media(max-width:600px){.um-issue-page__main .um-service-links,.um-issue-page__main .um-solution__cases{grid-template-columns:1fr;gap:20px}}



/* Approved icon alternative, scoped to issue cards on the catalog and TOP. */
#umV24Products .um-solution-finder__issue--icon .um-issue-icon-frame,
#umIssueTopics .um-issue-card--icon .um-issue-icon-frame{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#f5f5f5}
#umV24Products .um-solution-finder__issue--icon .um-issue-icon-frame{margin:0 0 20px}
#umIssueTopics .um-issue-card--icon .um-issue-icon-frame{margin:20px 0 22px}
#umV24Products .um-solution-finder__issue--icon .um-issue-icon-frame>img,
#umIssueTopics .um-issue-card--icon .um-issue-icon-frame>img{display:block;flex:0 0 auto;width:112px;height:112px;max-width:50%;margin:0;padding:0;object-fit:contain;filter:none;transform:none;transition:none}
#umIssueTopics .um-issue-card--icon .um-issue-icon-frame::after{display:none}
@media(max-width:600px){
 #umV24Products .um-solution-finder__issue--icon .um-issue-icon-frame>img,
 #umIssueTopics .um-issue-card--icon .um-issue-icon-frame>img{width:104px;height:104px}
 #umIssueTopics .um-issue-card--icon .um-issue-icon-frame{margin:16px 0 20px}
}

/* Use the existing product-card template for issue cards on TOP as well. */
#umIssueTopics .um-issue-product-grid{margin-top:0}
#umIssueTopics .um-issue-catalog-card h3{min-height:0;text-wrap:wrap}
.um-issue-catalog-card .um-v24-phrase{max-width:100%;white-space:normal}