/* Scoped illustrations from the current approved services. No interactive mock controls. */
#services.bc-directory .bc-card[data-service-id="0005"] .bc-stage.bc-latest-image{height:264px;min-height:264px!important;padding:16px!important;display:block;background:#193627 url('media/gallery/0005-forest-card-20261016.webp') center/cover;overflow:hidden}
#services.bc-directory .bc-latest-image .bc-image-drop{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:112px;padding:12px 10px;border:1px dashed #667b53;border-radius:8px;background:#fffdf2ee;color:#314734;text-align:center}
#services.bc-directory .bc-image-drop strong{font-size:16px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
#services.bc-directory .bc-image-drop>span:last-child{font-size:12px;line-height:1.4;color:#52634d}
#services.bc-directory .bc-image-mark{font-size:25px;line-height:1;color:#46784f}
#services.bc-directory .bc-latest-image .bc-puppy{position:absolute;right:0;bottom:4px;width:150px;height:129px;object-fit:contain;pointer-events:none}
#services.bc-directory .bc-latest-image .bc-image-caption{display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;left:12px;bottom:18px;width:calc(100% - 125px);min-width:74px;padding:7px!important;border-radius:6px;background:#fffdf2f0;color:#314734;font-size:14px!important;font-weight:600;line-height:1.45!important;overflow-wrap:anywhere}
#services.bc-directory .bc-card[data-service-id="0010"] .bc-stage.bc-latest-watering{height:264px;min-height:264px!important;padding:12px!important;display:flex;justify-content:flex-start;gap:9px;background:#212221;color:#fff;overflow:hidden}
#services.bc-directory .bc-latest-watering .bc-mini-brand{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:44px}
#services.bc-directory .bc-mini-brand>strong{font-size:16px;line-height:1.4;color:#c9ff75;font-weight:650;overflow-wrap:anywhere}
#services.bc-directory .bc-card[data-service-id="0010"] .bc-mini-brand>img{width:56px;height:56px;object-fit:contain;flex:none;pointer-events:none}
#services.bc-directory .bc-mini-plants{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}
#services.bc-directory .bc-mini-plant{min-width:0;padding:7px;border:1px solid #54745c;border-radius:10px;background:#2b302c;display:flex;flex-direction:column;gap:8px}
#services.bc-directory .bc-mini-photo,#services.bc-directory .bc-mini-leaf{position:static;display:block;width:100%;height:87px;min-height:87px;object-fit:cover;border-radius:6px;background:#304436;color:#8baa88}
#services.bc-directory .bc-mini-leaf{display:grid;place-items:center;font-size:40px;line-height:1;font-family:Georgia,serif}
#services.bc-directory .bc-mini-plant>strong{font-size:13px;line-height:1.3;font-weight:600;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#services.bc-directory .bc-mini-plant>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0}
#services.bc-directory .bc-mini-plant>div:last-child>span{font-size:11px;line-height:1.35;color:#c1d6b8}
#services.bc-directory .bc-mini-plant i{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:linear-gradient(100deg,#ffff00,#b3ff66 30%,#80ff80 68%,#80e8d0);font-size:11px;color:#183d2c;font-style:normal}
@media(max-width:760px){#services.bc-directory .bc-latest-image .bc-puppy{right:0;width:156px;height:134px}#services.bc-directory .bc-latest-image .bc-image-caption{width:calc(100% - 156px)}#services.bc-directory .bc-mini-photo,#services.bc-directory .bc-mini-leaf{height:92px;min-height:92px}}

/* 2026-10-18: three Japanese TOP examples only; keep body and action text sizes. */
html[lang="ja"] #services.bc-directory .tc-card{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto auto!important;grid-template-areas:'title' 'description' 'figure' 'meta' 'action'!important;align-content:start}
html[lang="ja"] #services.bc-directory .tc-card .bc-card-heading{padding:0 0 12px}
html[lang="ja"] #services.bc-directory .tc-card .bc-description{padding:0 0 16px!important}
html[lang="ja"] #services.bc-directory .tc-card .bc-figure{margin:0!important}
html[lang="ja"] #services.bc-directory .tc-card .tc-stage{min-height:0!important;height:auto;padding:18px!important;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:12px;justify-content:normal;container-type:inline-size}
html[lang="ja"] #services.bc-directory .tc-card .tc-stage>*{grid-column:1;grid-row:auto;min-width:0;max-width:none}
html[lang="ja"] #services.bc-directory .tc-card .tc-example-label,html[lang="ja"] #services.bc-directory .tc-card .tc-label{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;line-height:1.6;font-weight:600;color:#36586c}
html[lang="ja"] #services.bc-directory .tc-card .tc-example-label svg{width:28px;height:32px;flex:none}
html[lang="ja"] #services.bc-directory .tc-card .tc-facts{display:flex;flex-wrap:wrap;gap:0 12px;margin:4px 0 0;font-size:16px!important;line-height:1.65!important}
html[lang="ja"] #services.bc-directory .tc-card .tc-facts span{max-width:100%;word-break:normal;overflow-wrap:anywhere}
html[lang="ja"] #services.bc-directory .tc-card .tc-output-example{background:#fff;border-radius:8px;padding:12px}
html[lang="ja"] #services.bc-directory .tc-card .tc-output-example .sj-result{margin:6px 0 0!important;font-size:16px!important;line-height:1.65!important;padding:0;border:0;background:none;word-break:normal;overflow-wrap:anywhere}
html[lang="ja"] #services.bc-directory .tc-card .tc-word{display:inline-block;max-width:100%;word-break:keep-all}
html[lang="ja"] #services.bc-directory .tc-card .tc-sentence{display:inline-block;max-width:100%}
html[lang="ja"] #services.bc-directory .tc-card .bc-card-meta{padding:12px 0 16px}
html[lang="ja"] #services.bc-directory .tc-card .bc-card-meta p{font-size:16px!important;line-height:1.6!important}
html[lang="ja"] #services.bc-directory .tc-card .tc-time-pair{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:8px}
html[lang="ja"] #services.bc-directory .tc-card .tc-time-pair>div{min-width:0}
html[lang="ja"] #services.bc-directory .tc-card .tc-time-pair>div>span,html[lang="ja"] #services.bc-directory .tc-card time>span{display:block;font-size:16px;line-height:1.65;color:#36586c}
html[lang="ja"] #services.bc-directory .tc-card time{display:block}
html[lang="ja"] #services.bc-directory .tc-card time strong{display:block;font-size:39px;line-height:1.45;font-weight:550;letter-spacing:-.055em;font-variant-numeric:tabular-nums;white-space:nowrap}
html[lang="ja"] #services.bc-directory .tc-card .tc-time-arrow{width:20px;height:20px;color:#5e7c8b}
html[lang="ja"] #services.bc-directory .tc-card .tc-time-note{font-size:16px!important;line-height:1.65!important;margin:0;color:#36586c}
html[lang="ja"] #services.bc-directory .tc-soon .service-meta{margin:8px 0 0}
html[lang="ja"] #services.bc-directory .tc-soon .service-status{font-size:16px;line-height:1.65;font-weight:600;color:#73561d}
html[lang="ja"] #services.bc-directory .tc-soon .service-status:before{content:none}
html[lang="ja"] #services.bc-directory .tc-soon .tc-map{background:#faf4e8;margin-bottom:0}
html[lang="ja"] #services.bc-directory .tc-card .tc-place-types{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0}
html[lang="ja"] #services.bc-directory .tc-card .tc-place-types li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;text-align:center;font-size:16px;line-height:1.65}
html[lang="ja"] #services.bc-directory .tc-card .tc-place-types svg{width:36px;height:36px;color:#836224}
@media(max-width:760px){
 html[lang="ja"] #services.bc-directory .tc-card .bc-card-heading{padding:22px 22px 12px}
 html[lang="ja"] #services.bc-directory .tc-card .bc-description{padding:0 22px 16px!important}
 html[lang="ja"] #services.bc-directory .tc-card .bc-figure{margin:0 12px!important}
 html[lang="ja"] #services.bc-directory .tc-card .bc-card-meta{padding:12px 22px 16px}
 html[lang="ja"] #services.bc-directory .tc-soon .bc-figure{margin-bottom:22px!important}
}
@media(max-width:370px){html[lang="ja"] #services.bc-directory .tc-card .tc-stage{padding:14px!important}html[lang="ja"] #services.bc-directory .tc-card time strong{font-size:33px}}
@container(max-width:210px){
 html[lang="ja"] #services.bc-directory .tc-card .tc-time-pair{grid-template-columns:minmax(0,1fr);gap:10px}
 html[lang="ja"] #services.bc-directory .tc-card .tc-time-arrow{transform:rotate(90deg);margin-left:4px}
 html[lang="ja"] #services.bc-directory .tc-card .tc-place-types{grid-template-columns:minmax(0,1fr)}
 html[lang="ja"] #services.bc-directory .tc-card .tc-place-types li{flex-direction:row;justify-content:flex-start}
 html[lang="ja"] #services.bc-directory .tc-card .tc-word{word-break:normal;overflow-wrap:anywhere}
}