/* One layout for usecases1–22, plus the complete legacy invoice article on /usecases. */
body.pf2026 .pf-usecases :is(.pf-uc-intro,.uc-problems,.pf-uc-feature-section,.pf-uc-benefits,.pf-uc-other,.pf-uc-customers,.pf-uc-list,.pf-uc-index-section){padding:84px 0}
body.pf2026 .pf-usecases :is(.pf-uc-intro,.pf-uc-feature-section:nth-of-type(even),.pf-uc-other,.pf-uc-list){background:var(--pf-bg)}
body.pf2026 .pf-usecases .pf-uc-hero{background:linear-gradient(160deg,#e9f5ff,#dbeeff 45%,#fff4cc)}
body.pf2026 .pf-usecases .pf-uc-hero>.container-xl{max-width:1080px;padding:0 max(32px,var(--pf-rail-safe)) 0 32px}
body.pf2026 .pf-usecases .pf-uc-hero>.pf-wrap{padding-top:0;padding-bottom:0}
body.pf2026 .pf-usecases .pf-uc-hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}
body.pf2026 .pf-usecases .pf-uc-hero-content{min-width:0}
body.pf2026 .pf-usecases .pf-uc-hero-content .pf-sub-hero{background:none}
body.pf2026 .pf-usecases .pf-uc-hero-content .pf-wrap{padding-left:0;padding-right:0}
body.pf2026 .pf-usecases .pf-uc-hero-content .pf-page-hero p{line-height:1.9}
body.pf2026 .pf-usecases .pf-uc-hero-image{padding:40px 0;min-width:0}
body.pf2026 .pf-usecases .pf-uc-hero-image img{display:block;width:100%;border-radius:20px;box-shadow:0 14px 40px #053a8814}
body.pf2026 .pf-usecases :is(.pf-uc-intro,.uc-problems,.pf-uc-benefits,.pf-uc-list) h2{text-align:center}
body.pf2026 .pf-usecases :is(.pf-uc-intro-card,.pf-uc-benefit-card){height:100%;border:1px solid var(--pf-line);border-radius:20px;padding:28px;background:#fff}
body.pf2026 .pf-usecases .pf-uc-intro-card .intro-icon{width:80px;height:80px;margin:0 auto 20px}
body.pf2026 .pf-usecases .intro-icon img{width:100%;height:100%;object-fit:contain}
body.pf2026 .pf-usecases :is(.pf-uc-intro-card,.pf-uc-benefit-card) h5{font-size:18px;line-height:1.6;margin:0 0 12px}
body.pf2026 .pf-usecases :is(.pf-uc-intro-card,.pf-uc-benefit-card) p{font-size:14px;margin:0}
body.pf2026 .pf-usecases .uc-problem-item{display:flex;align-items:center;gap:24px;border:1px solid var(--pf-line);border-left:5px solid var(--pf-yellow);border-radius:16px;background:#fff;padding:24px;margin-bottom:20px}
body.pf2026 .pf-usecases .uc-problem-item:last-child{margin-bottom:0}
body.pf2026 .pf-usecases .problem-icon{flex:0 0 70px;width:70px;height:70px}
body.pf2026 .pf-usecases .problem-icon img{width:100%;height:100%;object-fit:contain}
body.pf2026 .pf-usecases .problem-content{min-width:0}
body.pf2026 .pf-usecases .uc-problem-item h5{font-size:18px;margin:0 0 8px;line-height:1.6}
body.pf2026 .pf-usecases .uc-problem-item p{margin:0}
body.pf2026 .pf-usecases .pf-uc-section-number{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:6px;border-radius:50%;background:var(--pf-yellow);color:var(--pf-navy);font-size:20px;font-weight:800;margin-bottom:16px}
body.pf2026 .pf-usecases .pf-uc-section-title{font-size:28px;line-height:1.5;margin:0 0 32px}
body.pf2026 .pf-usecases .pf-uc-feature-section>.pf-wrap{max-width:1080px}
body.pf2026 .pf-usecases .pf-uc-feature-content{display:flex;align-items:center;gap:40px}
body.pf2026 .pf-usecases :is(.pf-uc-feature-text,.pf-uc-feature-image){min-width:0}
body.pf2026 .pf-usecases .pf-uc-feature-text{flex:2 1 0}
body.pf2026 .pf-usecases .pf-uc-feature-image{flex:3 1 0}
body.pf2026 .pf-usecases .pf-uc-feature-text h4{font-size:22px;line-height:1.6;margin:0 0 16px}
body.pf2026 .pf-usecases .pf-uc-feature-text p{margin:0 0 16px}
body.pf2026 .pf-usecases .pf-uc-feature-text ul{list-style:none;padding:0;margin:24px 0 0}
body.pf2026 .pf-usecases .pf-uc-feature-text li{position:relative;padding-left:28px;margin-bottom:12px}
body.pf2026 .pf-usecases .pf-uc-feature-text li::before{content:'✓';position:absolute;left:0;color:var(--pf-blue);font-weight:800}
body.pf2026 .pf-usecases .pf-uc-feature-image img{display:block;width:100%;border:1px solid var(--pf-line);border-radius:20px;box-shadow:0 12px 32px #053a8812}
body.pf2026 .pf-usecases .pf-uc-benefits{background:var(--pf-navy)}
body.pf2026 .pf-usecases .pf-uc-benefits h2{color:#fff}
body.pf2026 .pf-usecases .pf-uc-benefit-card{border-top:4px solid var(--pf-yellow)}
/* Shared cards: classes are harmless to other consumers unless this stylesheet is loaded. */
body.pf2026 .pf-usecases .pf-usecase-card{align-items:flex-start;text-align:left;display:flex;flex-direction:column;flex:1;width:100%;padding:24px 20px;border:1px solid var(--pf-line);border-radius:20px;text-decoration:none;background:#fff;box-shadow:none;transition:border-color .2s,box-shadow .2s}
body.pf2026 .pf-usecases .pf-usecase-card:hover{transform:none;border-color:var(--pf-blue);box-shadow:0 8px 24px #053a8812}
body.pf2026 .pf-usecases .pf-usecase-icon{width:64px;height:64px;margin:0 0 18px}
body.pf2026 .pf-usecases .pf-usecase-icon img{width:100%;height:100%;object-fit:contain}
body.pf2026 .pf-usecases .pf-usecase-title{font-size:17px;line-height:1.6;margin:0 0 12px}
body.pf2026 .pf-usecases .pf-usecase-desc{font-size:14px;line-height:1.8;margin:0}
body.pf2026 .pf-usecases :is(.pf-uc-other,.pf-uc-customers) :is(.container-xl,.container-lg){max-width:1080px;padding:0 max(32px,var(--pf-rail-safe)) 0 32px!important}
body.pf2026 .pf-usecases :is(.pf-uc-other,.pf-uc-customers) .container-fluid{padding:0}
body.pf2026 .pf-usecases #pigeon-cloud-other-usecases,body.pf2026 .pf-usecases .pf-uc-customers #pigeon-cloud-partners{padding:0;margin:0}
body.pf2026 .pf-usecases :is(.reser-title,.pc-usage-header){font-size:28px;line-height:1.5;text-align:center;margin-bottom:32px}
body.pf2026 .pf-usecases .logo-container{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0}
/* 活用方法ページのロゴも共通の88pxセルと48px上限に揃える。 */
body.pf2026 .pf-usecases .logo-container>div{width:auto;display:flex;align-items:center;justify-content:center;min-width:0;height:88px;min-height:88px;background:#fff;border:1px solid var(--pf-line);border-radius:16px;padding:18px;margin:0!important}
body.pf2026 .pf-usecases .logo-container img{max-height:48px;max-width:100%;width:auto;height:auto;object-fit:contain}
/* Preserve the price and contact includes verbatim; only their presentation is adapted. */
body.pf2026 .pf-usecases .pf-uc-contact{padding:84px 0;background:var(--pf-cream)}
body.pf2026 .pf-usecases .pf-uc-contact #pigeon-cloud-contact{padding:0;margin:0;background:none}
body.pf2026 .pf-usecases .pf-uc-contact .container-lg{max-width:1080px;padding:0 max(32px,var(--pf-rail-safe)) 0 32px!important}
body.pf2026 .pf-usecases .pf-uc-contact #pigeon-cloud-contact .pc-container{padding:0!important;margin:0}
body.pf2026 .pf-usecases .pf-uc-contact #pigeon-cloud-contact .pc-container>.row{row-gap:20px}
body.pf2026 .pf-usecases .pf-uc-contact #pigeon-cloud-contact .pc-card{height:100%;padding:24px;border:1px solid var(--pf-line);border-radius:20px;background:#fff}
body.pf2026 .pf-usecases .pf-uc-contact #pigeon-cloud-contact .pc-card-body{padding:0}
body.pf2026 .pf-usecases .pf-uc-contact #pigeon-cloud-contact .pc-card img{width:36px;height:36px;object-fit:contain}
body.pf2026 .pf-usecases .pf-uc-contact #pigeon-cloud-contact .pc-card .main{font-size:18px;color:var(--pf-navy);font-weight:800}
body.pf2026 .pf-usecases .pf-uc-contact #pigeon-cloud-contact .pc-card .secondary{font-size:12px;color:var(--pf-blue)}
body.pf2026 .pf-usecases .pf-uc-contact #pigeon-cloud-contact .pc-card p{font-size:16px;margin:0;color:var(--pf-navy)}
body.pf2026 .pf-usecases .pf-uc-price{padding:0 0 84px;background:var(--pf-bg)}
/* /usecases keeps its original article, imagery and CTA band. */
body.pf2026 .pf-usecases-index .pf-uc-index-section :is(.container-xl,.container-lg){max-width:1080px;padding:0 max(32px,var(--pf-rail-safe)) 0 32px!important}
body.pf2026 .pf-usecases-index .pf-uc-index-section .container-fluid{padding:0}
body.pf2026 .pf-usecases-index .pf-uc-index-section:nth-of-type(even){background:var(--pf-bg)}
body.pf2026 .pf-usecases-index .title-row{text-align:center;margin:0 0 36px}
body.pf2026 .pf-usecases-index .title-row h4{font-size:15px;margin:0 0 12px}
body.pf2026 .pf-usecases-index .title-row .number{font-size:32px;color:var(--pf-blue)}
body.pf2026 .pf-usecases-index .title-row h3{font-size:28px;line-height:1.5;margin:12px 0 0}
body.pf2026 .pf-usecases-index .usecases-row{align-items:center;gap:32px;padding:28px;border:1px solid var(--pf-line);border-radius:20px;background:#fff;margin-bottom:28px}
body.pf2026 .pf-usecases-index .usecases-row img{width:45%;object-fit:contain;margin:0!important;padding:0!important}
body.pf2026 .pf-usecases-index .text-section{flex:1;min-width:0;padding:0!important;margin:0!important}
body.pf2026 .pf-usecases-index .text-section h3{font-size:22px;margin:0 0 16px;line-height:1.6}
body.pf2026 .pf-usecases-index h6{font-size:16px;font-weight:400;line-height:1.9;color:var(--pf-sub)}
body.pf2026 .pf-usecases-index .info-row>div{margin-top:0!important}
body.pf2026 .pf-usecases-index .info-row img{width:100%;max-height:200px;object-fit:contain;margin-bottom:24px}
body.pf2026 .pf-usecases-index .info-row h5{font-size:20px;margin:0 0 16px}
body.pf2026 .pf-usecases-index .pf-uc-invoice>.container-xl>.row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);align-items:center;gap:32px;margin:0;padding:28px;border:1px solid var(--pf-line);border-radius:20px;background:#fff}
body.pf2026 .pf-usecases-index .pf-uc-invoice>.container-xl>.row>[class*="col-"]{width:auto;min-width:0;padding:0}
body.pf2026 .pf-usecases-index .pf-uc-invoice img{display:block;width:100%;max-height:420px;object-fit:contain}
@media(max-width:960px){body.pf2026 .pf-usecases .pf-uc-hero-inner{grid-template-columns:minmax(0,1fr);gap:0}body.pf2026 .pf-usecases .pf-uc-hero-image{padding:0 0 40px}body.pf2026 .pf-usecases .pf-uc-hero-image img{max-width:640px;margin:auto}body.pf2026 .pf-usecases .pf-uc-feature-content{flex-direction:column;gap:24px}body.pf2026 .pf-usecases .pf-uc-feature-content.reverse{flex-direction:column-reverse}body.pf2026 .pf-usecases .logo-container{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
 body.pf2026 .pf-usecases :is(.pf-uc-intro,.uc-problems,.pf-uc-feature-section,.pf-uc-benefits,.pf-uc-other,.pf-uc-customers,.pf-uc-list,.pf-uc-index-section,.pf-uc-contact,.pf-uc-price){padding:40px 0}
 body.pf2026 .pf-usecases :is(.pf-uc-intro-card,.pf-uc-benefit-card){padding:24px}
 body.pf2026 .pf-usecases .pf-uc-section-title{font-size:24px;margin-bottom:24px}
 body.pf2026 .pf-usecases .pf-uc-feature-text h4{font-size:20px}
 body.pf2026 .pf-usecases .uc-problem-item{padding:20px;gap:16px;align-items:start}
 body.pf2026 .pf-usecases .problem-icon{flex-basis:52px;width:52px;height:52px}
 body.pf2026 .pf-usecases :is(.pf-uc-other,.pf-uc-customers,.pf-uc-contact,.pf-uc-price,.pf-uc-index-section) :is(.container-xl,.container-lg){padding:0 20px!important}
 body.pf2026 .pf-usecases .pf-usecase-card{padding:20px}
 body.pf2026 .pf-usecases .logo-container{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.pf2026 .pf-usecases-index .usecases-row{padding:20px;gap:24px}
 body.pf2026 .pf-usecases-index .usecases-row img{width:100%}
 body.pf2026 .pf-usecases-index .title-row h3{font-size:24px}
 body.pf2026 .pf-usecases-index .pf-uc-invoice>.container-xl>.row{grid-template-columns:minmax(0,1fr);padding:20px}
}
@media(max-width:600px){body.pf2026 .pf-usecases :is(.pf-uc-list,.pf-uc-other) .col-6{width:100%}body.pf2026 .pf-usecases .pf-usecase-card{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:20px}body.pf2026 .pf-usecases .pf-usecase-icon{grid-row:span 2;margin:0}body.pf2026 .pf-usecases .pf-usecase-title{margin-bottom:8px}}

/* Override the ID-based legacy include rules, including narrow screen fixed widths. */
body.pf2026 .pf-usecases .pf-uc-contact #pigeon-cloud-contact .pc-card{width:100%;height:100%;margin:0}
body.pf2026 .pf-usecases .pf-uc-contact #pigeon-cloud-contact .pc-card span{margin-left:0}
body.pf2026 .pf-usecases #pigeon-cloud-partners .logo-container img{max-height:48px;max-width:100%;width:auto;height:auto;margin:0;object-fit:contain}
body.pf2026 .pf-usecases #pigeon-cloud-partners{margin:0}
body.pf2026 .pf-usecases #pigeon-cloud-partners h3,body.pf2026 .pf-usecases #pigeon-cloud-other-usecases .reser-title{color:var(--pf-navy);font-size:28px}
body.pf2026 .pf-usecases #pigeon-cloud-other-usecases{background:none}
body.pf2026 .pf-usecases-index #pigeon-cloud-partners{padding:84px 0}
@media(max-width:767px){body.pf2026 .pf-usecases-index #pigeon-cloud-partners{padding:40px 0}body.pf2026 .pf-usecases #pigeon-cloud-partners h3,body.pf2026 .pf-usecases #pigeon-cloud-other-usecases .reser-title{font-size:24px}}
@media(max-width:767px){body.pf2026 .pf-usecases .pf-uc-price{padding:0 0 40px}body.pf2026 .pf-usecases :is(.pf-uc-intro,.uc-problems,.pf-uc-benefits) h2{font-size:23px;word-break:keep-all;line-break:strict;overflow-wrap:anywhere}}