/* Connected service narratives, distinct diagrams and valid full-card links. */
.practical-sample{background:white;border:1px solid #d3dfe8;padding:26px;width:100%;min-width:0;box-shadow:0 8px 24px #14263d06}.practical-sample h3{font-size:20px;font-weight:500;line-height:1.8;margin-bottom:24px}.practical-sample+.document-preview{margin-top:22px}.sample-chart{display:flex;justify-content:space-evenly;gap:25px;align-items:end;border-bottom:1px solid #b5c5d1;padding:5px 22px 30px;min-height:135px}.sample-chart>div{position:relative;display:flex;align-items:end;gap:5px}.sample-chart i,.sample-chart b{display:block;width:25px;background:#c5d4df}.sample-chart b{background:#4d6278}.sample-chart span{position:absolute;bottom:-24px;font-size:10px;white-space:nowrap;left:0;right:0;text-align:center}.sample-legend{font-size:9px!important;color:#758797;margin:16px 0;line-height:2}.sample-table{width:100%;border-collapse:collapse;font-size:11px}.sample-table th,.sample-table td{border-bottom:1px solid var(--line);padding:9px 8px;text-align:right;font-weight:400}.sample-table th:first-child{text-align:left}.sample-table thead{background:#edf3f7;color:var(--slate)}.sample-comment{margin-top:18px;background:#f5f8fa;padding:15px;font-size:11px}.sample-comment strong{font-weight:500}.sample-comment p{font-size:10px;color:var(--muted);margin:10px 0 0}.ledger-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ledger-columns>div{border:1px solid #d3dfe8;padding:20px 17px}.ledger-columns strong{font-size:12px;font-weight:500;display:block;margin-bottom:18px}.ledger-columns span{display:block;font-size:11px;border-bottom:1px solid var(--line);padding:14px 0;color:var(--muted)}.mini-calendar{display:flex;gap:12px;margin-top:25px}.mini-calendar span{flex:1;text-align:center;padding:14px 5px;background:#edf3f7;font-size:11px;border-top:2px solid #7d96aa}.service-link-art .practical-sample h3{font-size:17px}.service-link-art:has(.practical-sample){align-items:stretch}.service-link-art .practical-sample{min-height:370px}.service-link-art .sample-chart{min-height:115px}.service-link-art .sample-chart i,.service-link-art .sample-chart b{width:21px}.service-link-art .sample-table{font-size:10px}.service-link-art .sample-comment{margin-top:12px;padding:10px}.service-link-art .sample-comment p{font-size:9px}.service-link-art .sample-legend{font-size:8px!important}
.narrative-section{padding:90px 0}.narrative-section .story-lead{font-size:16px;line-height:2.25;max-width:960px}.narrative-section>.wrap>p:not(.eyebrow){max-width:980px;color:var(--muted);font-size:14px;line-height:2.2}.bridge{margin-top:32px}.narrative-hero>.wrap{display:grid;grid-template-columns:1.55fr .65fr;gap:80px;align-items:end}.narrative-hero h1{font-size:40px;line-height:1.65;margin-bottom:24px}.narrative-hero .lead{font-size:15px}.chapter-index{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0}.chapter-index a{font-size:11px;padding:16px 0;border-top:1px solid var(--line);font-weight:500}.chapter-index a:hover{color:#617d94}.category-image{margin:0}.category-image img{display:block;width:100%;height:300px;object-fit:cover}.category-image figcaption{font-size:9px;color:var(--muted);margin-top:10px}.category-hero .category-image:has(img[src*="portrait"]){width:290px;justify-self:end}.category-hero .category-image img[src*="portrait"]{height:350px;object-position:50% 30%}
.business-diagram{margin:40px 0 20px;padding:42px;background:#fff;border:1px solid var(--line);position:relative}.business-diagram:before{content:"SERVICE DESIGN";position:absolute;top:15px;right:18px;font:8px Arial,sans-serif;letter-spacing:.14em;color:#8a9cab}.map-box{border:1px solid #d3dfe8;border-top:2px solid #617d94;padding:22px 24px;background:#f5f8fa;min-width:0}.map-box small{display:block;font:12px Georgia,serif;color:var(--slate);margin-bottom:10px}.map-box strong{display:block;font-size:17px;font-weight:500;line-height:1.7}.map-box p{font-size:12px;color:var(--muted);line-height:1.9;margin:10px 0 0}.report-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.cost-input{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tree-join{height:34px;border-left:1px solid #9cb0bf;width:1px;margin:auto;position:relative}.tree-join:after{content:"";position:absolute;bottom:0;left:-3px;width:6px;height:6px;border-right:1px solid #9cb0bf;border-bottom:1px solid #9cb0bf;transform:rotate(45deg)}.visual-arrow{display:block;text-align:center;font-size:22px;color:#7d96aa;margin:14px 0}.cycle-repeat{padding:18px 20px;text-align:center;font-size:12px;color:var(--slate);border:1px dashed #b8c8d4;background:#f7fafb;margin-top:24px}.diagram-caption{font-size:11px!important;color:#758797!important;margin-top:18px;line-height:2}.lane-title{font-size:10px;letter-spacing:.12em;color:var(--slate);margin:22px 0 12px}.lane-title:first-child{margin-top:0}.cycle-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.diagram-target{display:block;background:#edf3f7;padding:23px 20px;border-top:2px solid var(--slate);min-width:0}.diagram-target small{display:block;font:16px Georgia,serif;color:var(--slate);margin-bottom:14px}.diagram-target strong{font-size:15px;display:block;font-weight:500;line-height:1.8}.diagram-target span{font-size:10px;color:#687e91;display:block;margin-top:16px}.diagram-target:hover{background:#dfeaf2}.operation-route .report-columns>div>p{font-size:12px;color:var(--muted);margin:20px 0}.operation-route .diagram-target{min-height:135px}.wheel-mid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.close-strip{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);align-items:stretch}.close-strip>span{width:75px;flex:none;font-size:12px;color:var(--slate);align-self:center}.close-strip .map-box{flex:1}.control-head,.control-line{display:grid;grid-template-columns:.65fr 1.25fr 1fr;gap:25px;align-items:center;padding:19px 22px;border-bottom:1px solid var(--line);font-size:13px}.control-head{background:#e9f0f5;font-size:11px;color:var(--slate)}.control-line strong{font-weight:500}.control-line span{font-size:12px;color:var(--muted)}.formula{display:flex;gap:22px;align-items:center;justify-content:center}.formula>div{flex:1;border:1px solid var(--line);padding:25px;background:#f5f8fa;min-width:0}.formula small{font-size:10px;color:var(--slate);display:block;margin-bottom:12px}.formula strong{font-size:16px;font-weight:500}.formula>span{font-size:24px;color:var(--slate)}.gate{font-size:12px;text-align:center;margin:25px 0;color:var(--slate)}.before-after{display:grid;grid-template-columns:1fr 30px 1fr;gap:26px}.before-after>div>small{font-size:11px;display:block;margin-bottom:14px;color:var(--slate)}.before-after .map-box+.map-box{margin-top:16px}.before-after>.visual-arrow{align-self:center}.verification-choice{display:grid;grid-template-columns:1fr 1fr;gap:28px}.verification-choice .map-box{margin-bottom:22px}.other-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.document-preview{background:#fff;padding:26px 27px;border:1px solid #d2dfe8;box-shadow:0 10px 28px #14263d06;min-width:0}.document-bar{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.document-bar span{font:8px Arial,sans-serif;letter-spacing:.13em;color:var(--slate);margin-right:auto}.document-bar i{display:block;width:5px;height:5px;border-radius:50%;background:#cad7e1}.document-preview h3{font-size:19px;font-weight:500;line-height:1.8;margin-bottom:22px}.document-row{display:grid;grid-template-columns:90px 1fr;gap:16px;border-top:1px solid var(--line);padding:17px 0;font-size:11px}.document-row strong{font-weight:500;color:var(--slate)}.document-row span{color:var(--muted);line-height:2}.work-chapter{display:grid;grid-template-columns:72px minmax(0,1fr);gap:32px;padding:36px 0;border-bottom:1px solid var(--line);scroll-margin-top:120px}.work-chapter:first-of-type{margin-top:38px}.chapter-number{font:26px Georgia,serif;color:#7890a4;padding-top:5px}.work-chapter h3{font-size:25px;font-weight:500;line-height:1.7;margin-bottom:20px}.work-chapter>div>p{font-size:14px;color:var(--muted);line-height:2.25;max-width:930px}.handoff{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0 0}.handoff>div{padding:18px 20px;background:#fff;border-left:2px solid #95aabd}.handoff dt{font-size:10px;color:var(--slate);margin-bottom:9px}.handoff dd{font-size:12px;margin:0;line-height:2}.deliverable-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-top:40px}.deliverable-layout>div>p{font-size:14px;color:var(--muted);line-height:2.2}
.service-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:38px}.service-links.pair-links{grid-template-columns:repeat(2,minmax(0,1fr))}.service-link{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;min-width:0;overflow:hidden;transition:border-color .2s,transform .2s}.service-link:hover,.service-link:focus-visible{border-color:#829aad;transform:translateY(-3px)}.service-link-art{background:#edf3f7;padding:28px;flex:none;min-height:230px;display:flex;align-items:center}.service-link-art .document-preview{width:100%;padding:21px;box-shadow:0 10px 28px #14263d0a;transform:rotate(-1deg)}.service-link-art .document-preview h3{font-size:15px;min-height:52px;margin-bottom:12px}.service-link-art .document-row{font-size:9px;grid-template-columns:52px 1fr;gap:10px;padding:10px 0}.service-link-copy{padding:27px 28px;display:flex;flex-direction:column;flex:1}.service-link-copy h3{font-size:20px;font-weight:500;line-height:1.7;margin-bottom:16px}.service-link-copy p{font-size:12px;color:var(--muted);line-height:2;margin-bottom:22px;flex:1}.service-link-copy>span{font-size:11px;display:block;border-top:1px solid var(--line);padding-top:15px;color:var(--slate)}.pair-links .service-link-art{padding:32px;min-height:275px}.pair-links .service-link-art .document-preview h3{font-size:18px;min-height:0}.pair-links .service-link-copy h3{font-size:23px}.monthly-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:35px 0}.monthly-steps .map-box{padding:24px 20px}.monthly-steps .map-box strong{font-size:16px}.monthly-steps .map-box p{font-size:12px}.audit-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.role-panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:36px}.role-panel>div{border-top:1px solid #a0b2c1;padding-top:25px}.role-panel h3{font-size:21px;font-weight:500}.role-panel p{font-size:14px;color:var(--muted);line-height:2.2}
@media(max-width:1020px){.narrative-hero>.wrap{gap:40px}.service-links{grid-template-columns:repeat(2,minmax(0,1fr))}.business-diagram{padding:32px}.monthly-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cycle-track{grid-template-columns:repeat(2,minmax(0,1fr))}.deliverable-layout{gap:35px}.document-row{grid-template-columns:75px 1fr;gap:12px}.cost-input{gap:14px}.map-box{padding:20px}.other-map{grid-template-columns:1fr}.category-hero .category-image:has(img[src*="portrait"]){width:230px}.category-image img{height:280px}}
@media(max-width:680px){.narrative-section{padding:55px 0}.narrative-section h2{font-size:29px}.narrative-section .story-lead{font-size:14px;line-height:2.2}.narrative-section>.wrap>p:not(.eyebrow){font-size:13px}.narrative-hero>.wrap{grid-template-columns:1fr;gap:22px}.narrative-hero h1{font-size:29px}.narrative-hero .lead{font-size:13px}.chapter-index{gap:0}.chapter-index a{padding:12px 0;font-size:11px}.category-image img{height:220px}.category-hero .category-image:has(img[src*="portrait"]){width:100%;justify-self:stretch;display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:end}.category-hero .category-image img[src*="portrait"]{height:140px}.category-image figcaption{font-size:9px}.business-diagram{padding:30px 18px 23px;margin-top:28px}.business-diagram:before{top:10px;right:12px;font-size:7px}.report-columns,.cost-input,.wheel-mid,.verification-choice,.before-after{grid-template-columns:1fr;gap:16px}.before-after>.visual-arrow{transform:rotate(90deg);margin:0}.map-box{padding:20px}.map-box strong{font-size:17px}.map-box p{font-size:12px}.cycle-track{grid-template-columns:1fr}.diagram-target{padding:20px}.diagram-target strong{font-size:16px}.cycle-repeat{font-size:11px;padding:16px}.document-preview{padding:22px 19px}.document-preview h3{font-size:18px}.document-row{grid-template-columns:70px 1fr;gap:12px;font-size:11px}.document-row span{overflow-wrap:anywhere}.close-strip{flex-direction:column;gap:12px}.close-strip>span{align-self:start}.control-head{display:none}.control-line{grid-template-columns:1fr;gap:10px;padding:20px 12px}.control-line strong{font-size:16px}.control-line span:first-of-type:before{content:"統制："}.control-line span:last-of-type:before{content:"記録："}.formula{flex-direction:column;gap:12px}.formula>div{width:100%;padding:20px}.formula>span{font-size:20px;line-height:1}.work-chapter{grid-template-columns:35px minmax(0,1fr);gap:13px;padding:28px 0}.chapter-number{font-size:21px}.work-chapter h3{font-size:21px;margin-bottom:16px}.work-chapter>div>p{font-size:13px;line-height:2.2}.handoff{grid-template-columns:1fr;gap:12px}.handoff>div{padding:15px}.handoff dd{font-size:11px}.deliverable-layout{grid-template-columns:1fr;gap:28px;margin-top:28px}.deliverable-layout>div>p{font-size:13px}.service-links,.service-links.pair-links{grid-template-columns:1fr;gap:25px}.service-link-art,.pair-links .service-link-art{padding:25px;min-height:0}.service-link-art .document-preview{transform:none;padding:22px}.service-link-art .document-preview h3,.pair-links .service-link-art .document-preview h3{font-size:17px;min-height:0}.service-link-art .document-row{font-size:10px;grid-template-columns:56px 1fr;padding:12px 0}.service-link-copy{padding:24px}.service-link-copy h3,.pair-links .service-link-copy h3{font-size:21px}.service-link-copy p{font-size:13px}.monthly-steps,.role-panel{grid-template-columns:1fr;gap:18px}.monthly-steps .map-box strong{font-size:18px}.role-panel h3{font-size:21px}.role-panel p{font-size:13px}.operation-route .diagram-target{min-height:0}.narrative-section .note{font-size:12px}.handoff dt{font-size:10px}}
.pair-links:has(.practical-sample) .service-link-art{height:490px}.pair-links:has(.practical-sample) .service-link-art .practical-sample{height:100%}
@media(max-width:680px){.pair-links:has(.practical-sample) .service-link-art{height:auto}.pair-links:has(.practical-sample) .service-link-art .practical-sample{height:auto}.ledger-columns{gap:12px}.ledger-columns>div{padding:18px 12px}.ledger-columns strong{font-size:11px}.sample-chart{gap:18px;padding-left:12px;padding-right:12px}}
.pair-links:has(.practical-sample) .service-link-art{height:560px}.service-link-art .practical-sample{padding:20px}.service-link-art .practical-sample h3{margin-bottom:16px}.service-link-art .ledger-columns span{padding:9px 0}.service-link-art .sample-table th,.service-link-art .sample-table td{padding:5px 8px}.service-link-art .sample-comment p{margin-top:6px}.service-link-art .sample-comment{padding:10px}
@media(max-width:680px){.pair-links:has(.practical-sample) .service-link-art{height:auto}}