/* r8 STEP1 usability + r14 orientation-neutral footprints and paired prices. */
html .tsumugu-lp{--lp-build:20261023-r14-2}
.tsumugu-lp.middle-integrated #products .size-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:900px;margin:24px auto 0}
.tsumugu-lp.middle-integrated #products .size-nav a{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start;justify-items:center;gap:8px;min-width:0;min-height:140px;padding:14px 8px;border:1px solid #c7d3c8;border-top:3px solid #53765d;background:#fff;color:#254d35;text-align:center;white-space:normal;box-shadow:none;filter:none;line-height:1.35;transition:background-color .15s,color .15s,border-color .15s}
.tsumugu-lp.middle-integrated #products .size-nav .size-nav-size{display:block;font-size:18px;font-weight:700;white-space:nowrap}
.tsumugu-lp.middle-integrated #products .size-nav .size-nav-size strong{font-size:36px;line-height:1.1;letter-spacing:0;font-variant-numeric:tabular-nums}
.tsumugu-lp.middle-integrated #products .size-nav a[aria-current="location"]{background:#e7eee4;border-color:#31593e;color:#254d35}
.tsumugu-lp.middle-integrated #products .size-nav a:focus-visible{outline:3px solid #31593e;outline-offset:3px}
@media(hover:hover){.tsumugu-lp.middle-integrated #products .size-nav a:hover{background:#edf3ed;color:#254d35;filter:none}.tsumugu-lp.middle-integrated #products .size-nav a[aria-current="location"]:hover{background:#dde8d8;color:#254d35}}
.tsumugu-lp.middle-integrated #products .grid-definition{padding:14px 18px;margin-top:16px}
.tsumugu-lp.middle-integrated #products .grid-definition p{font-size:15px;line-height:1.75}
.tsumugu-lp.middle-integrated #products .price-scope-note{display:block;font-size:14px;font-weight:400;line-height:1.7;color:#535e55}
.tsumugu-lp.middle-integrated .plan-section .plan-target .target-copy{width:100%;max-width:880px;margin-inline:auto}
.tsumugu-lp.middle-integrated .plan-section .plan-target ul{display:grid;gap:8px}
.tsumugu-lp.middle-integrated .plan-section .plan-target li{line-height:1.8;overflow-wrap:break-word}
@media(max-width:767px){
 .tsumugu-lp.middle-integrated #products>.wrap{width:calc(100% - 32px)}
 .tsumugu-lp.middle-integrated #products .size-nav{gap:6px;margin-top:20px}
 .tsumugu-lp.middle-integrated #products .size-nav a{min-height:126px;padding:12px 4px;gap:7px}
 .tsumugu-lp.middle-integrated #products .size-nav .size-nav-size{font-size:15px}
 .tsumugu-lp.middle-integrated #products .size-nav .size-nav-size strong{font-size:30px}
 .tsumugu-lp.middle-integrated #products .grid-definition{padding:14px;margin-top:14px}
 .tsumugu-lp.middle-integrated #products .grid-definition .grid-definition-note{font-size:13px;line-height:1.65}
 .tsumugu-lp.middle-integrated .plan-section{padding-top:36px}
 .tsumugu-lp.middle-integrated .plan-section .plan-intro{row-gap:14px;padding-block:24px}
 .tsumugu-lp.middle-integrated .plan-section .plan-intro h2{line-height:1.6}
 .tsumugu-lp.middle-integrated .plan-section .plan-target{margin-top:24px}
 .tsumugu-lp.middle-integrated .plan-section .plan-target h3{margin-bottom:10px}
 .tsumugu-lp.middle-integrated .plan-section .plan-target ul{gap:8px}
 .tsumugu-lp.middle-integrated .plan-section .plan-target li{font-size:15px;line-height:1.75}
}
@media(prefers-reduced-motion:reduce){.tsumugu-lp.middle-integrated #products .size-nav a{transition:none}}

/* r14: tax-exclusive first; tax-inclusive prices stay adjacent, readable and charcoal. */
.tsumugu-lp.middle-integrated .price-pair{display:grid;gap:4px;line-height:1.35;font-variant-numeric:tabular-nums;letter-spacing:0;color:inherit;white-space:normal}
.tsumugu-lp.middle-integrated .price-pair .price-net,.tsumugu-lp.middle-integrated .price-pair .price-gross{display:block;color:inherit;white-space:nowrap}
.tsumugu-lp.middle-integrated .price-pair .price-net{font-weight:700}
.tsumugu-lp.middle-integrated .price-pair .price-gross{font-weight:400;color:#42474a}
.tsumugu-lp.middle-integrated .price-pair b{font-size:30px;letter-spacing:0;font-weight:inherit}
.tsumugu-lp.middle-integrated .price-pair .price-gross b{font-size:20px;font-weight:500}
.tsumugu-lp.middle-integrated .price-pair .price-net>span,.tsumugu-lp.middle-integrated .price-pair .price-gross>span{font-size:14px;line-height:1.5;font-weight:500}
.tsumugu-lp.middle-integrated #products .size-nav .price-pair{gap:5px;width:100%}
.tsumugu-lp.middle-integrated #products .size-nav .price-net{color:var(--red,#a43a40)}
.tsumugu-lp.middle-integrated #products .size-nav .price-pair b{font-size:24px}
.tsumugu-lp.middle-integrated #products .size-nav .price-pair .price-gross b{font-size:16px}
.tsumugu-lp.middle-integrated #products .size-nav .price-pair .price-net>span,.tsumugu-lp.middle-integrated #products .size-nav .price-pair .price-gross>span{display:block;font-size:13px}
.tsumugu-lp.middle-integrated .plan-section .plan-intro .plan-price{display:block;white-space:normal}
.tsumugu-lp.middle-integrated .plan-section .plan-price .price-pair b{font-size:42px}
.tsumugu-lp.middle-integrated .plan-section .plan-price .price-pair .price-gross b{font-size:24px}
.tsumugu-lp.middle-integrated .plan-section .plan-price .price-pair{font-size:16px}
@media(max-width:767px){
 .tsumugu-lp.middle-integrated #fv .price-summary .price-pair b{font-size:24px}
 .tsumugu-lp.middle-integrated #fv .price-summary .price-pair .price-gross b{font-size:16px}
 .tsumugu-lp.middle-integrated #fv .price-summary .price-pair .price-net>span,.tsumugu-lp.middle-integrated #fv .price-summary .price-pair .price-gross>span{display:block;font-size:12px}
 .tsumugu-lp.middle-integrated #products .size-nav .price-pair b{font-size:20px}
 .tsumugu-lp.middle-integrated #products .size-nav .price-pair .price-gross b{font-size:14px}
 .tsumugu-lp.middle-integrated #products .size-nav .price-pair .price-net>span,.tsumugu-lp.middle-integrated #products .size-nav .price-pair .price-gross>span{font-size:13px}
 .tsumugu-lp.middle-integrated .plan-section .plan-price .price-pair b{font-size:32px}
 .tsumugu-lp.middle-integrated .plan-section .plan-price .price-pair .price-gross b{font-size:22px}
}

@media(max-width:767px){
 .tsumugu-lp.middle-integrated #products .size-nav .price-pair{gap:5px}
}
/* Existing dark FV interaction states need a light tax-inclusive label for contrast. */
.tsumugu-lp.middle-integrated #fv .price-summary>div.is-selected .price-gross,
.tsumugu-lp.middle-integrated #fv .price-summary>div:focus-within .price-gross{color:#f1f1f1}
@media(hover:hover) and (pointer:fine){.tsumugu-lp.middle-integrated #fv .price-summary>div:hover .price-gross{color:#f1f1f1}}

/* r14: one footprint layout for seven existing shapes; no geometry changes. */
.tsumugu-lp.middle-integrated .plan-section .footprint-grid{--footprint-gap:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:500px;margin-inline:auto;gap:18px var(--footprint-gap);align-items:start}
.tsumugu-lp.middle-integrated .plan-section .footprint-count-3>.footprint-figure:last-child{grid-column:1/-1;justify-self:center;width:calc((100% - var(--footprint-gap))/2)}
.tsumugu-lp.middle-integrated .plan-section .footprint-figure{display:flex;flex-direction:column;align-items:center;min-width:0;margin:0;text-align:center}
.tsumugu-lp.middle-integrated .plan-section .footprint-figure .footprint-shape-label{display:flex;align-items:center;justify-content:center;min-height:3em;margin:0 0 6px;max-width:100%;font-size:16px;line-height:1.5;font-weight:600;overflow-wrap:break-word}
.tsumugu-lp.middle-integrated .plan-section .footprint-figure .footprint-visual{display:block;flex:none;width:100%;max-width:176px;height:auto;min-height:0;margin:0;line-height:0}
.tsumugu-lp.middle-integrated .plan-section .footprint-visual>img{display:block;width:var(--footprint-image-width);max-width:none;height:auto;min-height:0;aspect-ratio:auto;margin:0 auto}
.tsumugu-lp.middle-integrated .plan-section .footprint-figure figcaption{font-size:14px;line-height:1.35;margin:7px 0 0;text-align:center;white-space:nowrap}
@media(max-width:767px){
 .tsumugu-lp.middle-integrated .plan-section .footprint-grid{--footprint-gap:12px;max-width:380px;row-gap:14px}
 .tsumugu-lp.middle-integrated .plan-section .footprint-figure .footprint-shape-label{font-size:15px}
 .tsumugu-lp.middle-integrated .plan-section .footprint-figure figcaption{font-size:14px}
 .tsumugu-lp.middle-integrated #plan22 .plan-content{padding-bottom:28px}
}

/* r14.1: only the 20-tsubo desktop grid; mobile keeps the existing 2+1 layout. */
@media(min-width:768px){
 .tsumugu-lp.middle-integrated #plan20 .footprint-count-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}
 .tsumugu-lp.middle-integrated #plan20 .footprint-count-3>.footprint-figure:last-child{grid-column:auto;justify-self:stretch;width:auto}
}