/* NARERU case studies — shared editorial layout, 2026-09-13. */
html body.nr-case-page{margin:0;background:#fff}
html body .nr-case :is(h1,h2,h3){text-shadow:none;word-break:normal;overflow-wrap:normal}
html body .nr-case a:focus-visible,html body.nr-case-page .nrst-footer a:focus-visible{outline:2px solid #094eaf;outline-offset:5px}
html body .nr-case [id]{scroll-margin-top:28px}
html body .nr-case .nr-case-hero{padding:27px 0 0;border-bottom:1px solid #d5dee6}
html body .nr-case .nr-case-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:5px 13px;font-size:11px;line-height:1.9;color:#647486;margin-bottom:57px}
html body .nr-case .nr-case-breadcrumb a:hover{color:#094eaf}
html body .nr-case .nr-case-hero-grid{display:grid;grid-template-columns:1.17fr .83fr;gap:64px;align-items:center}
html body .nr-case .nr-case-category{font-size:12px;color:#536b84;line-height:1.8;margin:20px 0 24px}
html body .nr-case h1,html body .nr-case h1>span{font:600 clamp(38px,3.8vw,49px)/1.6 var(--studio-serif)!important;letter-spacing:-.04em!important;margin:0;color:#192b3d}
html body .nr-case h1>span{color:#094eaf}
html body .nr-case h1 br{display:initial!important}
html body .nr-case .nr-case-lead{font-size:15px;line-height:2.1;color:#5c6b79;max-width:510px;margin-top:28px}
html body .nr-case .nr-case-hero-copy>.nrst-text-link{margin-top:26px}
html body .nr-case .nr-case-visual{padding:27px 26px 22px;background:#f0f4f9;border:1px solid #dce5ef;border-radius:3px}
html body .nr-case .nr-case-visual figcaption{display:flex;flex-direction:column;gap:13px;margin-bottom:24px}
html body .nr-case .nr-case-visual figcaption strong{font-size:18px;line-height:1.8;font-weight:600}
html body .nr-case .nr-case-visual ol{display:grid;gap:16px}
html body .nr-case .nr-case-node{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border:1px solid #d5dfeb;background:#fff;border-radius:2px}
html body .nr-case .nr-case-node+li:before{content:"";position:absolute;left:50%;top:-17px;height:16px;width:1px;background:#9eb6d1}
html body .nr-case .nr-case-node>div>span{display:block;font:500 9px/1.6 Arial,sans-serif!important;letter-spacing:.12em!important;color:#69819b;margin-bottom:8px}
html body .nr-case .nr-case-node strong{display:block;font-size:15px;line-height:1.7;font-weight:600}
html body .nr-case .nr-case-node p{font-size:11px;line-height:1.8;color:#687b8e;margin-top:5px}
html body .nr-case .nr-case-node .nr-case-icon{width:28px;height:33px;color:#809bbb;flex-shrink:0}
html body .nr-case .nr-case-node-2{background:#094eaf;border-color:#094eaf;color:#fff}
html body .nr-case .nr-case-node-2 :is(p,.nr-case-icon),html body .nr-case .nr-case-node-2>div>span{color:#d5e3f5}
html body .nr-case .nr-case-visual-note{font-size:10px;line-height:1.8;color:#6b7d90;margin-top:17px;text-align:center}
html body .nr-case .nr-case-index{display:flex;align-items:center;gap:38px;border-top:1px solid #d5dee6;margin-top:63px;padding:22px 0}
html body .nr-case .nr-case-index a{display:flex;align-items:center;gap:23px;font-size:12px;line-height:1.8;color:#4b6178}
html body .nr-case .nr-case-index a>span{color:#094eaf;font:400 16px/1 Arial,sans-serif!important}
html body .nr-case .nr-case-index a:hover{color:#094eaf}
html body .nr-case .nr-case-editorial{display:grid;grid-template-columns:.65fr 1fr;gap:82px}
html body .nr-case .nr-case-heading{font:600 29px/1.65 var(--studio-serif)!important;letter-spacing:-.035em!important;color:#192b3d;margin-top:19px}
html body .nr-case .nr-case-prose{font-size:15px;line-height:2.15;color:#5c6b79;padding-top:5px}
html body .nr-case .nr-case-prose>p+p{margin-top:21px}
html body .nr-case .nr-case-process{background:#f0f4f9}
html body .nr-case .nrst-title{font-size:37px}
html body .nr-case .nr-case-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}
html body .nr-case .nr-case-steps li{border-top:1px solid #bcccde;padding-top:23px}
html body .nr-case .nr-case-step-number{font:400 30px/1.2 Arial,sans-serif!important;letter-spacing:-.05em!important;color:#698bb5;display:block;margin-bottom:25px}
html body .nr-case .nr-case-steps h3{font-size:16px;font-weight:600;line-height:1.8;margin-bottom:13px}
html body .nr-case .nr-case-steps p{font-size:13px;line-height:2;color:#5c6b79}
html body .nr-case .nr-case-features{display:grid;grid-template-columns:repeat(3,1fr);gap:39px;margin-top:44px}
html body .nr-case .nr-case-features article{border-top:1px solid #d5dee6;padding-top:24px}
html body .nr-case .nr-case-feature-number{font:400 14px/1.5 Arial,sans-serif!important;color:#738fae;margin-bottom:18px}
html body .nr-case .nr-case-features h3{font-size:18px;line-height:1.8;font-weight:600;margin-bottom:17px}
html body .nr-case .nr-case-features article>p:last-child{font-size:14px;line-height:2;color:#5c6b79}
html body .nr-case .nr-case-operation{display:grid;grid-template-columns:170px 1fr;gap:32px;margin-top:52px;padding:27px 30px;background:#f6f8fa;border-left:2px solid #779bc9}
html body .nr-case .nr-case-operation h3{font-size:14px;line-height:2;font-weight:600;color:#094eaf}
html body .nr-case .nr-case-operation p{font-size:13px;line-height:2;color:#5c6b79}
html body .nr-case .nr-case-summary{padding:0 0 100px}
html body .nr-case .nr-case-summary>.nrst-wrap{border-top:1px solid #d5dee6;padding-top:50px}
html body .nr-case .nr-case-summary dl{margin:0}
html body .nr-case .nr-case-summary dl>div{display:grid;grid-template-columns:135px 1fr;gap:25px;border-bottom:1px solid #dde4eb;padding:18px 0;font-size:13px;line-height:1.9}
html body .nr-case .nr-case-summary dl>div:first-child{padding-top:3px}
html body .nr-case .nr-case-summary dt{font-size:12px;color:#64778b;font-weight:400}
html body .nr-case .nr-case-summary dd{margin:0}
html body .nr-case .nr-case-others{background:#f5f7f9}
html body .nr-case .nr-case-others .nr-case-heading{margin:0;font-size:30px!important}
html body .nr-case .nr-case-directory{display:grid;grid-template-columns:repeat(3,1fr);column-gap:33px;margin-top:34px}
html body .nr-case .nr-case-directory a{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;line-height:1.8;padding:21px 0;border-top:1px solid #d1dce7;color:#324c66}
html body .nr-case .nr-case-directory a>span:last-child{font-size:18px;line-height:1;color:#094eaf;flex-shrink:0}
html body .nr-case .nr-case-directory a[aria-current]{color:#64778b}
html body .nr-case .nr-case-directory a[aria-current]>span:last-child{font-size:9px;padding:6px 7px;line-height:1.4;background:#e4ebf4;border-radius:2px;white-space:nowrap}
html body .nr-case .nr-case-directory a:hover{color:#094eaf}
html body .nr-case .nrst-contact .nrst-title{font-size:42px}
@media(max-width:1199px){
html body .nr-case .nr-case-hero-grid{gap:38px;grid-template-columns:1.15fr .85fr}
html body .nr-case h1,html body .nr-case h1>span{font-size:40px!important}
html body .nr-case .nr-case-visual{padding:24px 20px 20px}
html body .nr-case .nr-case-node{padding:17px 15px}
html body .nr-case .nr-case-node .nr-case-icon{width:24px;height:28px}
html body .nr-case .nr-case-node strong{font-size:14px}
html body .nr-case .nr-case-steps{gap:25px}
html body .nr-case .nr-case-steps h3{font-size:15px}
html body .nr-case .nr-case-features{gap:30px}
html body .nr-case .nr-case-editorial{gap:50px}
}
@media(max-width:1023px){
html body .nr-case .nr-case-hero-grid{gap:30px;grid-template-columns:1.1fr .9fr}
html body .nr-case h1,html body .nr-case h1>span{font-size:36px!important}
html body .nr-case .nr-case-category{margin-top:17px}
html body .nr-case .nr-case-lead{font-size:14px;margin-top:22px}
html body .nr-case .nr-case-visual figcaption strong{font-size:16px}
html body .nr-case .nr-case-node .nr-case-icon{display:none}
html body .nr-case .nr-case-index{gap:30px;margin-top:49px}
html body .nr-case .nr-case-index a{font-size:11px;gap:20px}
html body .nr-case .nr-case-steps{grid-template-columns:repeat(2,1fr);gap:30px 36px;margin-top:34px}
html body .nr-case .nr-case-steps li{display:flex;align-items:flex-start;gap:20px}
html body .nr-case .nr-case-step-number{font-size:26px!important;margin:3px 0 0;flex-shrink:0}
html body .nr-case .nr-case-steps h3{font-size:16px}
html body .nr-case .nr-case-features{gap:25px;margin-top:34px}
html body .nr-case .nr-case-features h3{font-size:16px}
html body .nr-case .nr-case-features article>p:last-child{font-size:13px}
html body .nr-case .nr-case-operation{grid-template-columns:145px 1fr;gap:25px;padding:25px}
html body .nr-case .nr-case-summary{padding-bottom:80px}
html body .nr-case .nr-case-summary dl>div{grid-template-columns:100px 1fr;gap:18px}
html body .nr-case .nr-case-directory{grid-template-columns:1fr 1fr;column-gap:30px}
}
@media(max-width:850px){
html body .nr-case .nr-case-breadcrumb{margin-bottom:40px}
html body .nr-case .nr-case-hero-grid{grid-template-columns:1fr;gap:35px}
html body .nr-case h1,html body .nr-case h1>span{font-size:43px!important}
html body .nr-case .nr-case-hero-copy{max-width:640px}
html body .nr-case .nr-case-lead{max-width:600px}
html body .nr-case .nr-case-visual{padding:26px;width:100%}
html body .nr-case .nr-case-visual ol{grid-template-columns:repeat(3,1fr);gap:15px}
html body .nr-case .nr-case-node{padding:17px 14px;align-items:flex-start}
html body .nr-case .nr-case-node+li:before{left:-16px;top:50%;height:1px;width:15px}
html body .nr-case .nr-case-node strong{font-size:13px}
html body .nr-case .nr-case-node p{font-size:10px}
html body .nr-case .nr-case-editorial{grid-template-columns:.6fr 1fr;gap:34px}
html body .nr-case .nr-case-heading{font-size:25px!important}
html body .nr-case .nr-case-prose{font-size:14px}
}
@media(max-width:767px){
html body .nr-case .nr-case-hero{padding-top:22px}
html body .nr-case .nr-case-breadcrumb{font-size:10px;gap:5px 9px;margin-bottom:35px}
html body .nr-case .nr-case-hero-grid{gap:29px}
html body .nr-case .nr-case-category{font-size:11px;margin:17px 0 19px}
html body .nr-case h1,html body .nr-case h1>span{font-size:32px!important;line-height:1.65!important}
html body .nr-case .nr-case-lead{font-size:14px;line-height:2.05;margin-top:23px}
html body .nr-case .nr-case-hero-copy>.nrst-text-link{margin-top:21px;font-size:12px}
html body .nr-case .nr-case-visual{padding:24px 21px 20px;max-width:480px;margin-inline:auto}
html body .nr-case .nr-case-visual figcaption{gap:12px;margin-bottom:22px}
html body .nr-case .nr-case-visual figcaption strong{font-size:18px}
html body .nr-case .nr-case-visual ol{grid-template-columns:1fr;gap:15px}
html body .nr-case .nr-case-node{padding:17px 18px;align-items:center}
html body .nr-case .nr-case-node+li:before{left:50%;top:-16px;height:15px;width:1px}
html body .nr-case .nr-case-node .nr-case-icon{display:block;width:25px;height:30px}
html body .nr-case .nr-case-node strong{font-size:14px}
html body .nr-case .nr-case-node p{font-size:11px}
html body .nr-case .nr-case-index{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;margin-top:34px;padding:22px 0}
html body .nr-case .nr-case-index a{font-size:11px;justify-content:space-between;gap:12px}
html body .nr-case .nr-case-editorial{grid-template-columns:1fr;gap:25px}
html body .nr-case .nr-case-heading{font-size:26px!important;margin-top:16px}
html body .nr-case .nr-case-prose{font-size:14px;line-height:2.1;padding:0}
html body .nr-case .nr-case-prose>p+p{margin-top:20px}
html body .nr-case .nrst-title{font-size:29px}
html body .nr-case .nr-case-steps{grid-template-columns:1fr;gap:0;margin-top:29px}
html body .nr-case .nr-case-steps li{gap:22px;padding:23px 0}
html body .nr-case .nr-case-steps li:last-child{padding-bottom:0}
html body .nr-case .nr-case-step-number{font-size:26px!important;width:29px}
html body .nr-case .nr-case-steps h3{font-size:16px;margin-bottom:9px}
html body .nr-case .nr-case-steps p{font-size:13px;line-height:2}
html body .nr-case .nr-case-features{grid-template-columns:1fr;gap:27px;margin-top:31px}
html body .nr-case .nr-case-features article{padding-top:22px}
html body .nr-case .nr-case-feature-number{font-size:13px!important;margin-bottom:16px}
html body .nr-case .nr-case-features h3{font-size:18px;margin-bottom:13px}
html body .nr-case .nr-case-features article>p:last-child{font-size:14px}
html body .nr-case .nr-case-operation{grid-template-columns:1fr;gap:12px;padding:23px;margin-top:34px}
html body .nr-case .nr-case-operation h3{font-size:14px}
html body .nr-case .nr-case-operation p{font-size:13px}
html body .nr-case .nr-case-summary{padding-bottom:62px}
html body .nr-case .nr-case-summary>.nrst-wrap{padding-top:34px}
html body .nr-case .nr-case-summary dl>div{grid-template-columns:87px 1fr;gap:20px;font-size:12px;padding:18px 0}
html body .nr-case .nr-case-summary dt{font-size:11px}
html body .nr-case .nr-case-summary dl>div:first-child{padding-top:0}
html body .nr-case .nr-case-others .nr-case-heading{font-size:25px!important;max-width:330px;text-wrap:balance}
html body .nr-case .nr-case-directory{grid-template-columns:1fr;margin-top:27px}
html body .nr-case .nr-case-directory a{padding:18px 0;font-size:13px;gap:20px}
html body .nr-case .nrst-contact .nrst-title{font-size:31px}
}
@media(max-width:359px){
html body .nr-case h1,html body .nr-case h1>span{font-size:27px!important}
html body .nr-case .nr-case-category{font-size:10px}
html body .nr-case .nr-case-lead{font-size:13px}
html body .nr-case .nr-case-visual{padding:22px 17px 18px}
html body .nr-case .nr-case-visual figcaption strong{font-size:16px}
html body .nr-case .nr-case-node{padding:17px 14px;gap:9px}
html body .nr-case .nr-case-node strong{font-size:13px}
html body .nr-case .nr-case-node p{font-size:10px}
html body .nr-case .nr-case-node .nr-case-icon{width:22px;height:26px}
html body .nr-case .nr-case-index{gap:16px 21px}
html body .nr-case .nr-case-index a{font-size:10px}
html body .nr-case .nr-case-operation{padding:21px 19px}
html body .nr-case .nr-case-summary dl>div{grid-template-columns:75px 1fr;gap:16px}
html body .nr-case .nr-case-others .nr-case-heading{font-size:23px!important}
html body .nr-case .nr-case-directory a{font-size:12px}
html body .nr-case .nrst-contact .nrst-title{font-size:28px}
}

/* Decorative icons use CSS so the WordPress editor can retain safe HTML. */
html body .nr-case .nr-case-icon{position:relative;display:block;border:1px solid currentColor;border-radius:2px;opacity:.9;width:26px;height:30px}
html body .nr-case .nr-case-icon:before,html body .nr-case .nr-case-icon:after{content:"";position:absolute;height:1px;background:currentColor;left:5px;right:5px;top:10px}
html body .nr-case .nr-case-icon:after{top:17px;right:8px}
html body .nr-case .nr-case-icon-2{border:0;height:24px}
html body .nr-case .nr-case-icon-2:before{left:1px;right:1px;top:6px;box-shadow:0 7px 0 currentColor,0 14px 0 currentColor}
html body .nr-case .nr-case-icon-2:after{width:3px;height:3px;border-radius:50%;top:5px;left:7px;box-shadow:10px 7px 0 currentColor,3px 14px 0 currentColor}
html body .nr-case .nr-case-icon-3{height:24px}
html body .nr-case .nr-case-icon-3:before{top:6px;left:0;right:0}
html body .nr-case .nr-case-icon-3:after{top:13px;left:5px;right:5px;box-shadow:0 5px 0 currentColor}
@media(min-width:768px) and (max-width:1023px){html body .nr-case .nr-case-icon{display:none}}