/* COMMIT 2026 App Section — isolated to .cmapp-oct18 */
.cmapp-oct18,.cmapp-oct18 *{box-sizing:border-box}
.cmapp-oct18{display:block!important;clear:both;position:relative;isolation:isolate;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:#fff9f0;color:#22252d;font-family:"Noto Sans JP","Noto Sans CJK JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif!important;overflow:hidden}
.cmapp-oct18 img{display:block;border:0!important;max-width:100%!important;box-shadow:none!important;margin:0!important;padding:0!important}
.cmapp-oct18 h2,.cmapp-oct18 h3,.cmapp-oct18 p{margin:0!important;padding:0!important;border:0!important;line-height:inherit!important;letter-spacing:normal!important;background:transparent!important}
/* Exact original visual on desktop. The image itself keeps every approved pixel. */
.cmapp-oct18-exact{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
.cmapp-oct18-exact img{width:100%!important;height:auto!important;aspect-ratio:1672/941;object-fit:contain!important}
.cmapp-oct18-responsive{display:none!important}
/* Editable version: approx. visual reconstruction, same copy + source illustration */
.cmapp-oct18.cmapp-oct18-editable{background:radial-gradient(ellipse at 84% 39%,#fff0d2,transparent 45%),linear-gradient(155deg,#fffefa 3%,#fff7e9 100%)!important}
.cmapp-oct18-editable .cmapp-oct18-edit-area{position:relative;max-width:1672px;margin:0 auto;padding:60px 4% 35px;min-height:850px}
.cmapp-oct18-editable .cmapp-oct18-copy{position:relative;z-index:2;width:55%;min-width:0}
.cmapp-oct18-editable .cmapp-oct18-art{position:absolute;right:0;top:42px;width:50%;height:calc(100% - 64px);z-index:1;overflow:visible;display:flex;align-items:center}
.cmapp-oct18-editable .cmapp-oct18-art img{width:100%;height:auto;max-height:100%;object-fit:contain}
.cmapp-oct18 .cmapp-oct18-label{display:table;margin:0 0 22px!important;border:1px solid #ff9b55!important;color:#e54b0e!important;background:#fff9f3!important;border-radius:60px!important;padding:10px 25px!important;font-size:clamp(12px,1.25vw,19px)!important;line-height:1.4!important;font-weight:900!important}
.cmapp-oct18 h2.cmapp-oct18-head{font-size:clamp(34px,4.25vw,70px)!important;font-weight:900!important;line-height:1.23!important;letter-spacing:-.055em!important;color:#17191d!important;margin:0 0 17px!important}
.cmapp-oct18 h2.cmapp-oct18-head>span{display:block;color:#fa4a0d!important;white-space:nowrap}
.cmapp-oct18 .cmapp-oct18-head em{font-style:normal;color:#ffa027;font-size:.50em;vertical-align:middle;display:inline-block;margin-left:8px}
.cmapp-oct18 .cmapp-oct18-lead{font-size:clamp(17px,1.55vw,24px)!important;font-weight:900!important;line-height:1.6!important;color:#172031!important;margin:0 0 14px!important}
.cmapp-oct18 .cmapp-oct18-body{font-size:clamp(13px,1.1vw,18px)!important;font-weight:400!important;line-height:1.9!important;color:#28303a!important;margin:0 0 18px!important;max-width:795px}
.cmapp-oct18 .cmapp-oct18-pills{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px!important}
.cmapp-oct18 .cmapp-oct18-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffd0aa;background:#fff8ef;border-radius:80px;padding:9px 12px;font-size:clamp(11px,.9vw,14px);font-weight:800;color:#20252f;white-space:nowrap;line-height:1.3}
.cmapp-oct18 svg{width:19px;height:19px;flex:none;color:#fc5b0d}
.cmapp-oct18 .cmapp-oct18-process{border-top:1px solid #ffc49b;padding-top:22px}
.cmapp-oct18 .cmapp-oct18-process h3{font-size:clamp(22px,2vw,35px)!important;line-height:1.4!important;font-weight:900!important;letter-spacing:-.05em!important;color:#121820!important;margin:0 0 16px!important;white-space:nowrap}
.cmapp-oct18 .cmapp-oct18-process h3 span{color:#f04c0c}
.cmapp-oct18 .cmapp-oct18-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cmapp-oct18 .cmapp-oct18-card{min-width:0;border:1px solid #ffe4d0;background:rgba(255,255,255,.96);border-radius:17px;padding:15px 15px 17px;box-shadow:0 5px 18px #9c63200a}
.cmapp-oct18 .cmapp-oct18-cardhead{display:flex;align-items:center;gap:7px;white-space:nowrap;margin-bottom:9px}
.cmapp-oct18 .cmapp-oct18-number{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(135deg,#ffd3b3,#fa995f);color:#fff;font-weight:900;font-size:14px}
.cmapp-oct18 .cmapp-oct18-cardhead svg{width:24px;height:24px}
.cmapp-oct18 .cmapp-oct18-cardhead h3{font-size:clamp(12px,1vw,17px)!important;font-weight:900!important;color:#161a20!important;white-space:normal}
.cmapp-oct18 .cmapp-oct18-card p{font-size:clamp(11px,.9vw,15px)!important;line-height:1.75!important;color:#303947!important}
.cmapp-oct18 .cmapp-oct18-footer{position:relative;display:flex;gap:11px;align-items:center;max-width:1672px;margin:auto;padding:0 4% 30px;font-weight:900;font-size:clamp(18px,2vw,28px);color:#1c2026}
.cmapp-oct18 .cmapp-oct18-footer b{color:#ef5011}
.cmapp-oct18 .cmapp-oct18-footer:after{content:"";height:1px;background:#f88b59;flex:1;margin-left:15px}
.cmapp-oct18 .cmapp-oct18-flag{color:#f75a19;font-size:1.5em}
/* The approved image is kept intact on desktop. On phones we rearrange real text for readability. */
@media(max-width:800px){
 .cmapp-oct18-exact{display:none!important}
 .cmapp-oct18-responsive{display:block!important;background:linear-gradient(145deg,#fffefa,#fff1dc)!important}
 .cmapp-oct18-responsive .cmapp-oct18-edit-area{padding:31px 17px 24px}
 .cmapp-oct18-responsive .cmapp-oct18-copy{width:100%;max-width:none}
 .cmapp-oct18-responsive .cmapp-oct18-art{position:relative;width:100%;max-width:470px;margin:15px auto 3px;top:auto;right:auto;height:auto}
 .cmapp-oct18-responsive .cmapp-oct18-art img{width:100%;height:auto;max-height:none}
 .cmapp-oct18 .cmapp-oct18-label{font-size:12px!important;margin:0 0 16px!important;padding:8px 15px!important}
 .cmapp-oct18 h2.cmapp-oct18-head{font-size:clamp(27px,7vw,48px)!important;line-height:1.3!important;letter-spacing:-.055em!important;margin:0 0 15px!important}
 .cmapp-oct18 h2.cmapp-oct18-head>span{white-space:normal}
 .cmapp-oct18 .cmapp-oct18-lead{font-size:16px!important;line-height:1.6!important;margin:0 0 12px!important}
 .cmapp-oct18 .cmapp-oct18-body{font-size:13px!important;line-height:1.8!important;margin:0 0 14px!important}
 .cmapp-oct18 .cmapp-oct18-pills{gap:6px;margin:0 0 21px!important}
 .cmapp-oct18 .cmapp-oct18-pill{font-size:11px;padding:7px 10px}
 .cmapp-oct18 .cmapp-oct18-pill svg{width:15px;height:15px}
 .cmapp-oct18 .cmapp-oct18-process{padding-top:15px}
 .cmapp-oct18 .cmapp-oct18-process h3{font-size:clamp(20px,5.5vw,28px)!important;white-space:normal;margin:0 0 14px!important}
 .cmapp-oct18 .cmapp-oct18-cards{grid-template-columns:1fr;gap:9px}
 .cmapp-oct18 .cmapp-oct18-card{padding:13px 15px}
 .cmapp-oct18 .cmapp-oct18-cardhead h3{font-size:17px!important}
 .cmapp-oct18 .cmapp-oct18-card p{font-size:13px!important}
 .cmapp-oct18 .cmapp-oct18-footer{padding:0 17px 26px;font-size:18px}
}
@media(min-width:801px) and (max-width:1150px){
 .cmapp-oct18-editable .cmapp-oct18-copy{width:62%}
 .cmapp-oct18-editable .cmapp-oct18-edit-area{min-height:700px;padding-top:36px}
 .cmapp-oct18-editable .cmapp-oct18-art{right:-20px;width:48%}
 .cmapp-oct18 .cmapp-oct18-card{padding:10px}
}