/* Page background: fine dot grid instead of vertical rules. */
main{background:radial-gradient(circle at 1px 1px,#c5d6da 1.1px,transparent 1.5px) 0 0/26px 26px}
/* Parts section: a slanted pale band instead of the large arc. */
#parts::before{left:0;right:0;top:3rem;height:34rem;border-radius:0;background:linear-gradient(#e4edef,#e4edef00);clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}
@media(max-width:767px){
 main{background-size:22px 22px}
 #parts::before{top:1.5rem;height:26rem;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%)}
}

/* Headings break only at phrase boundaries (wbr). */
h2,h2 i{word-break:keep-all;overflow-wrap:anywhere}

/* No whisker lines on any button. */
.more::before,.more::after,.nall::before,.nall::after,
.cbtn>span:not(.contact-art):not(.ar)::before,.cbtn>span:not(.contact-art):not(.ar)::after{display:none}
/* Delivery image caption removed. */
.delivery-caption{display:none}

/* Delivery visuals: two vehicles only. */
.delivery-visuals{grid-template-columns:repeat(2,minmax(0,1fr));max-width:52rem;margin-inline:auto}
.delivery-visuals .delivery-truck{display:none}
@media(max-width:767px){.delivery-visuals .delivery-van{grid-column:auto;width:100%}}

/* Brand loop: same words, tilted band, outlined letters, opposite direction. */
.brand-loop{transform:rotate(-4deg);margin:3rem -4% 2rem;padding:1.6rem 0;gap:4rem;background:#e4edefb3}
.brand-loop>div{font:600 italic 8.5rem/1 Nunito,sans-serif;letter-spacing:.02em;color:transparent;-webkit-text-stroke:2px #c5d6da;animation-direction:reverse}
@media(max-width:767px){.brand-loop{margin:2rem -6% 1.5rem;padding:1rem 0}.brand-loop>div{font-size:4.6rem;-webkit-text-stroke:1.5px #c5d6da}}

/* Ghost "お問い合わせ" text under the contact cards removed. */
#contact::after{display:none}

/* 13px floor for small notes and labels. */
#parts .hot,#parts .pfoot,#old-car .ynote,#grade .table-hint,#grade small,#grade .cnote,#area dd,#area .afoot,#first p,#news .ndate,#contact .sub{font-size:max(13px,1em)}
#parts .hot{font-size:13px}
@media(max-width:767px){#parts .hot,#parts .pfoot,#old-car .ynote,#grade .table-hint,#grade small,#grade .cnote,#area dd,#area .afoot,#first p,#news .ndate,#contact .sub{font-size:13px}}

/* News bar: navy tag instead of the i-mark, plain date, link to the list on the right. */
.tick{gap:1.4rem;padding-inline:max(1.75rem,calc(28px + 1.4rem));background:#fff;border-bottom:1px solid var(--line)}
.tick .lb{min-height:0;padding:.38rem .95rem;border:0;border-radius:99px;background:var(--navy);color:#fff;font-size:13px;letter-spacing:.14em;gap:0}
.tick .lb::before{display:none}
.tick time{padding:0 1.1rem 0 0;border-radius:0;background:none;border-right:1px solid var(--line);color:var(--blue);font:600 14px/1.6 Nunito,sans-serif;letter-spacing:.06em}
.tick-all{flex:none;display:flex;align-items:center;gap:.45rem;font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--navy)}
.tick-all::after{content:'';width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .3s}
.tick-all:hover::after{transform:translateX(3px) rotate(-45deg)}
@media(max-width:767px){
 .tick{padding-inline:5%;gap:.8rem}
 .tick .lb{padding:.3rem .7rem}
 .tick time{border-right:0;padding:0;font-size:13px}
 .tick-all{display:none}
}
/* Red accent point in the news tag, like the section labels. */
.tick .lb{gap:.5rem}
.tick .lb::before{content:'';display:block;width:.45rem;height:.45rem;border-radius:50%;background:var(--pink);font:inherit}
.tick-all::after{border-color:var(--pink)}

/* Products heading: no red dot, raised one step. */
.showcase .showcase-head h2.kick::before{display:none}
.showcase .showcase-head h2.kick{padding-top:0}
.showcase{padding-top:2.25rem}

/* Lead text breaks at punctuation, no single-word last lines. */
.lead,.intro-lead,.fnote p{text-wrap:pretty}

/* Character beside the individual-customer note at twice the size. */
#first .fnote img{width:80px;height:112px}
@media(max-width:767px){#first .fnote img{width:64px;height:90px}}
.lead{text-wrap:balance}

/* Logo sub line meets the 13px floor. */
.brand .sub{font-size:13px;letter-spacing:.06em}

/* Domestic maker names (text only, no logos) beside the parts heading. */
#parts .inner{position:relative}
.maker-panel{margin:-1.5rem 0 3rem;padding:1.6rem 1.8rem;border-radius:1rem;background:#fff;box-shadow:0 12px 28px -20px #173f5566}
.maker-title{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--navy)}
.maker-title::before{content:'';width:.5rem;height:.5rem;border-radius:50%;background:var(--pink);flex:none}
.maker-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:0;padding:0;list-style:none}
.maker-list li{display:flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.3rem .4rem;border:1px solid var(--line);border-radius:.6rem;background:var(--pale);font-size:15px;font-weight:700;letter-spacing:.04em;color:#000;text-align:center;line-height:1.3}
.maker-note{margin:.9rem 0 0;font-size:14px;color:#000;letter-spacing:.04em}
@media(min-width:1024px){
 #parts .inner{display:grid;grid-template-columns:minmax(0,1fr) 27rem;column-gap:3rem;align-items:center;max-width:75rem}
 #parts .sec-head{grid-column:1;margin-bottom:4rem}
 .maker-panel{grid-column:2;grid-row:1;margin:0 0 4rem}
 #parts .ptbl,#parts .inner>*:not(.sec-head):not(.maker-panel){grid-column:1/-1}
 .maker-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
 .maker-panel{margin:0 0 2.5rem;padding:1.2rem}
 .maker-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
 .maker-list li{font-size:13px;min-height:2.6rem}
 .maker-title{font-size:14px}
 .maker-note{font-size:13px}
}
.maker-list li{white-space:nowrap;letter-spacing:0}
@media(max-width:360px){.maker-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Maker tiles: logo above the name. */
.maker-list li{flex-direction:column;gap:.35rem;min-height:5.2rem;padding:.6rem .3rem;background:#fff}
.maker-list img{display:block;width:auto;height:2.1rem;max-width:80%;object-fit:contain}
.maker-list span{font-size:13px;line-height:1.2}
@media(max-width:767px){.maker-list li{min-height:4.6rem}.maker-list img{height:1.8rem}}

/* Footer text meets the 13px floor. */
.site-footer .fbrand .sub,.site-footer .flead p,.site-footer .flead .note,.site-footer .ftel span,.site-footer .finfo b,.site-footer .finfo span,.site-footer .fmenu a,.site-footer .fband a,.site-footer .fband small{font-size:13px}