/* Roundin: compact overview and independent case-study tabs. */
:root{--green:var(--rd-color-green);--ink:var(--rd-color-ink);--muted:var(--rd-color-muted);--line:var(--rd-color-line);scroll-padding-top:90px}
[hidden]{display:none!important}
.header{height:78px;background:#fffffff5;backdrop-filter:blur(10px)}
.header .wordmark img{width:140px}.navigation{font-size:var(--rd-font-size-14);gap:var(--rd-space-28)}.navigation>a[aria-current=page]{color:var(--green)}
.navigation .nav-cta{border-color:var(--line);padding:9px var(--rd-space-18)}.language-switch{border:0;gap:0;padding:0}.language-switch a{padding:var(--rd-space-6) 9px}.language-switch a[aria-current=page]{background:#ECEFEC;color:var(--green)}
.summary-page,.detail-page{font-size:var(--rd-font-size-16);line-height:var(--rd-font-line-1-75);color:var(--ink)}
.summary-page h1,.detail-page h1{font-size:clamp(var(--rd-font-size-40),4.1vw,58px);font-weight:var(--rd-font-weight-600);line-height:var(--rd-font-line-1-3);letter-spacing:-.05em}
.summary-page h2,.detail-page h2{font-size:clamp(var(--rd-font-size-30),3vw,var(--rd-font-size-42));font-weight:var(--rd-font-weight-600);line-height:var(--rd-font-line-1-35);letter-spacing:-.04em}
.summary-page h3,.detail-page h3{font-weight:var(--rd-font-weight-600);letter-spacing:-.03em}
.index-label{font-size:var(--rd-font-size-11);font-weight:var(--rd-font-weight-650);line-height:var(--rd-font-line-1-5);letter-spacing:.12em;color:var(--green);margin-bottom:var(--rd-space-20)}
.section-heading{align-items:end;gap:60px;margin-bottom:var(--rd-space-48)}.section-heading>div{min-width:0;flex:1}.section-lead{max-width:365px;flex:1;font-size:var(--rd-font-size-16);line-height:var(--rd-font-line-1-85);color:var(--muted)}
.solid-link,.line-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;font-size:var(--rd-font-size-14);font-weight:var(--rd-font-weight-600);line-height:var(--rd-font-line-1-4);transition:background .2s,color .2s}
.solid-link{padding:15px 25px;background:var(--green);color:white}.solid-link:hover{background:#294E3F}.line-link{border-bottom:1px solid #AAB5AD;padding:var(--rd-space-10) 0}.line-link:hover{border-color:var(--green);color:var(--green)}
.intro{display:grid;grid-template-columns:1.4fr 1fr;column-gap:70px;align-items:center;padding-top:78px;padding-bottom:var(--rd-space-30);min-height:660px}
.intro h1{margin-bottom:var(--rd-space-28)}.intro-body{font-size:var(--rd-font-size-17);color:var(--muted);line-height:var(--rd-font-line-1-9);max-width:530px}.intro-actions{display:flex;gap:var(--rd-space-28);align-items:center;margin-top:var(--rd-space-30)}
.intro-position{display:flex;gap:var(--rd-space-8);flex-wrap:wrap;grid-column:1/-1;border-top:1px solid var(--line);padding-top:var(--rd-space-24);margin-top:62px;font-size:var(--rd-font-size-14);color:var(--muted)}.intro-position>span{font-size:var(--rd-font-size-10);letter-spacing:.14em;color:var(--green);margin-right:auto;align-self:center}.intro-position strong{color:var(--ink);font-weight:var(--rd-font-weight-500)}
.hero-diagram{background:linear-gradient(115deg,#E0E3E2,#E6E8E7 60%,#E1E4E3);padding:var(--rd-space-32) var(--rd-space-30);position:relative;isolation:isolate;border:1px solid #D3D8D4}
.hero-diagram:before,.closing:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.09;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.45' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:-1}
.material-sources>p,.material-output>p{font-size:var(--rd-font-size-11);color:#56645C;margin-bottom:var(--rd-space-12)}.material-sources>div{display:flex;gap:var(--rd-space-6)}.material-sources span{font-size:var(--rd-font-size-13);background:#FFFFFF8A;border:1px solid #C9CFCA;padding:11px 13px;flex:1;text-align:center;white-space:nowrap}
.material-join{height:69px;position:relative;display:flex;justify-content:center;align-items:center}.material-join:before{content:"";width:1px;background:#A4B5AA;position:absolute;top:0;bottom:0;left:50%;z-index:-1}.material-join span{font-size:var(--rd-font-size-11);color:var(--green);background:#E3E6E4;padding:2px 9px}
.material-output{background:#FAFBFA;border:1px solid #BCC8BF;padding:19px var(--rd-space-22)}.material-output>div{display:flex;gap:var(--rd-space-14);align-items:center;padding:var(--rd-space-10) 0;border-top:1px solid #E2E7E3}.material-output>div span{font-size:var(--rd-font-size-10);color:#8B9E91}.material-output strong{font-size:var(--rd-font-size-15);font-weight:var(--rd-font-weight-550)}.material-output i{width:5px;height:5px;background:#638B74;border-radius:50%;margin-left:auto}
.workflow-section{background:#272D29;color:#F2F4F2;padding:76px 0 66px}.workflow-section .index-label{color:#99B5A5}.workflow-section .section-lead{color:#C1CBC3}
.flow-diagram{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;border-top:1px solid #536357;border-bottom:1px solid #536357}
.flow-diagram li{position:relative;padding:var(--rd-space-30) var(--rd-space-20) 34px 0;min-width:0}.flow-diagram li+li{padding-left:var(--rd-space-24);border-left:1px solid #536357}.flow-diagram li+li:before{content:"";position:absolute;width:7px;height:7px;border-right:1px solid #95AC9C;border-top:1px solid #95AC9C;transform:rotate(45deg);left:-5px;top:50%;background:#272D29;box-shadow:0 0 0 6px #272D29}
.flow-number{display:block;font-size:var(--rd-font-size-12);color:#9EBBA8;margin-bottom:var(--rd-space-24)}.flow-diagram h3{font-size:var(--rd-font-size-22);margin-bottom:var(--rd-space-12)}.flow-diagram p{font-size:var(--rd-font-size-13);color:#ADBEB1;line-height:var(--rd-font-line-1-65)}
.flow-diagram.is-visible li{animation:flow-in .75s both}.flow-diagram li:nth-child(2){animation-delay:.16s}.flow-diagram li:nth-child(3){animation-delay:.32s}.flow-diagram li:nth-child(4){animation-delay:.48s}
@keyframes flow-in{from{opacity:.2;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.flow-outcomes{display:flex;justify-content:space-between;gap:var(--rd-space-24);list-style:none;padding:var(--rd-space-24) 0 0;margin:0;font-size:var(--rd-font-size-13);color:#C1CBC3}.flow-outcomes li{display:flex;align-items:center;gap:var(--rd-space-10)}.flow-outcomes li:before{content:"";width:4px;height:4px;background:#95B6A0;flex-shrink:0}
.work-section{padding-top:var(--rd-space-80);padding-bottom:82px}.tab-strip{display:flex;gap:var(--rd-space-32);border-bottom:1px solid var(--line);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:2px 0 0}.tab-strip>[role=tab]{font-size:var(--rd-font-size-15);font-weight:var(--rd-font-weight-500);color:#69736B;white-space:nowrap;padding:13px 0 var(--rd-space-16);border-bottom:2px solid transparent;min-height:50px}.tab-strip>[aria-selected=true]{color:var(--green);border-color:var(--green);font-weight:var(--rd-font-weight-650)}.tab-strip a:hover{color:var(--green)}
.tab-panel{outline-offset:4px}.case-summary{display:grid;grid-template-columns:.85fr 1.4fr;gap:54px;align-items:center;padding-top:var(--rd-space-40);min-height:475px}.case-copy .index-label{font-size:var(--rd-font-size-10);margin-bottom:15px}.case-copy h3{font-size:var(--rd-font-size-29);line-height:var(--rd-font-line-1-4);margin-bottom:var(--rd-space-18)}.case-copy>p:not(.index-label){font-size:var(--rd-font-size-14);line-height:var(--rd-font-line-1-85);color:var(--muted)}.case-copy>.line-link{margin-top:var(--rd-space-18);font-size:var(--rd-font-size-13)}
.case-benefits{margin:var(--rd-space-22) 0 0;font-size:var(--rd-font-size-13);line-height:var(--rd-font-line-1-8)}.case-benefits>div{display:grid;grid-template-columns:88px 1fr;gap:var(--rd-space-12);margin-top:var(--rd-space-10)}.case-benefits dt{font-weight:var(--rd-font-weight-600);color:var(--green)}.case-benefits dd{margin:0;color:#4D5750}
.motion-frame{margin:0;background:#F1F3F1;border:1px solid #D1D8D2;overflow:hidden;box-shadow:0 16px 36px -28px #23362B55}.media-bar{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--rd-space-12);border-bottom:1px solid #DEE4DE;font-size:var(--rd-font-size-10);color:#5B6D5F;letter-spacing:.02em}.media-bar button{padding:5px 7px;font-size:var(--rd-font-size-10);color:#455C4D;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px}.motion-frame img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#FAFBFA}
.golf-diagram{background:linear-gradient(120deg,#E4E8E5,#ECF0ED);padding:var(--rd-space-44) 35px;border:1px solid #D4DCD5;min-height:330px;display:flex;flex-direction:column;justify-content:center}.golf-plan{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;border-bottom:1px solid #9FB5A6;padding-bottom:var(--rd-space-30);margin-bottom:35px}.golf-plan span{display:flex;position:relative;align-items:end;justify-content:center;height:98px;border:1px solid #A1B4A5;border-bottom:0;border-radius:55% 55% 0 0;padding:15px;font-size:var(--rd-font-size-10);color:#829C8A}.golf-plan span:before{content:"";position:absolute;left:50%;top:18px;bottom:40px;border-left:1px dashed #B7C5BB}.golf-nodes{display:flex;gap:var(--rd-space-20);justify-content:space-between}.golf-nodes>div{position:relative;display:flex;flex-direction:column;gap:7px}.golf-nodes span{font-size:var(--rd-font-size-10);color:#698D77}.golf-nodes strong{font-size:var(--rd-font-size-15);font-weight:var(--rd-font-weight-600)}
.approach-section{background:#F0F2F0;padding:var(--rd-space-72) 0}.process-diagram{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;margin:0 0 var(--rd-space-28);position:relative}.process-diagram li{position:relative;border-top:1px solid #A3B1A7;padding:var(--rd-space-26) 25px var(--rd-space-16) 0}.process-diagram li:before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;background:var(--green)}.process-diagram li+li{padding-left:var(--rd-space-20)}.process-diagram li+li:before{left:20px}.step-index{font-size:var(--rd-font-size-11);color:var(--green);display:block;margin-bottom:21px}.process-diagram h3{font-size:var(--rd-font-size-23);margin-bottom:var(--rd-space-12)}.step-output{font-size:var(--rd-font-size-13);color:var(--muted);line-height:var(--rd-font-line-1-7);display:block}.process-diagram.expanded p{font-size:var(--rd-font-size-15);line-height:var(--rd-font-line-1-9);color:var(--muted);margin:var(--rd-space-20) 0 var(--rd-space-26)}.expanded .step-output{font-size:var(--rd-font-size-13);border-top:1px solid var(--line);padding-top:var(--rd-space-18);color:var(--green)}
.team-section{padding-top:var(--rd-space-72);padding-bottom:var(--rd-space-80);background:white;color:var(--ink);border:0}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--rd-space-64)}.people-grid article{border-top:1px solid var(--line);padding-top:var(--rd-space-24)}.person-heading{display:flex;align-items:baseline;gap:var(--rd-space-20);margin-bottom:var(--rd-space-18)}.person-heading h3{font-size:var(--rd-font-size-25)}.person-heading>p{color:var(--green);font-size:var(--rd-font-size-12)}.people-grid article>p{font-size:var(--rd-font-size-15);line-height:var(--rd-font-line-1-9);color:var(--muted)}
.closing{background:linear-gradient(110deg,#DDE1DF,#E4E7E5 60%,#DDE2DE);padding:52px 0;position:relative;isolation:isolate}.closing .container{display:flex;align-items:center;justify-content:space-between;gap:var(--rd-space-30)}.closing .index-label{margin-bottom:13px;font-size:var(--rd-font-size-10)}.closing h2{font-size:var(--rd-font-size-32)}.closing p:not(.index-label){font-size:var(--rd-font-size-15);color:#5C6E61;margin-top:15px}.closing .solid-link{min-width:140px}
.footer{grid-template-columns:.9fr 2fr;gap:35px;padding-top:var(--rd-space-30);padding-bottom:var(--rd-space-26)}.footer .wordmark img{width:117px}.footer .footer-brand>p{font-size:var(--rd-font-size-12);margin-top:var(--rd-space-12)}.footer-company h2{font-size:var(--rd-font-size-13);margin-bottom:var(--rd-space-10)}.footer-company dl{display:flex;flex-wrap:wrap;gap:5px var(--rd-space-22);font-size:var(--rd-font-size-11)}.footer-company dl>div{display:flex;gap:var(--rd-space-8)}.footer .footer-company>.copyright{margin-top:13px;font-size:var(--rd-font-size-10)}.back-top{display:none}
.detail-intro{padding:62px 0 42px}.detail-intro h1{font-size:var(--rd-font-size-44);line-height:var(--rd-font-line-1-4);margin-bottom:var(--rd-space-18)}.detail-intro>p:not(.index-label){font-size:var(--rd-font-size-16);color:var(--muted)}.case-browser>.case-tabs-row{position:sticky;top:78px;z-index:5;background:#fffffff5;padding-top:var(--rd-space-10);backdrop-filter:blur(10px)}.case-detail-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:45px 0 var(--rd-space-36)}.case-detail-intro h2{font-size:var(--rd-font-size-34)}.case-detail-intro>div>p:not(.index-label){font-size:var(--rd-font-size-15);color:var(--muted);margin-top:var(--rd-space-18);line-height:var(--rd-font-line-1-9)}.case-detail-intro>div>.client-name{font-size:var(--rd-font-size-11);color:var(--green);border-left:2px solid #A8BDB0;padding-left:var(--rd-space-12)}.case-detail-intro .case-benefits{font-size:var(--rd-font-size-14);margin-top:0;align-self:center}.case-detail-intro .case-benefits>div{margin-top:var(--rd-space-16);grid-template-columns:105px 1fr}.detail-motion{max-width:820px;margin:0 auto var(--rd-space-44)}.step-browser{padding-top:0;margin-bottom:75px}.step-browser .tab-strip{gap:var(--rd-space-24)}.step-browser .tab-strip>[role=tab]{font-size:var(--rd-font-size-13)}.screen-panel{padding-top:27px}.step-description{margin:0 0 var(--rd-space-24);text-align:left}.step-description>p{font-size:var(--rd-font-size-15);line-height:var(--rd-font-line-1-9);color:var(--muted)}.download-links{display:flex;flex-wrap:wrap;gap:var(--rd-space-20);margin-top:var(--rd-space-16)}.download-links a{font-size:var(--rd-font-size-12);border-bottom:1px solid #B5C5B9;color:var(--green)}
.screen-grid{display:grid;grid-template-columns:1fr;gap:var(--rd-space-20);background:#F1F3F1;border:1px solid #E1E6E1;padding:var(--rd-space-24)}.screen-grid.pair{grid-template-columns:1fr 1fr}.screen-view{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:0;padding:0 0 38px;min-width:0;height:480px;overflow:hidden}.screen-view img{object-fit:contain;width:auto;height:auto;max-width:100%;max-height:100%;display:block;box-shadow:0 2px 10px #253C2B0A}.screen-view>span{position:absolute;bottom:0;right:0;font-size:var(--rd-font-size-11);color:var(--green);border-bottom:1px solid #B5C5B9;padding:var(--rd-space-4) 0}.screen-view:hover>span{border-color:var(--green)}
.detail-page .golf-diagram{margin-bottom:65px;max-width:850px;min-height:350px}.approach-tabs{padding-bottom:var(--rd-space-80);min-height:570px}.approach-tabs>.tab-panel{padding-top:42px}.deliverable-list{margin-bottom:var(--rd-space-26)}.deliverable-list article{display:grid;grid-template-columns:65px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.deliverable-list article:first-child{padding-top:0}.deliverable-list h2{font-size:var(--rd-font-size-24);margin-bottom:var(--rd-space-12)}.deliverable-list p{color:var(--muted);font-size:var(--rd-font-size-15);line-height:var(--rd-font-line-1-9);max-width:820px}.approach-tabs .faq-list{border:0;margin:0}.faq-list summary:after{content:'+';font-size:var(--rd-font-size-24);font-weight:300;color:var(--green)}.faq-list details[open] summary:after{content:'−'}
#zoom-dialog{padding:0;border:1px solid #C7D2CA;width:min(1280px,94vw);max-width:94vw;max-height:92vh;color:var(--ink);background:#F5F7F5;overscroll-behavior:contain}#zoom-dialog::backdrop{background:#14241BDC;backdrop-filter:blur(3px)}.zoom-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:var(--rd-space-14) var(--rd-space-20);gap:var(--rd-space-20);background:white;border-bottom:1px solid var(--line);font-size:var(--rd-font-size-14)}.zoom-dialog-head button{background:transparent;border:1px solid #CAD5CC;padding:var(--rd-space-6) 15px;font-size:var(--rd-font-size-13)}.zoom-dialog-scroll{padding:var(--rd-space-18);overflow:auto;max-height:calc(92vh - 64px);overscroll-behavior:contain}.zoom-dialog-scroll img{max-width:none;height:auto;margin:0 auto}.zoom-open{overflow:hidden}
html[lang=ja] .summary-page h1{font-size:clamp(var(--rd-font-size-36),3.8vw,var(--rd-font-size-54))}html[lang=ja] .summary-page h2{font-size:var(--rd-font-size-36)}html[lang=ja] .case-copy h3{font-size:var(--rd-font-size-25)}html[lang=ja] .flow-diagram h3{font-size:var(--rd-font-size-20)}html[lang=ja] .case-benefits>div{grid-template-columns:110px 1fr}html[lang=ja] .intro-position{font-size:var(--rd-font-size-13)}html[lang=ja] .footer-company dl>div{display:flex}
@media(min-width:1600px){.intro{min-height:710px}}
@media(max-width:1100px){.intro{column-gap:var(--rd-space-36)}.hero-diagram{padding:var(--rd-space-26) var(--rd-space-22)}.case-summary{gap:var(--rd-space-32);grid-template-columns:1fr 1.15fr}.section-heading{gap:35px}.case-copy h3{font-size:var(--rd-font-size-26)}.people-grid{gap:var(--rd-space-40)}.person-heading{display:block}.person-heading>p{margin-top:var(--rd-space-10)}.case-detail-intro{gap:var(--rd-space-30)}}
@media(max-width:760px){
 :root{scroll-padding-top:78px}.container{padding-left:var(--rd-space-22);padding-right:var(--rd-space-22)}.header{height:66px}.header .wordmark img{width:117px}.header-inner{gap:13px}.navigation{top:66px}.menu-toggle{font-size:var(--rd-font-size-12)}.language-switch{font-size:var(--rd-font-size-11)}.language-switch a{padding:5px var(--rd-space-6)}
 .summary-page h1,.detail-page h1{font-size:clamp(var(--rd-font-size-29),7.8vw,var(--rd-font-size-43));line-height:var(--rd-font-line-1-38);letter-spacing:-.055em}.summary-page h2,.detail-page h2{font-size:var(--rd-font-size-29);line-height:var(--rd-font-line-1-4)}.index-label{font-size:var(--rd-font-size-10);margin-bottom:17px}
 .section-heading{display:block;margin-bottom:var(--rd-space-28)}.section-lead{font-size:var(--rd-font-size-14);line-height:var(--rd-font-line-1-85);margin-top:var(--rd-space-20);max-width:100%}.intro{display:grid;grid-template-columns:1fr;gap:0;padding-top:42px;padding-bottom:25px;min-height:0}.intro h1{margin-bottom:21px}.intro-body{font-size:var(--rd-font-size-14);line-height:var(--rd-font-line-1-9)}.intro-actions{margin-top:var(--rd-space-24);gap:25px}.solid-link,.line-link{font-size:var(--rd-font-size-13);min-height:44px}.solid-link{padding:13px var(--rd-space-20)}
 .hero-diagram{margin-top:var(--rd-space-32);padding:var(--rd-space-20) var(--rd-space-22);display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--rd-space-22);align-items:center}.material-sources>p,.material-output>p{font-size:var(--rd-font-size-9);margin-bottom:7px}.material-sources>div{display:grid;gap:var(--rd-space-4)}.material-sources span{font-size:var(--rd-font-size-11);padding:5px var(--rd-space-10)}.material-join{display:none}.material-output{padding:11px 13px}.material-output>div{padding:var(--rd-space-8) 0;gap:7px}.material-output strong{font-size:var(--rd-font-size-11)}.material-output>div span{font-size:var(--rd-font-size-8)}.material-output i{width:3px;height:3px}.intro-position{font-size:var(--rd-font-size-12);gap:0 var(--rd-space-4);line-height:var(--rd-font-line-1-85);margin-top:27px;padding-top:var(--rd-space-18);display:block}.intro-position>span{display:block;font-size:var(--rd-font-size-9);margin-bottom:var(--rd-space-4)}.intro-position strong{font-weight:var(--rd-font-weight-500)}
 .workflow-section{padding:var(--rd-space-48) 0 38px}.flow-diagram{grid-template-columns:1fr 1fr}.flow-diagram li,.flow-diagram li+li{padding:21px var(--rd-space-10) var(--rd-space-22) 0;border-left:0}.flow-diagram li:nth-child(even){padding-left:var(--rd-space-18);border-left:1px solid #536357}.flow-diagram li:nth-child(n+3){border-top:1px solid #536357}.flow-diagram li:nth-child(3):before{display:none}.flow-number{font-size:var(--rd-font-size-10);margin-bottom:15px}.flow-diagram h3{font-size:var(--rd-font-size-19);margin-bottom:var(--rd-space-8)}.flow-diagram p{font-size:var(--rd-font-size-11);line-height:var(--rd-font-line-1-8)}.flow-outcomes{display:block;font-size:var(--rd-font-size-11);padding-top:var(--rd-space-18)}.flow-outcomes li+li{margin-top:7px}
 .work-section{padding-top:47px;padding-bottom:50px}.work-section .section-lead{font-size:var(--rd-font-size-13)}.tab-strip{gap:25px}.tab-strip>[role=tab]{font-size:var(--rd-font-size-13);padding:11px 0 13px;min-height:45px}.case-summary{display:flex;flex-direction:column;align-items:stretch;gap:23px;padding-top:var(--rd-space-24);min-height:0}.case-copy .index-label{font-size:var(--rd-font-size-9);margin-bottom:var(--rd-space-12)}.case-copy h3{font-size:var(--rd-font-size-25);margin-bottom:var(--rd-space-14)}.case-copy>p:not(.index-label){font-size:var(--rd-font-size-13);line-height:var(--rd-font-line-1-9)}.case-benefits{font-size:var(--rd-font-size-12);margin-top:15px}.case-benefits>div{grid-template-columns:77px 1fr;gap:var(--rd-space-8);margin-top:7px}.case-copy>.line-link{margin-top:var(--rd-space-12);font-size:var(--rd-font-size-12);min-height:39px}.media-bar{font-size:var(--rd-font-size-9);height:30px;padding:0 var(--rd-space-10)}.media-bar button{font-size:var(--rd-font-size-9)}.case-visual{order:-1}.case-visual .golf-diagram{min-height:210px;padding:23px}.golf-plan{margin-bottom:var(--rd-space-20);padding-bottom:17px;gap:var(--rd-space-6)}.golf-plan span{height:70px;padding:var(--rd-space-10)}.golf-plan span:before{bottom:29px;top:13px}.golf-nodes strong{font-size:var(--rd-font-size-12)}.golf-nodes span{font-size:var(--rd-font-size-9)}.golf-nodes{gap:var(--rd-space-10)}
 .approach-section{padding:45px 0}.process-diagram{grid-template-columns:1fr 1fr;margin-bottom:var(--rd-space-18);row-gap:var(--rd-space-22)}.process-diagram li,.process-diagram li+li{padding:var(--rd-space-20) var(--rd-space-16) 0 0}.process-diagram li:nth-child(even){padding-left:15px}.process-diagram li+li:before{left:0}.process-diagram li:nth-child(even):before{left:15px}.step-index{font-size:var(--rd-font-size-10);margin-bottom:var(--rd-space-14)}.process-diagram h3{font-size:var(--rd-font-size-21);margin-bottom:var(--rd-space-10)}.step-output{font-size:var(--rd-font-size-11);line-height:var(--rd-font-line-1-8)}
 .team-section{padding-top:45px;padding-bottom:var(--rd-space-48)}.people-grid{grid-template-columns:1fr;gap:23px}.people-grid article{padding-top:19px}.person-heading{display:flex;gap:17px;margin-bottom:var(--rd-space-12)}.person-heading h3{font-size:var(--rd-font-size-22)}.person-heading>p{font-size:var(--rd-font-size-10);margin:0}.people-grid article>p{font-size:var(--rd-font-size-13);line-height:var(--rd-font-line-1-9)}
 .closing{padding:38px 0}.closing .container{display:block}.closing .index-label{font-size:var(--rd-font-size-9);margin-bottom:13px}.closing h2{font-size:var(--rd-font-size-25)}.closing p:not(.index-label){font-size:var(--rd-font-size-13);margin-top:var(--rd-space-12)}.closing .solid-link{margin-top:var(--rd-space-22);min-width:108px}.footer{grid-template-columns:1fr;padding-top:27px;padding-bottom:27px;gap:var(--rd-space-24)}.footer-brand{display:flex;align-items:center;gap:var(--rd-space-18)}.footer .wordmark img{width:92px}.footer .footer-brand>p{font-size:var(--rd-font-size-10);margin:0}.footer-company dl{display:grid;gap:var(--rd-space-4);font-size:var(--rd-font-size-10)}.footer-company dl>div{display:grid;grid-template-columns:77px 1fr;gap:9px}.footer-company h2{font-size:var(--rd-font-size-12)}.footer .footer-company>.copyright{font-size:var(--rd-font-size-9);margin-top:var(--rd-space-12)}
 .detail-intro{padding:37px 0 var(--rd-space-28)}.detail-intro h1{font-size:var(--rd-font-size-30);margin-bottom:17px}.detail-intro>p:not(.index-label){font-size:var(--rd-font-size-14)}.case-browser>.case-tabs-row{top:66px;gap:25px;padding-top:7px}.case-detail-intro{display:block;padding:27px 0 var(--rd-space-28)}.case-detail-intro h2{font-size:var(--rd-font-size-27)}.case-detail-intro>div>p:not(.index-label){font-size:var(--rd-font-size-14);margin-top:15px}.case-detail-intro>div>.client-name{font-size:var(--rd-font-size-10);margin-top:var(--rd-space-18)}.case-detail-intro .case-benefits{font-size:var(--rd-font-size-12);margin-top:21px}.case-detail-intro .case-benefits>div{grid-template-columns:83px 1fr;margin-top:9px}.detail-motion{margin-bottom:var(--rd-space-30)}.step-browser{margin-bottom:45px}.step-browser .tab-strip{gap:21px}.step-browser .tab-strip>[role=tab]{font-size:var(--rd-font-size-12)}.step-description{margin:0 0 var(--rd-space-18)}.step-description>p{font-size:var(--rd-font-size-13);line-height:var(--rd-font-line-1-9)}.screen-panel{padding-top:var(--rd-space-22)}.screen-grid{padding:var(--rd-space-12);gap:var(--rd-space-16)}.screen-grid.pair{grid-template-columns:1fr 1fr}.screen-view{height:300px;padding-bottom:var(--rd-space-32)}.screen-grid.pair .screen-view{height:245px}.screen-view>span{font-size:var(--rd-font-size-10)}.download-links{margin-top:15px;gap:var(--rd-space-20);flex-wrap:wrap}.download-links a{font-size:var(--rd-font-size-11)}.detail-page .golf-diagram{padding:var(--rd-space-28);min-height:270px;margin-bottom:var(--rd-space-40)}
 .approach-tabs{padding-bottom:43px;min-height:530px}.approach-tabs>.tab-panel{padding-top:var(--rd-space-28)}.process-diagram.expanded{grid-template-columns:1fr}.expanded li,.expanded li+li,.expanded li:nth-child(even){padding:var(--rd-space-22) 0 0}.expanded li:before,.expanded li:nth-child(even):before{left:0}.process-diagram.expanded p{font-size:var(--rd-font-size-14);margin:13px 0 var(--rd-space-16)}.expanded .step-output{padding-top:var(--rd-space-12);font-size:var(--rd-font-size-12)}.deliverable-list article{grid-template-columns:27px 1fr;gap:15px;padding:var(--rd-space-22) 0}.deliverable-list h2{font-size:var(--rd-font-size-22)}.deliverable-list p{font-size:var(--rd-font-size-13)}.approach-tabs .faq-list summary{font-size:var(--rd-font-size-14);line-height:var(--rd-font-line-1-8);padding:19px 0}.approach-tabs .faq-list details>p{font-size:var(--rd-font-size-13);padding-bottom:var(--rd-space-20)}
 html[lang=ja] .summary-page h1{font-size:clamp(var(--rd-font-size-27),7.3vw,var(--rd-font-size-38))}html[lang=ja] .summary-page h2{font-size:var(--rd-font-size-27)}html[lang=ja] .case-copy h3{font-size:var(--rd-font-size-23)}html[lang=ja] .flow-diagram h3{font-size:var(--rd-font-size-17)}html[lang=ja] .case-benefits>div{grid-template-columns:91px 1fr}html[lang=ja] .intro-position{font-size:var(--rd-font-size-12)}html[lang=ja] .person-heading{display:block}html[lang=ja] .person-heading>p{margin-top:var(--rd-space-8)}html[lang=ja] .footer-company dl>div{display:grid;grid-template-columns:1fr;gap:0}html[lang=ja] .footer-company dt{display:none}html[lang=ja] .closing h2{font-size:var(--rd-font-size-24)}
}
@media(prefers-reduced-motion:reduce){.flow-diagram.is-visible li{animation:none}}

/* Preview feedback: industry-neutral diagrams, illustrated cards, and accessible stage details. */
html,html[lang=ja]{font-family:var(--rd-font-family),-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}
button,input,textarea,select,svg text{font-family:inherit}
.summary-page p,.detail-page p{white-space:pre-line}
.index-label{letter-spacing:.035em}
.intro{min-height:605px;padding-top:var(--rd-space-72);padding-bottom:var(--rd-space-72);column-gap:54px;grid-template-columns:1.4fr 1fr}
.intro h1{font-size:clamp(var(--rd-font-size-36),3.65vw,var(--rd-font-size-52));letter-spacing:-.045em}
.intro-body{font-size:var(--rd-font-size-16);line-height:var(--rd-font-line-1-9)}
.hero-diagram{border-radius:var(--rd-radius-20);border-color:#C0CCC4;padding:var(--rd-space-26);box-shadow:inset 0 0 0 6px #E8ECE966}
.context-label{font-size:var(--rd-font-size-13);font-weight:var(--rd-font-weight-600);color:var(--green);margin-bottom:var(--rd-space-24)}
.material-sources span{border-radius:var(--rd-radius-7);font-size:var(--rd-font-size-12);padding:var(--rd-space-10) 5px}
.material-join{height:40px}
.material-join:after{content:'';width:6px;height:6px;border-right:1px solid #8AA190;border-bottom:1px solid #8AA190;transform:rotate(45deg);position:absolute;bottom:7px}
.material-output{border-radius:var(--rd-radius-10);padding:17px 19px}
.material-output strong{font-size:var(--rd-font-size-14)}.material-output>div{gap:var(--rd-space-10)}
.workflow-section{padding:62px 0}.workflow-section .section-heading{margin-bottom:34px}
.flow-diagram{border:0;gap:var(--rd-space-28)}
.flow-diagram li,.flow-diagram li+li{background:#E9EEE9;border:0;padding:var(--rd-space-12) var(--rd-space-16) var(--rd-space-22);border-radius:var(--rd-radius-14);color:var(--ink)}
.flow-diagram li+li:before{left:-18px;top:50%;width:6px;height:6px;background:none;border-color:#AEC1B3;box-shadow:none}
.flow-art{display:block;width:100%;height:143px;margin-bottom:var(--rd-space-12)}
.flow-card-copy{position:relative}.flow-number{color:#667E6D;font-size:var(--rd-font-size-10);margin-bottom:7px}
.flow-diagram h3{font-size:var(--rd-font-size-21);margin-bottom:var(--rd-space-8)}.flow-diagram p{font-size:var(--rd-font-size-12);line-height:var(--rd-font-line-1-7);color:#5D6F62}
.approach-section{padding:var(--rd-space-64) 0}.approach-section .section-heading{margin-bottom:var(--rd-space-32)}
.process-diagram{gap:var(--rd-space-26);margin:0 0 25px}
.process-diagram li,.process-diagram li+li{border:0;padding:var(--rd-space-10) 0 0;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.process-diagram li:before{display:none}
.process-diagram:not(.expanded):before{content:'';position:absolute;top:84px;left:12%;right:12%;border-top:1px solid #C6D2CA}
.process-orb{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;width:148px;height:148px;border-radius:50%;background:#E4EBE5;color:#2D5140;border:1px solid #AEC1B2;margin:0 0 23px;cursor:pointer}
.process-orb:before,.process-orb:after{content:'';position:absolute;inset:0;border:1px solid #749D83;border-radius:50%;pointer-events:none;animation:orb-pulse 3.6s ease-out infinite}
.process-orb:after{animation-delay:1.8s}.process-diagram li:nth-child(2) .process-orb:before{animation-delay:.5s}.process-diagram li:nth-child(3) .process-orb:before{animation-delay:1s}.process-diagram li:nth-child(4) .process-orb:before{animation-delay:1.5s}
.process-orb:hover,.process-orb[aria-expanded=true]{background:#D8E4DB;border-color:var(--green)}
.process-orb:focus-visible{outline:2px solid var(--green);outline-offset:7px}
.process-orb .step-index{font-size:var(--rd-font-size-11);margin-bottom:9px}.orb-title{font-size:var(--rd-font-size-20);font-weight:var(--rd-font-weight-600);letter-spacing:-.035em}
.process-diagram .step-output{max-width:205px;font-size:var(--rd-font-size-12);line-height:var(--rd-font-line-1-7)}
@keyframes orb-pulse{0%{transform:scale(1);opacity:.3}65%,100%{transform:scale(1.24);opacity:0}}
.process-note{position:fixed;z-index:1000;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;background:var(--rd-color-white);box-shadow:0 12px 48px #203A2833;border:1px solid #C7D5CB;border-radius:var(--rd-radius-13);padding:var(--rd-space-18);text-align:left;color:var(--ink)}
.process-note>strong{display:block;font-size:var(--rd-font-size-16);font-weight:var(--rd-font-weight-650)}.process-note>p{font-size:var(--rd-font-size-13);line-height:var(--rd-font-line-1-75);color:var(--muted);margin:var(--rd-space-8) 0 var(--rd-space-14)}
.process-example{margin:0}.process-example img,.guide-art{display:block;width:100%;height:auto;border-radius:var(--rd-radius-7);background:#E7EDE8}
.process-example img{height:152px;object-fit:contain}
.process-example figcaption,.example-caption{font-size:var(--rd-font-size-11);color:var(--muted);margin:var(--rd-space-8) 0 0;line-height:var(--rd-font-line-1-6)}
.approach-sections{padding-bottom:var(--rd-space-72)}.approach-sections>section{padding:42px 0;border-top:1px solid var(--line)}
.detail-page .approach-heading{font-size:var(--rd-font-size-28);margin-bottom:var(--rd-space-30)}
.process-diagram.expanded{grid-template-columns:1fr 1fr;gap:var(--rd-space-24)}
.process-diagram.expanded li{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;background:#F1F4F1;border-radius:var(--rd-radius-12);padding:25px;text-align:left}
.expanded .step-index{margin-bottom:13px}.process-diagram.expanded h3{font-size:var(--rd-font-size-23);margin-bottom:0}
.process-diagram.expanded p{font-size:var(--rd-font-size-14);line-height:var(--rd-font-line-1-85);margin:var(--rd-space-12) 0 var(--rd-space-18)}.expanded .step-output{font-size:var(--rd-font-size-11);max-width:none;padding-top:var(--rd-space-12)}
.expanded .process-example img{height:auto;max-height:150px}.expanded .process-example figcaption{font-size:var(--rd-font-size-10)}
.deliverable-list article{grid-template-columns:1fr 1.2fr;gap:70px;padding:var(--rd-space-32) 0;align-items:center}
.deliverable-list h3{font-size:var(--rd-font-size-26);margin-bottom:15px}.deliverable-list .step-index{margin-bottom:var(--rd-space-14)}.deliverable-list p{font-size:var(--rd-font-size-15)}
.deliverable-example{min-width:0;background:#F1F4F1;padding:var(--rd-space-20);border-radius:var(--rd-radius-12)}
.deliverable-example .screen-view{height:260px}.deliverable-example .example-caption{font-size:var(--rd-font-size-11);margin-top:var(--rd-space-10)}
.deliverable-example .guide-art{max-height:260px}
.approach-sections .faq-list{border:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:55px;row-gap:var(--rd-space-30)}
.faq-list article{border-top:1px solid var(--line);padding-top:var(--rd-space-20)}.faq-list article h3{font-size:var(--rd-font-size-17);line-height:var(--rd-font-line-1-6);margin-bottom:13px}.faq-list article p{font-size:var(--rd-font-size-14);line-height:var(--rd-font-line-1-9);color:var(--muted)}
.screen-figure{margin:0;min-width:0}.screen-figure>figcaption{font-size:var(--rd-font-size-12);line-height:var(--rd-font-line-1-6);color:var(--muted);margin-top:9px;text-align:center}
.screen-view{width:100%}.screen-view>.screen-crop{position:static;display:block;width:100%;max-width:630px;aspect-ratio:765/535;border:0;padding:0;overflow:hidden}
.screen-view>.screen-crop img{width:100%;height:auto;max-height:none;object-fit:initial;box-shadow:none}
.zoom-image-viewport{overflow:hidden;margin:0 auto}.zoom-caption{font-size:var(--rd-font-size-12);color:var(--muted);margin:var(--rd-space-12) 0 0}
@media(max-width:1100px){.intro{column-gap:34px}.intro h1{font-size:39px}.hero-diagram{padding:23px}.flow-diagram{gap:var(--rd-space-22)}.flow-diagram li+li:before{left:-15px}.flow-diagram h3{font-size:var(--rd-font-size-19)}.process-diagram.expanded li{grid-template-columns:1fr}.expanded .process-example{max-width:310px}.deliverable-list article{gap:var(--rd-space-40)}}
@media(max-width:760px){
 .intro{grid-template-columns:1fr;padding-top:var(--rd-space-44);padding-bottom:38px;min-height:0}.intro h1{font-size:clamp(var(--rd-font-size-29),7.7vw,var(--rd-font-size-42))}.intro-body{font-size:var(--rd-font-size-14)}
 .hero-diagram{margin-top:var(--rd-space-30);padding:var(--rd-space-20);gap:0;grid-template-columns:1fr 1.45fr;column-gap:var(--rd-space-18);border-radius:15px}.context-label{grid-column:1/-1;font-size:var(--rd-font-size-11);margin-bottom:15px}.material-sources span{font-size:var(--rd-font-size-11);padding:9px var(--rd-space-4)}.material-output{padding:var(--rd-space-10) var(--rd-space-12)}.material-output strong{font-size:var(--rd-font-size-11)}.material-output>div{gap:5px;padding:var(--rd-space-8) 0}.material-output>p{font-size:var(--rd-font-size-9)}
 .workflow-section{padding:var(--rd-space-44) 0}.workflow-section .section-heading{margin-bottom:27px}.flow-diagram{grid-template-columns:1fr 1fr;gap:var(--rd-space-18) var(--rd-space-22)}.flow-diagram li,.flow-diagram li+li,.flow-diagram li:nth-child(even),.flow-diagram li:nth-child(n+3){padding:var(--rd-space-10) 13px var(--rd-space-18);border:0;border-radius:11px}
 .flow-diagram li:nth-child(3):before{display:none}.flow-art{height:100px;margin-bottom:var(--rd-space-8)}.flow-number{font-size:var(--rd-font-size-9);margin-bottom:var(--rd-space-6)}.flow-diagram h3{font-size:var(--rd-font-size-17);line-height:var(--rd-font-line-1-5);margin-bottom:7px}.flow-diagram p{font-size:var(--rd-font-size-11);line-height:var(--rd-font-line-1-7)}
 .approach-section{padding:var(--rd-space-44) 0}.approach-section .section-heading{margin-bottom:var(--rd-space-20)}.process-diagram{gap:var(--rd-space-20) 15px;margin-bottom:var(--rd-space-22)}.process-diagram li,.process-diagram li+li,.process-diagram li:nth-child(even){padding:var(--rd-space-8) 0 0}.process-diagram:not(.expanded):before{display:none}.process-orb{width:117px;height:117px;margin-bottom:17px}.orb-title{font-size:var(--rd-font-size-18)}.process-orb .step-index{font-size:var(--rd-font-size-10);margin-bottom:7px}.process-diagram .step-output{font-size:var(--rd-font-size-10);max-width:150px}
 .process-note{width:315px;padding:var(--rd-space-16)}.process-note>strong{font-size:var(--rd-font-size-15)}.process-note>p{font-size:var(--rd-font-size-12)}.process-example img{height:135px}.process-example .guide-art{max-height:158px}.process-example figcaption{font-size:var(--rd-font-size-10)}
 .approach-sections{padding-bottom:var(--rd-space-30)}.approach-sections>section{padding:var(--rd-space-30) 0}.detail-page .approach-heading{font-size:var(--rd-font-size-25);margin-bottom:var(--rd-space-24)}.process-diagram.expanded{grid-template-columns:1fr;gap:var(--rd-space-16)}.process-diagram.expanded li{padding:var(--rd-space-20);gap:19px;grid-template-columns:1fr}.expanded .step-index{margin-bottom:9px}.process-diagram.expanded p{font-size:var(--rd-font-size-13);margin:var(--rd-space-10) 0 var(--rd-space-14)}.expanded .process-example{width:100%;max-width:none}.expanded .process-example img,.expanded .guide-art{height:145px;object-fit:contain}.expanded .step-output{font-size:var(--rd-font-size-11);max-width:none}
 .deliverable-list article{grid-template-columns:1fr;gap:var(--rd-space-20);padding:25px 0}.deliverable-list h3{font-size:var(--rd-font-size-23);margin-bottom:var(--rd-space-12)}.deliverable-list p{font-size:var(--rd-font-size-13)}.deliverable-example{padding:15px}.deliverable-example .screen-view{height:240px}.deliverable-example .example-caption{font-size:var(--rd-font-size-10)}
 .approach-sections .faq-list{grid-template-columns:1fr;gap:25px}.faq-list article h3{font-size:var(--rd-font-size-16)}.faq-list article p{font-size:var(--rd-font-size-13)}
 .screen-view>.screen-crop{max-width:380px}.screen-figure>figcaption{font-size:var(--rd-font-size-10)}
 html[lang=ja] .intro h1{font-size:clamp(var(--rd-font-size-27),7.3vw,var(--rd-font-size-38))}html[lang=ja] .flow-diagram h3{font-size:var(--rd-font-size-16)}html[lang=ja] .orb-title{font-size:var(--rd-font-size-17)}
 .footer-brand{align-items:flex-start}.footer .footer-brand>p{max-width:210px;line-height:var(--rd-font-line-1-8)}
}
@media(max-width:360px){.hero-diagram{padding:var(--rd-space-16);column-gap:var(--rd-space-12)}.material-output{padding:9px}.material-output strong{font-size:var(--rd-font-size-10)}.material-output>div span{display:none}.flow-diagram{gap:var(--rd-space-16)}.flow-diagram li+li:before{left:-11px}.flow-diagram h3{font-size:var(--rd-font-size-16)}.flow-art{height:88px}}
@media(prefers-reduced-motion:reduce){.process-orb:before,.process-orb:after{animation:none;display:none}}

/* Knowledge -> application -> business value. */
.tab-panel:focus{outline:0}.tab-panel:focus-visible{outline:1px solid #C6D2CA;outline-offset:5px}
.hero-diagram{display:block}
.material-context{display:flex;flex-direction:column;align-items:center;gap:var(--rd-space-8);margin:var(--rd-space-10) 0}
.material-context:before,.material-context:after{content:'';display:block;width:8px;height:15px;background:#8AA091;clip-path:polygon(42% 0,58% 0,58% 68%,100% 68%,50% 100%,0 68%,42% 68%)}
.material-context>span{padding:var(--rd-space-10) var(--rd-space-24);border:1px solid #A8BEB0;border-radius:var(--rd-radius-7);background:#D9E4DC;color:#335640;font-size:var(--rd-font-size-13);font-weight:var(--rd-font-weight-600);min-width:74%;text-align:center}
.material-output>div:first-child{border-top:0}.material-output{padding-top:var(--rd-space-10);padding-bottom:var(--rd-space-10)}
.section-heading>.section-lead{white-space:normal}
.workflow-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--rd-space-32);list-style:none;margin:0;padding:0}
.workflow-step{position:relative;min-width:0;display:flex}
.workflow-card{width:100%;overflow:hidden;display:flex;flex-direction:column;border:1px solid #CCD5CE;border-radius:var(--rd-radius-12);background:#E9EEE9;color:var(--ink)}
.workflow-illustration{padding:var(--rd-space-8) var(--rd-space-10) 0;aspect-ratio:1.25;min-width:0;display:flex;align-items:center;justify-content:center}
.workflow-illustration img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:darken}
.workflow-copy{padding:var(--rd-space-8) var(--rd-space-20) var(--rd-space-24)}
.workflow-number{display:block;font-size:var(--rd-font-size-10);color:#607368;letter-spacing:.08em;margin-bottom:9px}
.workflow-copy h3{font-size:var(--rd-type-card-font-size);min-height:3em;line-height:var(--rd-font-line-1-5);letter-spacing:-.035em;margin-bottom:var(--rd-space-12);text-wrap:balance}
.workflow-copy p{font-size:var(--rd-font-size-13);line-height:var(--rd-font-line-1-8);color:#52635A;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
.workflow-connector{position:absolute;left:calc(100% + 5px);top:50%;width:22px;height:16px;transform:translateY(-50%);color:#AAC0B2}
.workflow-connector svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.case-copy .case-benefits{font-size:var(--rd-font-size-12)}.case-copy .case-benefits>div{grid-template-columns:85px 1fr;gap:var(--rd-space-10);margin-top:var(--rd-space-12)}
.case-detail-intro{display:block;max-width:950px;padding-bottom:var(--rd-space-30)}.case-detail-intro>div>p:not(.index-label){white-space:normal}
.case-value-story{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rd-space-28);list-style:none;margin:0 0 45px;padding:0}
.case-value-story li{min-width:0;position:relative}.story-art{width:100%;height:auto;display:block;margin-bottom:var(--rd-space-20)}
.case-value-story .story-label{display:flex;gap:var(--rd-space-12);align-items:center;color:var(--green);font-size:var(--rd-font-size-12);margin-bottom:var(--rd-space-10);font-weight:var(--rd-font-weight-600)}
.story-label>span{color:#8BA18F;font-size:var(--rd-font-size-10);font-weight:var(--rd-font-weight-400)}.case-value-story h3{font-size:var(--rd-font-size-21);line-height:var(--rd-font-line-1-5);letter-spacing:-.03em;margin-bottom:13px;text-wrap:balance}
.case-value-story .story-body{font-size:var(--rd-font-size-14);line-height:var(--rd-font-line-1-9);color:var(--muted);white-space:normal}
.case-value-story li+li:before{content:'';position:absolute;left:-19px;top:85px;width:8px;height:8px;border-right:1px solid #8AA18F;border-top:1px solid #8AA18F;transform:rotate(45deg)}
.person-thesis{font-size:var(--rd-font-size-20);font-weight:var(--rd-font-weight-600);letter-spacing:-.03em;line-height:var(--rd-font-line-1-6);margin-bottom:var(--rd-space-18);color:#345743}
.person-narrative p{font-size:var(--rd-font-size-14);line-height:1.95;color:var(--muted);white-space:normal}.person-narrative p+p{margin-top:var(--rd-space-14)}
.process-detail-copy p,.process-note p,.deliverable-copy p{white-space:normal}
.process-diagram .orb-title{font-size:var(--rd-font-size-19)}
html[lang=ja] .process-diagram .orb-title{font-size:var(--rd-font-size-17)}
.expanded .knowledge-art{max-height:150px}.deliverable-example .knowledge-art{max-height:280px}
@media(max-width:1100px){.workflow-copy{padding:var(--rd-space-8) var(--rd-space-16) var(--rd-space-20)}.workflow-copy h3{font-size:var(--rd-font-size-18)}.case-value-story{gap:var(--rd-space-24)}.case-value-story h3{font-size:var(--rd-font-size-20)}.case-value-story li+li:before{left:-16px}.person-thesis{font-size:var(--rd-font-size-19)}}
@media(max-width:760px){
 .hero-diagram{display:block;padding:19px var(--rd-space-20)}.material-sources>div{display:flex;gap:5px}.material-sources span{font-size:var(--rd-font-size-10);padding:7px 3px}.material-context{gap:var(--rd-space-6);margin:var(--rd-space-8) 0}.material-context:before,.material-context:after{height:12px}.material-context>span{padding:7px 17px;font-size:var(--rd-font-size-11);min-width:72%}.material-output{padding:5px var(--rd-space-14)}.material-output>div{padding:7px 0;gap:var(--rd-space-10)}.material-output strong{font-size:var(--rd-font-size-12)}.material-output>div span{display:block;font-size:var(--rd-font-size-9)}
 .case-copy .case-benefits{font-size:var(--rd-font-size-12)}.case-copy .case-benefits>div{grid-template-columns:73px 1fr;gap:var(--rd-space-10);margin-top:9px}
 .case-detail-intro{padding-bottom:25px}.case-value-story{grid-template-columns:1fr;gap:27px;margin-bottom:var(--rd-space-32)}.story-art{width:100%;max-height:170px;margin-bottom:15px}.case-value-story .story-label{font-size:var(--rd-font-size-11);margin-bottom:var(--rd-space-8)}.case-value-story h3{font-size:var(--rd-font-size-22);max-width:none;text-wrap:initial;margin-bottom:var(--rd-space-10)}.case-value-story .story-body{font-size:var(--rd-font-size-13);line-height:var(--rd-font-line-1-85)}.case-value-story li+li:before{display:none}
 .person-thesis{font-size:var(--rd-font-size-18);line-height:var(--rd-font-line-1-65);margin-bottom:13px}.person-narrative p{font-size:var(--rd-font-size-13);line-height:var(--rd-font-line-1-9)}.person-narrative p+p{margin-top:var(--rd-space-12)}.people-grid{gap:27px}.person-heading{margin-bottom:var(--rd-space-12)}
 .process-diagram .orb-title{font-size:var(--rd-font-size-17)}.expanded .knowledge-art{max-height:145px}.deliverable-example .knowledge-art{max-height:240px}
 html[lang=ja] .process-diagram .orb-title{font-size:var(--rd-font-size-15)}
}
@media(max-width:1000px){
 .workflow-cards{grid-template-columns:1fr;gap:var(--rd-space-28)}
 .workflow-card{display:grid;grid-template-columns:minmax(100px,24%) 1fr;align-items:center}
 .workflow-illustration{aspect-ratio:1;padding:var(--rd-space-12)}
 .workflow-copy{padding:var(--rd-space-20) var(--rd-space-24) var(--rd-space-20) var(--rd-space-8)}
 .workflow-copy h3{font-size:var(--rd-font-size-21);min-height:0;margin-bottom:7px;text-wrap:initial}
 .workflow-copy p{font-size:var(--rd-type-small-font-size)}.workflow-number{margin-bottom:5px}
 .workflow-connector{left:50%;top:calc(100% + 6px);width:22px;height:16px;transform:translateX(-50%) rotate(90deg)}
}
@media(max-width:760px){
 .workflow-card{grid-template-columns:28% 1fr;border-radius:var(--rd-radius-10)}
 .workflow-illustration{padding:var(--rd-space-4)}
 .workflow-copy{padding:var(--rd-space-16) var(--rd-space-16) 17px 9px}
 .workflow-copy h3{font-size:var(--rd-font-size-17);line-height:var(--rd-font-line-1-5);margin-bottom:7px}
 .workflow-copy p{font-size:var(--rd-font-size-12);line-height:var(--rd-font-line-1-75)}
 .workflow-number{font-size:var(--rd-font-size-9);margin-bottom:5px}
 html[lang=ja] .workflow-copy p{word-break:normal}
 html[lang=ja] .workflow-copy h3{font-size:var(--rd-font-size-16)}
}
/* Figma A: silver editorial. Preserve the existing sections and content. */
.summary-page{--silver-surface:var(--rd-color-silver);--card-radius:8px}
.summary-page .container{max-width:1440px;padding-left:var(--rd-space-80);padding-right:var(--rd-space-80)}
.summary-page .header{height:88px;backdrop-filter:none;background:#FFFFFFF5}
.summary-page .intro{grid-template-columns:1.354fr 1fr;gap:var(--rd-space-56);padding-top:var(--rd-space-80);padding-bottom:var(--rd-space-80);min-height:0}
.summary-page .intro h1{font-size:clamp(var(--rd-font-size-36),3.333vw,var(--rd-font-size-48));line-height:var(--rd-font-line-1-3);letter-spacing:-.0375em;margin-bottom:var(--rd-space-24)}
.summary-page .intro-body{font-size:var(--rd-type-body-font-size);line-height:var(--rd-font-line-1-75);letter-spacing:var(--rd-font-tracking-body);max-width:602px}
.summary-page .intro-actions{gap:var(--rd-space-32);margin-top:var(--rd-space-24)}
.summary-page .hero-diagram{background:var(--silver-surface);border:0;border-radius:0;box-shadow:none;padding:var(--rd-space-32)}
.summary-page .hero-diagram:before{display:none}
.summary-page .material-sources>div{gap:var(--rd-space-12)}
.summary-page .material-sources span{background:white;border:1px solid var(--line);border-radius:0;font-size:var(--rd-font-size-14);line-height:24px;padding:var(--rd-space-12) 5px;color:var(--muted)}
.summary-page .material-context{margin:var(--rd-space-20) 0;gap:var(--rd-space-12)}
.summary-page .material-context:before,.summary-page .material-context:after{display:none}
.material-context img{display:block;width:24px;height:32px}
.summary-page .material-context>span{padding:0;border:0;background:none;font-size:var(--rd-font-size-14);line-height:20px;font-weight:var(--rd-font-weight-600);color:var(--green)}
.summary-page .material-output{background:white;border:0;border-radius:0;padding:var(--rd-space-16)}
.summary-page .material-output>div{padding:var(--rd-space-16);gap:var(--rd-space-16);border:0;min-height:52px}
.summary-page .material-output>div+div{margin-top:var(--rd-space-8)}
.summary-page .material-output>div>span{min-width:24px;font-size:var(--rd-font-size-12);font-weight:var(--rd-font-weight-500);color:var(--green)}
.summary-page .material-output strong{font-size:var(--rd-font-size-14);line-height:20px}
.summary-page .material-output i{display:none}
.summary-page .section-heading{gap:var(--rd-space-64);margin-bottom:var(--rd-space-40)}
.summary-page .section-heading h2{font-size:var(--rd-type-heading-font-size);line-height:var(--rd-type-heading-line-height);letter-spacing:var(--rd-type-heading-letter-spacing)}
.summary-page .section-heading .index-label{font-size:var(--rd-font-size-12);line-height:18px;font-weight:var(--rd-font-weight-500);letter-spacing:var(--rd-font-tracking-label);margin-bottom:var(--rd-space-16)}
.summary-page .section-lead{max-width:424px;font-size:var(--rd-type-body-font-size);line-height:var(--rd-font-line-1-75);letter-spacing:var(--rd-font-tracking-body)}
.summary-page .workflow-section{background:var(--silver-surface);color:var(--ink);padding:var(--rd-space-80) 0}
.summary-page .workflow-section .index-label{color:var(--green)}
.summary-page .workflow-section .section-lead{color:var(--muted)}
.workflow-cards{gap:var(--rd-space-56)}
.workflow-card{background:white;border-color:var(--line);border-radius:var(--card-radius);transition:border-color .25s,box-shadow .25s}
.workflow-illustration{position:relative;flex-shrink:0;margin:var(--rd-space-24) var(--rd-space-24) 0;padding:0;aspect-ratio:1}
.workflow-illustration img{position:absolute;inset:0;mix-blend-mode:normal;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.workflow-copy{padding:var(--rd-space-24)}
.workflow-number{font-size:var(--rd-font-size-12);line-height:18px;font-weight:var(--rd-font-weight-500);letter-spacing:var(--rd-font-tracking-label);color:var(--green);margin-bottom:var(--rd-space-12)}
.workflow-copy h3{font-size:var(--rd-type-card-font-size);line-height:var(--rd-type-card-line-height);letter-spacing:var(--rd-type-card-letter-spacing);min-height:0;margin-bottom:var(--rd-space-12);text-wrap:initial}
.workflow-copy p{font-size:var(--rd-type-small-font-size);line-height:var(--rd-type-small-line-height);color:var(--muted)}
.workflow-connector{left:calc(100% + 16px);width:24px;height:16px;color:var(--green)}
.workflow-connector img{display:block;width:24px;height:16px}
.summary-page .work-section{padding-top:var(--rd-space-80);padding-bottom:var(--rd-space-80)}
.summary-page .case-summary{grid-template-columns:422fr 794fr;gap:var(--rd-space-64);padding-top:var(--rd-space-40);min-height:0}
.summary-page .case-copy h3{font-size:var(--rd-font-size-28);line-height:39px;letter-spacing:-.6px;margin-bottom:var(--rd-space-20)}
.summary-page .case-copy>p:not(.index-label){font-size:var(--rd-font-size-16);line-height:28px}
.summary-page .case-copy .index-label{font-size:var(--rd-font-size-12);font-weight:var(--rd-font-weight-500);line-height:18px;margin-bottom:var(--rd-space-20)}
.summary-page .case-copy .case-benefits>div{grid-template-columns:86px 1fr;gap:var(--rd-space-20);margin-top:var(--rd-space-12)}
.summary-page .case-benefits dt{font-size:var(--rd-font-size-12);line-height:18px;font-weight:var(--rd-font-weight-500);letter-spacing:var(--rd-font-tracking-label);padding-top:3px}
.summary-page .case-benefits dd{font-size:var(--rd-font-size-14);line-height:24px;color:var(--muted)}
.summary-page .media-bar{height:42px;font-size:var(--rd-font-size-12);background:var(--silver-surface);color:var(--muted)}
.summary-page .media-bar button{font-size:var(--rd-font-size-12)}
.summary-page .motion-frame{border-color:var(--line);box-shadow:none}
.summary-page .process-orb:before,.summary-page .process-orb:after{display:none}
.summary-page .process-orb{background:white;border-color:var(--line);transition:border-color .2s,background .2s}
.summary-page .process-orb:hover,.summary-page .process-orb[aria-expanded=true]{border-color:var(--green);background:#EAF0ED}
.summary-page .closing{background:linear-gradient(115deg,#E2E5E4,#E6E8E7 58%,#E3E6E5)}
.summary-page .closing:before{opacity:.035}
@media(hover:hover) and (pointer:fine){
 .workflow-card:hover{border-color:#A8BDB1;box-shadow:0 9px 22px -18px #253D31AA}
 .workflow-card:hover .workflow-illustration img{transform:translateY(-5px)}
}
@media(max-width:1250px){
 .summary-page .container{padding-left:var(--rd-space-48);padding-right:var(--rd-space-48)}
 .summary-page .intro{gap:var(--rd-space-36);padding-top:var(--rd-space-64);padding-bottom:var(--rd-space-64)}
 .summary-page .intro h1{font-size:var(--rd-font-size-36)}
 .summary-page .hero-diagram{padding:var(--rd-space-24)}
 .summary-page .material-sources span{font-size:var(--rd-font-size-12)}
 .workflow-cards{gap:var(--rd-space-32)}.workflow-connector{left:calc(100% + 4px)}
 .workflow-copy{padding:var(--rd-space-20)}.workflow-copy h3{font-size:var(--rd-font-size-18);line-height:27px}
 .summary-page .case-summary{gap:var(--rd-space-36)}
 .summary-page .case-copy .case-benefits>div{grid-template-columns:80px 1fr;gap:var(--rd-space-12)}
}
@media(max-width:1000px){
 .workflow-cards{gap:var(--rd-space-28)}.workflow-copy{padding:var(--rd-space-24) var(--rd-space-24) var(--rd-space-24) var(--rd-space-12)}
 .workflow-illustration{margin:var(--rd-space-16) 0 var(--rd-space-16) var(--rd-space-16);aspect-ratio:1;padding:0}
 .workflow-copy h3{font-size:var(--rd-font-size-21)}
 .workflow-connector{left:50%;top:calc(100% + 6px);transform:translateX(-50%) rotate(90deg)}
 .summary-page .intro{grid-template-columns:1.1fr 1fr;gap:var(--rd-space-28)}
 .summary-page .intro h1{font-size:var(--rd-font-size-32)}
 .summary-page .material-sources>div{gap:5px}
 .summary-page .material-sources span{font-size:var(--rd-font-size-11)}
 .summary-page .material-output{padding:var(--rd-space-10)}
 .summary-page .material-output>div{padding:var(--rd-space-12) var(--rd-space-6);gap:var(--rd-space-8)}
 .summary-page .material-output strong{font-size:var(--rd-font-size-12)}
 .summary-page .section-heading h2{font-size:var(--rd-font-size-32)}
}
@media(max-width:760px){
 .summary-page .container{padding-left:var(--rd-space-22);padding-right:var(--rd-space-22)}
 .summary-page .header{height:66px}
 .summary-page .intro{grid-template-columns:1fr;gap:var(--rd-space-30);padding-top:var(--rd-space-44);padding-bottom:var(--rd-space-44)}
 .summary-page .intro h1{font-size:clamp(var(--rd-font-size-29),7.7vw,var(--rd-font-size-42))}
 .summary-page .intro-body{font-size:var(--rd-font-size-14);line-height:var(--rd-font-line-1-85)}
 .summary-page .intro-actions{gap:var(--rd-space-28)}
 .summary-page .hero-diagram{margin:0;padding:var(--rd-space-20)}
 .summary-page .material-sources>div{gap:7px}
 .summary-page .material-sources span{font-size:var(--rd-font-size-11);line-height:20px;padding:var(--rd-space-8) var(--rd-space-4)}
 .summary-page .material-context{margin:var(--rd-space-12) 0;gap:var(--rd-space-8)}
 .summary-page .material-context>span{font-size:var(--rd-font-size-12)}
 .summary-page .material-output{padding:var(--rd-space-8) var(--rd-space-14)}
 .summary-page .material-output>div{padding:var(--rd-space-8) 0;min-height:32px}
 .summary-page .material-output>div+div{margin-top:0}
 .summary-page .material-output strong{font-size:var(--rd-font-size-12)}
 .summary-page .section-heading{margin-bottom:var(--rd-space-28)}
 .summary-page .section-heading h2{font-size:var(--rd-font-size-28);line-height:var(--rd-font-line-1-4);letter-spacing:var(--rd-font-tracking-heading-mobile)}
 .summary-page .section-heading .index-label{font-size:var(--rd-font-size-10);margin-bottom:var(--rd-space-12)}
 .summary-page .section-lead{font-size:var(--rd-font-size-14);line-height:var(--rd-font-line-1-8);margin-top:var(--rd-space-20)}
 .summary-page .workflow-section{padding:var(--rd-space-44) 0}
 .workflow-card{border-radius:var(--rd-radius-8)}
 .workflow-illustration{margin:var(--rd-space-12) 0 var(--rd-space-12) var(--rd-space-12);padding:0}
 .workflow-copy{padding:var(--rd-space-18) var(--rd-space-16) var(--rd-space-18) var(--rd-space-10)}
 .workflow-number{font-size:var(--rd-font-size-10);line-height:16px;margin-bottom:5px}
 .workflow-copy h3{font-size:var(--rd-font-size-17);line-height:25px;margin-bottom:7px}
 .workflow-copy p{font-size:var(--rd-font-size-12);line-height:21px}
 .summary-page .work-section{padding-top:var(--rd-space-44);padding-bottom:var(--rd-space-44)}
 .summary-page .case-summary{grid-template-columns:1fr;gap:var(--rd-space-26);padding-top:var(--rd-space-28)}
 .summary-page .case-copy h3{font-size:var(--rd-font-size-26);line-height:var(--rd-font-line-1-45);margin-bottom:var(--rd-space-14)}
 .summary-page .case-copy>p:not(.index-label){font-size:var(--rd-font-size-14);line-height:var(--rd-font-line-1-85)}
 .summary-page .case-copy .case-benefits>div{grid-template-columns:80px 1fr;gap:var(--rd-space-12)}
 .summary-page .case-benefits dd{font-size:var(--rd-font-size-13);line-height:22px}
 .summary-page .case-copy .index-label{font-size:var(--rd-font-size-11);margin-bottom:var(--rd-space-12)}
 html[lang=ja] .summary-page .intro h1{font-size:clamp(var(--rd-font-size-27),7.3vw,var(--rd-font-size-38))}
 html[lang=ja] .summary-page .case-copy .case-benefits>div{grid-template-columns:91px 1fr}
}
@media(prefers-reduced-motion:reduce){.workflow-card,.workflow-illustration img{transition:none}.workflow-card:hover .workflow-illustration img{transform:none}}
/* Hero uses the supplied ribbon artwork; text remains live and selectable. */
.summary-page .intro.hero-image{display:block;position:relative;isolation:isolate;overflow:hidden;background:var(--rd-color-hero);padding:0;min-height:620px}
.hero-image>.container{position:relative;z-index:1;min-height:620px;display:flex;align-items:center}
.hero-image .hero-copy{width:58%;max-width:730px;padding:var(--rd-space-80) 0}
.hero-image .hero-art{position:absolute;height:auto;max-width:none;margin:0;inset:0 0 0 50%;background:url('/assets/illustrations/connected-work-green.webp') center 51%/cover no-repeat}
.hero-image .hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--rd-color-hero) 0%,#EEF0EF00 24%)}
.summary-page .hero-image h1{font-size:clamp(var(--rd-font-size-36),3.25vw,var(--rd-font-size-47))}
.summary-page .hero-image .intro-body{max-width:535px;padding-right:var(--rd-space-24)}
/* Distinct structures for document generation, reservation triage, memory, and store operations. */
.case-overview-label{display:flex;align-items:center;gap:var(--rd-space-12)}
.case-overview .case-value-story{margin-bottom:0}
.case-demo{margin-top:var(--rd-space-40);padding:var(--rd-space-32) 0 var(--rd-space-44);border-top:1px solid var(--line)}
.detail-page .case-section-heading{display:flex;align-items:baseline;gap:var(--rd-space-14);font-size:var(--rd-font-size-16);font-weight:var(--rd-font-weight-600);line-height:var(--rd-font-line-1-6);letter-spacing:-.025em;color:var(--ink)}
.case-section-title{margin:0 0 var(--rd-space-16)}
.case-section-number{flex:0 0 2ch;font-size:var(--rd-font-size-11);line-height:var(--rd-font-line-1-6);letter-spacing:.08em;font-weight:var(--rd-font-weight-500);font-variant-numeric:tabular-nums;color:var(--green)}
.case-section-name{min-width:0}
.case-demo .detail-motion{margin:0 auto}
.case-details{padding:var(--rd-space-40) 0 var(--rd-space-44);margin-bottom:0;background:transparent;border-top:1px solid var(--line)}
.work-detail-main>.closing{background:var(--rd-color-contact-surface);border-top:1px solid var(--line)}
.work-detail-main>.closing:before{display:none}
.work-detail-main~.footer{background:var(--rd-color-white);border-top:1px solid var(--rd-color-footer-line)}
.case-details-heading{padding:0;margin-bottom:var(--rd-space-20)}
.case-details .step-browser{margin-bottom:0}
.detail-tabs-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--rd-space-24);border-bottom:1px solid var(--line)}
.detail-tabs-row>.tab-strip{border-bottom:0;min-width:0}
.detail-tab-controls{display:flex;gap:var(--rd-space-8);padding:var(--rd-space-4) 0}
.detail-tab-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);background:transparent;color:var(--green);cursor:pointer;transition:background .15s,border-color .15s}
.detail-tab-controls button:not([aria-disabled=true]):hover{background:var(--rd-color-diagram-surface);border-color:var(--green)}
.detail-tab-controls button[aria-disabled=true]{opacity:.3;cursor:default}
.detail-tab-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:var(--rd-stroke-diagram);stroke-linecap:round;stroke-linejoin:round}
.detail-tab-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.case-details .screen-grid{padding:var(--rd-space-24);border:1px solid var(--rd-color-image-border);background:var(--rd-color-image-surface)}
.case-details-heading h3{margin:0 0 var(--rd-space-4)}
.case-details-heading p{font-size:var(--rd-font-size-13);line-height:var(--rd-font-line-1-8);color:var(--muted);margin:0}
.case-architecture{--diagram-edge:var(--rd-color-diagram-edge);--diagram-stroke:var(--rd-stroke-diagram);--diagram-node-border:var(--rd-color-diagram-border);--diagram-text:var(--rd-color-diagram-text);--diagram-radius:var(--rd-radius-6);border:1px solid var(--line);background:var(--rd-color-diagram-surface);padding:var(--rd-space-28) var(--rd-space-32) var(--rd-space-24);margin:0 0 var(--rd-space-30)}
.architecture-heading{position:relative;padding-right:var(--rd-space-40);margin-bottom:var(--rd-space-28)}
.architecture-heading .architecture-label{margin:0}
.case-diagram-icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:var(--rd-stroke-diagram);stroke-linecap:round;stroke-linejoin:round}
.icon-node{gap:var(--rd-space-10)}.icon-node>span{min-width:0}
.document-workspace-heading,.reservation-hub-heading{display:flex;justify-content:center;align-items:center;gap:var(--rd-space-10)}
.document-workspace-heading{color:var(--rd-color-workspace-title)}
.document-workspace-heading .case-diagram-icon,.reservation-hub-heading .case-diagram-icon{width:26px;height:26px}
[data-flow-stage]{--flow-rest-border:var(--diagram-node-border);--flow-active-border:var(--green);animation:diagram-stage-emphasis 12s ease-in-out var(--flow-delay) infinite;animation-play-state:paused}
.document-workspace[data-flow-stage]{--flow-rest-border:var(--rd-color-workspace-border)}
.reservation-hub[data-flow-stage]{border:1px solid var(--green);--flow-rest-border:var(--green);--flow-active-border:var(--rd-color-inverse-caption)}
.lesson-node[data-flow-stage]{--flow-rest-border:var(--green);--flow-active-border:var(--rd-color-inverse-caption)}
.diagram-edge .diagram-flow-trace{stroke:var(--green);stroke-width:2.5;opacity:0;animation:diagram-flow-travel 12s linear var(--flow-delay) infinite;animation-play-state:paused}
.is-flow-running [data-flow-stage],.is-flow-running .diagram-flow-trace{animation-play-state:running}
@keyframes diagram-stage-emphasis{0%,24%,100%{border-color:var(--flow-rest-border)}4%,16%{border-color:var(--flow-active-border)}}
@keyframes diagram-flow-travel{0%{opacity:0;stroke-dashoffset:1}2%{opacity:1}21%{opacity:1;stroke-dashoffset:0}24%,100%{opacity:0;stroke-dashoffset:0}}
.diagram-flow-toggle{position:absolute;right:0;top:-8px;width:36px;height:36px;display:none;place-items:center;border:0;border-radius:50%;padding:var(--rd-space-8);color:var(--muted);background:transparent}
[data-flow-ready] .diagram-flow-toggle{display:grid}.diagram-flow-toggle:hover{background:var(--rd-color-feedback)}
.diagram-flow-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:var(--rd-stroke-diagram);stroke-linecap:round;stroke-linejoin:round}
.diagram-flow-toggle[aria-pressed=true] .cycle-pause-icon{display:none}.diagram-flow-toggle[aria-pressed=true] .cycle-play-icon{display:block}
@media(prefers-reduced-motion:reduce){[data-flow-stage],.diagram-edge .diagram-flow-trace{animation:none}.diagram-edge .diagram-flow-trace,[data-flow-ready] .diagram-flow-toggle{display:none}}
.architecture-label{font-size:var(--rd-font-size-12);color:var(--green);font-weight:var(--rd-font-weight-600);letter-spacing:.02em;margin-bottom:var(--rd-space-28)}
.architecture-canvas{min-width:0;min-height:208px;align-items:center}
.architecture-node{display:flex;justify-content:center;align-items:center;text-align:center;min-width:0;min-height:48px;padding:var(--rd-space-10) var(--rd-space-14);background:var(--rd-color-white);border:1px solid var(--diagram-node-border);border-radius:var(--diagram-radius);font-size:var(--rd-type-diagram-node-font-size);font-weight:var(--rd-type-diagram-node-font-weight);line-height:var(--rd-type-diagram-node-line-height);color:var(--diagram-text)}
.diagram-edge{display:block;overflow:visible;flex-shrink:0}.diagram-edge path{fill:none;stroke:var(--diagram-edge);stroke-width:var(--diagram-stroke);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.architecture-arrow{width:28px;height:12px;justify-self:center}
.case-architecture figcaption{border-top:1px solid var(--rd-color-diagram-divider);padding-top:var(--rd-space-18);margin-top:var(--rd-space-24);color:var(--muted);font-size:var(--rd-type-diagram-caption-font-size);line-height:var(--rd-type-diagram-caption-line-height)}
.architecture-group .architecture-canvas{display:grid;grid-template-columns:1fr 44px 1.55fr 44px 1fr;gap:var(--rd-space-18)}
.document-inputs,.document-outputs{display:grid;gap:var(--rd-space-12)}.document-output{gap:var(--rd-space-8)}.document-format-icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:var(--diagram-text);stroke-width:var(--rd-stroke-diagram);stroke-linecap:round;stroke-linejoin:round}
.document-workspace{background:var(--rd-color-workspace);border:1px solid var(--rd-color-workspace-border);border-radius:var(--rd-radius-8);padding:25px var(--rd-space-20);text-align:center}
.document-workspace-heading strong{font-size:var(--rd-font-size-18);font-weight:var(--rd-font-weight-600);color:var(--rd-color-workspace-title)}.document-versions{display:flex;align-items:center;justify-content:center;gap:var(--rd-space-12);margin:var(--rd-space-20) 0 var(--rd-space-16)}.document-versions .architecture-node{font-size:var(--rd-font-size-12);min-height:38px;padding:var(--rd-space-8) var(--rd-space-14)}.document-workspace>small{font-size:var(--rd-font-size-12);color:var(--rd-color-workspace-caption)}
.architecture-fit .architecture-canvas{display:flex;flex-direction:column;align-items:stretch;max-width:820px;margin:auto}
.reservation-sources,.reservation-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.reservation-sources .architecture-node,.reservation-actions .architecture-node{margin:0 var(--rd-space-16)}
.reservation-connector{position:relative;width:100%;height:48px}.reservation-bus-line{width:100%;height:48px}.reservation-port{position:absolute;bottom:0;width:12px;height:8px;transform:translateX(-50%)}.diagram-arrowhead{width:12px;height:8px}
.reservation-hub{align-self:center;width: min(80%,360px);background:var(--green);color:white;padding:var(--rd-space-18) var(--rd-space-24);border-radius:var(--diagram-radius);text-align:center}
.reservation-hub strong{display:block;font-size:var(--rd-font-size-17);font-weight:var(--rd-font-weight-600)}.reservation-hub small{display:block;margin-top:var(--rd-space-6);font-size:var(--rd-font-size-11);color:var(--rd-color-inverse-caption)}
.reservation-actions .architecture-node{background:var(--rd-color-action-soft);font-weight:var(--rd-font-weight-600)}
.architecture-agent .architecture-canvas{display:block}
.agent-flow{display:grid;grid-template-columns:minmax(0,1fr) 64px 248px 64px minmax(0,1fr);align-items:center;max-width:980px;margin:0 auto}
.agent-memory,.agent-results{display:grid;gap:var(--rd-space-12)}.agent-memory .architecture-node,.agent-results .architecture-node{height:48px}
.agent-branch{width:100%;height:108px}.agent-connector>.architecture-arrow{display:none}
.agent-output-connector{padding-right:var(--rd-space-12)}
.agent-core{position:relative;width:248px;height:248px;justify-self:center;display:grid;place-items:center;text-align:center}
.agent-background-label{position:absolute;top:-12px;left:0;width:100%;font-size:var(--rd-font-size-11);font-weight:var(--rd-font-weight-600);line-height:var(--rd-font-line-1-5);color:var(--green)}
.agent-delivery{min-width:0}
.agent-outbox{padding:var(--rd-space-12);border:1px solid var(--diagram-node-border);border-radius:var(--diagram-radius);background:var(--rd-color-feedback)}
.agent-outbox>strong{display:block;margin-bottom:var(--rd-space-10);font-size:var(--rd-font-size-12);font-weight:var(--rd-font-weight-600);line-height:var(--rd-font-line-1-5);color:var(--green);text-align:center}
.agent-results{gap:var(--rd-space-8)}
.agent-results .agent-ready-document{height:auto;min-height:42px;justify-content:flex-start;gap:var(--rd-space-8);padding:var(--rd-space-8);font-size:var(--rd-font-size-12)}
.agent-ready-document>span{flex:1;min-width:0;text-align:left}
.agent-ready-document>.document-format-icon{flex-shrink:0;width:18px;height:18px}
.agent-ready-check{width:18px;height:18px;flex-shrink:0;fill:none;stroke:var(--green);stroke-width:var(--rd-stroke-diagram);stroke-linecap:round;stroke-linejoin:round}
.agent-ready-check circle{fill:var(--rd-color-feedback);stroke:none}
.agent-handoff{display:grid;justify-items:center;gap:var(--rd-space-6);padding-top:var(--rd-space-6)}
.agent-handoff-arrow{width:12px;height:24px}
.agent-reviewer{display:flex;align-items:center;justify-content:center;gap:var(--rd-space-8);color:var(--diagram-text)}
.agent-person-icon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:var(--rd-stroke-diagram);stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.agent-reviewer strong{display:block;font-size:var(--rd-font-size-12);font-weight:var(--rd-font-weight-600);line-height:var(--rd-font-line-1-5)}
.agent-reviewer small{display:block;font-size:var(--rd-font-size-11);line-height:var(--rd-font-line-1-5);color:var(--muted)}
.agent-cycle{position:absolute;inset:0}
.agent-cycle-track{width:100%;height:100%;overflow:visible}
.cycle-rail,.cycle-direction{fill:none;stroke:var(--diagram-edge);stroke-width:var(--rd-stroke-thin);stroke-linecap:round;stroke-linejoin:round}
.cycle-rail{opacity:.55}
.agent-cycle-runner{transform-origin:124px 124px;animation:agent-cycle-orbit 12s linear infinite;animation-play-state:paused;fill:var(--rd-color-green)}
.agent-core.is-cycle-running .agent-cycle-runner{animation-play-state:running}
.agent-cycle-node{position:absolute;display:flex;align-items:center;justify-content:center;gap:var(--rd-space-4);padding:var(--rd-space-4);background:var(--rd-color-diagram-surface);color:var(--diagram-text);font-size:var(--rd-font-size-11);font-weight:var(--rd-font-weight-500);line-height:var(--rd-font-line-1-5);white-space:nowrap}
.agent-cycle-node svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:var(--diagram-text);stroke-width:var(--rd-stroke-diagram);stroke-linecap:round;stroke-linejoin:round}
.cycle-node-0{top:10.48%;left:50%;transform:translate(-50%,-50%)}
.cycle-node-1{top:75%;right:0;transform:translateY(-50%)}
.cycle-node-2{top:75%;left:0;transform:translateY(-50%)}
.agent-cycle-toggle{position:absolute;right:0;bottom:0;display:none;place-items:center;width:36px;height:36px;padding:var(--rd-space-8);border:0;border-radius:50%;background:transparent;color:var(--muted)}
.agent-core[data-cycle-ready] .agent-cycle-toggle{display:grid}
.agent-cycle-toggle:hover{background:var(--rd-color-feedback)}
.agent-cycle-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:var(--rd-stroke-diagram);stroke-linecap:round;stroke-linejoin:round}
.cycle-play-icon{display:none}.agent-cycle-toggle[aria-pressed=true] .cycle-pause-icon{display:none}.agent-cycle-toggle[aria-pressed=true] .cycle-play-icon{display:block}
@keyframes agent-cycle-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.agent-cycle-runner{display:none;animation:none}.agent-core[data-cycle-ready] .agent-cycle-toggle{display:none}}
.agent-identity{position:relative;max-width:128px}.agent-identity strong{display:block;font-size:var(--rd-font-size-16);font-weight:var(--rd-font-weight-600);line-height:var(--rd-font-line-1-6);color:var(--diagram-text);letter-spacing:-.025em}.agent-identity small{display:block;font-size:var(--rd-font-size-10);color:var(--green);margin-top:var(--rd-space-4)}
.agent-feedback{--feedback-gap:var(--rd-space-40);--feedback-arrow:26px;--diagram-stroke:var(--rd-stroke-thin);margin-top:var(--rd-space-26);padding:var(--rd-space-18) var(--rd-space-24);display:flex;align-items:center;gap:var(--rd-space-32);background:var(--rd-color-feedback);border-radius:var(--diagram-radius)}
.agent-feedback>strong{font-size:var(--rd-font-size-12);font-weight:var(--rd-font-weight-600);color:var(--green);flex-shrink:0}
.agent-feedback ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;flex:1;gap:var(--feedback-gap)}
.agent-feedback li{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;text-align:center;font-size:var(--rd-font-size-12);font-weight:var(--rd-font-weight-500);line-height:var(--rd-font-line-1-6);color:var(--diagram-text)}
.agent-feedback .architecture-arrow{position:absolute;right:calc((var(--feedback-gap) + var(--feedback-arrow)) / -2);top:50%;transform:translateY(-50%);width:var(--feedback-arrow);height:12px;margin:0}
.architecture-golf .architecture-canvas{display:grid;gap:var(--rd-space-14);min-height:230px}.store-lane{display:grid;grid-template-columns:115px 1fr;gap:var(--rd-space-20);align-items:center}.lane-label{font-size:var(--rd-font-size-12);font-weight:var(--rd-font-weight-600);color:var(--rd-color-lane-label)}.store-journey{display:flex;gap:var(--rd-space-12);align-items:center}.store-journey .architecture-node{flex:1}.store-journey .architecture-arrow{width:18px}.store-journey .lesson-node{background:var(--rd-color-green);border-color:var(--rd-color-green);color:var(--rd-color-white)}.store-data-link{margin-left:135px;display:grid;justify-items:center;gap:var(--rd-space-6);text-align:center;font-size:var(--rd-font-size-12);line-height:var(--rd-font-line-1-6);color:var(--diagram-text)}.store-records-arrow{width:12px;height:32px}.store-management{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--rd-color-lane-divider);padding-top:17px}.store-management .architecture-node{background:var(--rd-color-lane-surface)}
.case-value-story li+li:before{display:none}.case-value-story{gap:var(--rd-space-32)}.case-value-story h3{font-size:var(--rd-font-size-19)}.case-value-story .story-body{font-size:var(--rd-font-size-13)}
.store-journey .icon-node,.store-management .icon-node{flex-direction:column;gap:var(--rd-space-10);padding-top:var(--rd-space-14);padding-bottom:var(--rd-space-14)}
.store-journey .case-diagram-icon{width:26px;height:26px}
.store-journey{align-items:stretch}.store-journey>.architecture-arrow{align-self:center}
.store-journey .icon-node{justify-content:flex-start}.store-journey .icon-node>span{display:flex;align-items:center;justify-content:center;flex:1}
.golf-screen-panel .screen-view{height:auto;min-height:200px;width:100%}.golf-screen-panel .screen-view img{max-height:650px;max-width:100%;width:100%;height:auto}.golf-screen-panel .screen-grid.pair{grid-template-columns:.55fr 1.45fr;align-items:center}.golf-screen-panel .screen-grid.stack{grid-template-columns:1fr;gap:var(--rd-space-30)}.golf-screen-panel .screen-grid.stack .screen-view{width:100%;max-height:none}
@media(max-width:1000px){
 .icon-node{gap:var(--rd-space-6)}.document-workspace-heading{flex-direction:column;gap:var(--rd-space-6)}
 .summary-page .intro.hero-image,.hero-image>.container{min-height:550px}.hero-image .hero-copy{width:64%;padding:65px 0}.summary-page .hero-image h1{font-size:var(--rd-font-size-36)}
 .case-architecture{padding:var(--rd-space-24)}.architecture-group .architecture-canvas{gap:var(--rd-space-10);grid-template-columns:1fr 24px 1.3fr 24px 1fr}.document-versions{gap:7px}.architecture-node{font-size:var(--rd-font-size-12);padding:var(--rd-space-10)}.store-lane{grid-template-columns:95px 1fr;gap:15px}.store-journey{gap:var(--rd-space-8)}.store-journey .architecture-arrow{width:12px}.store-data-link{margin-left:110px}
 .agent-flow{grid-template-columns:minmax(0,1fr) 40px 220px 40px minmax(0,1fr)}.agent-core{width:220px;height:220px}.agent-feedback{gap:var(--rd-space-20);padding:var(--rd-space-16)}.agent-feedback{--feedback-gap:var(--rd-space-32)}
}
@media(max-width:760px){
 .architecture-heading{margin-bottom:var(--rd-space-20)}.case-details{padding:var(--rd-space-28) 0 var(--rd-space-32);margin-bottom:0}.case-details-heading{margin-bottom:var(--rd-space-16)}.case-details-heading p{font-size:var(--rd-font-size-12)}.case-details .screen-grid{padding:var(--rd-space-12)}
 .detail-tabs-row{gap:var(--rd-space-12)}.detail-tab-controls{gap:var(--rd-space-6)}
 .case-demo{margin-top:var(--rd-space-28);padding:var(--rd-space-24) 0 var(--rd-space-28)}.case-section-title{margin-bottom:var(--rd-space-12)}
 .document-workspace-heading{flex-direction:row}.reservation-sources .icon-node,.reservation-actions .icon-node{flex-direction:column;gap:var(--rd-space-8)}.icon-node .case-diagram-icon{width:20px;height:20px}
 .agent-output-connector{padding-right:0}
 .summary-page .intro.hero-image{padding:0;min-height:0}.hero-image>.container{min-height:0;display:block}.hero-image .hero-copy{width:100%;max-width:none;padding:var(--rd-space-44) 0 300px}.summary-page .hero-image h1{font-size:clamp(var(--rd-font-size-29),7.7vw,var(--rd-font-size-40))}.summary-page .hero-image .intro-body{padding:0;max-width:100%}
 .hero-image .hero-art{inset:auto 0 0;height:265px;background-position:center 56%;background-size:100% auto}.hero-image .hero-art:before{background:linear-gradient(180deg,var(--rd-color-hero) 0%,#EEF0EF00 27%)}
 .case-architecture{padding:var(--rd-space-22) var(--rd-space-18);margin-bottom:25px}.architecture-label{font-size:var(--rd-font-size-11);margin-bottom:var(--rd-space-20)}.case-architecture figcaption{font-size:var(--rd-font-size-12);margin-top:var(--rd-space-20);padding-top:15px}.architecture-node{font-size:var(--rd-font-size-12);min-height:42px;padding:9px}
 .architecture-group .architecture-canvas{grid-template-columns:1fr;gap:var(--rd-space-16)}.document-inputs,.document-outputs{grid-template-columns:1fr 1fr;gap:var(--rd-space-12)}.architecture-group .architecture-canvas>.architecture-arrow{transform:rotate(90deg);margin:1px 0}.document-workspace{padding:var(--rd-space-20)}.document-versions .architecture-arrow{transform:none}.document-workspace-heading strong{font-size:var(--rd-font-size-16)}
 .reservation-sources .architecture-node,.reservation-actions .architecture-node{margin:0 var(--rd-space-4);font-size:var(--rd-font-size-11);padding:var(--rd-space-8) var(--rd-space-4);min-height:55px}.reservation-hub{padding:var(--rd-space-14) var(--rd-space-10)}.reservation-hub strong{font-size:var(--rd-font-size-15)}.reservation-hub small{font-size:var(--rd-font-size-10)}
 .agent-flow{grid-template-columns:1fr;gap:var(--rd-space-12)}.agent-memory,.agent-results{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-memory .architecture-node,.agent-results .architecture-node{height:auto;min-height:48px}.agent-branch{display:none}.agent-connector{height:28px;display:grid;place-items:center}.agent-connector>.architecture-arrow{display:block;transform:rotate(90deg)}.agent-core{width:208px;height:208px}.agent-identity{max-width:116px}.agent-identity strong{font-size:var(--rd-font-size-15)}
 .agent-core{margin-top:var(--rd-space-20)}.agent-results .agent-ready-document{flex-wrap:wrap;justify-content:space-between}.agent-ready-document>span{flex-basis:100%;order:1;text-align:center}.agent-ready-document>.document-format-icon{width:20px;height:20px}.agent-delivery{width:100%}
 .agent-feedback{display:block;margin-top:var(--rd-space-24);padding:var(--rd-space-16)}.agent-feedback>strong{display:block;font-size:var(--rd-font-size-12);margin-bottom:var(--rd-space-14)}.agent-feedback ol{display:block}.agent-feedback li{padding-bottom:var(--rd-space-36)}.agent-feedback li:last-child{padding-bottom:0}.agent-feedback .architecture-arrow{left:50%;right:auto;top:calc(100% - 18px);transform:translate(-50%,-50%) rotate(90deg)}
 .architecture-golf .architecture-canvas{gap:var(--rd-space-12)}.store-lane{grid-template-columns:1fr;gap:var(--rd-space-10)}.store-journey{flex-wrap:wrap;gap:var(--rd-space-6)}.store-journey .architecture-node{min-width:0;font-size:var(--rd-font-size-10);padding:var(--rd-space-8) 3px}.store-journey .architecture-arrow{width:9px}.store-data-link{margin-left:0;font-size:var(--rd-font-size-11)}.store-management{gap:var(--rd-space-8);padding-top:var(--rd-space-12)}.store-management .architecture-node{font-size:var(--rd-font-size-11);padding:var(--rd-space-8) 3px}.lane-label{font-size:var(--rd-font-size-11)}
 .case-value-story{gap:var(--rd-space-24)}.case-value-story h3{font-size:var(--rd-font-size-19)}.case-value-story .story-body{font-size:var(--rd-font-size-13)}.golf-screen-panel .screen-grid.pair{grid-template-columns:1fr}.golf-screen-panel .screen-view{min-height:0}.golf-screen-panel .screen-view img{max-height:450px}.golf-screen-panel .screen-grid.pair .screen-view{height:auto}
 .store-journey{gap:var(--rd-space-4)}.store-journey .architecture-arrow{width:8px}.store-journey .architecture-node{padding-left:2px;padding-right:2px}
}

/* A visible document download without changing the content sections. */
.proposal-download{display:inline-flex;align-items:center;justify-content:center;gap:var(--rd-space-12);min-height:52px;margin-top:var(--rd-space-24);padding:var(--rd-space-12) var(--rd-space-20);background:var(--green);color:white;font-size:var(--rd-font-size-15);font-weight:var(--rd-font-weight-600);border:1px solid var(--green)}
.proposal-download:hover{background:var(--ink);border-color:var(--ink)}
.proposal-download svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.proposal-download small{font-size:var(--rd-font-size-11);font-weight:var(--rd-font-weight-500);white-space:nowrap}
@media(max-width:760px){
 .header .wordmark,.footer .wordmark{min-height:44px}
 .header-inner{gap:var(--rd-space-8)}
 .header .language-switch a{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;padding:var(--rd-space-4)}
 .header .menu-toggle{min-width:44px;min-height:44px;white-space:nowrap;flex-shrink:0;gap:8px}
 .navigation[data-open="true"]{max-height:calc(100dvh - 66px);overflow-y:auto;padding-bottom:max(20px,env(safe-area-inset-bottom))}
 .case-copy>.line-link{min-height:44px;align-items:center}
 .media-bar,.summary-page .media-bar{height:auto;min-height:44px}
 .media-bar button,.summary-page .media-bar button{min-height:44px;min-width:60px;display:flex;align-items:center;justify-content:center}
 .diagram-flow-toggle,.agent-cycle-toggle{width:44px;height:44px}
 .architecture-heading{padding-right:var(--rd-space-48)}
 .case-browser>.tab-panel{scroll-margin-top:130px}
 .case-details .screen-panel{scroll-margin-top:140px}
 .case-details .screen-grid.pair{grid-template-columns:1fr}
 .case-details .screen-grid.pair .screen-view{height:auto;min-height:0}
 .case-details .screen-grid.pair .screen-view>img{max-height:none}
 .footer-company dd a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
 .field input,.field textarea{font-size:var(--rd-font-size-16)}
 .privacy-details summary{min-height:44px;padding:var(--rd-space-12) 0}
 .proposal-download{width:100%;font-size:var(--rd-font-size-14)}
}

@media(max-width:360px){.header .wordmark img{width:104px}}

/* Case navigation keeps the desktop strip; phones get explicit previous/next controls. */
.case-tabs-row{border-bottom:1px solid var(--line)}
.case-tabs-row>.tab-strip{border-bottom:0}
.case-tab-controls{display:none}
.media-actions{display:flex;align-items:center;gap:var(--rd-space-8)}
.media-bar .media-expand{display:inline-flex;align-items:center;gap:var(--rd-space-4);text-decoration:none;font-weight:var(--rd-font-weight-600)}
.media-expand svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:var(--rd-stroke-diagram);stroke-linecap:round;stroke-linejoin:round}
.zoom-dialog-actions{display:flex;align-items:center;gap:var(--rd-space-8);flex-shrink:0}
.zoom-dialog-head strong{min-width:0}
.zoom-pan-hint{padding:var(--rd-space-8) var(--rd-space-18);margin:0;border-bottom:1px solid var(--line);font-size:var(--rd-font-size-12);color:var(--muted);background:white}
#zoom-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.zoom-dialog-head,.zoom-pan-hint{flex-shrink:0}
.zoom-dialog-scroll{min-height:0}
.zoom-image-viewport img{display:block}
@media(max-width:760px){
 .case-tabs-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--rd-space-12)}
 .case-tabs-row>.tab-strip{min-width:0;gap:var(--rd-space-20)}
 .case-tab-controls{display:flex}
 .case-browser>.case-tabs-row{gap:var(--rd-space-12);padding-top:var(--rd-space-4)}
 .case-tabs-row [role=tab]{font-size:var(--rd-font-size-13)}
 .media-bar,.summary-page .media-bar,.media-bar button,.summary-page .media-bar button{font-size:var(--rd-font-size-12)}
 .media-bar{gap:var(--rd-space-8)}
 .media-actions{gap:var(--rd-space-4);flex-shrink:0}
 .media-bar .media-expand{min-width:0;padding-left:var(--rd-space-4);padding-right:var(--rd-space-4)}
 #zoom-dialog{width:100vw;max-width:100vw;max-height:100dvh;border:0}
 .zoom-dialog-head{flex-wrap:wrap;gap:var(--rd-space-8);padding:var(--rd-space-12)}
 .zoom-dialog-head strong{flex:1 0 100%;font-size:var(--rd-font-size-14)}
 .zoom-dialog-actions{width:100%;justify-content:flex-end;gap:var(--rd-space-8)}
 .zoom-dialog-actions button{min-height:44px;font-size:var(--rd-font-size-13);padding:var(--rd-space-8) var(--rd-space-12)}
 .zoom-pan-hint{padding:var(--rd-space-8) var(--rd-space-12)}
 .zoom-dialog-scroll{padding:var(--rd-space-12);max-height:none;touch-action:pan-x pan-y pinch-zoom}
 .summary-page :is(h1,h2,h3),.detail-page :is(h1,h2,h3){text-wrap:balance}
 .summary-page .workflow-copy p{font-size:var(--rd-font-size-13);line-height:var(--rd-font-line-1-8)}
 .process-diagram .step-output,.expanded .step-output,.process-note>p,.process-example figcaption,.expanded .process-example figcaption{font-size:var(--rd-font-size-12)}
 .person-heading>p,.footer .footer-brand>p,.footer-company dl,.footer .footer-company>.copyright{font-size:var(--rd-font-size-12)}
 .case-details-heading p,.screen-figure>figcaption,.screen-view>.zoom-label,.deliverable-example .example-caption{font-size:var(--rd-font-size-12)}
 .step-description>p{font-size:var(--rd-font-size-14)}
 .case-architecture .architecture-node{font-size:var(--rd-font-size-13);line-height:var(--rd-font-line-1-5)}
 .case-architecture :is(.architecture-label,.lane-label,.store-data-link,.agent-background-label,.agent-cycle-node,.agent-identity small,.agent-reviewer small,.reservation-hub small){font-size:var(--rd-font-size-12)}
 .case-architecture figcaption{font-size:var(--rd-font-size-13);line-height:var(--rd-font-line-1-8);text-wrap:pretty}
 .process-diagram .step-output{text-wrap:pretty;max-width:170px}
 html[lang=ko] :is(.case-architecture figcaption,.step-description>p,.footer-company dd,.process-diagram .step-output){word-break:keep-all;overflow-wrap:break-word}
 html[lang=ko] .case-architecture .architecture-node{word-break:keep-all;overflow-wrap:break-word}
 html[lang=ja] .summary-page .section-heading h2{font-size:clamp(var(--rd-font-size-24),8vw,var(--rd-font-size-28))}
 html[lang=ja] :is(.summary-page h2,.detail-page h1,.detail-page h2){line-break:strict}
}
@media(max-width:480px){
 .store-journey{flex-direction:column;gap:var(--rd-space-10)}
 .store-journey .architecture-node{width:100%;flex-direction:row;gap:var(--rd-space-8);padding:var(--rd-space-10);min-height:44px}
 .store-journey .architecture-arrow{width:18px;transform:rotate(90deg)}
 html[lang=ja] .store-journey .icon-node>span br{display:none}
}
@media(max-width:360px){
 .agent-results{grid-template-columns:1fr}
 .agent-results .agent-ready-document{flex-wrap:nowrap;gap:var(--rd-space-8)}
 .agent-ready-document>span{flex-basis:auto;order:0;text-align:left}
}

/* Compact visual summaries; evidence and working details remain on the detail pages. */
.case-title-line{display:block;text-wrap:balance;line-break:strict}
.case-title-phrase{display:inline-block}
.case-value-flow,.engagement-process{--diagram-edge:var(--rd-color-diagram-edge);--diagram-stroke:var(--rd-stroke-diagram)}
.case-value-flow{--value-flow-gap:var(--rd-space-24);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--value-flow-gap);list-style:none;padding:0;margin:var(--rd-space-24) 0 0}
.case-value-flow>li{position:relative;display:grid;grid-template-rows:40px auto 1fr;justify-items:center;gap:var(--rd-space-8);text-align:center;min-width:0}
.value-flow-icon{display:grid;place-items:center;width:40px;height:40px;background:var(--rd-color-diagram-surface);border-radius:var(--rd-radius-6);color:var(--green)}
.value-flow-icon .case-diagram-icon{width:24px;height:24px}
.value-flow-label{font-size:var(--rd-font-size-12);font-weight:var(--rd-font-weight-500);line-height:var(--rd-font-line-1-5);color:var(--muted)}
.case-value-flow strong{font-size:var(--rd-font-size-13);font-weight:var(--rd-font-weight-600);line-height:var(--rd-font-line-1-7);color:var(--ink)}
.case-value-flow>li>.architecture-arrow{position:absolute;top:14px;right:calc((var(--value-flow-gap) + 20px) / -2);width:20px;height:12px}
html[lang=ko] .case-value-flow strong{word-break:keep-all;overflow-wrap:break-word}
.engagement-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--rd-space-28);row-gap:var(--rd-space-12);list-style:none;padding:0;margin:var(--rd-space-16) 0 0}
.engagement-process>li{position:relative;min-width:0;display:flex}
.process-number{position:absolute;z-index:1;top:-16px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--green);border-radius:50%;background:var(--green);color:var(--rd-color-white);font-size:var(--rd-font-size-12);font-weight:var(--rd-font-weight-600);line-height:1}
.process-card{position:relative;min-width:0;width:100%;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--rd-radius-8);background:var(--rd-color-white);padding:var(--rd-space-28) var(--rd-space-16) var(--rd-space-16)}
.process-illustration{aspect-ratio:1;overflow:hidden;border-radius:var(--rd-radius-6)}
.process-illustration img{display:block;width:100%;height:100%;object-fit:contain}
.process-card-copy{flex:1;display:flex;flex-direction:column;padding:var(--rd-space-20) var(--rd-space-4) var(--rd-space-4)}
.process-card h3{font-size:var(--rd-font-size-20);font-weight:var(--rd-font-weight-600);line-height:var(--rd-font-line-1-5);margin:0 0 var(--rd-space-12)}
.process-description{margin:0;font-size:var(--rd-font-size-14);line-height:var(--rd-font-line-1-8);color:var(--muted)}
.process-outcome-flow{margin-top:auto;padding-top:var(--rd-space-16)}
.process-result-arrow{display:grid;place-items:center;height:32px;margin-bottom:var(--rd-space-8)}
.process-result-arrow .architecture-arrow{width:24px;height:12px;transform:rotate(90deg)}
.process-result{display:flex;align-items:center;justify-content:center;gap:var(--rd-space-8);min-height:56px;margin:0;padding:var(--rd-space-12);background:var(--rd-color-diagram-surface);border:1px solid var(--rd-color-diagram-border);border-radius:var(--rd-radius-6);color:var(--rd-color-diagram-text)}
.process-result .case-diagram-icon{width:20px;height:20px;flex-shrink:0}
.process-result strong{font-size:var(--rd-font-size-14);font-weight:var(--rd-font-weight-600);line-height:var(--rd-font-line-1-7);word-break:keep-all;overflow-wrap:break-word}
html[lang=ko] :is(.process-card h3,.process-description){word-break:keep-all;overflow-wrap:break-word}
@media(max-width:1100px){
 .engagement-process{grid-template-columns:1fr;gap:var(--rd-space-40)}
 .process-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--rd-space-24);align-items:center}
 .process-card-copy{padding:0}
 .process-card h3{font-size:var(--rd-font-size-19)}
}
@media(max-width:760px){
 .case-value-flow{--value-flow-gap:var(--rd-space-20)}
 .process-card{grid-template-columns:minmax(72px,30%) minmax(0,1fr);gap:var(--rd-space-16);padding:var(--rd-space-28) var(--rd-space-12) var(--rd-space-12)}
 .process-illustration{grid-column:1;grid-row:1}
 .process-card-copy{display:contents}
 .process-card h3{grid-column:2;grid-row:1;font-size:var(--rd-font-size-17);margin:0}
 .process-description{grid-column:1/-1;font-size:var(--rd-font-size-13)}
 .process-outcome-flow{grid-column:1/-1;padding-top:0}
}

/* English case study reuses the site's spacing, type and color tokens. */
.case-breadcrumb{display:flex;gap:var(--rd-space-12);padding-top:var(--rd-space-30);font-size:var(--rd-font-size-13);color:var(--muted)}
.case-breadcrumb a{color:var(--rd-color-green)}
.case-study .detail-intro{max-width:950px}
.case-study .case-study-client{font-size:var(--rd-font-size-13);margin-top:var(--rd-space-24);color:var(--muted)}
.case-study-context{display:grid;grid-template-columns:1fr 1fr;gap:var(--rd-space-48);padding:var(--rd-space-40) 0;border-top:1px solid var(--line)}
.case-study h2{font-size:var(--rd-font-size-25);letter-spacing:-.025em;line-height:1.35}
.case-study-context p,.case-study-flow p{font-size:var(--rd-font-size-15);line-height:1.8;color:var(--muted);margin-top:var(--rd-space-16)}
.case-study-section{border-top:1px solid var(--line);padding:var(--rd-space-40) 0}
.case-study-section>h2{margin-bottom:var(--rd-space-28)}
.case-study-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rd-space-32)}
.case-study-flow>li{position:relative;padding:var(--rd-space-24);background:var(--rd-color-pale);border:1px solid var(--line)}
.case-study-flow svg{width:28px;height:28px;fill:none;stroke:var(--rd-color-green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.case-study-flow h3{font-size:var(--rd-font-size-17);margin-top:var(--rd-space-16);line-height:1.45;letter-spacing:-.02em}
.case-study-flow .case-study-flow-arrow{position:absolute;width:24px;height:24px;right:-29px;top:calc(50% - 12px)}
.case-study-screens{display:grid;grid-template-columns:1fr 1fr;gap:var(--rd-space-24);margin-bottom:var(--rd-space-24)}
.case-study-screens figure{margin:0;min-width:0}
.case-study-screens img{width:100%;height:360px;object-fit:contain;background:var(--rd-color-pale);padding:var(--rd-space-12);border:1px solid var(--line)}
.case-study-screens figcaption{font-size:var(--rd-font-size-13);color:var(--muted);line-height:1.7;margin-top:var(--rd-space-12)}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{letter-spacing:-.025em;word-break:normal}
html[lang=en] p,html[lang=en] dd{word-break:normal;overflow-wrap:break-word}
@media(max-width:640px){
 .header .language-switch{gap:2px}
 .header .language-switch a{min-width:40px}
 .case-study-context,.case-study-flow,.case-study-screens{grid-template-columns:1fr}
 .case-study-context{gap:var(--rd-space-28)}
 .case-study h2{font-size:var(--rd-font-size-22)}
 .case-study-context p,.case-study-flow p{font-size:var(--rd-font-size-14)}
 .case-study-flow{gap:var(--rd-space-32)}
 .case-study-flow .case-study-flow-arrow{right:calc(50% - 12px);top:auto;bottom:-29px;transform:rotate(90deg)}
 .case-study-screens img{height:320px}
}