.yk-prototype{--yk-border:#ddd7ce;--yk-text:#282828;--yk-sub:#69645e;--yk-bg:#fff;--yk-soft:#f7f5f1;--yk-accent:#e5482f;color:var(--yk-text);max-width:1120px;margin:0 auto}
.yk-prototype *{box-sizing:border-box}
.yk-prototype-badge{display:inline-block;margin:0 0 1rem;padding:.35rem .65rem;border:1px solid var(--yk-border);font-size:.78rem;color:var(--yk-sub);background:var(--yk-soft)}
.yk-panel{padding:clamp(1.25rem,3vw,2.25rem);margin:0 0 1.5rem;border-top:1px solid var(--yk-border);border-bottom:1px solid var(--yk-border);background:var(--yk-bg)}
.yk-eyebrow{margin:0 0 .55rem;color:var(--yk-sub);font-size:.86rem;letter-spacing:.04em}
.yk-panel h2{margin:.2rem 0 1rem;font-size:clamp(1.25rem,2.3vw,1.7rem);font-weight:500}
.yk-panel h3{font-size:1.05rem;font-weight:500;margin:1.25rem 0 .75rem}
.yk-choice-row,.yk-sort-options{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}
.yk-choice-row label,.yk-sort-options label{display:flex;align-items:center;gap:.45rem;padding:.75rem .9rem;border:1px solid var(--yk-border);background:#fff;cursor:pointer}
.yk-choice-row label:has(input:checked),.yk-sort-options label:has(input:checked){border-color:var(--yk-accent);box-shadow:0 0 0 1px var(--yk-accent) inset}
.yk-step{margin-top:1.25rem}
.yk-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.yk-field{display:flex;flex-direction:column;gap:.45rem;font-size:.92rem}
.yk-field input,.yk-field select{width:100%;padding:.72rem .8rem;border:1px solid #bdb7ae;background:#fff;font:inherit}
.yk-field span{display:flex;align-items:center;gap:.4rem}
.yk-note{font-size:.88rem;color:var(--yk-sub);line-height:1.8}
.yk-result{margin:1rem 0;padding:1rem 1.1rem;background:var(--yk-soft);line-height:1.8}
.yk-result strong{font-size:1.18em}
.yk-primary,.yk-secondary{appearance:none;border:0;padding:.78rem 1.05rem;font:inherit;cursor:pointer}
.yk-primary{background:var(--yk-text);color:#fff}
.yk-primary:hover{background:var(--yk-accent)}
.yk-secondary{background:transparent;border:1px solid var(--yk-border);color:var(--yk-text)}
.yk-text-link{color:inherit;text-underline-offset:.18em}
.yk-result-count{font-size:clamp(1.25rem,2.5vw,1.8rem);font-weight:500;margin:.5rem 0 1rem}
.yk-condition-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.yk-condition-chip{padding:.45rem .65rem;background:var(--yk-soft);border:1px solid var(--yk-border);font-size:.88rem}
.yk-sort-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.yk-shelf-message{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0 1.25rem}
.yk-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.yk-product-card{display:flex;flex-direction:column;min-height:100%;padding:1.1rem;border:1px solid var(--yk-border);background:#fff}
.yk-product-placeholder{display:grid;place-items:center;aspect-ratio:4/3;margin-bottom:1rem;background:var(--yk-soft);color:var(--yk-sub);font-size:.82rem}
.yk-product-maker{margin:0;color:var(--yk-sub);font-size:.85rem}
.yk-product-model{margin:.2rem 0 1rem;font-size:1.08rem;font-weight:500}
.yk-spec-list{display:flex;flex-direction:column;gap:.18rem;margin:0 0 1rem;font-size:.9rem}
.yk-spec-row{display:grid;grid-template-columns:auto 1fr;gap:.7rem;padding:.18rem .32rem;margin:0 -.32rem;border-radius:2px}
.yk-spec-list dt{color:var(--yk-sub)}
.yk-spec-list dd{margin:0}
.yk-compare-choice{display:flex;align-items:center;gap:.45rem;margin-top:1rem;font-size:.9rem}

/* 設置スペースは商品ごとに質問せず、一度の入力で棚全体を照合する */
.yk-install-fit{margin:0 0 1.25rem;padding:.9rem 1rem;border:1px solid var(--yk-border);background:#fff}
.yk-install-fit-head{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem}
.yk-install-fit-summary{margin:0;font-size:.88rem;line-height:1.7;color:var(--yk-sub)}
.yk-install-fit-form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--yk-border)}
.yk-install-fit-form>p:first-child{margin-top:0}
.yk-install-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.yk-install-fields label{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem}
.yk-install-fields span{display:flex;align-items:center;gap:.35rem}
.yk-install-fields input{min-width:0;width:100%;padding:.62rem .7rem;border:1px solid #bdb7ae;background:#fff;font:inherit}
.yk-install-status{margin:auto 0 .7rem;padding:.45rem .55rem;font-size:.8rem;line-height:1.55;border-left:3px solid var(--yk-border);background:#faf9f7}
.yk-install-status.is-mismatch{color:#625d57}
.yk-install-status.is-unknown{color:var(--yk-sub)}
.yk-install-status.is-fit{color:#56514b}
.yk-product-card.is-dimension-mismatch{background:#fbfaf8;border-color:#e5e0d8}
.yk-product-card.is-dimension-mismatch .yk-product-placeholder{opacity:.28;filter:grayscale(1)}
.yk-product-card.is-dimension-mismatch .yk-product-maker,.yk-product-card.is-dimension-mismatch .yk-product-model,.yk-product-card.is-dimension-mismatch .yk-spec-list{color:#77716a}
.yk-compare-choice.is-disabled{color:#8a847d;cursor:not-allowed}
.yk-compare-choice input:disabled{cursor:not-allowed}

.yk-compare-bar{position:sticky;bottom:1rem;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem auto;padding:.8rem 1rem;max-width:760px;background:#fff;border:1px solid var(--yk-border);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.yk-spec-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.yk-spec-group{padding:1rem;border:1px solid var(--yk-border)}
.yk-spec-group h3{margin:0 0 .7rem}
.yk-spec-group label{display:block;margin:.45rem 0}
.yk-button-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}
.yk-table-scroll{overflow-x:auto;margin-top:1rem}
.yk-compare-table{border-collapse:collapse;min-width:720px;width:100%}
.yk-compare-table th,.yk-compare-table td{padding:.7rem .8rem;border:1px solid var(--yk-border);vertical-align:top;text-align:left}
.yk-compare-table thead th{background:var(--yk-soft);font-weight:500}
.yk-compare-table tbody th{background:#faf9f7;font-weight:500;white-space:nowrap}
.yk-unknown{color:var(--yk-sub);font-style:normal}

/* 読者が選んだ「今見ている軸」を、優劣ではなく視線誘導として軽く強調する */
.yk-axis-focus-row{background:rgba(199,173,128,.22)}
.yk-axis-focus-row dt,.yk-axis-focus-row dd{font-weight:600;color:var(--yk-text)}
.yk-axis-focus-inline{display:inline-block;padding:.08rem .28rem;margin:-.08rem -.28rem;background:rgba(199,173,128,.22);border-radius:2px;font-weight:600;color:var(--yk-text)}
@media (max-width:900px){.yk-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.yk-grid-2,.yk-sort-options,.yk-spec-groups,.yk-product-grid,.yk-install-fields{grid-template-columns:1fr}.yk-shelf-message{align-items:flex-start;flex-direction:column}.yk-compare-bar{bottom:.5rem}.yk-panel{padding:1.1rem}.yk-choice-row{flex-direction:column}.yk-choice-row label{width:100%}}

/* v0.2.2: 比較対象を少数でも多数でも選びやすくする */
.yk-bulk-select{margin:0 0 1.25rem;padding:.9rem 1rem;border:1px solid var(--yk-border);background:var(--yk-soft)}
.yk-bulk-select-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.yk-bulk-select-head p{margin:0}
.yk-button-row-compact{margin-top:0}
.yk-capacity-groups{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
.yk-bulk-chip{appearance:none;padding:.52rem .7rem;border:1px solid var(--yk-border);background:#fff;color:var(--yk-text);font:inherit;font-size:.86rem;cursor:pointer}
.yk-bulk-chip:hover,.yk-bulk-chip.is-selected{border-color:var(--yk-accent)}
.yk-bulk-chip.is-selected{box-shadow:0 0 0 1px var(--yk-accent) inset}
.yk-compare-sort{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:1rem 0;font-size:.92rem}
.yk-compare-sort select{padding:.55rem .7rem;border:1px solid #bdb7ae;background:#fff;font:inherit}
.yk-compare-focus-row th,.yk-compare-focus-row td{background:rgba(199,173,128,.22)}
@media (max-width:640px){.yk-bulk-select-head{align-items:flex-start;flex-direction:column}.yk-compare-sort{align-items:flex-start;flex-direction:column}.yk-compare-sort select{width:100%}}

/* v0.2.3: 商品棚を主役にし、任意の補助機能は右側ツール欄へ分離 */
.yk-prototype{max-width:1280px}
.yk-shelf-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:1.5rem;align-items:start}
.yk-shelf-main{min-width:0}
.yk-shelf-tools{position:sticky;top:1rem;display:flex;flex-direction:column;gap:.85rem;min-width:0}
.yk-tool-card{padding:.9rem;border:1px solid var(--yk-border);background:#fff}
.yk-tool-card h3{margin:.15rem 0 .65rem;font-size:1rem;font-weight:500}
.yk-tool-kicker{margin:0;color:var(--yk-sub);font-size:.76rem;letter-spacing:.04em}
.yk-tool-current{margin:.2rem 0 .7rem;font-size:.88rem;line-height:1.6;color:var(--yk-sub)}
.yk-shelf-message{display:block;margin:.1rem 0 1rem;padding:0 .1rem}
.yk-shelf-message p{margin:0;color:var(--yk-sub);font-size:.86rem;line-height:1.75}
.yk-bulk-select{margin:0;background:var(--yk-soft)}
.yk-bulk-select-head{display:block}
.yk-button-row-compact{display:grid;grid-template-columns:1fr;gap:.45rem;margin-top:.65rem}
.yk-button-row-compact .yk-secondary{width:100%;padding:.58rem .65rem;font-size:.84rem}
.yk-capacity-groups{display:grid;grid-template-columns:1fr;gap:.4rem;margin-top:.65rem}
.yk-bulk-chip{width:100%;text-align:left;padding:.48rem .58rem;font-size:.82rem}
.yk-install-fit{margin:0;padding:.9rem;border:1px solid var(--yk-border);background:#fff}
.yk-install-fit-head{display:block}
.yk-install-fit-head>.yk-secondary{width:100%}
.yk-install-fit-summary{margin:.65rem 0 0;font-size:.82rem}
.yk-install-fields{grid-template-columns:1fr;gap:.55rem}
.yk-install-fit-form .yk-button-row{display:grid;grid-template-columns:1fr;gap:.45rem}
.yk-install-fit-form .yk-button-row button{width:100%}
.yk-compare-bar{position:static;display:flex;flex-direction:column;align-items:stretch;gap:.65rem;margin:0;padding:.95rem;max-width:none;background:#fff;border:1px solid var(--yk-border);box-shadow:none}
.yk-compare-bar [data-role="selected-count"]{font-size:.9rem;font-weight:500}
.yk-compare-bar .yk-primary{width:100%}
.yk-primary:disabled{cursor:not-allowed;opacity:.42;background:var(--yk-text)}

@media (max-width:900px){
  .yk-shelf-layout{grid-template-columns:1fr}
  .yk-shelf-main{order:1}
  .yk-shelf-tools{position:static;order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}
  .yk-compare-bar{position:fixed;left:.75rem;right:.75rem;bottom:.6rem;z-index:20;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:0 8px 30px rgba(0,0,0,.12)}
  .yk-compare-bar .yk-primary{width:auto}
}
@media (max-width:640px){
  .yk-shelf-tools{grid-template-columns:1fr}
  .yk-compare-bar{gap:.5rem;padding:.7rem .8rem}
  .yk-compare-bar [data-role="selected-count"]{font-size:.82rem}
  .yk-compare-bar .yk-primary{padding:.65rem .75rem;font-size:.86rem}
}

/* v0.2.4: 比較項目の選択と比較表を同じ画面に置き、変更を即時反映する */
.yk-compare-workspace-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:1rem}
.yk-compare-workspace-head h2{margin-bottom:.45rem}
.yk-compare-workspace-head>div>p:last-child{margin-bottom:0}
.yk-compare-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.25rem;align-items:start}
.yk-compare-controls{position:sticky;top:1rem;min-width:0}
.yk-compare-control-card{padding:.9rem;border:1px solid var(--yk-border);background:#fff}
.yk-compare-control-card h3{margin:.05rem 0 .75rem;font-size:1rem;font-weight:500}
.yk-compare-controls .yk-spec-groups{display:grid;grid-template-columns:1fr;gap:.65rem}
.yk-compare-controls .yk-spec-group{padding:.75rem}
.yk-compare-controls .yk-spec-group h3,.yk-compare-controls .yk-spec-group legend{font-size:.9rem}
.yk-compare-controls .yk-spec-group label{font-size:.86rem;line-height:1.55}
.yk-spec-clear{width:100%;margin-top:.7rem;padding:.58rem .65rem;font-size:.84rem}
.yk-compare-main{min-width:0}
.yk-compare-main>.yk-note{margin-top:.15rem}
.yk-compare-main .yk-table-scroll{margin-top:.8rem}

@media (max-width:900px){
  .yk-compare-layout{grid-template-columns:1fr}
  .yk-compare-controls{position:static}
  .yk-compare-controls .yk-spec-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .yk-compare-workspace-head{flex-direction:column}
  .yk-compare-controls .yk-spec-groups{grid-template-columns:1fr}
}

/* v0.2.5: 右側ツール欄を商品一覧とは独立して操作できるようにし、選択条件・見る順番・商品棚を一画面へ統合 */
.yk-shelf-tools{
  max-height:calc(100vh - 2rem);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-right:.2rem;
}
.yk-explorer-top{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(280px,1fr);
  gap:1.5rem;
  align-items:start;
}
.yk-explorer-top .yk-panel{margin-bottom:1.25rem}
.yk-explorer-conditions{min-width:0}
.yk-explorer-sort{position:sticky;top:1rem;min-width:0}
.yk-explorer-sort .yk-sort-options{grid-template-columns:1fr;gap:.5rem;margin-bottom:0}
.yk-explorer-sort .yk-sort-options label{padding:.65rem .75rem;font-size:.88rem}
.yk-soft-rule{border:0;border-top:1px solid var(--yk-border);margin:1.5rem 0}
.yk-inline-shelf-meta{margin:0 0 1rem;padding:1rem 0;border-top:1px solid var(--yk-border);border-bottom:1px solid var(--yk-border)}
.yk-inline-shelf-meta .yk-result-count{margin:.1rem 0 .55rem}
.yk-inline-shelf-meta .yk-condition-summary{margin:.45rem 0 0}
.yk-integrated-explorer .yk-shelf-message{margin-top:0}
.yk-integrated-explorer .yk-options h3{margin:.2rem 0 .65rem}
.yk-integrated-explorer .yk-count-preview{margin-bottom:0}

@media (max-width:900px){
  .yk-shelf-tools{max-height:none;overflow:visible;padding-right:0;scrollbar-gutter:auto}
  .yk-explorer-top{grid-template-columns:1fr}
  .yk-explorer-sort{position:static}
  .yk-explorer-sort .yk-sort-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .yk-explorer-sort .yk-sort-options{grid-template-columns:1fr}
}

/* v0.2.6: 比較表は商品一覧を置き換えず、一覧末尾へ追加表示 */
.yk-products-section + .yk-compare-workspace:not([hidden]){
  margin-top:2.25rem;
  padding-top:2rem;
  border-top:1px solid var(--yk-border);
}

/* v0.2.7: 商品閲覧中の条件要約をコンパクトに上部固定。右ツールは操作部だけ独立スクロールし、比較操作を下部に残す。 */
.yk-prototype{
  --yk-shelf-sticky-top:0px;
  --yk-shelf-summary-height:3.6rem;
}
body.admin-bar .yk-prototype{--yk-shelf-sticky-top:32px}

/* 検索窓のような箱にはせず、現在の実効条件を一列の文字情報として残す */
.yk-inline-shelf-meta{
  position:sticky;
  top:var(--yk-shelf-sticky-top);
  z-index:15;
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:.8rem;
  min-height:var(--yk-shelf-summary-height);
  margin:0 0 1rem;
  padding:.55rem 0;
  background:#fff;
  border-top:0;
  border-bottom:1px solid var(--yk-border);
}
.yk-inline-shelf-meta .yk-result-count{
  flex:0 0 auto;
  order:2;
  margin:0;
  font-size:.86rem;
  font-weight:500;
  white-space:nowrap;
}
.yk-inline-shelf-meta .yk-condition-summary{
  order:1;
  display:flex;
  flex:1 1 auto;
  flex-wrap:nowrap;
  gap:0;
  min-width:0;
  margin:0;
  overflow:hidden;
}
.yk-inline-shelf-meta .yk-condition-chip{
  flex:0 0 auto;
  padding:0;
  border:0;
  background:transparent;
  color:var(--yk-text);
  font-size:.84rem;
  white-space:nowrap;
}
.yk-inline-shelf-meta .yk-condition-chip + .yk-condition-chip::before{
  content:'｜';
  display:inline-block;
  margin:0 .7rem;
  color:var(--yk-border);
}

/* 右欄全体はビューポート内に残し、操作部だけを独立スクロール */
.yk-shelf-tools{
  position:sticky;
  top:calc(var(--yk-shelf-sticky-top) + var(--yk-shelf-summary-height) + .75rem);
  display:flex;
  flex-direction:column;
  gap:.75rem;
  min-width:0;
  max-height:calc(100vh - var(--yk-shelf-sticky-top) - var(--yk-shelf-summary-height) - 1.5rem);
  overflow:hidden;
  padding-right:0;
}
.yk-shelf-tools-scroll{
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  gap:.85rem;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-right:.2rem;
}
.yk-shelf-tools>.yk-compare-bar{
  flex:0 0 auto;
  margin:0;
}

@media (max-width:900px){
  .yk-inline-shelf-meta{position:static;display:block;min-height:0;padding:.8rem 0}
  .yk-inline-shelf-meta .yk-result-count{margin:0 0 .45rem}
  .yk-inline-shelf-meta .yk-condition-summary{flex-wrap:wrap;overflow:visible}
  .yk-shelf-tools{position:static;display:block;max-height:none;overflow:visible;padding-right:0}
  .yk-shelf-tools-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;overflow:visible;padding-right:0;scrollbar-gutter:auto}
}
@media (max-width:782px){
  body.admin-bar .yk-prototype{--yk-shelf-sticky-top:46px}
}
@media (max-width:640px){
  .yk-shelf-tools-scroll{grid-template-columns:1fr}
  .yk-inline-shelf-meta .yk-condition-chip + .yk-condition-chip::before{margin:0 .45rem}
}


/* v0.2.9: 商品棚をファーストビューへ。容量支援は必要な人だけ開き、見る順番は右側補助欄へ移動。 */
.yk-integrated-explorer .yk-capacity-assist{
  margin:0 0 .85rem;
  border-top:1px solid var(--yk-border);
  border-bottom:1px solid var(--yk-border);
  background:#fff;
}
.yk-integrated-explorer .yk-capacity-assist>summary{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  padding:.8rem .15rem;
  cursor:pointer;
  list-style:none;
}
.yk-integrated-explorer .yk-capacity-assist>summary::-webkit-details-marker{display:none}
.yk-integrated-explorer .yk-capacity-assist>summary::after{
  content:'＋';
  flex:0 0 auto;
  color:var(--yk-sub);
  font-size:1rem;
}
.yk-integrated-explorer .yk-capacity-assist[open]>summary::after{content:'−'}
.yk-integrated-explorer .yk-capacity-assist-title{font-size:.96rem;font-weight:500}
.yk-integrated-explorer .yk-capacity-assist-note{margin-left:auto;color:var(--yk-sub);font-size:.8rem}
.yk-integrated-explorer .yk-capacity-assist .yk-panel{
  margin:0;
  padding:1.25rem 0 1.45rem;
  border-top:1px solid var(--yk-border);
  border-bottom:0;
}
.yk-integrated-explorer .yk-capacity-assist .yk-panel h2{font-size:clamp(1.2rem,2vw,1.55rem)}
.yk-integrated-explorer .yk-products-section{margin-top:0}
.yk-integrated-explorer .yk-explorer-sort{position:static;top:auto;margin:0}
.yk-integrated-explorer .yk-explorer-sort h3{margin:.1rem 0 .55rem;font-size:1rem;font-weight:500}
.yk-integrated-explorer .yk-explorer-sort .yk-note{margin:.15rem 0 .65rem;font-size:.8rem;line-height:1.65}
.yk-integrated-explorer .yk-explorer-sort .yk-sort-options{display:grid;grid-template-columns:1fr;gap:.38rem;margin:0}
.yk-integrated-explorer .yk-explorer-sort .yk-sort-options label{padding:.48rem .55rem;font-size:.8rem;line-height:1.45}

@media (max-width:900px){
  .yk-integrated-explorer .yk-capacity-assist>summary{align-items:flex-start;flex-wrap:wrap}
  .yk-integrated-explorer .yk-capacity-assist-note{margin-left:0}
}

/* v0.3.0: 操作系を右側の控えめなコンシェルジュ欄へ寄せ、左〜中央を商品棚に集中させる */
.yk-integrated-explorer .yk-products-section{margin-top:.35rem}
.yk-integrated-explorer .yk-shelf-main{padding-top:.15rem}
.yk-integrated-explorer .yk-shelf-tools{
  top:calc(var(--yk-shelf-sticky-top) + .9rem);
  max-height:calc(100vh - var(--yk-shelf-sticky-top) - 1.1rem);
}
.yk-integrated-explorer .yk-shelf-concierge .yk-shelf-tools-scroll{gap:.75rem}
.yk-integrated-explorer .yk-shelf-concierge .yk-tool-card,
.yk-integrated-explorer .yk-shelf-concierge .yk-capacity-assist,
.yk-integrated-explorer .yk-shelf-concierge .yk-compare-bar{
  background:#fbfaf7;
  border-color:#e5ddd2;
}
.yk-integrated-explorer .yk-shelf-concierge .yk-tool-card,
.yk-integrated-explorer .yk-shelf-concierge .yk-capacity-assist,
.yk-integrated-explorer .yk-shelf-concierge .yk-compare-bar,
.yk-integrated-explorer .yk-shelf-concierge .yk-install-fit-form p,
.yk-integrated-explorer .yk-shelf-concierge .yk-note{
  color:rgba(35,35,35,.82);
}
.yk-integrated-explorer .yk-shelf-concierge .yk-tool-kicker,
.yk-integrated-explorer .yk-shelf-concierge .yk-capacity-assist-note,
.yk-integrated-explorer .yk-shelf-concierge .yk-install-fit-summary,
.yk-integrated-explorer .yk-shelf-concierge .yk-condition-chip{
  color:rgba(35,35,35,.66);
}
.yk-integrated-explorer .yk-inline-shelf-meta{
  position:static;
  top:auto;
  z-index:auto;
  display:block;
  min-height:0;
  margin:0;
  padding:.85rem .9rem;
  border-top:1px solid #e5ddd2;
  border-bottom:1px solid #e5ddd2;
}
.yk-integrated-explorer .yk-inline-shelf-meta .yk-result-count{
  margin:.1rem 0 .55rem;
  font-size:.92rem;
  font-weight:600;
}
.yk-integrated-explorer .yk-inline-shelf-meta .yk-condition-summary{
  display:flex;
  flex-direction:column;
  gap:.32rem;
  margin:0;
  overflow:visible;
}
.yk-integrated-explorer .yk-inline-shelf-meta .yk-condition-chip{
  white-space:normal;
  font-size:.82rem;
  line-height:1.6;
}
.yk-integrated-explorer .yk-inline-shelf-meta .yk-condition-chip + .yk-condition-chip::before{display:none}
.yk-integrated-explorer .yk-capacity-assist{
  margin:0;
  border-top:1px solid #e5ddd2;
  border-bottom:1px solid #e5ddd2;
}
.yk-integrated-explorer .yk-capacity-assist>summary{padding:.75rem .9rem}
.yk-integrated-explorer .yk-capacity-assist .yk-panel{
  padding:.95rem .9rem 1.05rem;
  border-top:1px solid #e5ddd2;
}
.yk-integrated-explorer .yk-capacity-assist .yk-panel h2{font-size:1.15rem;line-height:1.5}
.yk-integrated-explorer .yk-capacity-assist .yk-panel h3{font-size:1rem}
.yk-integrated-explorer .yk-capacity-assist .yk-grid-2{grid-template-columns:1fr;gap:.65rem}
.yk-integrated-explorer .yk-explorer-sort .yk-note[data-role="sort-message"]{
  margin:.1rem 0 .6rem;
  font-size:.78rem;
  line-height:1.65;
}
.yk-integrated-explorer .yk-explorer-sort .yk-sort-options label{background:rgba(255,255,255,.75)}
.yk-integrated-explorer .yk-shelf-message{display:none}

@media (max-width:900px){
  .yk-integrated-explorer .yk-shelf-concierge .yk-tool-card,
  .yk-integrated-explorer .yk-shelf-concierge .yk-capacity-assist,
  .yk-integrated-explorer .yk-shelf-concierge .yk-compare-bar{background:#fff}
  .yk-integrated-explorer .yk-inline-shelf-meta .yk-condition-summary{flex-direction:column}
}

/* v0.3.1: 右欄は内部スクロールせず、静かに待機するコンシェルジュとして固定する */
.yk-integrated-explorer .yk-shelf-layout{
  grid-template-columns:minmax(0,1fr) 252px;
  gap:1.25rem;
}
.yk-integrated-explorer .yk-shelf-tools{
  top:calc(var(--yk-shelf-sticky-top) + 1rem);
  max-height:none;
  overflow:visible;
  padding-right:0;
  gap:.65rem;
}
.yk-integrated-explorer .yk-shelf-tools-scroll{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  overflow:visible;
  padding-right:0;
}
.yk-integrated-explorer .yk-shelf-concierge .yk-tool-card,
.yk-integrated-explorer .yk-shelf-concierge .yk-capacity-assist,
.yk-integrated-explorer .yk-shelf-concierge .yk-compare-bar{
  padding:.8rem .82rem;
  background:#fcfbf9;
  border-color:#e7dfd5;
}
.yk-integrated-explorer .yk-shelf-concierge .yk-tool-kicker{
  font-size:.72rem;
}
.yk-integrated-explorer .yk-inline-shelf-meta{
  padding:.7rem .82rem;
}
.yk-integrated-explorer .yk-inline-shelf-meta .yk-result-count{
  margin:.05rem 0 .45rem;
  font-size:.88rem;
}
.yk-integrated-explorer .yk-inline-shelf-meta .yk-condition-chip{
  font-size:.8rem;
  line-height:1.55;
}
.yk-integrated-explorer .yk-sort-panel h3,
.yk-integrated-explorer .yk-bulk-select .yk-tool-disclosure-title,
.yk-integrated-explorer .yk-install-fit .yk-secondary,
.yk-integrated-explorer .yk-capacity-assist-title{
  font-size:.94rem;
}
.yk-integrated-explorer .yk-sort-panel .yk-note[data-role="sort-message"]{
  margin:.12rem 0 .55rem;
  font-size:.77rem;
}
.yk-integrated-explorer .yk-sort-panel .yk-sort-options{
  grid-template-columns:1fr;
  gap:.42rem;
  margin:.55rem 0 0;
}
.yk-integrated-explorer .yk-sort-panel .yk-sort-options label{
  padding:.55rem .62rem;
  font-size:.83rem;
  background:#fff;
}
.yk-integrated-explorer .yk-compare-bar{
  position:static;
  gap:.55rem;
  margin:0;
  padding:.78rem .82rem;
}
.yk-integrated-explorer .yk-compare-bar [data-role="selected-count"]{
  font-size:.86rem;
}
.yk-integrated-explorer .yk-compare-bar .yk-primary{
  width:100%;
  padding:.72rem .8rem;
}
.yk-integrated-explorer .yk-tool-disclosure>summary{
  display:flex;
  align-items:center;
  gap:.55rem;
  list-style:none;
  cursor:pointer;
}
.yk-integrated-explorer .yk-tool-disclosure>summary::-webkit-details-marker{display:none}
.yk-integrated-explorer .yk-tool-disclosure-title{
  font-weight:500;
  color:var(--yk-text);
}
.yk-integrated-explorer .yk-tool-disclosure-note{
  margin-left:auto;
  font-size:.78rem;
  color:var(--yk-sub);
}
.yk-integrated-explorer .yk-tool-disclosure>summary::after{
  content:'＋';
  margin-left:.15rem;
  color:var(--yk-sub);
  font-size:1rem;
}
.yk-integrated-explorer .yk-tool-disclosure[open]>summary::after{content:'−'}
.yk-integrated-explorer .yk-tool-disclosure-body{
  margin-top:.7rem;
  padding-top:.72rem;
  border-top:1px solid #e7dfd5;
}
.yk-integrated-explorer .yk-bulk-select .yk-button-row-compact{
  gap:.42rem;
  margin-top:0;
}
.yk-integrated-explorer .yk-bulk-select .yk-button-row-compact .yk-secondary,
.yk-integrated-explorer .yk-install-fit-head>.yk-secondary{
  padding:.58rem .64rem;
  font-size:.82rem;
}
.yk-integrated-explorer .yk-bulk-select .yk-note,
.yk-integrated-explorer .yk-install-fit-summary,
.yk-integrated-explorer .yk-install-fit-form .yk-note,
.yk-integrated-explorer .yk-capacity-assist-note,
.yk-integrated-explorer .yk-tool-disclosure-note{
  font-size:.77rem;
  line-height:1.7;
}
.yk-integrated-explorer .yk-capacity-groups{
  grid-template-columns:1fr;
  gap:.35rem;
  margin-top:.55rem;
}
.yk-integrated-explorer .yk-bulk-chip{
  padding:.42rem .52rem;
  font-size:.8rem;
}
.yk-integrated-explorer .yk-install-fit{
  padding:.78rem .82rem;
}
.yk-integrated-explorer .yk-install-fit-head{display:block}
.yk-integrated-explorer .yk-install-fit-summary{margin:.5rem 0 0}
.yk-integrated-explorer .yk-install-fit-form{margin-top:.7rem;padding-top:.72rem}
.yk-integrated-explorer .yk-install-fields label,
.yk-integrated-explorer .yk-install-fit-form p{
  font-size:.82rem;
}
.yk-integrated-explorer .yk-install-fit-form input{
  padding:.6rem .65rem;
}

@media (max-width:900px){
  .yk-integrated-explorer .yk-shelf-layout{grid-template-columns:1fr}
  .yk-integrated-explorer .yk-shelf-tools{position:static}
  .yk-integrated-explorer .yk-shelf-tools-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
  .yk-integrated-explorer .yk-compare-bar{position:fixed;left:.75rem;right:.75rem;bottom:.6rem;z-index:20;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem .8rem;box-shadow:0 8px 30px rgba(0,0,0,.12);background:#fff}
  .yk-integrated-explorer .yk-compare-bar .yk-primary{width:auto}
}
@media (max-width:640px){
  .yk-integrated-explorer .yk-shelf-tools-scroll{grid-template-columns:1fr}
}

/* v0.3.2: コンシェルジュ欄をさらに細く静かにし、上部が欠けず全体像を見渡しやすくする */
.yk-integrated-explorer .yk-shelf-layout{
  grid-template-columns:minmax(0,1fr) 224px;
  gap:1rem;
}
.yk-integrated-explorer .yk-shelf-tools{
  top:calc(var(--yk-shelf-sticky-top) + 4.9rem);
  gap:.5rem;
}
.yk-integrated-explorer .yk-shelf-tools-scroll{gap:.5rem}
.yk-integrated-explorer .yk-shelf-concierge .yk-tool-card,
.yk-integrated-explorer .yk-shelf-concierge .yk-capacity-assist,
.yk-integrated-explorer .yk-shelf-concierge .yk-compare-bar{
  padding:.62rem .66rem;
  background:#fdfcfb;
  border-color:#ebe3d9;
}
.yk-integrated-explorer .yk-inline-shelf-meta{
  padding:.56rem .66rem;
}
.yk-integrated-explorer .yk-inline-shelf-meta .yk-result-count{
  margin:0 0 .26rem;
  font-size:.82rem;
  font-weight:600;
}
.yk-integrated-explorer .yk-inline-shelf-meta .yk-condition-summary{gap:.2rem}
.yk-integrated-explorer .yk-inline-shelf-meta .yk-condition-chip{
  font-size:.75rem;
  line-height:1.45;
}
.yk-integrated-explorer .yk-shelf-concierge .yk-tool-kicker{
  font-size:.68rem;
  letter-spacing:.03em;
}
.yk-integrated-explorer .yk-capacity-assist>summary,
.yk-integrated-explorer .yk-tool-disclosure>summary{
  gap:.4rem;
}
.yk-integrated-explorer .yk-capacity-assist>summary{padding:.56rem .66rem}
.yk-integrated-explorer .yk-capacity-assist-title,
.yk-integrated-explorer .yk-bulk-select .yk-tool-disclosure-title,
.yk-integrated-explorer .yk-sort-panel h3,
.yk-integrated-explorer .yk-install-fit-head>.yk-secondary{
  font-size:.88rem;
}
.yk-integrated-explorer .yk-capacity-assist-note,
.yk-integrated-explorer .yk-tool-disclosure-note,
.yk-integrated-explorer .yk-bulk-select .yk-note,
.yk-integrated-explorer .yk-install-fit-summary,
.yk-integrated-explorer .yk-install-fit-form .yk-note,
.yk-integrated-explorer .yk-sort-panel .yk-note[data-role="sort-message"]{
  font-size:.73rem;
  line-height:1.55;
}
.yk-integrated-explorer .yk-sort-panel h3{margin:.05rem 0 .38rem}
.yk-integrated-explorer .yk-sort-panel .yk-note[data-role="sort-message"]{margin:.08rem 0 .42rem}
.yk-integrated-explorer .yk-sort-panel .yk-sort-options{gap:.32rem;margin:.42rem 0 0}
.yk-integrated-explorer .yk-sort-panel .yk-sort-options label{
  padding:.44rem .5rem;
  font-size:.77rem;
  line-height:1.35;
}
.yk-integrated-explorer .yk-compare-bar{
  gap:.42rem;
  padding:.6rem .66rem;
}
.yk-integrated-explorer .yk-compare-bar [data-role="selected-count"]{font-size:.8rem}
.yk-integrated-explorer .yk-compare-bar .yk-primary{
  padding:.62rem .68rem;
  font-size:.82rem;
}
.yk-integrated-explorer .yk-tool-disclosure-note{margin-left:0}
.yk-integrated-explorer .yk-tool-disclosure>summary::after,
.yk-integrated-explorer .yk-capacity-assist>summary::after{font-size:.92rem}
.yk-integrated-explorer .yk-tool-disclosure-body,
.yk-integrated-explorer .yk-install-fit-form{
  margin-top:.55rem;
  padding-top:.58rem;
}
.yk-integrated-explorer .yk-bulk-select .yk-button-row-compact{
  gap:.32rem;
}
.yk-integrated-explorer .yk-bulk-select .yk-button-row-compact .yk-secondary,
.yk-integrated-explorer .yk-install-fit-head>.yk-secondary{
  padding:.48rem .52rem;
  font-size:.77rem;
}
.yk-integrated-explorer .yk-capacity-groups{
  gap:.28rem;
  margin-top:.42rem;
}
.yk-integrated-explorer .yk-bulk-chip{
  padding:.34rem .44rem;
  font-size:.75rem;
}
.yk-integrated-explorer .yk-install-fit{padding:.62rem .66rem}
.yk-integrated-explorer .yk-install-fit-summary{margin:.35rem 0 0}
.yk-integrated-explorer .yk-install-fields{gap:.42rem}
.yk-integrated-explorer .yk-install-fields label,
.yk-integrated-explorer .yk-install-fit-form p{font-size:.76rem}
.yk-integrated-explorer .yk-install-fit-form input{
  padding:.5rem .55rem;
  font-size:.79rem;
}
.yk-integrated-explorer .yk-install-fit-form .yk-button-row{gap:.32rem;margin-top:.72rem}

@media (max-width:900px){
  .yk-integrated-explorer .yk-shelf-layout{grid-template-columns:1fr}
  .yk-integrated-explorer .yk-shelf-tools{top:auto}
}

/* v0.3.3: 補助機能を主枝→小枝→さらに先の枝として整理する */
.yk-integrated-explorer .yk-helper-branches{
  display:flex;
  flex-direction:column;
  gap:.42rem;
  margin-top:.08rem;
}
.yk-integrated-explorer .yk-helper-branches-kicker{
  margin:0 0 .02rem .15rem;
  font-size:.67rem;
  line-height:1.4;
  letter-spacing:.03em;
  color:rgba(35,35,35,.52);
}
.yk-integrated-explorer .yk-helper-branch{
  position:relative;
}
.yk-integrated-explorer .yk-helper-branch-level-1{
  margin-left:.65rem;
}
.yk-integrated-explorer .yk-helper-branch-level-2{
  margin-left:1.25rem;
}
.yk-integrated-explorer .yk-helper-branch-level-1,
.yk-integrated-explorer .yk-helper-branch-level-2{
  padding:.52rem .56rem;
  background:#fcfbfa;
  border-color:#ebe5dc;
}
.yk-integrated-explorer .yk-helper-branch-level-1::before,
.yk-integrated-explorer .yk-helper-branch-level-2::before{
  content:'';
  position:absolute;
  left:-.5rem;
  top:1.05rem;
  width:.36rem;
  height:1px;
  background:#ddd2c6;
}
.yk-integrated-explorer .yk-helper-branch-level-2::before{
  left:-.6rem;
  width:.46rem;
}
.yk-integrated-explorer .yk-helper-branch .yk-capacity-assist-title,
.yk-integrated-explorer .yk-helper-branch .yk-tool-disclosure-title,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-head>.yk-secondary{
  font-size:.84rem;
  font-weight:500;
}
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-head>.yk-secondary{
  text-align:left;
  justify-content:flex-start;
  width:100%;
}
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-head{display:block}
.yk-integrated-explorer .yk-helper-branch .yk-tool-disclosure-note,
.yk-integrated-explorer .yk-helper-branch .yk-capacity-assist-note,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-summary,
.yk-integrated-explorer .yk-helper-branch .yk-note{
  font-size:.72rem;
  line-height:1.55;
}
.yk-integrated-explorer .yk-helper-branch .yk-tool-disclosure-body,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-form{
  margin-top:.48rem;
  padding-top:.5rem;
}
.yk-integrated-explorer .yk-helper-branch .yk-button-row-compact .yk-secondary,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-head>.yk-secondary,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-form .yk-primary,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-form .yk-secondary{
  font-size:.75rem;
}
.yk-integrated-explorer .yk-helper-branch .yk-capacity-groups{
  gap:.24rem;
}
.yk-integrated-explorer .yk-helper-branch .yk-bulk-chip{
  font-size:.73rem;
}
.yk-integrated-explorer .yk-helper-branch .yk-panel{
  padding:.82rem .86rem .88rem;
}
.yk-integrated-explorer .yk-helper-branch .yk-panel h2{font-size:1.04rem;line-height:1.5}
.yk-integrated-explorer .yk-helper-branch .yk-panel h3{font-size:.94rem;line-height:1.5}

@media (max-width:900px){
  .yk-integrated-explorer .yk-helper-branch-level-1,
  .yk-integrated-explorer .yk-helper-branch-level-2{margin-left:0}
  .yk-integrated-explorer .yk-helper-branch-level-1::before,
  .yk-integrated-explorer .yk-helper-branch-level-2::before{display:none}
}

/* v0.3.4: 補助機能の小枝を横方向へ分岐させる */
.yk-integrated-explorer .yk-shelf-layout{
  grid-template-columns:minmax(0,1fr) 268px;
  gap:1.1rem;
}
.yk-integrated-explorer .yk-shelf-tools{
  top:calc(var(--yk-shelf-sticky-top) + 4.7rem);
}
.yk-integrated-explorer .yk-helper-branches{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.4rem .44rem;
  margin-top:.1rem;
  align-items:start;
}
.yk-integrated-explorer .yk-helper-branches-kicker{
  grid-column:1 / -1;
  margin:0 0 -.05rem .1rem;
}
.yk-integrated-explorer .yk-helper-branch{
  margin-left:0;
  min-width:0;
}
.yk-integrated-explorer .yk-helper-branch-level-1,
.yk-integrated-explorer .yk-helper-branch-level-2{
  padding:.5rem .54rem;
}
.yk-integrated-explorer .yk-helper-branch-level-1::before,
.yk-integrated-explorer .yk-helper-branch-level-2::before{
  display:none;
}
.yk-integrated-explorer .yk-helper-branch-level-1{
  grid-column:1;
  grid-row:2;
}
.yk-integrated-explorer .yk-bulk-select.yk-helper-branch-level-2{
  grid-column:2;
  grid-row:2;
}
.yk-integrated-explorer .yk-install-fit.yk-helper-branch-level-2{
  grid-column:2;
  grid-row:3;
  justify-self:start;
  width:calc(100% - .45rem);
  margin-left:.45rem;
}
.yk-integrated-explorer .yk-helper-branch .yk-capacity-assist-title,
.yk-integrated-explorer .yk-helper-branch .yk-tool-disclosure-title,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-head>.yk-secondary{
  font-size:.8rem;
  line-height:1.4;
}
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-head>.yk-secondary,
.yk-integrated-explorer .yk-helper-branch > summary{
  min-height:2.3rem;
}
.yk-integrated-explorer .yk-helper-branch .yk-tool-disclosure-body,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-form{
  margin-top:.44rem;
  padding-top:.46rem;
}
.yk-integrated-explorer .yk-helper-branch .yk-button-row-compact .yk-secondary,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-head>.yk-secondary,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-form .yk-primary,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-form .yk-secondary{
  padding:.46rem .46rem;
  font-size:.73rem;
}
.yk-integrated-explorer .yk-helper-branch .yk-note,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-summary,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-form p{
  font-size:.7rem;
}
.yk-integrated-explorer .yk-helper-branch.yk-capacity-assist[open],
.yk-integrated-explorer .yk-helper-branch.yk-bulk-select[open],
.yk-integrated-explorer .yk-helper-branch.yk-install-fit:has(.yk-install-fit-form:not([hidden])){
  grid-column:1 / -1;
  width:auto;
  margin-left:0;
  justify-self:stretch;
}
.yk-integrated-explorer .yk-helper-branch.yk-capacity-assist[open] .yk-panel,
.yk-integrated-explorer .yk-helper-branch.yk-bulk-select[open] .yk-tool-disclosure-body,
.yk-integrated-explorer .yk-helper-branch.yk-install-fit:has(.yk-install-fit-form:not([hidden])) .yk-install-fit-form{
  padding-right:.1rem;
}

@media (max-width:900px){
  .yk-integrated-explorer .yk-shelf-layout{grid-template-columns:1fr}
  .yk-integrated-explorer .yk-helper-branches{grid-template-columns:1fr}
  .yk-integrated-explorer .yk-helper-branch-level-1,
  .yk-integrated-explorer .yk-bulk-select.yk-helper-branch-level-2,
  .yk-integrated-explorer .yk-install-fit.yk-helper-branch-level-2,
  .yk-integrated-explorer .yk-helper-branch.yk-capacity-assist[open],
  .yk-integrated-explorer .yk-helper-branch.yk-bulk-select[open],
  .yk-integrated-explorer .yk-helper-branch.yk-install-fit:has(.yk-install-fit-form:not([hidden])){
    grid-column:auto;
    grid-row:auto;
    width:auto;
    margin-left:0;
  }
}

/* v0.3.5: 商品棚上部を圧縮し、コンシェルジュの初期位置とsticky停止位置を近づける */
body.yk-choice-page-active .yk-choice-page-header{
  display:none !important;
}
body.yk-choice-page-active .c-breadcrumbs{
  margin-top:.35rem !important;
  margin-bottom:.65rem !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  font-size:.72rem !important;
  opacity:.68;
}
body.yk-choice-page-active .l-contents__inner,
body.yk-choice-page-active .c-entry__body,
body.yk-choice-page-active .c-entry__content{
  padding-top:.45rem !important;
  margin-top:0 !important;
}
body.yk-choice-page-active .yk-choice-entry{
  margin-top:0 !important;
  padding-top:0 !important;
}
.yk-integrated-explorer{
  margin-top:0 !important;
}
.yk-integrated-explorer .yk-prototype-badge{
  margin:0 0 .5rem;
  padding:.22rem .48rem;
  font-size:.7rem;
  line-height:1.45;
  opacity:.72;
}
.yk-integrated-explorer .yk-products-section{
  margin-top:0;
}
.yk-integrated-explorer .yk-shelf-tools{
  top:calc(var(--yk-shelf-sticky-top) + 4.15rem);
}

@media (max-width:900px){
  body.yk-choice-page-active .yk-choice-page-header{display:block !important}
  body.yk-choice-page-active .l-contents__inner,
  body.yk-choice-page-active .c-entry__body,
  body.yk-choice-page-active .c-entry__content{
    padding-top:inherit !important;
  }
  .yk-integrated-explorer .yk-shelf-tools{top:auto}
}


/* v0.3.6: 下部の補助機能がDockと重なりにくいよう、コンシェルジュ全体を少し上へ寄せる */
.yk-integrated-explorer .yk-shelf-tools{
  top:calc(var(--yk-shelf-sticky-top) + 3.35rem);
}
.yk-integrated-explorer .yk-shelf-tools-scroll{
  gap:.62rem;
}
.yk-integrated-explorer .yk-shelf-concierge .yk-compare-bar{
  margin-bottom:.08rem;
}
.yk-integrated-explorer .yk-helper-branches{
  margin-top:0;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-shelf-tools{top:auto}
}


/* v0.3.7: 第1段階 - 条件サマリーを右上へ分離し、商品棚を5列の一覧中心へ調整 */
.yk-prototype{max-width:1360px}

.yk-integrated-explorer .yk-shelf-layout{
  grid-template-columns:minmax(0,1fr) 240px;
  grid-template-areas:
    "main summary"
    "main tools";
  gap:1rem 1rem;
  align-items:start;
}
.yk-integrated-explorer .yk-shelf-main{grid-area:main}
.yk-integrated-explorer .yk-shelf-summary-rail{grid-area:summary;align-self:start}
.yk-integrated-explorer .yk-shelf-tools{grid-area:tools;top:calc(var(--yk-shelf-sticky-top) + 2.4rem)}
.yk-integrated-explorer .yk-shelf-summary-rail .yk-inline-shelf-meta{
  margin:0;
  padding:.9rem 1rem;
  border:1px solid var(--yk-border);
  background:#fdfcfb;
}
.yk-integrated-explorer .yk-shelf-summary-rail .yk-tool-kicker{
  margin:0 0 .45rem;
  font-size:.75rem;
  letter-spacing:.03em;
  color:rgba(40,40,40,.62);
}
.yk-integrated-explorer .yk-shelf-summary-rail .yk-result-count{
  margin:0 0 .5rem;
  font-size:1rem;
  line-height:1.4;
  font-weight:600;
}
.yk-integrated-explorer .yk-shelf-summary-rail .yk-condition-summary{
  display:flex;
  flex-direction:column;
  gap:.22rem;
  margin:0;
}
.yk-integrated-explorer .yk-shelf-summary-rail .yk-condition-chip{
  padding:0;
  border:0;
  background:transparent;
  font-size:.85rem;
  line-height:1.55;
  color:rgba(40,40,40,.72);
}
.yk-integrated-explorer .yk-product-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.85rem;
}
.yk-integrated-explorer .yk-product-card--compact{
  padding:.82rem .82rem .78rem;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-placeholder{
  aspect-ratio:4 / 3;
  margin-bottom:.72rem;
  font-size:.74rem;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-maker{
  margin:0 0 .24rem;
  font-size:.82rem;
  line-height:1.35;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-model{
  margin:0 0 .55rem;
  font-size:1rem;
  line-height:1.35;
}
.yk-integrated-explorer .yk-product-card--compact .yk-spec-list{
  gap:.1rem;
  margin:0 0 .7rem;
  font-size:.82rem;
}
.yk-integrated-explorer .yk-product-card--compact .yk-spec-row{
  display:grid;
  grid-template-columns:4.3em minmax(0,1fr);
  gap:.28rem;
  align-items:start;
  padding:.12rem 0;
}
.yk-integrated-explorer .yk-product-card--compact .yk-spec-row dt{
  font-size:.75rem;
  color:rgba(40,40,40,.62);
}
.yk-integrated-explorer .yk-product-card--compact .yk-spec-row dd{
  font-size:.81rem;
  line-height:1.5;
  word-break:break-word;
}
.yk-integrated-explorer .yk-product-card--compact .yk-install-status{
  margin:.05rem 0 .55rem;
  padding:.38rem .46rem;
  font-size:.72rem;
  line-height:1.45;
}
.yk-integrated-explorer .yk-product-card--compact .yk-compare-choice{
  margin-top:auto;
  padding-top:.38rem;
  font-size:.8rem;
}
.yk-integrated-explorer .yk-shelf-concierge .yk-sort-panel .yk-note[data-role="sort-message"]{
  margin:.04rem 0 .34rem;
}

@media (max-width:1320px){
  .yk-integrated-explorer .yk-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1120px){
  .yk-integrated-explorer .yk-shelf-layout{
    grid-template-columns:minmax(0,1fr) 220px;
  }
  .yk-integrated-explorer .yk-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-shelf-layout{
    grid-template-columns:1fr;
    grid-template-areas:
      "summary"
      "main"
      "tools";
  }
  .yk-integrated-explorer .yk-shelf-tools{top:auto}
  .yk-integrated-explorer .yk-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .yk-integrated-explorer .yk-shelf-summary-rail .yk-result-count{font-size:.94rem}
  .yk-integrated-explorer .yk-product-grid{grid-template-columns:1fr}
}


/* v0.3.8: 条件サマリーを商品棚上部右側へ独立配置 */
.yk-integrated-explorer .yk-shelf-overview{
  display:flex;
  justify-content:flex-end;
  margin:0 0 .85rem;
}
.yk-integrated-explorer .yk-shelf-summary-rail{
  width:240px;
  flex:0 0 240px;
}
.yk-integrated-explorer .yk-shelf-layout{
  grid-template-columns:minmax(0,1fr) 240px;
  grid-template-areas:none;
  gap:1rem 1rem;
}
.yk-integrated-explorer .yk-shelf-main{grid-area:auto;grid-column:1}
.yk-integrated-explorer .yk-shelf-tools{grid-area:auto;grid-column:2;top:calc(var(--yk-shelf-sticky-top) + 2.4rem)}
@media (max-width:1120px){
  .yk-integrated-explorer .yk-shelf-summary-rail{width:220px;flex-basis:220px}
  .yk-integrated-explorer .yk-shelf-layout{grid-template-columns:minmax(0,1fr) 220px}
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-shelf-overview{display:block;margin:0 0 .75rem}
  .yk-integrated-explorer .yk-shelf-summary-rail{width:auto;flex-basis:auto}
  .yk-integrated-explorer .yk-shelf-layout{grid-template-columns:1fr}
  .yk-integrated-explorer .yk-shelf-main,.yk-integrated-explorer .yk-shelf-tools{grid-column:auto}
}


/* v0.3.9: 顧客ステータスを商品棚上部の横長帯へ */
.yk-integrated-explorer .yk-shelf-overview{
  display:block;
  margin:0 0 .82rem;
}
.yk-integrated-explorer .yk-customer-status-bar{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:.55rem 1rem;
  margin:0;
  padding:.72rem .95rem;
  border:1px solid var(--yk-border);
  background:#fcfbfa;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-tool-kicker{
  margin:0;
  font-size:.76rem;
  color:rgba(40,40,40,.62);
  letter-spacing:.03em;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-result-count{
  margin:0;
  font-size:1rem;
  line-height:1.35;
  font-weight:600;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:.28rem .72rem;
  align-items:center;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip{
  padding:0;
  border:0;
  background:transparent;
  font-size:.88rem;
  line-height:1.5;
  color:rgba(40,40,40,.74);
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip + .yk-condition-chip::before{
  content:"｜";
  margin-right:.72rem;
  color:rgba(40,40,40,.28);
}
.yk-integrated-explorer .yk-shelf-summary-rail{
  width:auto;
  flex:0 0 auto;
}
@media (max-width:1120px){
  .yk-integrated-explorer .yk-customer-status-bar{grid-template-columns:auto 1fr;gap:.45rem .9rem}
  .yk-integrated-explorer .yk-customer-status-bar .yk-tool-kicker{grid-column:1 / -1}
  .yk-integrated-explorer .yk-customer-status-bar .yk-result-count{grid-column:1}
  .yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{grid-column:2}
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-customer-status-bar{grid-template-columns:1fr;gap:.3rem;padding:.75rem .85rem}
  .yk-integrated-explorer .yk-customer-status-bar .yk-tool-kicker,
  .yk-integrated-explorer .yk-customer-status-bar .yk-result-count,
  .yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{grid-column:auto}
  .yk-integrated-explorer .yk-customer-status-bar .yk-result-count{white-space:normal}
}


/* v0.3.10: 顧客ステータス帯を薄く静かな面へ調整 */
.yk-integrated-explorer .yk-shelf-overview{margin:0 0 .72rem}
.yk-integrated-explorer .yk-customer-status-bar{
  grid-template-columns:auto 1fr;
  grid-template-areas:"label count" "summary summary";
  gap:.22rem 1rem;
  padding:.58rem .86rem .62rem;
  border:0;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(131,174,219,.13) 0%, rgba(247,250,253,.96) 62%, rgba(255,255,255,.98) 100%);
  box-shadow:none;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-tool-kicker{
  grid-area:label;
  align-self:center;
  margin:0;
  font-size:.72rem;
  line-height:1.35;
  color:rgba(50,78,110,.72);
  letter-spacing:.03em;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-result-count{
  grid-area:count;
  justify-self:end;
  align-self:center;
  margin:0;
  font-size:.92rem;
  line-height:1.35;
  font-weight:500;
  color:rgba(38,38,38,.82);
  white-space:nowrap;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-result-count strong{
  color:#e5482f;
  font-weight:700;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{
  grid-area:summary;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:.1rem .68rem;
  align-items:center;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip{
  padding:0;
  border:0;
  background:transparent;
  font-size:.8rem;
  line-height:1.5;
  color:rgba(40,40,40,.78);
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip + .yk-condition-chip::before{
  content:"";
  margin-right:0;
}
@media (max-width:1120px){
  .yk-integrated-explorer .yk-customer-status-bar{padding:.56rem .8rem .6rem}
  .yk-integrated-explorer .yk-customer-status-bar .yk-result-count{font-size:.88rem}
  .yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip{font-size:.78rem}
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-customer-status-bar{
    grid-template-columns:1fr;
    grid-template-areas:"label" "count" "summary";
    gap:.2rem;
    padding:.64rem .78rem;
    border-radius:12px;
  }
  .yk-integrated-explorer .yk-customer-status-bar .yk-result-count{justify-self:start;white-space:normal}
  .yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{gap:.08rem .56rem}
}


/* v0.3.11: 顧客ステータス帯を横並び・常時表示に修正 */
.yk-integrated-explorer .yk-shelf-overview{
  position:sticky;
  top:calc(var(--yk-shelf-sticky-top) + .5rem);
  z-index:14;
  margin:0 0 .72rem;
}
.yk-integrated-explorer .yk-customer-status-bar{
  grid-template-columns:auto 1fr;
  grid-template-areas:"label count" "summary summary";
  gap:.24rem 1rem;
  align-items:center;
  padding:.54rem .86rem .58rem;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(131,174,219,.16) 0%, rgba(248,251,254,.97) 56%, rgba(255,255,255,.985) 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.82), 0 6px 18px rgba(112,139,167,.08);
  backdrop-filter:blur(2px);
}
.yk-integrated-explorer .yk-customer-status-bar .yk-tool-kicker{
  grid-area:label;
  font-size:.72rem;
  line-height:1.32;
  color:rgba(50,78,110,.74);
}
.yk-integrated-explorer .yk-customer-status-bar .yk-result-count{
  grid-area:count;
  justify-self:end;
  font-size:.92rem;
  line-height:1.34;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{
  grid-area:summary;
  display:flex;
  flex-wrap:nowrap;
  gap:0;
  align-items:center;
  white-space:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary::-webkit-scrollbar{display:none}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip{
  flex:0 0 auto;
  font-size:.79rem;
  line-height:1.45;
  color:rgba(40,40,40,.8);
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip + .yk-condition-chip{margin-left:1rem}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip + .yk-condition-chip::before{
  content:"｜";
  color:rgba(40,40,40,.26);
  margin-right:1rem;
}
@media (max-width:1120px){
  .yk-integrated-explorer .yk-shelf-overview{top:calc(var(--yk-shelf-sticky-top) + .4rem)}
  .yk-integrated-explorer .yk-customer-status-bar{padding:.52rem .8rem .56rem}
  .yk-integrated-explorer .yk-customer-status-bar .yk-result-count{font-size:.88rem}
  .yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip{font-size:.77rem}
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-shelf-overview{position:static;margin:0 0 .72rem}
  .yk-integrated-explorer .yk-customer-status-bar{
    grid-template-columns:1fr;
    grid-template-areas:"label" "count" "summary";
    gap:.2rem;
    padding:.62rem .78rem;
    border-radius:12px;
  }
  .yk-integrated-explorer .yk-customer-status-bar .yk-result-count{justify-self:start;white-space:normal}
  .yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{flex-wrap:wrap;white-space:normal;overflow:visible}
  .yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip + .yk-condition-chip{margin-left:.75rem}
  .yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip + .yk-condition-chip::before{margin-right:.75rem}
}


/* v0.3.12: 残っていた縦方向指定を打ち消し、条件を確実に横並びへ */
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  white-space:nowrap;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{
    flex-direction:row;
    flex-wrap:wrap;
    white-space:normal;
  }
}


/* v0.3.14: 顧客ステータス帯をヘッダー下で常時表示 */
.yk-prototype{--yk-page-header-offset:7.1rem;}
body.admin-bar .yk-prototype{--yk-page-header-offset:9.1rem;}
.yk-integrated-explorer .yk-shelf-overview{
  position:sticky;
  top:var(--yk-page-header-offset);
  z-index:40;
  margin:0 0 .72rem;
}
.yk-integrated-explorer .yk-customer-status-bar{
  box-shadow:0 6px 18px rgba(112,139,167,.08);
  backdrop-filter:blur(3px);
}
@media (max-width:1200px){
  .yk-prototype{--yk-page-header-offset:6.6rem;}
  body.admin-bar .yk-prototype{--yk-page-header-offset:8.4rem;}
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-shelf-overview{position:static;top:auto;z-index:auto;}
}


/* v0.3.15: このページだけヘッダーを薄くして商品棚の視界を広げる */
body.yk-choice-page-active .l-header,
body.yk-choice-page-active .site-header{z-index:60;}
body.yk-choice-page-active .l-header__content,
body.yk-choice-page-active [class*="site-branding"],
body.yk-choice-page-active .c-site-branding,
body.yk-choice-page-active .p-site-branding{
  padding-top:.18rem !important;
  padding-bottom:.1rem !important;
  margin-bottom:0 !important;
}
body.yk-choice-page-active .c-site-branding__title,
body.yk-choice-page-active .p-site-branding__title,
body.yk-choice-page-active [class*="site-branding"] .c-site-branding__title,
body.yk-choice-page-active [class*="site-branding"] .p-site-branding__title,
body.yk-choice-page-active [class*="site-branding"] a{
  font-size:clamp(1.78rem, 2vw, 2.12rem) !important;
  line-height:1.08 !important;
}
body.yk-choice-page-active .p-global-nav,
body.yk-choice-page-active .c-navbar,
body.yk-choice-page-active nav[aria-label]{
  margin-top:.08rem !important;
  padding-top:0 !important;
  padding-bottom:.08rem !important;
}
body.yk-choice-page-active .p-global-nav .c-navbar__item > a,
body.yk-choice-page-active .c-navbar__item > a,
body.yk-choice-page-active .p-global-nav a,
body.yk-choice-page-active nav[aria-label] a{
  padding-top:.42rem !important;
  padding-bottom:.42rem !important;
  font-size:.95rem !important;
}
body.yk-choice-page-active .c-breadcrumbs{
  margin-top:.18rem !important;
  margin-bottom:.48rem !important;
}
body.yk-choice-page-active .yk-prototype{--yk-page-header-offset:6.2rem;}
body.admin-bar.yk-choice-page-active .yk-prototype{--yk-page-header-offset:8.15rem;}
@media (max-width:1200px){
  body.yk-choice-page-active .yk-prototype{--yk-page-header-offset:5.85rem;}
  body.admin-bar.yk-choice-page-active .yk-prototype{--yk-page-header-offset:7.7rem;}
}
@media (max-width:900px){
  body.yk-choice-page-active .l-header__content,
  body.yk-choice-page-active [class*="site-branding"],
  body.yk-choice-page-active .c-site-branding,
  body.yk-choice-page-active .p-site-branding{padding-top:inherit !important;padding-bottom:inherit !important;}
  body.yk-choice-page-active .p-global-nav .c-navbar__item > a,
  body.yk-choice-page-active .c-navbar__item > a,
  body.yk-choice-page-active .p-global-nav a,
  body.yk-choice-page-active nav[aria-label] a{font-size:inherit !important;padding-top:inherit !important;padding-bottom:inherit !important;}
}


/* v0.3.16: 商品棚ページではヘッダーをさらに識別帯レベルまで弱める */
body.yk-choice-page-active .l-header,
body.yk-choice-page-active .site-header{box-shadow:none !important;}
body.yk-choice-page-active .l-header__inner,
body.yk-choice-page-active .l-header__content,
body.yk-choice-page-active .l-header__body{
  min-height:auto !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
body.yk-choice-page-active [class*="site-branding"],
body.yk-choice-page-active .c-site-branding,
body.yk-choice-page-active .p-site-branding{
  padding-top:.04rem !important;
  padding-bottom:0 !important;
  margin:0 auto .04rem !important;
}
body.yk-choice-page-active .c-site-branding__title,
body.yk-choice-page-active .p-site-branding__title,
body.yk-choice-page-active [class*="site-branding"] .c-site-branding__title,
body.yk-choice-page-active [class*="site-branding"] .p-site-branding__title,
body.yk-choice-page-active [class*="site-branding"] a{
  font-size:clamp(1.42rem, 1.6vw, 1.72rem) !important;
  line-height:1.02 !important;
  letter-spacing:.02em !important;
}
body.yk-choice-page-active .p-global-nav,
body.yk-choice-page-active .c-navbar,
body.yk-choice-page-active nav[aria-label]{
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
body.yk-choice-page-active .p-global-nav .c-navbar__item > a,
body.yk-choice-page-active .c-navbar__item > a,
body.yk-choice-page-active .p-global-nav a,
body.yk-choice-page-active nav[aria-label] a{
  padding-top:.26rem !important;
  padding-bottom:.26rem !important;
  font-size:.84rem !important;
  line-height:1.18 !important;
}
body.yk-choice-page-active .c-breadcrumbs{
  margin-top:.08rem !important;
  margin-bottom:.3rem !important;
  font-size:.68rem !important;
  opacity:.62 !important;
}
body.yk-choice-page-active .yk-prototype{--yk-page-header-offset:4.95rem;}
body.admin-bar.yk-choice-page-active .yk-prototype{--yk-page-header-offset:6.9rem;}
@media (max-width:1200px){
  body.yk-choice-page-active .yk-prototype{--yk-page-header-offset:4.7rem;}
  body.admin-bar.yk-choice-page-active .yk-prototype{--yk-page-header-offset:6.55rem;}
}
@media (max-width:900px){
  body.yk-choice-page-active .c-site-branding__title,
  body.yk-choice-page-active .p-site-branding__title,
  body.yk-choice-page-active [class*="site-branding"] a{font-size:inherit !important;line-height:inherit !important;}
  body.yk-choice-page-active .p-global-nav .c-navbar__item > a,
  body.yk-choice-page-active .c-navbar__item > a,
  body.yk-choice-page-active .p-global-nav a,
  body.yk-choice-page-active nav[aria-label] a{font-size:inherit !important;padding-top:inherit !important;padding-bottom:inherit !important;}
}


/* v0.3.18: 商品棚ページ専用の軽い識別ヘッダーに置き換える */
body.yk-choice-page-active .l-header,
body.yk-choice-page-active .site-header,
body.yk-choice-page-active .c-breadcrumbs{
  display:none !important;
}
body.yk-choice-page-active .l-contents__inner,
body.yk-choice-page-active .c-entry__body,
body.yk-choice-page-active .c-entry__content{
  padding-top:.18rem !important;
  margin-top:0 !important;
}
body.yk-choice-page-active .yk-choice-page-header{display:none !important;}
.yk-choice-room-header{
  margin:0 0 .36rem;
  padding:.22rem 0 .18rem;
  border-bottom:1px solid rgba(30,41,59,.08);
}
.yk-choice-room-header__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
}
.yk-choice-room-header__brand{
  font-size:1rem;
  font-weight:700;
  line-height:1.15;
  letter-spacing:.02em;
  color:#2f3136;
  text-decoration:none;
  white-space:nowrap;
}
.yk-choice-room-header__nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.22rem .9rem;
  font-size:.78rem;
  line-height:1.3;
}
.yk-choice-room-header__nav a{
  color:#4b5563;
  text-decoration:none;
}
.yk-choice-room-header__nav a:hover{color:#1f2937;}
.yk-choice-room-header__crumb{
  margin:.14rem 0 0;
  font-size:.68rem;
  line-height:1.3;
  color:#7b8190;
}
body.yk-choice-page-active .yk-prototype{--yk-page-header-offset:.36rem;}
body.admin-bar.yk-choice-page-active .yk-prototype{--yk-page-header-offset:2.32rem;}
@media (max-width:900px){
  .yk-choice-room-header{padding:.18rem 0 .16rem;}
  .yk-choice-room-header__top{gap:.4rem .8rem;}
  .yk-choice-room-header__brand{font-size:.94rem;}
  .yk-choice-room-header__nav{font-size:.74rem;gap:.18rem .72rem;}
  .yk-choice-room-header__crumb{font-size:.65rem;}
  body.yk-choice-page-active .yk-prototype{--yk-page-header-offset:.28rem;}
  body.admin-bar.yk-choice-page-active .yk-prototype{--yk-page-header-offset:2.16rem;}
}


/* v0.3.19: 42機種の実商品画像を商品棚へ表示（初回評価用） */
.yk-product-image-wrap{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:4 / 3;
  margin-bottom:1rem;
  overflow:hidden;
  background:#faf9f7;
}
.yk-product-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.yk-product-image-fallback{
  display:none;
  padding:.75rem;
  color:var(--yk-sub);
  font-size:.72rem;
  line-height:1.5;
  text-align:center;
}
.yk-product-image-wrap.is-image-error .yk-product-image{display:none;}
.yk-product-image-wrap.is-image-error .yk-product-image-fallback{display:block;}
.yk-product-card.is-dimension-mismatch .yk-product-image-wrap{opacity:.28;filter:grayscale(1);}
.yk-integrated-explorer .yk-product-card--compact .yk-product-image-wrap{
  aspect-ratio:4 / 3;
  margin-bottom:.72rem;
}


/* v0.3.20: 商品画像の構図・見かけの大きさだけを標準化する試作 */
.yk-product-image-wrap{
  background:rgba(250,249,247,.72);
  isolation:isolate;
}
.yk-product-image{
  transform:translate(var(--yk-image-shift-x,0%),var(--yk-image-shift-y,0%)) scale(var(--yk-image-scale,1));
  transform-origin:center center;
  transition:none;
}
.yk-product-image-fallback{
  max-width:10em;
  margin:auto;
  opacity:.76;
}


/* v0.3.22: 42機種の商品画像の最終標準化パス */
.yk-product-image-wrap{
  background:#fbfaf8;
}
.yk-product-image{
  max-width:none;
  max-height:none;
  will-change:auto;
}
/* 画像そのものの比率は壊さず、商品本体の見かけの大きさだけを個別データで揃える */


/* v0.3.23: 画像標準化の最終外れ値調整 */
.yk-product-image-wrap{background:#fbfaf8;}
.yk-product-image{filter:none;}

/* v0.3.25: 顧客ステータス帯の左右端を商品棚本体の左右端へ揃える */
@media (min-width:1121px){
  .yk-integrated-explorer .yk-shelf-overview{
    display:grid;
    grid-template-columns:minmax(0,1fr) 240px;
    column-gap:1rem;
  }
  .yk-integrated-explorer .yk-customer-status-bar{
    grid-column:1;
    min-width:0;
  }
}
@media (min-width:901px) and (max-width:1120px){
  .yk-integrated-explorer .yk-shelf-overview{
    display:grid;
    grid-template-columns:minmax(0,1fr) 220px;
    column-gap:1rem;
  }
  .yk-integrated-explorer .yk-customer-status-bar{
    grid-column:1;
    min-width:0;
  }
}


/* v0.3.26: 上部ではコンシェルジュを初期表示位置のまま静止させる */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge{
    position:fixed;
    z-index:12;
    top:var(--yk-concierge-fixed-top, calc(var(--yk-shelf-sticky-top) + 2.4rem));
    left:var(--yk-concierge-fixed-left, auto);
    width:var(--yk-concierge-fixed-width, 224px);
    margin-top:0;
    max-height:none;
    overflow:visible;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-measuring{
    position:static !important;
    top:auto !important;
    left:auto !important;
    width:auto !important;
  }
}


/* v0.3.27: 右コンシェルジュ上端を顧客ステータス帯の上端へ揃える */
@media (max-width:900px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge{
    margin-top:0;
  }
}


/* v0.3.28: 上部の右欄余白量をスクロール中も一定に保つ */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll{
    display:flex;
    flex-direction:column;
    gap:.5rem;
  }
}


/* v0.3.31: 右コンシェルジュを初期位置基準のsticky配置へ戻し、上スクロール時のバウンド感を抑える */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge{
    position:sticky;
    z-index:12;
    top:var(--yk-page-header-offset);
    left:auto;
    width:auto;
    margin-top:calc(var(--yk-concierge-static-raise, 0px) * -1);
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-measuring{
    position:static !important;
    top:auto !important;
    left:auto !important;
    width:auto !important;
    margin-top:0 !important;
  }
}


/* v0.3.32: 「見る順番」は操作肢を折りたたみ、現在の状態だけを常時見せる */
.yk-integrated-explorer .yk-sort-disclosure{
  padding:.62rem .66rem;
}
.yk-integrated-explorer .yk-sort-disclosure>.yk-sort-disclosure-summary{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin:0;
  cursor:pointer;
  list-style:none;
}

.yk-integrated-explorer .yk-sort-disclosure-text{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  flex-direction:column;
  gap:.14rem;
}
.yk-integrated-explorer .yk-sort-disclosure-title{
  color:var(--yk-text);
  font-size:.88rem;
  font-weight:500;
  line-height:1.4;
}
.yk-integrated-explorer .yk-sort-disclosure-current{
  color:rgba(35,35,35,.62);
  font-size:.73rem;
  line-height:1.45;
}
.yk-integrated-explorer .yk-sort-disclosure>.yk-sort-disclosure-summary::after{
  content:'＋';
  flex:0 0 auto;
  color:var(--yk-sub);
  font-size:.92rem;
  line-height:1;
}
.yk-integrated-explorer .yk-sort-disclosure.is-open>.yk-sort-disclosure-summary::after{content:'−'}
.yk-integrated-explorer .yk-sort-disclosure-body{
  margin-top:.58rem;
  padding-top:.6rem;
  border-top:1px solid #e7dfd5;
}
.yk-integrated-explorer .yk-sort-disclosure-body .yk-note[data-role="sort-message"]{
  margin:0 0 .48rem;
}
.yk-integrated-explorer .yk-sort-disclosure-body .yk-sort-options{
  margin:.42rem 0 0;
}


/* v0.3.33: 折りたたみ見出しのクリック領域を明示 */
.yk-integrated-explorer .yk-sort-disclosure>.yk-sort-disclosure-summary{
  user-select:none;
  -webkit-user-select:none;
}


/* v0.3.34: 「見る順番」の開閉はdetails/summaryを使わずbuttonで確実に制御 */
.yk-integrated-explorer .yk-sort-disclosure>.yk-sort-disclosure-summary{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
}
.yk-integrated-explorer .yk-sort-disclosure-body[hidden]{display:none !important;}


/* v0.3.35: 「見る順番」の開閉はJavaScriptにもdetailsにも依存しないCSSネイティブ方式 */
.yk-integrated-explorer .yk-sort-disclosure{position:relative;}
.yk-integrated-explorer .yk-sort-disclosure-toggle{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
  pointer-events:none;
}
.yk-integrated-explorer .yk-sort-disclosure>.yk-sort-disclosure-summary{
  display:flex;
  width:100%;
  align-items:center;
  gap:.55rem;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
  text-align:left;
  user-select:none;
  -webkit-user-select:none;
}
.yk-integrated-explorer .yk-sort-disclosure>.yk-sort-disclosure-summary::after{
  content:'＋';
  flex:0 0 auto;
  color:var(--yk-sub);
  font-size:.92rem;
  line-height:1;
}
.yk-integrated-explorer .yk-sort-disclosure-toggle:checked + .yk-sort-disclosure-summary::after{content:'−';}
.yk-integrated-explorer .yk-sort-disclosure-body{display:none;}
.yk-integrated-explorer .yk-sort-disclosure-toggle:checked ~ .yk-sort-disclosure-body{display:block;}


/* v0.3.36: stickyステータスの透明な右列がコンシェルジュのクリックを遮らないようにする */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-overview{
    pointer-events:none;
  }
  .yk-integrated-explorer .yk-customer-status-bar{
    pointer-events:auto;
  }
}


/* v0.3.37: 乾燥容量確認を右コンシェルジュ用の小さな補助ツールへ再設計 */
.yk-integrated-explorer .yk-capacity-assist[open] .yk-capacity-tool{
  padding:.62rem .56rem .68rem;
}
.yk-integrated-explorer .yk-capacity-question,
.yk-integrated-explorer .yk-capacity-subquestion{
  margin:0;
  color:var(--yk-text);
  font-weight:500;
  line-height:1.5;
}
.yk-integrated-explorer .yk-capacity-question{font-size:.8rem;}
.yk-integrated-explorer .yk-capacity-subquestion{
  margin-top:.05rem;
  font-size:.76rem;
}
.yk-integrated-explorer .yk-capacity-choice-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.32rem;
  margin:.46rem 0 0;
}
.yk-integrated-explorer .yk-capacity-choice-row label{
  min-width:0;
  padding:.4rem .42rem;
  gap:.35rem;
  font-size:.73rem;
  line-height:1.35;
}
.yk-integrated-explorer .yk-capacity-tool .yk-step{
  margin-top:.55rem;
}
.yk-integrated-explorer .yk-capacity-estimate-fields{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.38rem;
}
.yk-integrated-explorer .yk-capacity-field{
  gap:.25rem;
  font-size:.7rem;
  line-height:1.4;
}
.yk-integrated-explorer .yk-capacity-field span{
  gap:.25rem;
}
.yk-integrated-explorer .yk-capacity-field input{
  min-width:0;
  width:100%;
  padding:.42rem .45rem;
  font-size:.74rem;
}
.yk-integrated-explorer .yk-capacity-note{
  margin:.38rem 0 0;
  font-size:.68rem;
  line-height:1.55;
}
.yk-integrated-explorer .yk-capacity-result{
  display:flex;
  flex-direction:column;
  gap:.12rem;
  margin:.58rem 0 0;
  padding:.48rem .52rem;
  font-size:.7rem;
  line-height:1.45;
}
.yk-integrated-explorer .yk-capacity-result[hidden]{display:none;}
.yk-integrated-explorer .yk-capacity-result strong{
  font-size:.78rem;
  font-weight:600;
}
.yk-integrated-explorer .yk-capacity-result span{
  color:var(--yk-sub);
}
@media (max-width:640px){
  .yk-integrated-explorer .yk-capacity-estimate-fields{grid-template-columns:1fr;}
}

/* v0.3.43: 比較商品を選ぶブロックの上余白を、上段の余白リズムと同じ強さまで明確に広げる */
.yk-integrated-explorer .yk-sort-panel + .yk-helper-branches{
  margin-top:.08rem;
}
.yk-integrated-explorer .yk-helper-branches + .yk-bulk-select{
  margin-top:.72rem;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-sort-panel + .yk-helper-branches{
    margin-top:.06rem;
  }
  .yk-integrated-explorer .yk-helper-branches + .yk-bulk-select{
    margin-top:.62rem;
  }
}


/* v0.3.44: 比較商品の選択と比較実行を1つのブロックへ統合 */
.yk-integrated-explorer .yk-bulk-select .yk-compare-selection-note{
  margin-left:auto;
  font-size:.78rem;
  color:var(--yk-sub);
  white-space:nowrap;
}
.yk-integrated-explorer .yk-bulk-select .yk-compare-inline-action{
  margin-top:.72rem;
  padding-top:.72rem;
  border-top:1px solid #e7dfd5;
}
.yk-integrated-explorer .yk-bulk-select .yk-compare-inline-action .yk-primary{
  width:100%;
  padding:.72rem .8rem;
}
@media (max-width:640px){
  .yk-integrated-explorer .yk-bulk-select .yk-compare-selection-note{
    font-size:.74rem;
  }
}


/* v0.3.45: 設置スペース入力に幅・奥行・高さを直感的に確認できる寸法図を追加 */
.yk-install-dimension-guide{
  margin:.55rem auto .72rem;
  max-width:190px;
  color:rgba(54,52,49,.7);
}
.yk-install-dimension-guide svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
.yk-install-dimension-guide .yk-install-dimension-box{stroke-width:2.2}
.yk-install-dimension-guide .yk-install-dimension-arrows{stroke-width:1.45}
.yk-install-dimension-guide .yk-install-dimension-labels{
  fill:rgba(40,40,40,.78);
  font-size:10px;
  font-weight:500;
  font-family:inherit;
}
.yk-integrated-explorer .yk-helper-branch .yk-install-dimension-guide{
  margin:.42rem auto .58rem;
  max-width:160px;
}
@media (max-width:640px){.yk-install-dimension-guide{max-width:170px}}


/* v0.3.46: 設置寸法の図そのものを入力UIにし、直接入力＋候補選択を統合 */
.yk-install-dimension-guide{display:none}
.yk-install-dimension-editor{
  position:relative;
  width:min(100%, 230px);
  aspect-ratio:240 / 205;
  margin:.28rem auto .42rem;
  color:rgba(54,52,49,.58);
}
.yk-install-dimension-editor svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.yk-install-dimension-editor .yk-install-skeleton{stroke-width:1.35}
.yk-install-dimension-editor .yk-install-measure-arrows{stroke-width:1.05}
.yk-install-dim-control{
  position:absolute;
  display:flex;
  flex-direction:column;
  gap:.12rem;
  margin:0;
  color:rgba(40,40,40,.78);
  font-size:.64rem;
  line-height:1.25;
  z-index:2;
}
.yk-install-dim-height{left:0;top:34%;width:78px}
.yk-install-dim-width{left:50%;bottom:0;width:92px;transform:translateX(-50%)}
.yk-install-dim-depth{right:0;top:62%;width:88px}
.yk-install-dim-name{
  font-size:.62rem;
  color:rgba(40,40,40,.64);
  letter-spacing:.01em;
}
.yk-install-dim-entry{
  display:flex;
  align-items:center;
  gap:.22rem;
  min-width:0;
}
.yk-install-combo{
  display:grid;
  grid-template-columns:minmax(0,1fr) 25px;
  align-items:stretch;
  min-width:0;
  height:27px;
  border:1px solid #d9d1c7;
  background:#fff;
}
.yk-install-combo input{
  width:100%;
  min-width:0;
  height:25px;
  padding:0 .28rem;
  border:0 !important;
  outline:0;
  background:transparent;
  font:inherit;
  font-size:.68rem;
  color:var(--yk-text);
  -moz-appearance:textfield;
}
.yk-install-combo input::-webkit-outer-spin-button,
.yk-install-combo input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.yk-install-combo input:focus{box-shadow:inset 0 0 0 1px rgba(40,40,40,.24)}
.yk-install-combo select{
  width:25px;
  min-width:25px;
  height:25px;
  padding:0;
  border:0;
  border-left:1px solid #e2dbd2;
  background:#fbfaf8;
  color:rgba(40,40,40,.68);
  font-size:.56rem;
  cursor:pointer;
  text-indent:-9999px;
}
.yk-install-combo select:focus{outline:1px solid rgba(40,40,40,.24);outline-offset:-1px}
.yk-install-dim-unit{
  flex:0 0 auto;
  font-size:.59rem;
  color:rgba(40,40,40,.58);
}
.yk-integrated-explorer .yk-helper-branch .yk-install-dimension-editor{
  width:min(100%, 210px);
  margin:.18rem auto .32rem;
}
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-form>.yk-button-row{
  margin-top:.5rem;
}
@media (max-width:640px){
  .yk-install-dimension-editor{width:min(100%, 220px)}
}


/* v0.3.47: 全体条件リセットと、乾燥容量・設置条件の個別解除を追加 */
.yk-integrated-explorer .yk-customer-status-bar{
  grid-template-columns:auto 1fr auto auto;
  grid-template-areas:"label . count reset" "summary summary summary summary";
}
.yk-integrated-explorer .yk-status-reset{
  grid-area:reset;
  justify-self:end;
  align-self:center;
  margin:0;
  padding:.08rem 0 .08rem .58rem;
  border:0;
  background:transparent;
  color:rgba(50,78,110,.76);
  font:inherit;
  font-size:.7rem;
  line-height:1.35;
  white-space:nowrap;
  cursor:pointer;
}
.yk-integrated-explorer .yk-status-reset:hover:not(:disabled){text-decoration:underline;}
.yk-integrated-explorer .yk-status-reset:disabled{
  opacity:.34;
  cursor:default;
}
.yk-integrated-explorer .yk-condition-reset{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  margin:.42rem 0 0;
  padding:.12rem 0;
  border:0;
  background:transparent;
  color:rgba(40,40,40,.64);
  font:inherit;
  font-size:.69rem;
  line-height:1.4;
  cursor:pointer;
}
.yk-integrated-explorer .yk-condition-reset:hover{text-decoration:underline;}
.yk-integrated-explorer .yk-condition-reset[hidden]{display:none !important;}
@media (max-width:900px){
  .yk-integrated-explorer .yk-customer-status-bar{
    grid-template-columns:1fr auto;
    grid-template-areas:"label reset" "count count" "summary summary";
  }
  .yk-integrated-explorer .yk-status-reset{font-size:.69rem;}
}


/* v0.3.49: 商品棚のページスクロールと右コンシェルジュの内部スクロールを独立 */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge{
    max-height:calc(100dvh - var(--yk-concierge-visible-top, var(--yk-page-header-offset)) - .7rem);
    overflow:hidden;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll{
    flex:1 1 auto;
    min-height:0;
    max-height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
    padding-right:.18rem;
  }
}


/* v0.3.50: 独立スクロール時に比較ブロック最下部まで余裕を持って見切れず確認できるよう調整 */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll{
    box-sizing:border-box;
    padding-bottom:2.6rem;
    scroll-padding-block-end:2.6rem;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll > *{
    flex:0 0 auto;
  }
}


/* v0.3.51: コンシェルジュの実際の画面内開始位置を基準に高さを決定。
   stickyがまだ上端に到達していない状態でも、最下部がビューポート外へはみ出さない。 */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge{
    box-sizing:border-box;
  }
}


/* v0.3.52: コンシェルジュを商品棚の親要素から切り離し、viewport固定の独立スクロール領域にする。
   商品棚の終端やフッターに到達しても、親要素の下端に押し戻されず全機能へ到達できる。 */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge{
    position:fixed;
    top:var(--yk-concierge-fixed-top, var(--yk-page-header-offset));
    left:var(--yk-concierge-fixed-left, auto);
    width:var(--yk-concierge-fixed-width, 224px);
    height:calc(100dvh - var(--yk-concierge-fixed-top, var(--yk-page-header-offset)) - .7rem);
    max-height:none;
    margin-top:0;
    overflow:visible;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll{
    box-sizing:border-box;
    height:100%;
    max-height:none;
    overflow-x:hidden;
    overflow-y:auto;
    padding-bottom:2.6rem;
    scroll-padding-block-end:2.6rem;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-measuring{
    position:static !important;
    top:auto !important;
    left:auto !important;
    width:auto !important;
    height:auto !important;
    margin-top:0 !important;
    overflow:visible !important;
  }
}


/* v0.3.53: コンシェルジュの配置基準と独立スクロールを再固定。
   初期状態はステータス帯の上端へ揃え、ステータス帯がsticky位置へ到達した後だけviewport固定へ切り替える。
   外枠は常に画面内へ収め、中身だけを縦スクロールさせる。 */
@media (min-width:901px){
  .yk-integrated-explorer .yk-concierge-stick-sentinel{
    display:block;
    width:1px;
    height:1px;
    margin:0;
    padding:0;
    pointer-events:none;
  }

  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge{
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    height:auto;
    max-height:var(--yk-concierge-static-max-height, calc(100dvh - var(--yk-page-header-offset) - .75rem));
    margin-top:calc(var(--yk-concierge-static-raise, 0px) * -1);
    overflow:hidden;
    z-index:42;
  }

  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll{
    flex:1 1 auto;
    min-height:0;
    max-height:100%;
    height:auto;
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:auto;
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
    padding-bottom:2rem;
    scroll-padding-block-end:2rem;
  }

  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll > *{
    flex:0 0 auto;
  }

  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-fixed{
    position:fixed;
    top:var(--yk-concierge-sticky-top, var(--yk-page-header-offset));
    right:auto;
    bottom:.75rem;
    left:var(--yk-concierge-fixed-left, auto);
    width:var(--yk-concierge-fixed-width, 224px);
    height:auto;
    max-height:none;
    margin-top:0;
    overflow:hidden;
  }

  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-fixed .yk-shelf-tools-scroll{
    height:100%;
    max-height:100%;
  }

  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-measuring{
    position:static !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:auto !important;
    height:auto !important;
    max-height:none !important;
    margin-top:0 !important;
    overflow:visible !important;
  }
}

@media (max-width:900px){
  .yk-integrated-explorer .yk-concierge-stick-sentinel{display:none;}
}


/* v0.3.54: 初期表示のコンシェルジュ上端をステータス帯上端へ確実に揃える。
   grid内の負marginではなくtransformで静止時だけ引き上げ、fixed後の独立スクロール挙動は維持する。 */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge{
    margin-top:0;
    transform:translateY(calc(0px - var(--yk-concierge-static-raise, 0px)));
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-fixed,
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-measuring{
    transform:none !important;
  }
}


/* v0.3.55: 設置条件の詳細をステータス帯へ集約し、閉じた設置ブロックをコンパクト化 */
.yk-integrated-explorer .yk-install-fit-head{
  display:flex;
  align-items:center;
  gap:.35rem;
}
.yk-integrated-explorer .yk-install-fit-active{
  margin-left:auto;
  font-size:.68rem;
  line-height:1.3;
  color:var(--yk-sub);
  white-space:nowrap;
}
.yk-integrated-explorer .yk-install-fit-form .yk-install-fit-summary{
  margin:.5rem 0 0;
}


/* v0.3.56: スペック比較領域では商品棚用コンシェルジュを退避する。
   比較表がviewportへ入った瞬間から重なりをなくし、商品棚へ戻れば再表示する。 */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-clear-of-compare,
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-clear-of-footer{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
}


/* v0.3.57: Safariで無効になっていた初期位置の負方向calcを互換記法へ修正。
   Web Inspector実測のstatic raiseをそのまま負方向へ適用し、固定後・内部スクロール・比較時退避は変更しない。 */


/* v0.3.58: ページ最下部でサイトフッターがviewportへ入ったら、
   固定コンシェルジュだけを退避。上端位置・独立スクロール・比較時退避など他の挙動は変更しない。 */


/* v0.3.59: スペック比較のレイアウトたたき台。商品を行、選択した比較項目を列にし、比較表を右へ連ねる。 */
.yk-compare-chain-viewport{
  overflow-x:auto;
  overflow-y:visible;
  overscroll-behavior-x:contain;
  padding:.15rem 0 1rem;
  scrollbar-gutter:stable;
}
.yk-compare-chain{
  display:flex;
  align-items:flex-start;
  gap:1.6rem;
  width:max-content;
  min-width:100%;
}
.yk-compare-stage{
  flex:0 0 auto;
  min-width:720px;
  padding-top:.25rem;
}
.yk-compare-stage + .yk-compare-stage{
  padding-left:1.35rem;
  border-left:1px solid rgba(40,40,40,.12);
}
.yk-compare-stage-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:1rem;
  margin:0 0 .75rem;
}
.yk-compare-stage-kicker{
  margin:0 0 .15rem;
  font-size:.72rem;
  letter-spacing:.04em;
  color:var(--yk-sub);
}
.yk-compare-stage-head h3{
  margin:0;
  font-size:1rem;
  font-weight:600;
}
.yk-compare-stage-next{
  display:flex;
  align-items:center;
  gap:.6rem;
  white-space:nowrap;
}
.yk-compare-stage-next span{
  font-size:.78rem;
  color:var(--yk-sub);
}
.yk-compare-stage-next .yk-primary{
  padding:.58rem .72rem;
  font-size:.8rem;
}
.yk-compare-stage-table-wrap{
  overflow:visible;
}
.yk-compare-stage-table{
  border-collapse:separate;
  border-spacing:0;
  width:max-content;
  min-width:100%;
  font-size:.8rem;
}
.yk-compare-stage-table th,
.yk-compare-stage-table td{
  padding:.56rem .62rem;
  border-right:1px solid rgba(40,40,40,.1);
  border-bottom:1px solid rgba(40,40,40,.1);
  background:#fff;
  vertical-align:middle;
  text-align:left;
  min-width:105px;
  max-width:220px;
  line-height:1.5;
}
.yk-compare-stage-table thead th{
  background:#f8f7f4;
  font-weight:500;
  white-space:nowrap;
  border-top:1px solid rgba(40,40,40,.12);
}
.yk-compare-stage-table tr > :first-child{
  border-left:1px solid rgba(40,40,40,.12);
}
.yk-compare-stage-table .is-focus{
  background:rgba(199,173,128,.16);
}
.yk-compare-product-head,
.yk-compare-product-sticky{
  min-width:218px !important;
  max-width:218px !important;
}
.yk-compare-product-sticky{
  font-weight:400;
  background:#fff !important;
}
.yk-compare-product-cell{
  display:grid;
  grid-template-columns:auto 44px minmax(0,1fr);
  align-items:center;
  gap:.5rem;
  cursor:pointer;
}
.yk-compare-product-cell input{
  margin:0;
}
.yk-compare-product-thumb{
  display:block;
  width:44px;
  height:44px;
  overflow:hidden;
  background:#f7f5f1;
}
.yk-compare-product-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.yk-compare-product-name{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.yk-compare-product-name span{
  color:var(--yk-sub);
  font-size:.7rem;
}
.yk-compare-product-name strong{
  margin-top:.08rem;
  font-size:.78rem;
  line-height:1.35;
  font-weight:600;
  overflow-wrap:anywhere;
}
.yk-integrated-explorer .yk-compare-main{
  min-width:0;
  overflow:hidden;
}
.yk-integrated-explorer .yk-compare-main>.yk-note{
  margin-bottom:.55rem;
}
@media (max-width:900px){
  .yk-compare-chain{
    display:block;
    width:100%;
  }
  .yk-compare-stage{
    min-width:680px;
    margin-bottom:1.2rem;
  }
  .yk-compare-stage + .yk-compare-stage{
    padding-left:0;
    border-left:0;
    border-top:1px solid rgba(40,40,40,.12);
    padding-top:1rem;
  }
}


/* v0.3.60: 「商品を見る」と「比較に残す」を別操作として明確化 */
.yk-product-image-link,
.yk-product-title-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.yk-product-image-link{
  margin-bottom:0;
}
.yk-product-image-link .yk-product-image-wrap,
.yk-product-image-link .yk-product-placeholder{
  transition:opacity .16s ease;
}
.yk-product-image-link:hover .yk-product-image-wrap,
.yk-product-image-link:hover .yk-product-placeholder{
  opacity:.88;
}
.yk-product-title-link:hover .yk-product-model{
  text-decoration:underline;
  text-underline-offset:.16em;
}
.yk-product-page-link{
  align-self:flex-start;
  margin:-.55rem 0 .72rem;
  color:var(--yk-sub);
  font-size:.74rem;
  line-height:1.5;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
}
.yk-product-page-link:hover{color:var(--yk-text);}
.yk-product-card.is-dimension-mismatch .yk-product-page-link{opacity:.72;}

.yk-compare-product-cell{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.38rem;
  cursor:default;
}
.yk-stage-pick-control{
  display:flex;
  align-items:center;
  gap:.38rem;
  width:max-content;
  max-width:100%;
  color:var(--yk-sub);
  font-size:.68rem;
  line-height:1.35;
  cursor:pointer;
}
.yk-stage-pick-control input{margin:0;}
.yk-compare-product-link,
.yk-compare-product-identity{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:.5rem;
}
.yk-compare-product-link{
  color:inherit;
  text-decoration:none;
}
.yk-compare-product-link:hover .yk-compare-product-name strong{
  text-decoration:underline;
  text-underline-offset:.14em;
}
.yk-compare-product-view-link{
  align-self:flex-start;
  color:var(--yk-sub);
  font-size:.67rem;
  line-height:1.4;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.18em;
}
.yk-compare-product-view-link:hover{color:var(--yk-text);}


/* v0.3.61: 比較表の右方向生成時の左端合わせと、比較項目変更時の段階・位置保持はJS側で制御。 */

/* v0.3.62: 比較履歴の誤上書き防止。比較画面上部の操作群をまとめる。 */
.yk-compare-workspace-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.55rem;
  flex-wrap:wrap;
}
@media (max-width:640px){
  .yk-compare-workspace-actions{
    width:100%;
    justify-content:flex-start;
  }
}


/* v0.3.65: 比較画面のリセット対象を商品棚ではなく、比較項目・比較内の商品選択・比較段階へ修正。 */
.yk-compare-reset{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:9.5em;
}
.yk-compare-reset.is-success{
  opacity:1;
}


/* v0.3.66: 比較実行ボタンを「比較商品を選ぶ」の折りたたみ枠外へ移動し、閉じた状態でも常時見えるようにする。 */
.yk-integrated-explorer .yk-compare-launch{
  margin-top:.52rem;
}
.yk-integrated-explorer .yk-compare-launch .yk-primary{
  width:100%;
  padding:.72rem .8rem;
}


/* v0.3.67: スペック比較画面の視覚階層を整理。
   機能・文言は変えず、現在の比較を主役に、過去の比較は静かに残す。
   左の比較項目選択も箱の連続感を弱め、余白と罫線で階層を作る。 */
.yk-integrated-explorer .yk-compare-workspace{
  padding-top:clamp(1.6rem,2.7vw,2.25rem);
}
.yk-integrated-explorer .yk-compare-workspace-head{
  margin-bottom:1.35rem;
  padding-bottom:1.05rem;
  border-bottom:1px solid rgba(40,40,40,.09);
}
.yk-integrated-explorer .yk-compare-workspace-head h2{
  margin-top:.12rem;
  font-weight:500;
  letter-spacing:.01em;
}
.yk-integrated-explorer .yk-compare-workspace-head>div>p:last-child{
  max-width:46rem;
  color:var(--yk-sub);
  font-size:.84rem;
  line-height:1.75;
}
.yk-integrated-explorer .yk-compare-layout{
  grid-template-columns:238px minmax(0,1fr);
  gap:clamp(1.35rem,2.4vw,2.15rem);
}
.yk-integrated-explorer .yk-compare-control-card{
  padding:.05rem .15rem .4rem 0;
  border:0;
  background:transparent;
}
.yk-integrated-explorer .yk-compare-control-card h3{
  margin:0 0 .55rem;
  font-size:.94rem;
  font-weight:600;
}
.yk-integrated-explorer .yk-compare-controls .yk-spec-groups{
  gap:0;
}
.yk-integrated-explorer .yk-compare-controls .yk-spec-group{
  margin:0;
  padding:.7rem .05rem .62rem;
  border:0;
  border-top:1px solid rgba(40,40,40,.10);
  min-width:0;
}
.yk-integrated-explorer .yk-compare-controls .yk-spec-group:last-child{
  border-bottom:1px solid rgba(40,40,40,.10);
}
.yk-integrated-explorer .yk-compare-controls .yk-spec-group legend{
  padding:0 .45rem 0 0;
  color:var(--yk-text);
  font-size:.8rem;
  font-weight:600;
}
.yk-integrated-explorer .yk-compare-controls .yk-spec-group label{
  margin:.34rem 0;
  color:#4f4b46;
  font-size:.82rem;
  line-height:1.55;
}
.yk-integrated-explorer .yk-spec-clear{
  margin-top:.72rem;
  padding:.55rem .1rem;
  border:0;
  border-bottom:1px solid rgba(40,40,40,.18);
  text-align:left;
  color:var(--yk-sub);
}
.yk-integrated-explorer .yk-spec-clear:hover{
  color:var(--yk-text);
  border-bottom-color:rgba(40,40,40,.42);
}
.yk-integrated-explorer .yk-compare-main>.yk-note{
  margin:.08rem 0 .5rem;
  font-size:.8rem;
  line-height:1.7;
}
.yk-integrated-explorer .yk-compare-sort{
  margin:.55rem 0 1.05rem;
  color:#4f4b46;
  font-size:.84rem;
}
.yk-integrated-explorer .yk-compare-sort select{
  padding:.46rem 1.8rem .46rem .62rem;
  border-color:rgba(40,40,40,.20);
}
.yk-compare-chain{
  gap:2.15rem;
}
.yk-compare-stage{
  padding-top:.1rem;
  transition:opacity .16s ease;
}
.yk-compare-stage + .yk-compare-stage{
  padding-left:0;
  border-left:0;
}
.yk-compare-stage.is-past{
  opacity:.82;
}
.yk-compare-stage.is-past:hover,
.yk-compare-stage.is-past:focus-within{
  opacity:1;
}
.yk-compare-stage-head{
  min-height:3.2rem;
  margin:0 0 .72rem;
  padding:0 0 .55rem;
  border-bottom:1px solid rgba(40,40,40,.08);
}
.yk-compare-stage.is-current .yk-compare-stage-head{
  border-bottom-color:rgba(40,40,40,.28);
}
.yk-compare-stage-kicker{
  margin-bottom:.12rem;
  font-size:.66rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.yk-compare-stage.is-current .yk-compare-stage-kicker{
  color:#4f4b46;
}
.yk-compare-stage-head h3{
  font-size:.98rem;
  font-weight:500;
}
.yk-compare-stage.is-current .yk-compare-stage-head h3{
  font-size:1.06rem;
  font-weight:600;
}
.yk-compare-stage-next{
  gap:.5rem;
}
.yk-compare-stage-next span{
  font-size:.72rem;
}
.yk-compare-stage-next .yk-primary{
  padding:.54rem .68rem;
  font-size:.76rem;
}
.yk-compare-stage-table{
  font-size:.78rem;
}
.yk-compare-stage-table th,
.yk-compare-stage-table td{
  padding:.58rem .66rem;
  border-right-color:rgba(40,40,40,.07);
  border-bottom-color:rgba(40,40,40,.09);
}
.yk-compare-stage-table thead th{
  background:#faf9f7;
  border-top-color:rgba(40,40,40,.10);
  border-bottom-color:rgba(40,40,40,.14);
  color:#4c4843;
  font-size:.74rem;
  font-weight:500;
}
.yk-compare-stage.is-current .yk-compare-stage-table thead th{
  background:#f8f7f4;
  color:var(--yk-text);
}
.yk-compare-stage-table tr > :first-child{
  border-left-color:rgba(40,40,40,.08);
}
.yk-compare-product-sticky{
  background:#fff !important;
}
.yk-compare-stage.is-past .yk-compare-product-sticky{
  background:#fdfcfb !important;
}
.yk-compare-product-thumb{
  width:46px;
  height:46px;
  background:#faf9f7;
}
.yk-compare-product-name span{
  font-size:.66rem;
}
.yk-compare-product-name strong{
  font-size:.76rem;
  font-weight:600;
}
.yk-stage-pick-control{
  color:#746e67;
  font-size:.65rem;
}
.yk-compare-product-view-link{
  color:#746e67;
  font-size:.64rem;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-compare-layout{
    grid-template-columns:1fr;
    gap:1rem;
  }
  .yk-integrated-explorer .yk-compare-control-card{
    padding-right:0;
  }
  .yk-compare-stage.is-past{
    opacity:1;
  }
  .yk-compare-stage + .yk-compare-stage{
    border-top:1px solid rgba(40,40,40,.10);
    padding-top:1rem;
  }
}


/* v0.3.68: スペック比較画面の装飾的な水平区切り線を撤去。
   比較表そのもののグリッド罫線は維持し、見出し・項目群・比較段階の区切りは余白と文字の階層で表現する。 */
.yk-products-section + .yk-compare-workspace:not([hidden]){
  border-top:0;
}
.yk-integrated-explorer .yk-compare-workspace{
  border-top:0;
  border-bottom:0;
}
.yk-integrated-explorer .yk-compare-workspace-head{
  border-bottom:0;
}
.yk-integrated-explorer .yk-compare-controls .yk-spec-group,
.yk-integrated-explorer .yk-compare-controls .yk-spec-group:last-child{
  border-top:0;
  border-bottom:0;
}
.yk-integrated-explorer .yk-spec-clear,
.yk-integrated-explorer .yk-spec-clear:hover{
  border-bottom:0;
}
.yk-compare-stage-head,
.yk-compare-stage.is-current .yk-compare-stage-head{
  border-bottom:0;
}
@media (max-width:900px){
  .yk-compare-stage + .yk-compare-stage{
    border-top:0;
  }
}


/* v0.3.69: 各比較段階の「次へ進む」操作を常時見つけやすくするため、
   段階ヘッダーを縦積みにしてCTAを左寄せで常時見える位置へ移動する。 */
.yk-compare-stage-head,
.yk-compare-stage.is-current .yk-compare-stage-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.45rem;
}
.yk-compare-stage-next{
  width:100%;
  justify-content:flex-start;
  align-items:center;
  flex-wrap:wrap;
  row-gap:.35rem;
}
.yk-compare-stage-next .yk-primary{
  flex:0 0 auto;
}
@media (max-width:900px){
  .yk-compare-stage-next{
    align-items:flex-start;
  }
}


/* v0.3.70: v0.3.69の比較段階CTA配置を確実に読み込ませるためアセット版数を更新。
   CTAは比較段階タイトル直下・左寄せを維持し、横に広い比較表でも初期表示領域から隠れない。 */
.yk-compare-stage-head > div:first-child,
.yk-compare-stage-next{
  align-self:flex-start;
}


/* v0.3.71: スペック比較の商品列を整理。
   「次の比較に残す」と「商品を見る」を視覚的に分離し、画像・メーカー・型番を識別しやすくする。 */
.yk-compare-product-head,
.yk-compare-product-sticky{
  min-width:260px !important;
  max-width:260px !important;
}
.yk-compare-product-cell{
  gap:.5rem;
  padding:.04rem 0;
}
.yk-stage-pick-control{
  order:0;
  color:#6f6a64;
  font-size:.66rem;
  line-height:1.4;
}
.yk-stage-pick-control input{
  flex:0 0 auto;
}
.yk-compare-product-link,
.yk-compare-product-identity{
  grid-template-columns:56px minmax(0,1fr);
  gap:.68rem;
  align-items:center;
  min-width:0;
}
.yk-compare-product-link{
  order:1;
  color:var(--yk-text) !important;
  text-decoration:none !important;
}
.yk-compare-product-thumb{
  width:56px;
  height:56px;
  border-radius:2px;
  background:#faf9f7;
}
.yk-compare-product-name{
  gap:.08rem;
  min-width:0;
}
.yk-compare-product-name span{
  color:#827c75;
  font-size:.64rem;
  line-height:1.35;
}
.yk-compare-product-name strong,
.yk-compare-product-link:visited .yk-compare-product-name strong{
  color:var(--yk-text) !important;
  font-size:.8rem;
  font-weight:600;
  line-height:1.35;
  white-space:nowrap;
  text-decoration:none;
}
.yk-compare-product-link:hover .yk-compare-product-name strong,
.yk-compare-product-link:focus-visible .yk-compare-product-name strong{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.16em;
}
.yk-compare-product-view-link,
.yk-compare-product-view-link:visited{
  order:2;
  align-self:flex-start;
  margin-left:calc(56px + .68rem);
  color:#77716a !important;
  font-size:.64rem;
  line-height:1.35;
  text-decoration:none !important;
}
.yk-compare-product-view-link:hover,
.yk-compare-product-view-link:focus-visible{
  color:var(--yk-text) !important;
  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:.18em;
}
@media (max-width:900px){
  .yk-compare-product-head,
  .yk-compare-product-sticky{
    min-width:236px !important;
    max-width:236px !important;
  }
  .yk-compare-product-link,
  .yk-compare-product-identity{
    grid-template-columns:50px minmax(0,1fr);
    gap:.58rem;
  }
  .yk-compare-product-thumb{
    width:50px;
    height:50px;
  }
  .yk-compare-product-view-link{
    margin-left:calc(50px + .58rem);
  }
}


/* v0.3.72: 比較表の商品列を「商品カード」ではなくコンパクトな行見出しとして再設計。
   識別性は保ちつつ幅を縮め、スペック列と複数比較表へ画面幅を返す。 */
.yk-compare-product-head,
.yk-compare-product-sticky{
  min-width:178px !important;
  max-width:178px !important;
}
.yk-compare-product-cell{
  gap:.34rem;
  padding:0;
}
.yk-stage-pick-control{
  font-size:.64rem;
  line-height:1.3;
  gap:.3rem;
}
.yk-compare-product-link,
.yk-compare-product-identity{
  grid-template-columns:42px minmax(0,1fr);
  gap:.48rem;
  align-items:center;
}
.yk-compare-product-thumb{
  width:42px;
  height:42px;
}
.yk-compare-product-name span{
  font-size:.6rem;
  line-height:1.3;
}
.yk-compare-product-name strong,
.yk-compare-product-link:visited .yk-compare-product-name strong{
  font-size:.74rem;
  line-height:1.28;
  white-space:normal;
  overflow-wrap:anywhere;
}
.yk-compare-product-view-link,
.yk-compare-product-view-link:visited{
  margin-left:calc(42px + .48rem);
  font-size:.6rem;
  line-height:1.3;
}
@media (max-width:900px){
  .yk-compare-product-head,
  .yk-compare-product-sticky{
    min-width:168px !important;
    max-width:168px !important;
  }
  .yk-compare-product-link,
  .yk-compare-product-identity{
    grid-template-columns:40px minmax(0,1fr);
    gap:.44rem;
  }
  .yk-compare-product-thumb{
    width:40px;
    height:40px;
  }
  .yk-compare-product-view-link{
    margin-left:calc(40px + .44rem);
  }
}


/* v0.3.73: 比較表の商品列をさらに整理。
   「□ 次の比較に残す」を明示しつつ、商品識別は画像＋メーカー＋型番＋商品を見るへ集約する。 */
.yk-compare-product-head,
.yk-compare-product-sticky{
  min-width:156px !important;
  max-width:156px !important;
  width:156px !important;
}
.yk-compare-product-cell{
  gap:.34rem;
  padding:.02rem 0;

}
.yk-stage-pick-control{
  display:flex;
  align-items:center;
  gap:.28rem;
  width:100%;
  color:#6f6a64;
  font-size:.6rem;
  line-height:1.3;
}
.yk-stage-pick-control input{
  flex:0 0 auto;
  margin:0;
}
.yk-compare-product-main{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:start;
  gap:.36rem;
  min-width:0;
}
.yk-compare-product-thumb{
  width:36px;
  height:36px;
  border-radius:2px;
  background:#faf9f7;
}
.yk-compare-product-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.04rem;
  min-width:0;
}
.yk-compare-product-maker{
  color:#827c75;
  font-size:.54rem;
  line-height:1.24;
}
.yk-compare-product-model{
  color:var(--yk-text);
  font-size:.72rem;
  font-weight:600;
  line-height:1.24;
  overflow-wrap:anywhere;
}
.yk-compare-product-view-link,
.yk-compare-product-view-link:visited{
  margin-left:0;
  color:#77716a !important;
  font-size:.56rem;
  line-height:1.24;
  text-decoration:none !important;
}
.yk-compare-product-view-link:hover,
.yk-compare-product-view-link:focus-visible{
  color:var(--yk-text) !important;
  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:.18em;
}
@media (max-width:900px){
  .yk-compare-product-head,
  .yk-compare-product-sticky{
    min-width:148px !important;
    max-width:148px !important;
    width:148px !important;
  }
  .yk-compare-product-main{
    grid-template-columns:34px minmax(0,1fr);
    gap:.34rem;
  }
  .yk-compare-product-thumb{
    width:34px;
    height:34px;
  }
  .yk-compare-product-model{
    font-size:.68rem;
  }
}


.yk-compare-table .yk-compare-product-head,
.yk-compare-table .yk-compare-product-sticky{
  padding-left:.55rem;
  padding-right:.45rem;
}

/* v0.3.74: v0.3.73の商品列で旧grid指定が残り、商品情報が44px列へ押し込まれていた問題を修正。 */
.yk-compare-product-cell{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.yk-compare-product-main{
  width:100%;
}
.yk-compare-product-copy{
  width:100%;
}
.yk-compare-product-model{
  overflow-wrap:normal;
  word-break:normal;
  white-space:normal;
}


/* v0.3.75: 比較表の商品列右側の余白を縮小。
   商品列を約182pxへ再調整し、画像・文字サイズ・間隔も少し締めて、
   商品識別性を保ったままスペック列へ画面幅を返す。 */


/* v0.3.76: 比較表の商品列右側の余白をさらに圧縮。
   商品列を156pxへ、モバイル相当では148pxへ再調整し、
   画像・文字・列パディングを小さくして、画像右側に余る空白を削減。 */

/* v0.3.77: 商品列の右側に続くスペック列も内容に合わせて圧縮。
   比較段階の固定最小幅を外し、数値系は細く、文章系だけ必要な幅を確保する。 */
.yk-compare-stage{
  min-width:0;
  width:max-content;
}
.yk-compare-stage-table{
  min-width:0;
  width:max-content;
}
.yk-compare-stage-table th,
.yk-compare-stage-table td{
  min-width:84px;
  max-width:180px;
  padding-left:.5rem;
  padding-right:.5rem;
}
.yk-compare-stage-table [data-spec-key="wash_capacity"],
.yk-compare-stage-table [data-spec-key="dry_capacity"],
.yk-compare-stage-table [data-spec-key="width"],
.yk-compare-stage-table [data-spec-key="depth"],
.yk-compare-stage-table [data-spec-key="height"]{
  min-width:82px;
  width:82px;
  max-width:82px;
}
.yk-compare-stage-table [data-spec-key="wash_dry_time"],
.yk-compare-stage-table [data-spec-key="release_period"]{
  min-width:100px;
  width:100px;
  max-width:100px;
}
.yk-compare-stage-table [data-spec-key="dry_method_display"]{
  min-width:145px;
  width:145px;
  max-width:145px;
}
.yk-compare-stage-table [data-spec-key="pan_condition"]{
  min-width:130px;
  width:130px;
  max-width:130px;
}
.yk-compare-stage-table [data-spec-key="installation_note"],
.yk-compare-stage-table [data-spec-key="maintenance"]{
  min-width:180px;
  width:180px;
  max-width:180px;
}

/* v0.3.78: 文章系スペック列の折り返しを改善。
   改行を減らすためにテキスト列へ少し幅を返し、
   どうしても折り返す場合も日本語として不自然になりにくい設定へ寄せる。 */
.yk-compare-stage-table [data-spec-key="dry_method_display"]{
  min-width:206px;
  width:206px;
  max-width:206px;
}
.yk-compare-stage-table [data-spec-key="pan_condition"]{
  min-width:150px;
  width:150px;
  max-width:150px;
}
.yk-compare-stage-table [data-spec-key="installation_note"],
.yk-compare-stage-table [data-spec-key="maintenance"]{
  min-width:210px;
  width:210px;
  max-width:210px;
}
.yk-compare-stage-table td[data-spec-key="dry_method_display"],
.yk-compare-stage-table td[data-spec-key="pan_condition"],
.yk-compare-stage-table td[data-spec-key="installation_note"],
.yk-compare-stage-table td[data-spec-key="maintenance"]{
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  line-break:strict;
  text-wrap:pretty;
}


/* v0.3.79: 文章列を比較表専用に意味単位で整形する。
   数値＋単位は分断せず、乾燥方式は比較用の短い表現／意味単位、
   防水パン条件は「防水パン」＋寸法行、文章列は句点・スラッシュ等を改行候補にする。 */
.yk-compare-stage-table [data-spec-key="dry_method_display"]{
  min-width:238px;
  width:238px;
  max-width:238px;
}
.yk-compare-stage-table [data-spec-key="pan_condition"]{
  min-width:230px;
  width:230px;
  max-width:230px;
}
.yk-compare-stage-table [data-spec-key="installation_note"],
.yk-compare-stage-table [data-spec-key="maintenance"]{
  min-width:240px;
  width:240px;
  max-width:240px;
}
.yk-compare-atomic-value{
  white-space:nowrap;
  word-break:keep-all;
  overflow-wrap:normal;
}
.yk-compare-semantic{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.08rem;
  line-height:1.48;
}
.yk-compare-semantic-line{
  display:block;
  max-width:100%;
  word-break:keep-all;
  overflow-wrap:normal;
  line-break:strict;
}
.yk-compare-semantic-line wbr{
  display:inline;
}
.yk-compare-semantic--pan .yk-compare-semantic-line:first-child{
  color:#716b64;
  font-size:.92em;
}
.yk-compare-semantic--pan .yk-compare-semantic-line:nth-child(2){
  white-space:nowrap;
}
@media (max-width:900px){
  .yk-compare-stage-table [data-spec-key="dry_method_display"]{
    min-width:220px;
    width:220px;
    max-width:220px;
  }
  .yk-compare-stage-table [data-spec-key="pan_condition"]{
    min-width:214px;
    width:214px;
    max-width:214px;
  }
  .yk-compare-stage-table [data-spec-key="installation_note"],
  .yk-compare-stage-table [data-spec-key="maintenance"]{
    min-width:224px;
    width:224px;
    max-width:224px;
  }
}


/* v0.3.80: 残っていた文章列・発売時期の表示粒度を整える。
   発売日は比較表では月単位へそろえ、正確な日付はtitleへ保持。
   手入れ／設置注意は実データの長文を意味単位へ分け、不要な一文横長化を防ぐ。 */
.yk-compare-stage-table [data-spec-key="release_period"]{
  min-width:92px;
  width:92px;
  max-width:92px;
}
.yk-compare-release-period{
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.yk-compare-semantic--narrative{
  gap:.1rem;
}
.yk-compare-semantic--narrative .yk-compare-semantic-line{
  max-width:100%;
}


/* v0.3.81: 比較表を読者向け表示へ仕上げる。
   内部メモはJS側で除外し、比較サムネイルは元画像の縦横比に応じて識別しやすく補正する。 */
.yk-compare-product-thumb{
  overflow:hidden;
  border:1px solid rgba(40,40,40,.06);
  background:#f8f7f5;
}
.yk-compare-product-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.yk-compare-product-thumb img.is-wide-source{
  object-fit:cover;
  object-position:center;
}
.yk-compare-product-thumb img.is-tall-source{
  object-fit:contain;
}
.yk-compare-semantic--narrative .yk-compare-semantic-line{
  text-wrap:pretty;
}


/* v0.3.82: 比較表の残課題を整理。
   Hisense 2機種の比較サムネイルを少し拡大し、長い手入れ文をセル内に収め、
   発売時期の不明値は「未確認」ではなく「不明」として扱う。 */
.yk-compare-product-thumb.is-hisense-subject-small img{
  transform:scale(1.18);
  transform-origin:center;
}
.yk-compare-semantic--narrative .yk-compare-semantic-line{
  max-width:100%;
  white-space:normal;
}
.yk-release-unknown{
  color:#77716a;
  white-space:nowrap;
}


/* v0.3.83: 比較表の列見出しを縦スクロール中も固定表示。
   横スクロール位置にはJSで同期し、商品数が多い比較でも現在の列名を見失わない。 */
.yk-compare-sticky-header{
  position:sticky;
  top:var(--yk-shelf-sticky-top, 0px);
  z-index:18;
  height:0;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:#fff;
}
.yk-compare-sticky-header.is-visible{
  opacity:1;
  visibility:visible;
}
.yk-compare-sticky-header-track{
  width:max-content;
  will-change:transform;
}
.yk-compare-sticky-header-table{
  margin:0;
  background:#fff;
  box-shadow:0 1px 0 rgba(40,40,40,.13), 0 5px 14px rgba(40,40,40,.035);
}
.yk-compare-sticky-header-table thead th{
  background:#f8f7f4 !important;
}
@media (max-width:782px){
  body.admin-bar .yk-compare-sticky-header{top:46px;}
}


/* v0.3.84: 比較画面上部の余白を圧縮し、操作ボタンを比較表の右端へ揃えて移動。
   比較段階ヘッダーも横一列へ戻し、横スクロール中は左端へ追従する。
   列見出し固定はSafariでも確実に動くよう、固定表示用クローンをviewport位置へfixed配置する。 */
.yk-integrated-explorer .yk-compare-workspace-head{
  margin-bottom:.72rem;
  padding-bottom:.5rem;
}
.yk-compare-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:.2rem 0 .4rem;
  width:100%;
}
.yk-integrated-explorer .yk-compare-topbar .yk-compare-sort{
  margin:0;
}
.yk-compare-topbar .yk-compare-workspace-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.45rem;
  margin-left:auto;
  flex:0 0 auto;
}
.yk-compare-topbar .yk-compare-workspace-actions .yk-secondary{
  white-space:nowrap;
}
.yk-compare-stage-head,
.yk-compare-stage.is-current .yk-compare-stage-head{
  position:sticky;
  left:0;
  z-index:5;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  width:max-content;
  max-width:100%;
  min-height:0;
  gap:.8rem;
  margin:0 0 .32rem;
  padding:.12rem .45rem .12rem 0;
  background:#fff;
}
.yk-compare-stage-head > div:first-child{
  display:flex;
  align-items:baseline;
  gap:.45rem;
  flex:0 0 auto;
}
.yk-compare-stage-kicker{
  margin:0;
}
.yk-compare-stage-head h3{
  margin:0;
}
.yk-compare-stage-next{
  width:auto;
  flex-wrap:nowrap;
  gap:.45rem;
  flex:0 0 auto;
}
.yk-compare-sticky-header{
  position:fixed;
  top:var(--yk-shelf-sticky-top, 0px);
  left:0;
  z-index:48;
  height:auto;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:#fff;
}
.yk-compare-sticky-header.is-visible{
  opacity:1;
  visibility:visible;
}
.yk-compare-sticky-header-track{
  width:max-content;
  will-change:transform;
}
.yk-compare-sticky-header-table{
  margin:0;
  table-layout:fixed;
  background:#fff;
  box-shadow:0 1px 0 rgba(40,40,40,.13),0 5px 14px rgba(40,40,40,.035);
}
@media (max-width:900px){
  .yk-compare-topbar{
    align-items:flex-start;
    flex-direction:column;
    gap:.55rem;
  }
  .yk-compare-topbar .yk-compare-workspace-actions{
    margin-left:0;
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .yk-compare-stage-head,
  .yk-compare-stage.is-current .yk-compare-stage-head{
    position:static;
    flex-direction:column;
    align-items:flex-start;
    width:auto;
    gap:.35rem;
  }
  .yk-compare-stage-head > div:first-child{
    display:block;
  }
  .yk-compare-stage-next{
    flex-wrap:wrap;
  }
}


/* v0.3.85: スペック比較上部を「ページ見出し / 見方の設定 / 比較進行」の3層へ整理。
   情報量は保ちつつ、役割ごとにまとまりを作り、視線の散らばりを抑える。 */
.yk-integrated-explorer .yk-compare-workspace-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:1.35rem;
  margin-bottom:1.05rem;
  padding-bottom:0;
}
.yk-compare-workspace-intro{
  min-width:0;
  max-width:760px;
}
.yk-compare-workspace-intro .yk-eyebrow{
  margin:0 0 .22rem;
}
.yk-compare-workspace-intro h2{
  margin:0 0 .38rem;
}
.yk-compare-workspace-intro > p:last-child{
  margin:0;
  max-width:720px;
  color:#746e67;
  font-size:.82rem;
  line-height:1.7;
}
.yk-integrated-explorer .yk-compare-workspace-head .yk-compare-workspace-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.42rem;
  margin:0;
  align-self:end;
}
.yk-integrated-explorer .yk-compare-workspace-head .yk-compare-workspace-actions .yk-secondary{
  min-height:2.45rem;
  padding:.55rem .72rem;
  white-space:nowrap;
  font-size:.78rem;
}
.yk-integrated-explorer .yk-compare-layout{
  gap:1rem 1.25rem;
}
.yk-integrated-explorer .yk-compare-main{
  min-width:0;
}
.yk-compare-viewbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.2rem;
  min-height:2.45rem;
  margin:0 0 .7rem;
}
.yk-integrated-explorer .yk-compare-viewbar > .yk-note{
  flex:1 1 auto;
  min-width:0;
  margin:0;
  color:#746e67;
  font-size:.75rem;
  line-height:1.55;
}
.yk-integrated-explorer .yk-compare-viewbar .yk-compare-sort{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:.52rem;
  margin:0;
  color:#5f5a54;
  font-size:.76rem;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-compare-viewbar .yk-compare-sort select{
  min-height:2rem;
  padding:.34rem .52rem;
  font-size:.76rem;
}
.yk-compare-stage-head,
.yk-compare-stage.is-current .yk-compare-stage-head{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:.72rem;
  min-height:2.55rem;
  margin:0 0 .38rem;
  padding:.38rem .5rem .38rem 0;
  background:transparent;
}
.yk-compare-stage-head > div:first-child{
  display:flex;
  align-items:baseline;
  gap:.45rem;
}
.yk-compare-stage-kicker{
  color:#8a847d;
  font-size:.64rem;
  letter-spacing:.05em;
}
.yk-compare-stage-head h3,
.yk-compare-stage.is-current .yk-compare-stage-head h3{
  font-size:.94rem;
  font-weight:600;
}
.yk-compare-stage-next{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:nowrap;
}
.yk-compare-stage-next span{
  color:#7a746d;
  font-size:.7rem;
}
.yk-compare-stage-next .yk-primary{
  padding:.5rem .66rem;
  font-size:.74rem;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-compare-workspace-head{
    grid-template-columns:1fr;
    align-items:start;
    gap:.7rem;
  }
  .yk-integrated-explorer .yk-compare-workspace-head .yk-compare-workspace-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .yk-compare-viewbar{
    align-items:flex-start;
    flex-direction:column;
    gap:.5rem;
  }
  .yk-integrated-explorer .yk-compare-viewbar .yk-compare-sort{
    white-space:normal;
    flex-wrap:wrap;
  }
  .yk-compare-stage-head,
  .yk-compare-stage.is-current .yk-compare-stage-head{
    position:static;
    flex-wrap:wrap;
    gap:.38rem .65rem;
  }
  .yk-compare-stage-next{
    flex-wrap:wrap;
  }
}


/* v0.3.86: 比較画面の補足説明を常時表示からインフォボタンへ移動し、見出し周りを簡潔化。 */
.yk-integrated-explorer .yk-compare-control-heading{
  display:flex;
  align-items:center;
  gap:.45rem;
  margin:0 0 .55rem;
}
.yk-integrated-explorer .yk-compare-control-card h3{
  margin:0;
}
.yk-inline-help{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.yk-inline-help-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.5rem;
  height:1.5rem;
  padding:0;
  border:1px solid rgba(40,40,40,.18);
  border-radius:999px;
  background:#fff;
  color:#7a746d;
  font-size:.8rem;
  line-height:1;
  cursor:pointer;
  transition:border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.yk-inline-help-trigger:hover,
.yk-inline-help-trigger:focus-visible,
.yk-inline-help.is-open .yk-inline-help-trigger{
  border-color:rgba(40,40,40,.34);
  color:#3e3a35;
  box-shadow:0 0 0 3px rgba(40,40,40,.06);
  outline:0;
}
.yk-inline-help-panel{
  position:absolute;
  top:calc(100% + .45rem);
  left:0;
  z-index:15;
  width:min(20rem, calc(100vw - 3rem));
  padding:.72rem .82rem;
  border:1px solid rgba(40,40,40,.12);
  background:#fff;
  box-shadow:0 12px 26px rgba(0,0,0,.08);
  color:#5f5a54;
  font-size:.76rem;
  line-height:1.7;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.yk-inline-help-panel::before{
  content:'';
  position:absolute;
  top:-6px;
  left:.9rem;
  width:.65rem;
  height:.65rem;
  border-top:1px solid rgba(40,40,40,.12);
  border-left:1px solid rgba(40,40,40,.12);
  background:#fff;
  transform:rotate(45deg);
}
.yk-inline-help-panel p{
  margin:0;
}
.yk-inline-help-panel p + p{
  margin-top:.18rem;
}
.yk-inline-help:hover .yk-inline-help-panel,
.yk-inline-help:focus-within .yk-inline-help-panel,
.yk-inline-help.is-open .yk-inline-help-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.yk-compare-viewbar{
  justify-content:flex-start;
  min-height:0;
}
@media (max-width:640px){
  .yk-integrated-explorer .yk-compare-control-heading{
    align-items:flex-start;
  }
  .yk-inline-help-panel{
    left:auto;
    right:0;
  }
  .yk-inline-help-panel::before{
    left:auto;
    right:.9rem;
  }
}


/* v0.3.88: 補足表示をネイティブdetailsへ変更。閉じた状態をHTML側でも保証する。 */
.yk-inline-help{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.yk-inline-help > summary{
  list-style:none;
}
.yk-inline-help > summary::-webkit-details-marker{
  display:none;
}
.yk-inline-help:not([open]) > .yk-inline-help-panel{
  display:none !important;
}
.yk-inline-help[open] > .yk-inline-help-panel{
  display:block !important;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.yk-inline-help-trigger{
  user-select:none;
}


/* v0.3.89: 比較項目ヘルプを重ならないインライン展開へ変更。 */
.yk-integrated-explorer .yk-compare-control-heading{
  display:flex;
  align-items:center;
  gap:.42rem;
  margin:0 0 .48rem;
}
.yk-inline-help{
  position:static;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
}
.yk-inline-help-trigger{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:auto;
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#8a847d;
  font:inherit;
  font-size:1rem;
  line-height:1;
  cursor:pointer;
}
.yk-inline-help-trigger:hover,
.yk-inline-help-trigger:focus-visible,
.yk-inline-help-trigger[aria-expanded="true"]{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#3f3b36;
  outline:0;
}
.yk-inline-help-panel{
  position:static !important;
  display:block;
  width:100%;
  max-width:none;
  margin:.05rem 0 .72rem;
  padding:.5rem .62rem;
  border:0;
  background:#faf9f7;
  box-shadow:none;
  color:#625d57;
  font-size:.75rem;
  line-height:1.65;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}
.yk-inline-help-panel[hidden]{
  display:none !important;
}
.yk-inline-help-panel::before{
  display:none !important;
  content:none !important;
}
.yk-inline-help-panel p{margin:0;}
.yk-inline-help-panel p + p{margin-top:.12rem;}
@media (max-width:640px){
  .yk-inline-help-panel{
    width:100%;
  }
}


/* v0.3.90: 比較画面上部の操作をスペック表と一体化。
   リセット/商品棚ボタンを比較表側へ移し、選択列が少ない場合は表幅に合わせて近づける。 */
.yk-integrated-explorer .yk-compare-workspace-head{
  display:block;
  margin-bottom:.72rem;
  padding-bottom:0;
}
.yk-integrated-explorer .yk-compare-workspace-intro{
  max-width:none;
}
.yk-integrated-explorer .yk-compare-viewbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:.55rem 1rem;
  width:100%;
  max-width:100%;
  min-height:0;
  margin:0 0 .62rem;
}
.yk-integrated-explorer .yk-compare-viewbar .yk-compare-sort{
  min-width:0;
  margin:0;
}
.yk-integrated-explorer .yk-compare-viewbar .yk-compare-workspace-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.42rem;
  margin:0;
  min-width:max-content;
}
.yk-integrated-explorer .yk-compare-viewbar .yk-compare-workspace-actions .yk-secondary{
  min-height:2.2rem;
  padding:.48rem .66rem;
  white-space:nowrap;
  font-size:.76rem;
}
/* 少ない比較項目では、操作を次の行へ送って表の右端に寄せる。 */
.yk-integrated-explorer .yk-compare-viewbar.is-compact{
  grid-template-columns:1fr;
  row-gap:.42rem;
}
.yk-integrated-explorer .yk-compare-viewbar.is-compact .yk-compare-workspace-actions{
  justify-content:flex-end;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-compare-viewbar,
  .yk-integrated-explorer .yk-compare-viewbar.is-compact{
    width:100% !important;
    grid-template-columns:1fr;
    align-items:start;
  }
  .yk-integrated-explorer .yk-compare-viewbar .yk-compare-workspace-actions,
  .yk-integrated-explorer .yk-compare-viewbar.is-compact .yk-compare-workspace-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}


/* v0.3.91: 比較表に付いてくるページ操作の置き場を独立。
   並び順とは分離し、表の直前に「ボタン高さ + 呼吸分」だけの専用余白を確保する。
   ボタン群の右端は、少項目時は実際の表右端、多項目時は見えている比較領域右端に追従する。 */
.yk-integrated-explorer .yk-compare-viewbar{
  display:block;
  width:100% !important;
  margin:0 0 .18rem;
}
.yk-integrated-explorer .yk-compare-viewbar .yk-compare-sort{
  display:flex;
  align-items:center;
  gap:.52rem;
  width:max-content;
  max-width:100%;
  margin:0;
}
.yk-integrated-explorer .yk-compare-action-slot{
  position:relative;
  width:100%;
  height:2.78rem;
  margin:0 0 .14rem;
}
.yk-integrated-explorer .yk-compare-action-slot .yk-compare-workspace-actions{
  position:absolute;
  top:.08rem;
  right:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.42rem;
  width:max-content;
  margin:0;
}
.yk-integrated-explorer .yk-compare-action-slot .yk-compare-workspace-actions .yk-secondary{
  min-height:2.2rem;
  padding:.48rem .66rem;
  white-space:nowrap;
  font-size:.76rem;
}
/* v0.3.90 の compact 2段化は専用スロット化により不要。 */
.yk-integrated-explorer .yk-compare-viewbar.is-compact{
  display:block;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-compare-viewbar .yk-compare-sort{
    width:100%;
    white-space:normal;
    flex-wrap:wrap;
  }
  .yk-integrated-explorer .yk-compare-action-slot{
    width:100% !important;
    height:auto;
    min-height:2.78rem;
  }
  .yk-integrated-explorer .yk-compare-action-slot .yk-compare-workspace-actions{
    position:static;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}

/* v0.3.92: 比較表直前のページ操作帯の上下余白を均等化。
   並び順 → ボタン群 → 比較進行の間隔を同じリズムに揃える。 */
.yk-integrated-explorer .yk-compare-viewbar{
  margin-bottom:.52rem;
}
.yk-integrated-explorer .yk-compare-action-slot{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  height:auto;
  min-height:2.2rem;
  margin:0 0 .52rem;
  padding:0;
}
.yk-integrated-explorer .yk-compare-action-slot .yk-compare-workspace-actions{
  position:static;
  top:auto;
  right:auto;
  margin:0 0 0 auto;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-compare-action-slot{
    min-height:0;
    justify-content:flex-start;
  }
  .yk-integrated-explorer .yk-compare-action-slot .yk-compare-workspace-actions{
    margin-left:0;
  }
}


/* v0.3.93: 比較操作の意味階層を再配置。
   「商品棚へ戻る」は比較表の上に単独で置き、現在の比較番号・機種数を独立表示。
   「さらに比較する」は選択機種数を内包した主操作カードにし、現在段階だけ
   「比較条件をリセット」を右隣へ置く。 */
.yk-integrated-explorer .yk-compare-action-slot{
  justify-content:flex-end;
  margin-bottom:.68rem;
}
.yk-integrated-explorer .yk-compare-action-slot .yk-compare-workspace-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-left:auto;
}
/* reset は JS で現在の比較段階へ移す。上部スロットには「商品棚へ戻る」だけが残る。 */
.yk-integrated-explorer .yk-compare-stage-head,
.yk-integrated-explorer .yk-compare-stage.is-current .yk-compare-stage-head{
  position:sticky;
  left:0;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  width:max-content;
  max-width:100%;
  gap:.72rem;
  margin:0 0 .48rem;
  padding:0 .45rem .06rem 0;
  background:#fff;
}
.yk-integrated-explorer .yk-compare-stage-title{
  display:flex;
  align-items:baseline;
  gap:.5rem;
  min-height:1.55rem;
}
.yk-integrated-explorer .yk-compare-stage-title .yk-compare-stage-kicker{
  margin:0;
  color:#5f5a54;
  font-size:.72rem;
  letter-spacing:.02em;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-compare-stage-title h3{
  margin:0;
  font-size:1.02rem;
  line-height:1.35;
  font-weight:600;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-compare-stage-actions{
  display:flex;
  align-items:stretch;
  gap:.5rem;
  width:max-content;
  max-width:100%;
}
.yk-integrated-explorer .yk-compare-next-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.18rem;
  min-width:15.7rem;
  min-height:3.65rem;
  padding:.58rem .9rem .52rem;
  text-align:center;
  line-height:1.35;
}
.yk-integrated-explorer .yk-compare-next-label{
  display:block;
  font-size:.8rem;
  font-weight:500;
  color:inherit;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-compare-next-count{
  display:block;
  font-size:.68rem;
  font-weight:400;
  color:inherit;
  opacity:.82;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-compare-reset-mount{
  display:flex;
  align-items:stretch;
}
.yk-integrated-explorer .yk-compare-reset-mount .yk-compare-reset{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:11.8rem;
  min-height:3.65rem;
  padding:.58rem .82rem;
  background:#fff;
  border-color:rgba(40,40,40,.22);
  color:#4f4b46;
  font-size:.76rem;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-compare-reset-mount .yk-compare-reset:hover,
.yk-integrated-explorer .yk-compare-reset-mount .yk-compare-reset:focus-visible{
  border-color:rgba(40,40,40,.4);
  color:#292725;
}
/* 旧 stage-next の配置指定が残っていても新構造には影響させない。 */
.yk-integrated-explorer .yk-compare-stage-next{display:none !important;}

@media (max-width:900px){
  .yk-integrated-explorer .yk-compare-action-slot{
    justify-content:flex-end;
  }
  .yk-integrated-explorer .yk-compare-action-slot .yk-compare-workspace-actions{
    margin-left:auto;
    justify-content:flex-end;
  }
  .yk-integrated-explorer .yk-compare-stage-head,
  .yk-integrated-explorer .yk-compare-stage.is-current .yk-compare-stage-head{
    position:static;
    width:auto;
    max-width:100%;
  }
  .yk-integrated-explorer .yk-compare-stage-actions{
    width:100%;
    max-width:100%;
    flex-wrap:wrap;
  }
  .yk-integrated-explorer .yk-compare-next-card{
    flex:1 1 15rem;
    min-width:0;
  }
  .yk-integrated-explorer .yk-compare-reset-mount{
    flex:1 1 10rem;
  }
  .yk-integrated-explorer .yk-compare-reset-mount .yk-compare-reset{
    width:100%;
    min-width:0;
  }
}


/* v0.3.94: 比較画面の3ボタンをサイズと色で階層化。
   主操作は深い緑グレー、戻る/リセットは白地の補助操作とし、全体を一回り小さくする。 */
.yk-integrated-explorer .yk-compare-action-slot [data-action="back-to-shelf"]{
  min-height:2.35rem;
  padding:.42rem .66rem;
  background:#fff;
  border:1px solid #d8d2c8;
  color:#3f3f3a;
  font-size:.73rem;
  line-height:1.2;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.yk-integrated-explorer .yk-compare-action-slot [data-action="back-to-shelf"]:hover,
.yk-integrated-explorer .yk-compare-action-slot [data-action="back-to-shelf"]:focus-visible{
  background:#f8f6f2;
  border-color:#c9c1b5;
  color:#292725;
  outline:0;
}

.yk-integrated-explorer .yk-compare-next-card{
  min-width:14rem;
  min-height:3.05rem;
  padding:.46rem .78rem .42rem;
  background:#5a6b5d;
  border:1px solid #5a6b5d;
  color:#fff;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease;
}
.yk-integrated-explorer .yk-compare-next-card:not(:disabled):hover,
.yk-integrated-explorer .yk-compare-next-card:not(:disabled):focus-visible{
  background:#4f5f52;
  border-color:#4f5f52;
  outline:0;
  box-shadow:0 0 0 3px rgba(90,107,93,.14);
}
.yk-integrated-explorer .yk-compare-next-card:disabled{
  opacity:1;
  background:#c9c6c0;
  border-color:#c9c6c0;
  color:#f7f7f7;
  cursor:not-allowed;
}
.yk-integrated-explorer .yk-compare-next-label{
  font-size:.76rem;
  font-weight:500;
}
.yk-integrated-explorer .yk-compare-next-count{
  margin-top:.02rem;
  font-size:.62rem;
  opacity:.8;
}

.yk-integrated-explorer .yk-compare-reset-mount .yk-compare-reset{
  min-width:10.2rem;
  min-height:3.05rem;
  padding:.46rem .72rem;
  background:#fff;
  border:1px solid #ddd8cf;
  color:#6e6a63;
  font-size:.72rem;
  line-height:1.2;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.yk-integrated-explorer .yk-compare-reset-mount .yk-compare-reset:hover,
.yk-integrated-explorer .yk-compare-reset-mount .yk-compare-reset:focus-visible{
  background:#faf9f6;
  border-color:#cfc8bd;
  color:#4f4b46;
  outline:0;
  box-shadow:0 0 0 3px rgba(40,40,40,.05);
}

@media (max-width:900px){
  .yk-integrated-explorer .yk-compare-next-card{
    min-width:0;
    min-height:3rem;
  }
  .yk-integrated-explorer .yk-compare-reset-mount .yk-compare-reset{
    min-width:0;
    min-height:3rem;
  }
}

/* v0.3.95: 比較を「商品棚の下の別領域」から、商品棚の手前に広げる比較用紙へ変更。
   紙の上端・比較操作・商品列・項目見出しを保持し、値の領域だけを内部スクロールさせる。
   比較段階は横に無限連結せず、上端のインデックスから現在の紙を切り替える。 */
body.yk-compare-paper-open{
  overflow:hidden;
}
.yk-compare-workspace[hidden],
.yk-compare-dock[hidden],
.yk-compare-stage[hidden]{
  display:none !important;
}
.yk-integrated-explorer .yk-compare-workspace,
.yk-shelf .yk-compare-workspace{
  position:fixed !important;
  inset:0 !important;
  z-index:90 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 !important;
  padding:clamp(20px,5vh,52px) clamp(16px,4vw,64px) !important;
  border:0 !important;
  border-radius:0 !important;
  background:rgba(246,249,248,.54) !important;
  -webkit-backdrop-filter:blur(2.6px) saturate(.82);
  backdrop-filter:blur(2.6px) saturate(.82);
  overflow:hidden;
  box-sizing:border-box;
}
.yk-compare-paper{
  position:relative;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr);
  width:min(92vw,1480px);
  height:var(--yk-compare-paper-height,min(86vh,900px));
  min-height:0;
  max-height:min(86vh,900px);
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(65,62,57,.11);
  border-radius:3px;
  box-shadow:0 24px 68px rgba(50,53,49,.13),0 2px 8px rgba(50,53,49,.06);
  animation:yk-compare-paper-open .26s cubic-bezier(.2,.72,.28,1) both;
  transition:height .24s cubic-bezier(.2,.72,.28,1);
}

@keyframes yk-compare-paper-open{
  from{opacity:.2;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:none}
}
.yk-compare-paper-head{
  position:relative;
  z-index:12;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  min-height:46px;
  padding:0 1rem;
  border-bottom:1px solid rgba(55,52,48,.08);
  background:#fff;
}
.yk-compare-paper-tabs{
  display:flex;
  align-items:flex-end;
  gap:.22rem;
  min-width:0;
  max-width:calc(100% - 52px);
  overflow-x:auto;
  overflow-y:visible;
  scrollbar-width:none;
  padding-top:7px;
}
.yk-compare-paper-tabs::-webkit-scrollbar{display:none}
.yk-compare-paper-tab{
  position:relative;
  flex:0 0 auto;
  display:flex;
  align-items:baseline;
  gap:.38rem;
  min-height:35px;
  margin:0;
  padding:.52rem .78rem .48rem;
  border:1px solid rgba(55,52,48,.10);
  border-bottom:0;
  border-radius:5px 5px 0 0;
  background:#f7f6f2;
  color:#7a756f;
  font:inherit;
  font-size:.72rem;
  line-height:1.2;
  cursor:pointer;
  transform:translateY(1px);
}
.yk-compare-paper-tab small{
  color:#918b84;
  font-size:.62rem;
}
.yk-compare-paper-tab.is-current{
  min-height:39px;
  background:#fff;
  color:#302f2c;
  border-color:rgba(55,52,48,.16);
  box-shadow:0 -3px 10px rgba(55,52,48,.025);
  transform:none;
}
.yk-compare-paper-tab.is-current small{color:#706b65}
.yk-compare-minimize{
  flex:0 0 auto;
  width:36px;
  height:36px;
  margin:0 0 .3rem;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#5f5b56;
  font-size:1.3rem;
  line-height:1;
  cursor:pointer;
}
.yk-compare-minimize:hover,
.yk-compare-minimize:focus-visible{
  background:#f5f4f1;
  color:#272624;
  outline:0;
}
.yk-compare-paper-tools{
  position:relative;
  z-index:10;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  padding:.72rem 1rem .66rem;
  border-bottom:1px solid rgba(55,52,48,.07);
  background:#fff;
}
.yk-compare-focus{
  position:relative;
  flex:1 1 auto;
  min-width:0;
  max-width:760px;
  margin:0;
  padding:0;
  border:0;
}
.yk-compare-focus > summary{
  display:flex;
  align-items:baseline;
  gap:.65rem;
  width:max-content;
  max-width:100%;
  margin:0;
  padding:.3rem .2rem;
  list-style:none;
  color:#32312e;
  cursor:pointer;
}
.yk-compare-focus > summary::-webkit-details-marker{display:none}
.yk-compare-focus > summary::after{
  content:'⌄';
  margin-left:.05rem;
  color:#8a857e;
  font-size:.74rem;
}
.yk-compare-focus[open] > summary::after{transform:rotate(180deg)}
.yk-compare-focus-title{
  font-size:.83rem;
  font-weight:600;
}
.yk-compare-focus-current{
  color:#7c7770;
  font-size:.7rem;
  font-weight:400;
}
.yk-compare-focus-body{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:.65rem 1rem;
  padding:.5rem .2rem .35rem;
}
.yk-compare-focus-body .yk-compare-control-heading{
  grid-column:1;
  margin:0;
}
.yk-compare-focus-body .yk-inline-help-panel{
  grid-column:2 / -1;
  margin:0;
  padding:.45rem .6rem;
  background:#faf9f6;
  color:#6b665f;
  font-size:.72rem;
}
.yk-compare-focus-body .yk-spec-groups{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:.45rem 1.2rem;
  margin:0;
}
.yk-compare-focus-body .yk-spec-group{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.35rem .7rem;
  min-width:0;
  margin:0;
  padding:.2rem 0;
  border:0;
}
.yk-compare-focus-body .yk-spec-group legend{
  float:left;
  margin-right:.18rem;
  padding:0;
  color:#57534e;
  font-size:.68rem;
  font-weight:600;
}
.yk-compare-focus-body .yk-spec-group label{
  display:inline-flex;
  align-items:center;
  gap:.2rem;
  margin:0;
  color:#5d5953;
  font-size:.7rem;
  line-height:1.35;
}
.yk-compare-focus-body .yk-spec-clear{
  grid-column:1 / -1;
  justify-self:start;
  margin:.2rem 0 0;
  padding:.28rem 0;
  border:0;
  background:transparent;
  color:#746f68;
  font-size:.68rem;
}
.yk-compare-paper-aux{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.6rem;
  flex:0 0 auto;
}
.yk-compare-paper-aux .yk-compare-sort{
  display:flex;
  align-items:center;
  gap:.42rem;
  margin:0;
  color:#6e6962;
  font-size:.7rem;
  white-space:nowrap;
}
.yk-compare-paper-aux .yk-compare-sort select{
  min-height:2.2rem;
  max-width:230px;
  padding:.35rem 1.6rem .35rem .52rem;
  border:1px solid rgba(55,52,48,.16);
  border-radius:3px;
  background:#fff;
  color:#403e3a;
  font-size:.7rem;
}
.yk-compare-paper-aux .yk-compare-reset{
  min-height:2.2rem !important;
  min-width:0 !important;
  margin:0;
  padding:.4rem .58rem !important;
  border:1px solid rgba(55,52,48,.15) !important;
  background:#fff !important;
  color:#716c65 !important;
  font-size:.69rem !important;
  white-space:nowrap;
}
.yk-compare-paper-progress{
  position:relative;
  z-index:9;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:58px;
  padding:.58rem 1rem;
  border-bottom:1px solid rgba(55,52,48,.08);
  background:#fff;
}
.yk-compare-progress-current{
  display:flex;
  align-items:baseline;
  gap:.5rem;
  min-width:0;
}
.yk-compare-progress-current span{
  color:#706b65;
  font-size:.69rem;
  white-space:nowrap;
}
.yk-compare-progress-current strong{
  color:#2f2e2b;
  font-size:.91rem;
  font-weight:600;
  white-space:nowrap;
}
.yk-compare-progress-next{
  display:flex;
  align-items:center;
  gap:.58rem;
  margin-left:auto;
}
.yk-compare-progress-count{
  color:#77716a;
  font-size:.67rem;
  white-space:nowrap;
}
.yk-compare-progress-next .yk-compare-next-card{
  min-width:0 !important;
  min-height:2.35rem !important;
  padding:.42rem .7rem !important;
  font-size:.71rem !important;
  white-space:nowrap;
}
.yk-compare-paper-body{
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#fff;
}
.yk-compare-paper .yk-compare-chain-viewport{
  width:100%;
  height:100%;
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:0;
  scroll-padding-top:0;
}
.yk-compare-paper .yk-compare-chain{
  display:block;
  width:max-content;
  min-width:100%;
  /* 比較対象が少なくても表の直下で紙を切らず、考えるための余白を残す。
     項目が多い場合も最終行の後に同じ余白が現れ、表を読み終えた感覚をつくる。 */
  padding:0 0 clamp(64px,7vh,96px) !important;
  box-sizing:border-box;
}
.yk-compare-paper .yk-compare-stage{
  display:block;
  width:max-content;
  min-width:100%;
  margin:0;
  padding:0;
  opacity:1;
}
.yk-compare-paper .yk-compare-stage-table-wrap{
  overflow:visible;
}
.yk-compare-paper .yk-compare-stage-table{
  width:max-content;
  min-width:100%;
  margin:0;
  border-collapse:separate;
  border-spacing:0;
  background:#fff;
  font-size:.76rem;
}
.yk-compare-paper .yk-compare-stage-table thead th{
  position:sticky;
  top:0;
  z-index:5;
  background:#faf9f6 !important;
  box-shadow:0 1px 0 rgba(55,52,48,.10);
}
.yk-compare-paper .yk-compare-stage-table .yk-compare-product-head{
  position:sticky;
  top:0;
  left:0;
  z-index:8;
  background:#faf9f6 !important;
}
.yk-compare-paper .yk-compare-stage-table .yk-compare-product-sticky{
  position:sticky;
  left:0;
  z-index:4;
  background:#fff !important;
  box-shadow:1px 0 0 rgba(55,52,48,.08);
}
.yk-compare-paper .yk-compare-stage-table th,
.yk-compare-paper .yk-compare-stage-table td{
  border-top:0;
  border-left:0;
  border-right:1px solid rgba(55,52,48,.055);
  border-bottom:1px solid rgba(55,52,48,.075);
}
.yk-compare-paper .yk-compare-stage-table tbody tr:last-child > *{
  border-bottom-color:rgba(55,52,48,.09);
}
.yk-compare-paper .yk-compare-stage-table .is-same{
  color:#99938b !important;
  background:#fcfbf9;
}
.yk-compare-paper .yk-compare-stage-table thead .is-same{
  color:#8f8a83 !important;
  background:#f8f7f4 !important;
}
.yk-compare-paper .yk-compare-stage-table .is-focus{
  color:#2f2e2b !important;
  background:#f7f8f5 !important;
}
.yk-empty-value{
  display:inline-block;
  min-width:.5em;
  min-height:1em;
}
/* 旧ページ固定ヘッダーは、紙内部のsticky見出しに置き換える。 */
.yk-compare-sticky-header{display:none !important;}

/* 一旦しまった比較用紙。PCではコンシェルジュの左隣に手元の紙束として残す。 */
.yk-compare-dock{
  position:fixed;
  right:calc(220px + 2.35rem);
  bottom:1.25rem;
  z-index:57;
  width:238px;
  min-height:78px;
  padding:.72rem .82rem .68rem;
  border:1px solid rgba(55,52,48,.13);
  border-radius:4px;
  background:#fff;
  box-shadow:0 11px 30px rgba(55,52,48,.10),0 2px 6px rgba(55,52,48,.05);
  box-sizing:border-box;
}
.yk-compare-dock::before,
.yk-compare-dock::after{
  content:'';
  position:absolute;
  left:6px;
  right:6px;
  height:100%;
  border:1px solid rgba(55,52,48,.08);
  border-radius:4px;
  background:#fbfaf7;
  z-index:-1;
}
.yk-compare-dock::before{top:-5px;left:10px;right:2px}
.yk-compare-dock::after{top:-9px;left:16px;right:8px;background:#f8f7f3}
.yk-compare-dock-meta{
  display:flex;
  align-items:baseline;
  gap:.5rem;
  color:#68635d;
  font-size:.68rem;
  line-height:1.25;
}
.yk-compare-dock-meta span:first-child{
  color:#34322f;
  font-weight:600;
}
.yk-compare-dock-resume{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  width:100%;
  margin:.5rem 0 0;
  padding:0;
  border:0;
  background:transparent;
  color:#30302c;
  font:inherit;
  font-size:.78rem;
  font-weight:600;
  text-align:left;
  cursor:pointer;
}
.yk-compare-dock-resume:hover,
.yk-compare-dock-resume:focus-visible{
  color:#4f6554;
  outline:0;
}

@media (max-width:1180px) and (min-width:901px){
  .yk-compare-dock{right:1.1rem;bottom:1rem;}
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-compare-workspace,
  .yk-shelf .yk-compare-workspace{
    padding:10px !important;
    align-items:stretch;
  }
  .yk-compare-paper{
    --yk-compare-paper-height:calc(100dvh - 20px);
    width:100%;
    height:var(--yk-compare-paper-height);
    min-height:0;
    max-height:none;
    border-radius:4px;
  }
  .yk-compare-paper-tools{
    flex-direction:column;
    gap:.45rem;
    padding:.55rem .7rem;
  }
  .yk-compare-focus{width:100%;max-width:none;}
  .yk-compare-paper-aux{
    width:100%;
    justify-content:space-between;
    flex-wrap:wrap;
  }
  .yk-compare-paper-progress{
    align-items:flex-start;
    flex-direction:column;
    gap:.42rem;
    min-height:0;
    padding:.55rem .7rem;
  }
  .yk-compare-progress-next{
    width:100%;
    justify-content:space-between;
    margin-left:0;
  }
  .yk-compare-progress-next .yk-compare-next-card{
    white-space:normal;
  }
  .yk-compare-dock{
    right:.7rem;
    bottom:.7rem;
    left:.7rem;
    width:auto;
    min-height:58px;
    padding:.58rem .72rem;
  }
  .yk-compare-dock-resume{margin-top:.28rem;}
}
@media (prefers-reduced-motion:reduce){
  .yk-compare-paper{animation:none;transition:none;}
}

/* v0.3.95 comparison category headings */
.yk-compare-paper .yk-compare-stage-table .yk-compare-category-row th{
  top:0;
  height:28px;
  padding-top:.34rem;
  padding-bottom:.28rem;
  background:#f6f5f1 !important;
  color:#7a756e;
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.02em;
  text-align:left;
}
.yk-compare-paper .yk-compare-stage-table .yk-compare-spec-row th{
  top:28px;
  min-height:34px;
  background:#faf9f6 !important;
}
.yk-compare-paper .yk-compare-stage-table .yk-compare-product-head{
  top:0;
  vertical-align:bottom;
  background:#f7f6f2 !important;
}
.yk-compare-paper .yk-compare-stage-table .yk-compare-category-head{
  border-right:1px solid rgba(55,52,48,.07);
  border-bottom:1px solid rgba(55,52,48,.06);
}
.yk-compare-paper-aux .yk-compare-end{
  min-height:2.2rem;
  padding:.4rem .52rem;
  border:0;
  background:transparent;
  color:#8a756f;
  font-size:.67rem;
  white-space:nowrap;
}
.yk-compare-paper-aux .yk-compare-end:hover,
.yk-compare-paper-aux .yk-compare-end:focus-visible{
  color:#594944;
  text-decoration:underline;
  text-underline-offset:.16em;
  outline:0;
}


/* v0.3.96: 比較用紙は内容量に応じて高さを縮め、一定以上だけ内部スクロールする。
   少ない比較では商品棚の気配をより多く返し、42機種など多い比較では従来の最大高を維持する。 */


/* v0.3.98: 比較用紙の横方向も内容適応型へ。
   少ない比較項目を選んだときに列を紙幅いっぱいまで引き伸ばさず、
   表の左右に考えるための余白を残す。内容が広い場合だけ従来の最大幅まで広げる。 */
.yk-compare-paper{
  width:var(--yk-compare-paper-width,min(92vw,1480px));
  max-width:min(92vw,1480px);
  transition:width .24s cubic-bezier(.2,.72,.28,1),height .24s cubic-bezier(.2,.72,.28,1);
}
.yk-compare-paper .yk-compare-chain{
  width:max-content;
  min-width:0;
  margin:0 auto;
  padding:0 clamp(28px,2.5vw,40px) clamp(64px,7vh,96px) !important;
  box-sizing:border-box;
}
.yk-compare-paper .yk-compare-stage{
  width:max-content;
  min-width:0;
}
.yk-compare-paper .yk-compare-stage-table{
  width:max-content;
  min-width:0;
}
/* 1〜数項目だけ表示したときも、既存の意味別列幅を保つ。
   表を紙幅へ強制的に引き伸ばさない。 */
.yk-compare-paper .yk-compare-stage-table-wrap{
  width:max-content;
  min-width:0;
}
@media (max-width:900px){
  .yk-compare-paper{
    width:100%;
    max-width:none;
  }
  .yk-compare-paper .yk-compare-chain{
    margin:0;
    padding-left:18px !important;
    padding-right:18px !important;
  }
}

/* v0.3.99: 比較用紙上端を「比較履歴」と「紙そのものの管理」に整理。
   保存の存在は初回だけ十分に伝え、理解後は静かな状態表示へ縮める。 */
.yk-compare-paper{
  grid-template-rows:auto auto auto auto minmax(0,1fr);
}
.yk-compare-paper-head{
  align-items:center;
  min-height:48px;
  padding:0 .78rem 0 1rem;
}
.yk-compare-paper-tabs{
  flex:1 1 auto;
  max-width:none;
}
.yk-compare-paper-management{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.32rem;
  min-width:0;
  margin-left:auto;
  padding-left:.6rem;
}
.yk-compare-save-status{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 .38rem;
  color:#6e756f;
  font-size:.66rem;
  line-height:1.25;
  white-space:nowrap;
}
.yk-compare-paper-utility{
  min-height:31px;
  margin:0;
  padding:.34rem .55rem;
  border:0;
  border-radius:3px;
  background:transparent;
  color:#58544f;
  font:inherit;
  font-size:.69rem;
  line-height:1.2;
  white-space:nowrap;
  cursor:pointer;
}
.yk-compare-paper-utility[data-action="carry-compare"]{
  border:1px solid rgba(55,52,48,.14);
  background:#fff;
  color:#44413d;
}
.yk-compare-paper-utility:hover,
.yk-compare-paper-utility:focus-visible{
  background:#f6f5f2;
  color:#2f2d2a;
  outline:0;
}
.yk-compare-minimize{
  width:34px;
  height:34px;
  margin:0;
  font-size:1.18rem;
}
.yk-compare-paper-messages{
  position:relative;
  z-index:11;
  min-width:0;
  background:#fff;
}
.yk-compare-save-notice{
  display:flex;
  align-items:baseline;
  gap:.65rem;
  padding:.55rem 1rem .58rem;
  background:rgba(238,247,250,.72);
  color:#555f61;
  font-size:.71rem;
  line-height:1.45;
}
.yk-compare-save-notice strong{
  color:#354246;
  font-size:.73rem;
  font-weight:600;
}
.yk-compare-save-notice span{
  color:#697477;
}
.yk-compare-transfer-note{
  padding:.48rem 1rem .52rem;
  background:#faf9f6;
  color:#6b665f;
  font-size:.69rem;
  line-height:1.45;
}
.yk-compare-save-notice[hidden],
.yk-compare-transfer-note[hidden]{
  display:none !important;
}

@media (max-width:1050px) and (min-width:901px){
  .yk-compare-save-status{
    font-size:.62rem;
  }
  .yk-compare-paper-management{
    gap:.16rem;
  }
  .yk-compare-paper-utility{
    padding-left:.42rem;
    padding-right:.42rem;
  }
}
@media (max-width:900px){
  .yk-compare-paper-head{
    align-items:flex-end;
    gap:.45rem;
    padding-left:.7rem;
    padding-right:.55rem;
  }
  .yk-compare-paper-management{
    gap:.08rem;
    padding-left:.25rem;
  }
  .yk-compare-save-status{
    max-width:9rem;
    padding:0 .2rem;
    white-space:normal;
    text-align:right;
  }
  .yk-compare-paper-utility{
    min-height:30px;
    padding:.3rem .35rem;
    font-size:.65rem;
  }
  .yk-compare-save-notice{
    align-items:flex-start;
    flex-direction:column;
    gap:.08rem;
    padding:.5rem .72rem;
  }
  .yk-compare-transfer-note{
    padding:.46rem .72rem;
  }
}

/* v0.4.00: 匿名の持ち帰り・共有スナップショット。紙面を邪魔せず、基準日と操作を明確にする。 */
.yk-compare-transfer-note.is-transfer-panel{
  padding:.72rem 1rem .78rem;
  background:#faf9f6;
}
.yk-transfer-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "copy actions"
    "dates actions"
    "feedback feedback";
  align-items:center;
  gap:.34rem 1rem;
}
.yk-transfer-copy{
  grid-area:copy;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.35rem .7rem;
  min-width:0;
}
.yk-transfer-copy strong{
  color:#3b3a36;
  font-size:.74rem;
  font-weight:600;
}
.yk-transfer-copy span{
  color:#6f6a63;
  font-size:.68rem;
}
.yk-transfer-dates{
  grid-area:dates;
  display:flex;
  flex-wrap:wrap;
  gap:.22rem .9rem;
  color:#858078;
  font-size:.63rem;
  line-height:1.45;
}
.yk-transfer-actions{
  grid-area:actions;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.38rem;
}
.yk-transfer-actions .yk-secondary{
  min-height:30px;
  padding:.34rem .62rem;
  white-space:nowrap;
  font-size:.66rem;
}
.yk-transfer-feedback{
  grid-area:feedback;
  min-height:1em;
  color:#59675c;
  font-size:.64rem;
}
.yk-transfer-loading{
  color:#6b665f;
  font-size:.69rem;
}

.yk-incoming-consideration{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 .8rem;
  padding:.78rem 1rem;
  background:rgba(239,247,250,.72);
  border:1px solid rgba(98,126,136,.12);
  border-radius:3px;
  box-sizing:border-box;
}
.yk-incoming-consideration.is-error{
  background:#faf9f6;
  border-color:rgba(95,85,72,.12);
}
.yk-incoming-consideration-copy{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.24rem .7rem;
  min-width:0;
}
.yk-incoming-consideration-copy strong{
  color:#344247;
  font-size:.78rem;
  font-weight:600;
}
.yk-incoming-consideration-copy span{
  color:#59676b;
  font-size:.7rem;
}
.yk-incoming-consideration-copy small{
  flex-basis:100%;
  color:#7b8588;
  font-size:.63rem;
}
.yk-incoming-consideration-actions{
  display:flex;
  align-items:center;
  gap:.4rem;
  flex:0 0 auto;
}
.yk-incoming-consideration-actions .yk-primary,
.yk-incoming-consideration-actions .yk-secondary{
  min-height:32px;
  padding:.38rem .68rem;
  font-size:.68rem;
  white-space:nowrap;
}

@media (max-width:900px){
  .yk-transfer-panel{
    grid-template-columns:1fr;
    grid-template-areas:"copy" "dates" "actions" "feedback";
  }
  .yk-transfer-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .yk-incoming-consideration{
    align-items:flex-start;
    flex-direction:column;
  }
  .yk-incoming-consideration-actions{
    width:100%;
    flex-wrap:wrap;
  }
}


/* v0.4.01: リンクコピー成功を、その場で短く確実に返す。 */
.yk-transfer-actions [data-transfer-copy]{
  min-width:8.6em;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.yk-transfer-actions [data-transfer-copy].is-copied{
  background:#f1f6f1;
  border-color:#bccabd;
  color:#506653;
  transform:translateY(-1px);
}
@media (prefers-reduced-motion: reduce){
  .yk-transfer-actions [data-transfer-copy]{transition:none;}
  .yk-transfer-actions [data-transfer-copy].is-copied{transform:none;}
}


/* v0.4.03: 「新しい紙」を、単なる内容のワイプではなく、旧紙の上へ一枚の面が
   右から広がって覆う現象として見せる。旧比較表を一時的に下へ残し、紙の先端線を
   独立して動かすことで、白地どうしでも前後関係を知覚できるようにする。 */
.yk-compare-paper-body{
  position:relative;
  isolation:isolate;
}
.yk-compare-paper .yk-compare-chain{
  position:relative;
  z-index:2;
}
.yk-compare-paper .yk-compare-stage.is-previous-sheet-underlay{
  position:absolute !important;
  z-index:1 !important;
  top:0;
  left:0;
  margin:0;
  pointer-events:none;
  opacity:.78;
  filter:saturate(.86) brightness(.995);
  transform:translateX(-10px) translateY(2px) scale(.994);
  transform-origin:left top;
  animation:yk-compare-old-sheet-recede .46s cubic-bezier(.2,.72,.28,1) both;
}
.yk-compare-paper .yk-compare-stage.is-new-sheet-entering{
  position:relative;
  z-index:3;
  background:#fff;
  transform-origin:right center;
  animation:yk-compare-new-sheet-spread .46s cubic-bezier(.2,.72,.28,1) both;
}
/* 紙の左端そのもの。clip-path内の影だけでは白地に溶けるため、独立した先端を走らせる。 */
.yk-compare-sheet-leading-edge{
  position:absolute;
  z-index:8;
  top:0;
  bottom:clamp(64px,7vh,96px);
  left:calc(100% - clamp(42px,5vw,72px));
  width:1px;
  pointer-events:none;
  background:rgba(80,76,70,.18);
  box-shadow:-13px 0 24px rgba(55,52,48,.12),-3px 0 7px rgba(55,52,48,.07);
  animation:yk-compare-sheet-edge-travel .46s cubic-bezier(.2,.72,.28,1) both;
}
.yk-compare-paper-tab.is-new-paper-tab{
  animation:yk-compare-new-tab-arrive .32s .12s cubic-bezier(.2,.72,.28,1) both;
}
.yk-compare-paper .yk-compare-stage.is-history-sheet-entering{
  position:relative;
  z-index:3;
  animation-duration:.17s;
  animation-timing-function:ease-out;
  animation-fill-mode:both;
}
.yk-compare-paper .yk-compare-stage.is-history-sheet-entering.is-from-right{
  animation-name:yk-compare-history-from-right;
}
.yk-compare-paper .yk-compare-stage.is-history-sheet-entering.is-from-left{
  animation-name:yk-compare-history-from-left;
}
@keyframes yk-compare-old-sheet-recede{
  from{opacity:1;transform:none;filter:none}
  to{opacity:.68;transform:translateX(-12px) translateY(3px) scale(.992);filter:saturate(.82) brightness(.99)}
}
@keyframes yk-compare-new-sheet-spread{
  0%{
    opacity:.96;
    transform:translateX(18px);
    clip-path:inset(0 0 0 96%);
  }
  18%{opacity:1}
  100%{
    opacity:1;
    transform:none;
    clip-path:inset(0);
  }
}
@keyframes yk-compare-sheet-edge-travel{
  0%{left:calc(100% - clamp(42px,5vw,72px));opacity:0}
  8%{opacity:1}
  88%{opacity:.92}
  100%{left:clamp(28px,2.5vw,40px);opacity:0}
}
@keyframes yk-compare-new-tab-arrive{
  from{opacity:0;transform:translate(10px,1px)}
  to{opacity:1;transform:none}
}
@keyframes yk-compare-history-from-right{
  from{opacity:.62;transform:translateX(10px)}
  to{opacity:1;transform:none}
}
@keyframes yk-compare-history-from-left{
  from{opacity:.62;transform:translateX(-10px)}
  to{opacity:1;transform:none}
}
@media (max-width:900px){
  .yk-compare-sheet-leading-edge{
    bottom:clamp(54px,6vh,78px);
  }
}
@media (prefers-reduced-motion:reduce){
  .yk-compare-paper .yk-compare-stage.is-previous-sheet-underlay,
  .yk-compare-sheet-leading-edge,
  .yk-compare-paper .yk-compare-stage.is-new-sheet-entering,
  .yk-compare-paper-tab.is-new-paper-tab,
  .yk-compare-paper .yk-compare-stage.is-history-sheet-entering{
    animation:none !important;
  }
}

/* v0.4.04: 新しい比較は「白い領域を横へ伸ばす」のではなく、完成した一枚の紙を置く。
   全矩形の輪郭と影を最初から見せ、右上から左下へ着地させることで、画面ワイプではなく
   物体としての紙の移動を知覚させる。 */
.yk-compare-paper{
  z-index:2;
}
.yk-compare-paper-ghost{
  display:grid !important;
  grid-template-rows:auto auto auto minmax(0,1fr) !important;
  max-width:none !important;
  max-height:none !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid rgba(65,62,57,.13) !important;
  border-radius:3px !important;
  box-shadow:0 24px 68px rgba(50,53,49,.12),0 2px 8px rgba(50,53,49,.05) !important;
  animation:none !important;
  transition:none !important;
  transform-origin:center center;
  will-change:transform,opacity,box-shadow;
}
.yk-compare-paper-ghost.is-receding{
  animation:yk-compare-whole-paper-recede .56s cubic-bezier(.22,.72,.24,1) both !important;
}
.yk-compare-paper.is-laying-next-paper{
  transform-origin:center center;
  will-change:transform,box-shadow;
  animation:yk-compare-whole-paper-land .56s cubic-bezier(.22,.72,.24,1) both !important;
}
@keyframes yk-compare-whole-paper-land{
  0%{
    transform:translate3d(clamp(58px,6vw,92px),-18px,0) rotate(.62deg) scale(.982);
    box-shadow:0 42px 92px rgba(50,53,49,.21),0 8px 20px rgba(50,53,49,.10);
  }
  72%{
    transform:translate3d(-3px,2px,0) rotate(-.055deg) scale(1.002);
    box-shadow:0 28px 74px rgba(50,53,49,.15),0 3px 10px rgba(50,53,49,.07);
  }
  100%{
    transform:none;
    box-shadow:0 24px 68px rgba(50,53,49,.13),0 2px 8px rgba(50,53,49,.06);
  }
}
@keyframes yk-compare-whole-paper-recede{
  0%{
    opacity:1;
    transform:none;
    box-shadow:0 24px 68px rgba(50,53,49,.12),0 2px 8px rgba(50,53,49,.05);
  }
  100%{
    opacity:.70;
    transform:translate3d(-14px,8px,0) rotate(-.16deg) scale(.992);
    box-shadow:0 15px 44px rgba(50,53,49,.08),0 1px 4px rgba(50,53,49,.04);
  }
}
@media (max-width:900px){
  .yk-compare-paper.is-laying-next-paper{
    animation-duration:.46s !important;
  }
  @keyframes yk-compare-whole-paper-land{
    0%{transform:translate3d(34px,-10px,0) rotate(.34deg) scale(.988);box-shadow:0 30px 72px rgba(50,53,49,.18),0 6px 16px rgba(50,53,49,.08)}
    72%{transform:translate3d(-2px,1px,0) rotate(-.03deg) scale(1.001)}
    100%{transform:none;box-shadow:0 24px 68px rgba(50,53,49,.13),0 2px 8px rgba(50,53,49,.06)}
  }
}
@media (prefers-reduced-motion:reduce){
  .yk-compare-paper.is-laying-next-paper,
  .yk-compare-paper-ghost.is-receding{
    animation:none !important;
  }
}

/* v0.4.06: 比較2以降の新しい紙は、右隣に用意された資料を同じ高さから
   手元へ静かに寄せる。動きはX軸だけに限定し、translateY・rotate・scale・
   バウンドを使わない。旧紙も位置を動かさず、薄く残すだけにして、新紙の
   「右→左」の水平移動だけが主役として知覚されるようにする。 */
.yk-compare-paper-ghost-lite{
  display:block !important;
  background:#fff !important;
  border:1px solid rgba(65,62,57,.11) !important;
  border-radius:3px !important;
  box-shadow:0 18px 52px rgba(50,53,49,.08),0 2px 7px rgba(50,53,49,.04) !important;
  overflow:visible !important;
  backface-visibility:hidden;
  will-change:opacity;
}
.yk-compare-paper-ghost-tab{
  position:absolute;
  top:-1px;
  left:14px;
  display:inline-flex;
  align-items:baseline;
  gap:.34rem;
  min-height:32px;
  padding:.48rem .72rem .42rem;
  color:#77716b;
  font-size:.72rem;
  line-height:1;
  background:#fbfaf7;
  border:1px solid rgba(65,62,57,.10);
  border-bottom-color:#fbfaf7;
  border-radius:3px 3px 0 0;
  transform:translateY(-100%);
  white-space:nowrap;
}
.yk-compare-paper-ghost-tab small{
  color:#97918a;
  font-size:.62rem;
}
.yk-compare-paper-ghost-rule{
  position:absolute;
  left:18px;
  right:18px;
  top:38px;
  height:1px;
  background:rgba(65,62,57,.055);
}
.yk-compare-paper-ghost.is-receding{
  animation:yk-compare-quiet-old-paper-hold .62s cubic-bezier(.22,.72,.28,1) both !important;
}
.yk-compare-paper.is-laying-next-paper{
  backface-visibility:hidden;
  will-change:transform,opacity;
  animation:yk-compare-horizontal-new-paper-arrive .64s cubic-bezier(.22,.72,.28,1) .025s both !important;
}
@keyframes yk-compare-horizontal-new-paper-arrive{
  0%{
    opacity:.965;
    transform:translateX(48px);
  }
  100%{
    opacity:1;
    transform:translateX(0);
  }
}
@keyframes yk-compare-quiet-old-paper-hold{
  0%{opacity:.82;}
  100%{opacity:.46;}
}
@media (max-width:900px){
  .yk-compare-paper.is-laying-next-paper{
    animation-duration:.56s !important;
    animation-delay:.02s !important;
  }
  @keyframes yk-compare-horizontal-new-paper-arrive{
    0%{opacity:.97;transform:translateX(32px)}
    100%{opacity:1;transform:translateX(0)}
  }
}
@media (prefers-reduced-motion:reduce){
  .yk-compare-paper.is-laying-next-paper,
  .yk-compare-paper-ghost.is-receding{
    animation:none !important;
  }
}


/* v0.4.08: v0.4.07の完全水平モーションは維持し、待ち感だけを減らすため速度のみ微調整。
   比較2以降は「新しい紙そのもの」を最終サイズ・最終Y位置で先に確定し、
   右隣からX軸だけで水平に寄せる。内容適応による幅・高さの変化、初回オープン用の
   translateY/scale、opacityフェードを同時に走らせない。旧紙はその場に静止したまま残す。 */
.yk-compare-paper{
  animation:none;
}
.yk-compare-paper.is-opening-paper{
  animation:yk-compare-paper-open .26s cubic-bezier(.2,.72,.28,1) both;
}
.yk-compare-paper.is-preparing-next-paper{
  opacity:0 !important;
  animation:none !important;
  transition:none !important;
}
.yk-compare-paper.is-stage-motion-fixed{
  transition:none !important;
  will-change:transform;
}
.yk-compare-paper.is-stage-motion-fixed.is-laying-next-paper{
  opacity:1 !important;
  animation:yk-compare-level-paper-arrive .48s cubic-bezier(.22,.74,.28,1) both !important;
}
.yk-compare-paper-ghost.is-receding{
  opacity:.72 !important;
  transform:none !important;
  filter:none !important;
  animation:none !important;
}
@keyframes yk-compare-level-paper-arrive{
  from{transform:translateX(72px)}
  to{transform:translateX(0)}
}
@media (max-width:900px){
  .yk-compare-paper.is-stage-motion-fixed.is-laying-next-paper{
    animation-duration:.44s !important;
  }
  @keyframes yk-compare-level-paper-arrive{
    from{transform:translateX(44px)}
    to{transform:translateX(0)}
  }
}
@media (prefers-reduced-motion:reduce){
  .yk-compare-paper.is-opening-paper,
  .yk-compare-paper.is-preparing-next-paper,
  .yk-compare-paper.is-stage-motion-fixed.is-laying-next-paper{
    animation:none !important;
    transition:none !important;
    transform:none !important;
    opacity:1 !important;
  }
}

/* v0.4.09: data2.28 CARD01-CARD05 商品カード第一層パイロット */
.yk-integrated-explorer .yk-product-card--compact .yk-card-identity-row{
  position:relative;
  min-width:0;
}
.yk-card-state-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:-.25rem 0 .55rem;
  padding:.16rem .42rem;
  border:1px solid rgba(84,92,83,.18);
  border-radius:999px;
  background:rgba(247,248,245,.9);
  color:rgba(49,58,50,.76);
  font-size:.66rem;
  line-height:1.4;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life{
  display:grid;
  gap:0;
  margin:.05rem 0 .7rem;
  border-top:1px solid rgba(45,45,45,.09);
}
.yk-card-life-slot{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.12rem;
  padding:.5rem 0 .48rem;
  border-bottom:1px solid rgba(45,45,45,.075);
}
.yk-card-life-label{
  color:rgba(40,40,40,.56);
  font-size:.68rem;
  line-height:1.35;
}
.yk-card-life-main{
  color:rgba(32,32,32,.94);
  font-size:.88rem;
  font-weight:650;
  line-height:1.45;
}
.yk-card-life-meta{
  color:rgba(40,40,40,.61);
  font-size:.68rem;
  line-height:1.45;
}
.yk-card-life-slot--capacity.is-fit .yk-card-life-main{
  color:#4f6657;
}
.yk-card-life-maintenance{
  display:grid;
  gap:.24rem;
  font-weight:500;
}
.yk-card-maintenance-item{
  display:grid;
  gap:.05rem;
  color:rgba(32,32,32,.91);
  font-size:.78rem;
  line-height:1.42;
}
.yk-card-maintenance-item small{
  color:rgba(40,40,40,.58);
  font-size:.66rem;
  font-weight:400;
  line-height:1.35;
}
.yk-card-life-slot--difference{
  margin:.42rem 0 0;
  padding:.42rem .48rem;
  border:0;
  background:rgba(248,247,243,.88);
}
.yk-card-life-slot--difference.is-warning{
  background:rgba(249,246,241,.94);
}
.yk-card-life-slot--difference .yk-card-life-main{
  font-size:.78rem;
}
.yk-card-sort-context{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:.22rem .45rem;
  margin:-.16rem 0 .58rem;
  color:rgba(40,40,40,.56);
  font-size:.64rem;
  line-height:1.4;
}
.yk-card-sort-context strong{
  color:rgba(40,40,40,.79);
  font-size:.7rem;
  font-weight:600;
}
.yk-product-card.is-dimension-mismatch .yk-card-life,
.yk-product-card.is-dimension-mismatch .yk-card-sort-context{
  color:#77716a;
}
.yk-integrated-explorer .yk-product-card--compact .yk-compare-choice{
  margin-top:auto;
}
@media (max-width:600px){
  .yk-card-life-main{font-size:.9rem;}
  .yk-card-maintenance-item{font-size:.8rem;}
}


/* v0.4.10: CARD01-CARD05の実画面圧縮。容量を生活差として読みやすくし、CARD03をUI短縮表現へ変換。 */
.yk-integrated-explorer .yk-product-card--compact{
  padding:.72rem .76rem .7rem;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-placeholder,
.yk-integrated-explorer .yk-product-card--compact .yk-product-image-wrap{
  margin-bottom:.62rem;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-title-link{
  display:block;
  color:var(--yk-text) !important;
  text-decoration:none !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-title-link:visited{
  color:var(--yk-text) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-maker{
  margin:0 0 .16rem;
  color:rgba(40,40,40,.62) !important;
  font-size:.74rem;
  line-height:1.3;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-model{
  margin:0 0 .18rem;
  color:var(--yk-text) !important;
  font-size:.92rem;
  font-weight:600;
  line-height:1.28;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-page-link{
  display:inline-flex;
  align-items:center;
  gap:.16rem;
  width:max-content;
  max-width:100%;
  margin:0 0 .48rem;
  color:rgba(40,40,40,.55) !important;
  font-size:.64rem;
  line-height:1.35;
  text-decoration:none !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-page-link:hover,
.yk-integrated-explorer .yk-product-card--compact .yk-product-page-link:focus-visible{
  color:var(--yk-text) !important;
  text-decoration:underline !important;
  text-underline-offset:.16em;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life{
  margin:0 0 .52rem;
}
.yk-integrated-explorer .yk-card-life-slot{
  gap:.08rem;
  padding:.38rem 0 .36rem;
}
.yk-integrated-explorer .yk-card-life-label{
  font-size:.62rem;
  line-height:1.25;
}
.yk-integrated-explorer .yk-card-life-main{
  font-size:.82rem;
  line-height:1.35;
}
.yk-integrated-explorer .yk-card-life-meta{
  font-size:.62rem;
  line-height:1.35;
}
.yk-card-capacity-flow{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:end;
  gap:.22rem;
  min-width:0;
}
.yk-card-capacity-part{
  display:flex;
  align-items:baseline;
  gap:.2rem;
  min-width:0;
  white-space:nowrap;
}
.yk-card-capacity-part small{
  color:rgba(40,40,40,.57);
  font-size:.6rem;
  font-weight:400;
  line-height:1.25;
}
.yk-card-capacity-part strong{
  color:rgba(32,32,32,.94);
  font-size:.8rem;
  font-weight:650;
  line-height:1.25;
}
.yk-card-capacity-part.is-unknown strong{
  color:rgba(40,40,40,.6);
  font-size:.66rem;
  font-weight:500;
}
.yk-card-capacity-arrow{
  align-self:center;
  color:rgba(40,40,40,.38);
  font-size:.68rem;
  line-height:1;
}
.yk-integrated-explorer .yk-card-life-maintenance{
  display:flex;
  flex-direction:column;
  gap:.08rem;
  min-width:0;
  font-weight:500;
}
.yk-integrated-explorer .yk-card-maintenance-item{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:0;
  min-width:0;
  color:rgba(32,32,32,.9);
  font-size:.72rem;
  line-height:1.34;
}
.yk-integrated-explorer .yk-card-maintenance-item > span:first-child{
  min-width:0;
  overflow-wrap:anywhere;
}
.yk-integrated-explorer .yk-card-maintenance-item small{
  color:rgba(40,40,40,.56);
  font-size:.62rem;
  font-weight:400;
  line-height:1.32;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-card-life-slot--difference{
  margin:.3rem 0 0;
  padding:.34rem .4rem;
}
.yk-integrated-explorer .yk-card-life-slot--difference .yk-card-life-main{
  font-size:.72rem;
}
.yk-integrated-explorer .yk-card-sort-context{
  margin:-.08rem 0 .46rem;
  font-size:.6rem;
}
.yk-integrated-explorer .yk-card-sort-context strong{
  font-size:.65rem;
}
.yk-integrated-explorer .yk-product-card--compact .yk-compare-choice{
  padding-top:.28rem;
  font-size:.74rem;
}
@media (max-width:600px){
  .yk-integrated-explorer .yk-card-life-main{font-size:.86rem;}
  .yk-integrated-explorer .yk-card-maintenance-item{font-size:.76rem;}
  .yk-card-capacity-part strong{font-size:.84rem;}
}


/* v0.4.12: 条件外の商品を棚から消さず、薄く残して条件調整の余地を見せる */
.yk-integrated-explorer .yk-card-life-meta--capacity{display:flex;align-items:baseline;flex-wrap:wrap;gap:.16rem;}
.yk-integrated-explorer .yk-card-capacity-meta-wash{color:rgba(40,40,40,.58);font-weight:400;}
.yk-integrated-explorer .yk-card-capacity-meta-dry{color:rgba(32,32,32,.94);font-size:.68rem;font-weight:700;}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch{opacity:.34;background:#fbfaf8;border-color:#e8e4dd;}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-product-placeholder{filter:grayscale(.82);}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-compare-choice,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-compare-choice input{cursor:not-allowed;}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch:hover{opacity:.42;}


/* v0.4.13: CARD04を「生活差の窓」として試作。地下の生活変化出力から最大2件だけ表へ上げる。 */
.yk-integrated-explorer .yk-card-life-slot--feature{
  margin:.14rem 0;
  padding:.42rem .46rem .44rem;
  border-bottom:0;
  border-left:2px solid rgba(76,101,84,.28);
  background:rgba(247,249,246,.78);
}
.yk-card-life-feature-list{
  display:grid;
  gap:.22rem;
  margin:.08rem 0 0;
  padding:0;
  list-style:none;
}
.yk-card-life-feature-item{
  position:relative;
  margin:0;
  padding-left:.72rem;
  color:rgba(31,38,33,.91);
  font-size:.71rem;
  font-weight:520;
  line-height:1.42;
  overflow-wrap:anywhere;
}
.yk-card-life-feature-item::before{
  content:'›';
  position:absolute;
  left:.08rem;
  top:-.01rem;
  color:rgba(76,101,84,.68);
  font-size:.78rem;
  font-weight:700;
}
.yk-integrated-explorer .yk-card-life-slot--maintenance{
  padding-top:.34rem;
}
.yk-integrated-explorer .yk-card-life-slot--maintenance .yk-card-life-maintenance{
  font-weight:450;
}
@media (max-width:600px){
  .yk-card-life-feature-item{font-size:.76rem;}
}


/* v0.4.14: 読者向けに「人に残ること」を「自分でする手入れ」へ変更。
   生活差ブロックの高さはJSで横一列ごとに実測して揃え、次の手入れ欄の開始位置を整列する。 */
.yk-integrated-explorer .yk-card-life-slot--feature{box-sizing:border-box;}

/* v0.4.15: 比較候補フッターの区切り線をカード下部へ固定。
   生活差・手入れ文量による最終スロットの高さ差から区切り線を切り離し、
   同じ横一列では「比較候補に入れる」の開始位置まで揃える。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance{
  border-bottom:0;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--difference:last-child{
  border-bottom:0;
}
.yk-integrated-explorer .yk-product-card--compact .yk-compare-choice{
  width:100%;
  margin-top:auto;
  padding-top:.5rem;
  border-top:1px solid rgba(45,45,45,.075);
}

/* v0.4.16: カード第一層は代表情報のまま、隠れている通常情報を「ほか○件」から確認できるようにする。 */
.yk-integrated-explorer .yk-card-life-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:.38rem;
  min-width:0;
}
.yk-card-more{
  position:relative;
  flex:0 0 auto;
  line-height:1;
}
.yk-card-more-trigger{
  appearance:none;
  border:0;
  padding:0;
  background:transparent;
  color:rgba(45,52,47,.52);
  font:inherit;
  font-size:.59rem;
  font-weight:500;
  line-height:1.35;
  white-space:nowrap;
  cursor:pointer;
  text-underline-offset:.18em;
}
.yk-card-more-trigger:hover,
.yk-card-more-trigger:focus-visible,
.yk-card-more.is-open .yk-card-more-trigger{
  color:rgba(45,52,47,.82);
  text-decoration:underline;
  text-decoration-thickness:1px;
}
.yk-card-more-trigger:focus-visible{
  outline:1px solid rgba(76,101,84,.42);
  outline-offset:2px;
}
.yk-card-more-panel{
  position:fixed;
  z-index:10040;
  left:12px;
  top:12px;
  box-sizing:border-box;
  width:min(390px,calc(100vw - 24px));
  max-height:min(430px,calc(100vh - 24px));
  overflow:auto;
  padding:.78rem .82rem .84rem;
  border:1px solid rgba(49,58,50,.16);
  border-radius:7px;
  background:rgba(255,255,255,.985);
  box-shadow:0 14px 38px rgba(29,35,31,.16),0 2px 8px rgba(29,35,31,.07);
  color:rgba(31,36,32,.93);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .1s ease,visibility .1s ease;
}
.yk-card-more.is-open:not(.is-positioning) .yk-card-more-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.yk-card-more-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  margin-bottom:.28rem;
}
.yk-card-more-panel-head strong{
  font-size:.78rem;
  font-weight:650;
  line-height:1.4;
}
.yk-card-more-close{
  appearance:none;
  flex:0 0 auto;
  width:1.45rem;
  height:1.45rem;
  margin:-.2rem -.22rem -.1rem 0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:rgba(40,40,40,.47);
  font-size:1rem;
  line-height:1;
  cursor:pointer;
}
.yk-card-more-close:hover,
.yk-card-more-close:focus-visible{
  background:rgba(45,52,47,.06);
  color:rgba(40,40,40,.78);
}
.yk-card-more-note{
  margin:0 0 .58rem;
  color:rgba(40,40,40,.58);
  font-size:.64rem;
  line-height:1.55;
}
.yk-card-more-life-list,
.yk-card-more-maintenance-list{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}
.yk-card-more-life-item,
.yk-card-more-maintenance-item{
  margin:0;
  padding:.5rem 0;
  border-top:1px solid rgba(45,45,45,.075);
}
.yk-card-more-item-head{
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:.28rem .45rem;
  margin-bottom:.14rem;
}
.yk-card-more-item-head>span{
  color:rgba(55,75,61,.86);
  font-size:.66rem;
  font-weight:650;
  line-height:1.35;
}
.yk-card-more-item-head em{
  padding:.05rem .28rem;
  border:1px solid rgba(95,91,72,.16);
  border-radius:999px;
  background:rgba(249,247,240,.9);
  color:rgba(86,80,56,.72);
  font-size:.55rem;
  font-style:normal;
  font-weight:500;
  line-height:1.3;
}
.yk-card-more-life-item p,
.yk-card-more-maintenance-item p{
  margin:0;
  color:rgba(31,36,32,.88);
  font-size:.69rem;
  line-height:1.55;
}
.yk-card-more-maintenance-item small{
  display:block;
  margin-top:.12rem;
  color:rgba(40,40,40,.56);
  font-size:.61rem;
  line-height:1.45;
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch.is-card-more-open{
  opacity:1;
}
@media (max-width:600px){
  .yk-card-more-trigger{font-size:.62rem;}
  .yk-card-more-panel{
    width:min(360px,calc(100vw - 20px));
    max-height:min(72vh,520px);
    padding:.8rem .82rem .86rem;
  }
  .yk-card-more-life-item p,
  .yk-card-more-maintenance-item p{font-size:.72rem;}
}
@media (prefers-reduced-motion:reduce){
  .yk-card-more-panel{transition:none;}
}

/* v0.4.18: 生活変化本文の文字圧を下げつつ、「ほか○件」の発見性を高める。 */
.yk-integrated-explorer .yk-card-life-slot--feature .yk-card-life-feature-list{
  gap:.3rem;
  margin-top:.12rem;
}
.yk-integrated-explorer .yk-card-life-slot--feature .yk-card-life-feature-item{
  color:rgba(31,38,33,.88);
  font-weight:400;
  line-height:1.56;
  letter-spacing:.005em;
}
.yk-integrated-explorer .yk-card-life-slot--feature .yk-card-life-feature-item::before{
  color:rgba(76,101,84,.62);
  font-weight:600;
}
.yk-integrated-explorer .yk-card-more-trigger{
  color:rgba(55,75,61,.78);
  font-size:.61rem;
  font-weight:650;
  line-height:1.4;
  text-decoration:none;
}
.yk-integrated-explorer .yk-card-more-trigger::after{
  content:'›';
  display:inline-block;
  margin-left:.18rem;
  color:rgba(55,75,61,.62);
  font-size:.72em;
  transform:translateY(-.02em);
}
.yk-integrated-explorer .yk-card-more-trigger:hover,
.yk-integrated-explorer .yk-card-more-trigger:focus-visible,
.yk-integrated-explorer .yk-card-more.is-open .yk-card-more-trigger{
  color:rgba(45,70,52,.96);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.18em;
}
.yk-integrated-explorer .yk-card-more-trigger:hover::after,
.yk-integrated-explorer .yk-card-more-trigger:focus-visible::after,
.yk-integrated-explorer .yk-card-more.is-open .yk-card-more-trigger::after{
  color:rgba(45,70,52,.92);
}
@media (max-width:600px){
  .yk-integrated-explorer .yk-card-life-slot--feature .yk-card-life-feature-item{
    line-height:1.58;
  }
  .yk-integrated-explorer .yk-card-more-trigger{
    font-size:.65rem;
  }
}


/* v0.4.19: 「ほか○件」を単なる補足テキストではなく、続きが開く小型操作チップとして認識できるようにする。 */
.yk-integrated-explorer .yk-card-more-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.18rem;
  min-height:1.22rem;
  padding:.10rem .36rem .11rem;
  border:1px solid rgba(66,91,73,.24);
  border-radius:999px;
  background:rgba(247,249,247,.96);
  color:rgba(47,72,54,.90);
  font-size:.60rem;
  font-weight:650;
  line-height:1.2;
  text-decoration:none;
  box-shadow:0 1px 0 rgba(40,55,44,.025);
}
.yk-integrated-explorer .yk-card-more-trigger::before{
  content:'＋';
  display:inline-block;
  color:rgba(61,88,68,.82);
  font-size:.88em;
  font-weight:600;
  line-height:1;
  transform:translateY(-.01em);
}
.yk-integrated-explorer .yk-card-more-trigger::after{
  content:none;
}
.yk-integrated-explorer .yk-card-more-trigger:hover,
.yk-integrated-explorer .yk-card-more-trigger:focus-visible,
.yk-integrated-explorer .yk-card-more.is-open .yk-card-more-trigger{
  border-color:rgba(58,87,65,.42);
  background:rgba(239,244,240,.98);
  color:rgba(34,62,42,.98);
  text-decoration:none;
  box-shadow:0 1px 2px rgba(37,58,43,.06);
}
.yk-integrated-explorer .yk-card-more-trigger:focus-visible{
  outline:2px solid rgba(76,101,84,.20);
  outline-offset:1px;
}
@media (max-width:600px){
  .yk-integrated-explorer .yk-card-more-trigger{
    min-height:1.35rem;
    padding:.12rem .40rem .13rem;
    font-size:.64rem;
  }
}


/* v0.4.20: 強いシャドウではなく、面の階層差で平面感を和らげる。 */
.yk-integrated-explorer{
  --yk-surface-page:#f8f7f3;
  --yk-surface-panel:#faf8f4;
  --yk-surface-card:#ffffff;
}
.yk-integrated-explorer .yk-inline-shelf-meta{
  background:rgba(250,249,246,.94);
  border:1px solid #e5ddd2;
  border-radius:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.yk-integrated-explorer .yk-shelf-tools-scroll{
  padding:.48rem;
  border:1px solid rgba(224,216,204,.88);
  border-radius:14px;
  background:rgba(250,249,246,.96);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
}
.yk-integrated-explorer .yk-shelf-concierge .yk-tool-card,
.yk-integrated-explorer .yk-shelf-concierge .yk-capacity-assist,
.yk-integrated-explorer .yk-shelf-concierge .yk-compare-bar{
  background:var(--yk-surface-card);
  border-color:#e5ddd2;
  box-shadow:0 1px 0 rgba(34,42,36,.02);
}
.yk-integrated-explorer .yk-product-card--compact{
  background:var(--yk-surface-card);
  border-color:#e6dfd4;
  box-shadow:0 1px 0 rgba(34,42,36,.025);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.yk-integrated-explorer .yk-product-card--compact:hover,
.yk-integrated-explorer .yk-product-card--compact:focus-within{
  transform:translateY(-1px);
  border-color:#ddd5c8;
  box-shadow:0 8px 18px rgba(30,36,32,.06),0 1px 2px rgba(30,36,32,.03);
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch:hover,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch:focus-within{
  transform:none;
  box-shadow:0 1px 0 rgba(34,42,36,.025);
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact .yk-product-placeholder{
  border:1px solid rgba(110,103,88,.08);
  background:linear-gradient(180deg,#fbfaf8 0%,#f7f4ee 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}
.yk-integrated-explorer .yk-card-life-slot--feature{
  background:rgba(248,248,244,.92);
  border-left-color:rgba(76,101,84,.24);
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-shelf-tools-scroll{padding:.4rem;}
}
@media (max-width:640px){
  .yk-integrated-explorer .yk-inline-shelf-meta,
  .yk-integrated-explorer .yk-shelf-tools-scroll{
    border-radius:10px;
  }
  .yk-integrated-explorer .yk-product-card--compact:hover,
  .yk-integrated-explorer .yk-product-card--compact:focus-within{
    transform:none;
    box-shadow:0 3px 10px rgba(30,36,32,.04),0 1px 2px rgba(30,36,32,.025);
  }
}


/* v0.4.21: 平面感の改善は維持しつつ、カード自体は動かさない。
   また、「ほか◯件を見る」が隣接カードに埋もれないよう前面レイヤーを補強する。 */
.yk-integrated-explorer .yk-product-grid{overflow:visible;}
.yk-integrated-explorer .yk-product-card--compact{
  position:relative;
  isolation:isolate;
  overflow:visible;
  box-shadow:0 1px 0 rgba(34,42,36,.02),0 4px 14px rgba(30,36,32,.03);
  transition:box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.yk-integrated-explorer .yk-product-card--compact:hover,
.yk-integrated-explorer .yk-product-card--compact:focus-within{
  transform:none;
  border-color:#ddd5c8;
  box-shadow:0 1px 0 rgba(34,42,36,.02),0 6px 16px rgba(30,36,32,.04);
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch:hover,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch:focus-within{
  transform:none;
  box-shadow:0 1px 0 rgba(34,42,36,.02),0 4px 14px rgba(30,36,32,.03);
}
.yk-integrated-explorer .yk-card-life-head,
.yk-integrated-explorer .yk-card-more{
  position:relative;
  z-index:4;
}
.yk-integrated-explorer .yk-card-more-trigger{
  position:relative;
  z-index:5;
  white-space:nowrap;
}
@media (max-width:640px){
  .yk-integrated-explorer .yk-product-card--compact:hover,
  .yk-integrated-explorer .yk-product-card--compact:focus-within{
    transform:none;
    box-shadow:0 1px 0 rgba(34,42,36,.02),0 4px 12px rgba(30,36,32,.03);
  }
}


/* v0.4.22: ポップオーバーは開いたカード全体を前面に出して隣接カードの背後へ潜らせない。
   画像エリアは面差を弱め、背景の主張と見切れ感を抑える。 */
.yk-integrated-explorer .yk-product-card--compact{
  isolation:auto;
  z-index:1;
}
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open{
  z-index:40;
}
.yk-integrated-explorer .yk-product-grid > *{
  position:relative;
  z-index:1;
  overflow:visible;
}
.yk-integrated-explorer .yk-product-grid > *.is-card-more-open{
  z-index:40;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact .yk-product-placeholder{
  padding:.22rem;
  box-sizing:border-box;
  border:1px solid rgba(110,103,88,.05);
  background:#fdfcfb;
  box-shadow:none;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-image-wrap{
  overflow:hidden;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-image{
  display:block;
}


/* v0.4.23: ステータス帯に「空気感」を戻す。コンシェルジュ側は今回保留。 */
.yk-integrated-explorer .yk-inline-shelf-meta{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(247,250,252,.76) 0%,rgba(255,255,255,.58) 100%);
  border:1px solid rgba(215,220,224,.72);
  border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 24px rgba(120,132,142,.035);
  backdrop-filter:blur(6px) saturate(106%);
}
.yk-integrated-explorer .yk-inline-shelf-meta::before{
  content:"";
  position:absolute;
  inset:-12% auto auto -8%;
  width:44%;
  height:140%;
  background:radial-gradient(circle at center,rgba(255,255,255,.72) 0%,rgba(255,255,255,0) 68%);
  pointer-events:none;
}
.yk-integrated-explorer .yk-inline-shelf-meta::after{
  content:"";
  position:absolute;
  inset:auto -10% -48% auto;
  width:38%;
  height:120%;
  background:radial-gradient(circle at center,rgba(235,243,248,.46) 0%,rgba(235,243,248,0) 72%);
  pointer-events:none;
}
.yk-integrated-explorer .yk-inline-shelf-meta > *{position:relative;z-index:1;}


/* v0.4.24: ポップオーバーを全カード共通で最前面に出すため、
   カード側に作っていた局所スタッキングコンテキストを解消する。 */
.yk-integrated-explorer .yk-product-card--compact,
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open,
.yk-integrated-explorer .yk-product-grid > *,
.yk-integrated-explorer .yk-product-grid > *.is-card-more-open{
  z-index:auto;
  isolation:auto;
}
.yk-integrated-explorer .yk-card-life-head,
.yk-integrated-explorer .yk-card-more,
.yk-integrated-explorer .yk-card-more-trigger{
  z-index:auto;
}
.yk-card-more-panel{
  z-index:2147483000;
}

/* v0.4.24: ステータス帯は「箱」ではなく、頭の中に浮く薄い空気の層として扱う。 */
.yk-integrated-explorer .yk-inline-shelf-meta{
  border:0;
  border-radius:0;
  box-shadow:none;
  background:linear-gradient(
    90deg,
    rgba(247,250,252,0) 0%,
    rgba(247,250,252,.58) 6%,
    rgba(255,255,255,.52) 50%,
    rgba(247,250,252,.58) 94%,
    rgba(247,250,252,0) 100%
  );
  backdrop-filter:blur(7px) saturate(105%);
}
.yk-integrated-explorer .yk-inline-shelf-meta::before{
  inset:-18% auto auto 2%;
  width:36%;
  height:150%;
  background:radial-gradient(circle at center,rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 72%);
}
.yk-integrated-explorer .yk-inline-shelf-meta::after{
  inset:auto 0 -58% auto;
  width:34%;
  height:140%;
  background:radial-gradient(circle at center,rgba(232,242,248,.40) 0%,rgba(232,242,248,0) 74%);
}


/* v0.4.25: 並べ替えはステータス帯へ統合。ステータス帯は外枠を弱めたまま、商品棚を邪魔しない。 */
.yk-integrated-explorer .yk-customer-status-bar{
  grid-template-columns:auto 1fr auto;
  grid-template-areas:
    "kicker kicker sort"
    "count count sort"
    "conditions conditions reset";
  align-items:center;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-tool-kicker{grid-area:kicker;}
.yk-integrated-explorer .yk-customer-status-bar .yk-result-count{grid-area:count;}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{grid-area:conditions;}
.yk-integrated-explorer .yk-status-reset{grid-area:reset; justify-self:end; align-self:center;}
.yk-integrated-explorer .yk-status-sort-slot{grid-area:sort; justify-self:end; align-self:start; min-width:15.5rem; max-width:17rem;}
.yk-integrated-explorer .yk-status-sort-panel{
  background:transparent;
  border:none;
  box-shadow:none;
  margin:0;
  padding:0;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary{
  background:rgba(255,255,255,.36);
  border:1px solid rgba(214,220,225,.65);
  min-height:0;
  padding:.48rem .72rem;
  border-radius:999px;
  backdrop-filter:blur(4px);
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-title{font-size:.75rem;}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-current{font-size:.81rem;}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-body{
  margin-top:.38rem;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(221,225,229,.9);
  box-shadow:0 14px 32px rgba(70,82,92,.08);
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-customer-status-bar{
    grid-template-columns:1fr;
    grid-template-areas:
      "kicker"
      "count"
      "sort"
      "reset"
      "conditions";
  }
  .yk-integrated-explorer .yk-status-sort-slot{justify-self:start; min-width:min(100%,16rem); max-width:100%;}
  .yk-integrated-explorer .yk-status-reset{justify-self:start;}
}
/* ポップオーバーは下のチップを塞ぎにくいよう、上方向優先で開く。
   レイヤーも最前面へ。 */
.yk-integrated-explorer .yk-card-more-panel{z-index:120;}


/* v0.4.26: 語感をやわらげ、視線の流れを整理する。 */
.yk-integrated-explorer .yk-customer-status-bar{
  grid-template-columns:1fr auto;
  grid-template-areas:
    "kicker kicker"
    "sort sort"
    "count reset"
    "conditions conditions";
  row-gap:.22rem;
}
.yk-integrated-explorer .yk-status-sort-slot{
  justify-self:start;
  align-self:start;
  min-width:min(100%,17rem);
  max-width:100%;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary{
  background:transparent;
  border:none;
  padding:.08rem 0;
  border-radius:0;
  backdrop-filter:none;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-text{
  display:flex;
  align-items:baseline;
  gap:.5rem;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-title{font-size:.74rem;color:rgba(70,78,75,.74);}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-current{font-size:.82rem;}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary::after{right:-.1rem;}
.yk-integrated-explorer .yk-card-life-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  column-gap:.42rem;
}
.yk-integrated-explorer .yk-card-life-label{
  word-break:keep-all;
  line-break:strict;
}
.yk-integrated-explorer .yk-card-life-head .yk-card-life-label{
  padding-top:.02rem;
}
.yk-integrated-explorer .yk-card-more-trigger{
  align-self:start;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-customer-status-bar{
    grid-template-columns:1fr;
    grid-template-areas:
      "kicker"
      "sort"
      "count"
      "reset"
      "conditions";
  }
}


/* v0.4.27: 「見る順番」を件数表示の真上へ置き、特徴見出しは1行を維持する。 */
.yk-integrated-explorer .yk-customer-status-bar{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "kicker sort"
    "conditions countrow";
  column-gap:1rem;
  row-gap:.24rem;
  align-items:end;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-tool-kicker{grid-area:kicker;align-self:start;}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{grid-area:conditions;align-self:end;}
.yk-integrated-explorer .yk-status-sort-slot{
  grid-area:sort;
  justify-self:end;
  align-self:end;
  min-width:0;
  max-width:none;
}
.yk-integrated-explorer .yk-status-count-row{
  grid-area:countrow;
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:.85rem;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-status-count-row .yk-result-count{
  margin:0;
}
.yk-integrated-explorer .yk-status-count-row .yk-status-reset{
  position:static;
  margin:0;
  justify-self:auto;
  align-self:auto;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary{
  display:flex;
  justify-content:flex-end;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-text{
  justify-content:flex-end;
}
.yk-integrated-explorer .yk-card-life-head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:.28rem .42rem;
}
.yk-integrated-explorer .yk-card-life-head .yk-card-life-label{
  flex:0 0 auto;
  white-space:nowrap;
  word-break:normal;
  line-break:auto;
}
.yk-integrated-explorer .yk-card-life-head .yk-card-more{
  margin-left:auto;
  flex:0 0 auto;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-customer-status-bar{
    grid-template-columns:1fr;
    grid-template-areas:
      "kicker"
      "sort"
      "countrow"
      "conditions";
  }
  .yk-integrated-explorer .yk-status-sort-slot,
  .yk-integrated-explorer .yk-status-count-row{justify-self:start;}
  .yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary,
  .yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-text{justify-content:flex-start;}
  .yk-integrated-explorer .yk-status-count-row{flex-wrap:wrap;white-space:normal;}
}


/* v0.4.28: 操作箇所は指カーソルを明示し、見る順番は1行で読めるよう整える。 */
.yk-integrated-explorer a,
.yk-integrated-explorer button,
.yk-integrated-explorer label,
.yk-integrated-explorer [role="button"],
.yk-integrated-explorer .yk-card-more-trigger,
.yk-integrated-explorer .yk-sort-disclosure-summary,
.yk-integrated-explorer .yk-bulk-chip,
.yk-integrated-explorer .yk-tool-card[data-action],
.yk-integrated-explorer input[type="checkbox"],
.yk-integrated-explorer input[type="radio"]{
  cursor:pointer;
}
.yk-integrated-explorer button:disabled,
.yk-integrated-explorer input:disabled,
.yk-integrated-explorer .is-disabled,
.yk-integrated-explorer [aria-disabled="true"]{
  cursor:not-allowed;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary{
  justify-content:flex-end;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-text{
  display:inline-flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:baseline;
  justify-content:flex-end;
  gap:.5rem;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-title,
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-current{
  white-space:nowrap;
}
.yk-integrated-explorer .yk-card-life-head .yk-card-life-label{
  min-width:max-content;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-card-life-head .yk-card-more{
  flex:0 0 auto;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary,
  .yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-text{
    justify-content:flex-start;
  }
}


/* v0.4.29: ステータス帯は見つけやすさを少し戻しつつ、箱っぽさは出しすぎない。 */
.yk-integrated-explorer .yk-inline-shelf-meta{
  background:linear-gradient(90deg,
    rgba(247,250,252,0) 0%,
    rgba(247,250,252,.78) 7%,
    rgba(255,255,255,.74) 50%,
    rgba(247,250,252,.78) 93%,
    rgba(247,250,252,0) 100%
  );
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 10px 26px rgba(110,123,134,.045);
  border-radius:16px;
}
.yk-integrated-explorer .yk-inline-shelf-meta::before{
  width:42%;
  background:radial-gradient(circle at center,rgba(255,255,255,.74) 0%,rgba(255,255,255,0) 70%);
}
.yk-integrated-explorer .yk-inline-shelf-meta::after{
  width:36%;
  background:radial-gradient(circle at center,rgba(232,242,248,.48) 0%,rgba(232,242,248,0) 76%);
}
/* リセットは件数表示の下に下げ、情報の詰まりを解消する。 */
.yk-integrated-explorer .yk-status-count-row{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
  gap:.18rem;
  white-space:normal;
}
.yk-integrated-explorer .yk-status-count-row .yk-result-count{
  text-align:right;
}
.yk-integrated-explorer .yk-status-count-row .yk-status-reset{
  font-size:.76rem;
}
/* 詳細ポップオーバーはユーザー向け表現として読みやすさを優先する。 */
.yk-integrated-explorer .yk-card-more-panel-section p{
  line-height:1.7;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-inline-shelf-meta{border-radius:12px;}
  .yk-integrated-explorer .yk-status-count-row{align-items:flex-start;}
  .yk-integrated-explorer .yk-status-count-row .yk-result-count{text-align:left;}
}


/* v0.4.30: ステータス帯の青空感と識別性を戻し、並べ替え開閉を分かりやすくする。 */
.yk-integrated-explorer .yk-inline-shelf-meta{
  background:linear-gradient(90deg,
    rgba(233,242,249,0) 0%,
    rgba(227,239,248,.92) 8%,
    rgba(246,250,253,.9) 28%,
    rgba(248,251,254,.88) 52%,
    rgba(232,241,249,.94) 92%,
    rgba(233,242,249,0) 100%
  );
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 12px 30px rgba(130,149,165,.05);
  border-radius:18px;
}
.yk-integrated-explorer .yk-inline-shelf-meta::before{
  inset:-20% auto auto -2%;
  width:46%;
  height:160%;
  background:radial-gradient(circle at center,rgba(255,255,255,.86) 0%,rgba(255,255,255,0) 72%);
}
.yk-integrated-explorer .yk-inline-shelf-meta::after{
  inset:auto -3% -52% auto;
  width:40%;
  height:150%;
  background:radial-gradient(circle at center,rgba(213,231,243,.64) 0%,rgba(213,231,243,0) 76%);
}
.yk-integrated-explorer .yk-customer-status-bar{
  row-gap:.34rem;
}
.yk-integrated-explorer .yk-status-count-row{
  gap:.28rem;
}
.yk-integrated-explorer .yk-status-count-row .yk-result-count{
  order:1;
}
.yk-integrated-explorer .yk-status-count-row .yk-status-reset{
  order:2;
  margin-top:.02rem;
  opacity:.9;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary{
  gap:.7rem;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary::after{
  content:'変更';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.7rem;
  padding:.14rem .52rem;
  border:1px solid rgba(176,191,202,.8);
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:rgba(74,91,104,.88);
  font-size:.72rem;
  line-height:1.2;
}
.yk-integrated-explorer .yk-sort-disclosure-toggle:checked + .yk-sort-disclosure-summary::after{
  content:'閉じる';
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-inline-shelf-meta{border-radius:14px;}
}


/* v0.4.31: ステータス帯のタイポグラフィを4階層に整理。 */
.yk-integrated-explorer .yk-customer-status-bar{
  font-family:inherit;
  font-kerning:normal;
  letter-spacing:0;
}
/* 低階層：場所を示すラベル */
.yk-integrated-explorer .yk-customer-status-bar .yk-tool-kicker{
  margin:0;
  color:rgba(56,91,116,.70);
  font-size:.66rem;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.045em;
}
/* 左側の条件は「現在のメモ」として静かに。 */
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{
  gap:.08rem .82rem;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip{
  color:rgba(42,49,53,.72);
  font-size:.76rem;
  font-weight:400;
  line-height:1.45;
  letter-spacing:.005em;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip + .yk-condition-chip{
  margin-left:.72rem;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip + .yk-condition-chip::before{
  margin-right:.72rem;
  color:rgba(63,77,87,.18);
}
/* 右上：ラベルは小さく、現在値を一段上に。 */
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-text{
  gap:.46rem;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-title{
  color:rgba(55,71,82,.62);
  font-size:.65rem;
  font-weight:400;
  line-height:1.3;
  letter-spacing:.035em;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-current{
  color:rgba(40,47,51,.82);
  font-size:.78rem;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.005em;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary::after{
  min-width:2.45rem;
  padding:.12rem .46rem;
  border-color:rgba(151,173,188,.66);
  background:rgba(255,255,255,.52);
  color:rgba(65,88,103,.76);
  font-size:.64rem;
  font-weight:500;
  letter-spacing:.02em;
}
/* 件数：42件だけ主役にし、母数説明は静かに。 */
.yk-integrated-explorer .yk-status-count-row .yk-result-count{
  margin:0;
  color:rgba(42,48,52,.78);
  font-size:.79rem;
  font-weight:400;
  line-height:1.35;
  letter-spacing:.005em;
}
.yk-integrated-explorer .yk-status-count-row .yk-result-count strong{
  color:#e5482f;
  font-size:.94rem;
  font-weight:650;
  line-height:1;
  letter-spacing:-.01em;
}
/* リセットは最下層の逃げ道。 */
.yk-integrated-explorer .yk-status-count-row .yk-status-reset{
  margin-top:.02rem;
  padding:.05rem 0;
  color:rgba(61,91,111,.54);
  font-size:.64rem;
  font-weight:400;
  line-height:1.3;
  letter-spacing:.015em;
  opacity:1;
}
.yk-integrated-explorer .yk-status-count-row .yk-status-reset:hover:not(:disabled){
  color:rgba(50,78,98,.78);
}
@media (max-width:1120px){
  .yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip{font-size:.74rem;}
  .yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-current{font-size:.76rem;}
  .yk-integrated-explorer .yk-status-count-row .yk-result-count{font-size:.77rem;}
}


/* v0.4.32: ステータス帯を「左=条件」「右=現在の見え方」の2ブロックへ再編集。
   文字サイズ調整ではなく、意味のまとまり・余白・主従を揃える。 */
.yk-integrated-explorer .yk-customer-status-bar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"left right";
  align-items:stretch;
  column-gap:clamp(2rem,5vw,5.2rem);
  row-gap:0;
  min-height:7.2rem;
  padding:.78rem 1.05rem .86rem;
  overflow:visible;
  background:
    radial-gradient(ellipse at 13% 44%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.48) 26%,rgba(255,255,255,0) 55%),
    radial-gradient(ellipse at 88% 45%,rgba(212,232,246,.72) 0%,rgba(229,241,249,.52) 30%,rgba(236,245,251,0) 61%),
    linear-gradient(90deg,rgba(231,242,250,.34) 0%,rgba(249,252,254,.70) 43%,rgba(230,241,249,.48) 100%);
  border:0;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(103,129,148,.045),inset 0 1px 0 rgba(255,255,255,.74);
}
.yk-integrated-explorer .yk-customer-status-bar::before,
.yk-integrated-explorer .yk-customer-status-bar::after{
  display:none;
}
.yk-integrated-explorer .yk-status-left-block{
  grid-area:left;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
}
.yk-integrated-explorer .yk-status-right-block{
  grid-area:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:.38rem;
  min-width:20.5rem;
  max-width:24rem;
}
/* 左：ラベルと値を別レイヤーにし、文章の羅列をやめる。 */
.yk-integrated-explorer .yk-customer-status-bar .yk-tool-kicker{
  margin:0 0 .48rem;
  color:rgba(61,100,128,.72);
  font-size:.66rem;
  font-weight:500;
  line-height:1.3;
  letter-spacing:.04em;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-summary{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:.38rem .48rem;
  margin:0;
  overflow:visible;
  white-space:normal;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip{
  display:inline-grid;
  grid-template-rows:auto auto;
  gap:.07rem;
  min-width:7.6rem;
  margin:0 !important;
  padding:.34rem .62rem .38rem;
  border:1px solid rgba(132,166,190,.14);
  border-radius:10px;
  background:rgba(255,255,255,.34);
  color:inherit;
  line-height:1.25;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58);
}
.yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip::before{
  display:none !important;
}
.yk-integrated-explorer .yk-condition-chip-label{
  color:rgba(68,91,106,.53);
  font-size:.59rem;
  font-weight:400;
  letter-spacing:.025em;
}
.yk-integrated-explorer .yk-condition-chip-value{
  color:rgba(37,45,50,.79);
  font-size:.75rem;
  font-weight:500;
  letter-spacing:0;
}
/* 右：ひとつの小さな状態ブロックとして締める。 */
.yk-integrated-explorer .yk-status-sort-slot{
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
}
.yk-integrated-explorer .yk-status-sort-panel{
  width:100%;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary{
  display:flex;
  width:100%;
  align-items:center;
  justify-content:flex-end;
  gap:.55rem;
  padding:.08rem 0;
  background:transparent;
  border:0;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-text{
  display:inline-flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:baseline;
  justify-content:flex-end;
  gap:.46rem;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-title{
  color:rgba(67,87,101,.52);
  font-size:.62rem;
  font-weight:400;
  letter-spacing:.03em;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-current{
  color:rgba(35,43,48,.84);
  font-size:.78rem;
  font-weight:500;
  letter-spacing:0;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary::after{
  content:'変更';
  min-width:auto;
  padding:.13rem .48rem;
  border:1px solid rgba(133,164,184,.55);
  border-radius:999px;
  background:rgba(255,255,255,.42);
  color:rgba(58,88,108,.72);
  font-size:.61rem;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.015em;
}
.yk-integrated-explorer .yk-sort-disclosure-toggle:checked + .yk-sort-disclosure-summary::after{content:'閉じる';}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-body{
  margin-top:.36rem;
}
.yk-integrated-explorer .yk-status-count-row{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
  gap:.2rem;
  width:100%;
  margin:0;
  white-space:normal;
}
.yk-integrated-explorer .yk-status-count-row .yk-result-count{
  margin:0;
  color:rgba(45,54,59,.74);
  font-size:.78rem;
  font-weight:400;
  line-height:1.35;
  letter-spacing:0;
  text-align:right;
}
.yk-integrated-explorer .yk-status-count-row .yk-result-count strong{
  color:#e5482f;
  font-size:.94rem;
  font-weight:650;
  line-height:1;
  letter-spacing:-.015em;
}
.yk-integrated-explorer .yk-status-count-row .yk-status-reset{
  margin:.08rem 0 0;
  padding:.06rem 0;
  color:rgba(56,87,107,.50);
  font-size:.62rem;
  font-weight:400;
  line-height:1.25;
  letter-spacing:.01em;
  text-decoration:none;
}
.yk-integrated-explorer .yk-status-count-row .yk-status-reset:hover:not(:disabled){
  color:rgba(49,78,98,.78);
  text-decoration:underline;
  text-underline-offset:.16em;
}
@media (max-width:1120px){
  .yk-integrated-explorer .yk-customer-status-bar{
    column-gap:1.5rem;
  }
  .yk-integrated-explorer .yk-status-right-block{min-width:18.5rem;}
  .yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip{min-width:7rem;}
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-customer-status-bar{
    grid-template-columns:1fr;
    grid-template-areas:"left" "right";
    gap:.72rem;
    min-height:0;
    padding:.78rem .85rem .82rem;
    border-radius:14px;
  }
  .yk-integrated-explorer .yk-status-right-block{
    width:100%;
    min-width:0;
    max-width:none;
    align-items:flex-start;
  }
  .yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary,
  .yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-text{
    justify-content:flex-start;
  }
  .yk-integrated-explorer .yk-status-count-row{
    align-items:flex-start;
  }
  .yk-integrated-explorer .yk-status-count-row .yk-result-count{text-align:left;}
}
@media (max-width:560px){
  .yk-integrated-explorer .yk-customer-status-bar .yk-condition-chip{
    min-width:calc(50% - .25rem);
    flex:1 1 calc(50% - .25rem);
  }
}

/* v0.4.35: 「意味のある多色化」の試作。
   全商品を同じ新芽色へ揃えず、商品マスターにある生活変化の axis を
   4種類の芽へまとめ、商品ではなく「何が変わるか」に色を割り当てる。
   空＝現在地、若葉＝手間、青緑＝時間、黄金＝判断、花色＝仕上がり。 */
.yk-integrated-explorer{
  --yk-sky:#2d9fd0;
  --yk-sky-rgb:45,159,208;

  --yk-bud-effort:#43b957;
  --yk-bud-effort-rgb:67,185,87;
  --yk-bud-time:#19a7a0;
  --yk-bud-time-rgb:25,167,160;
  --yk-bud-decision:#e9ad22;
  --yk-bud-decision-rgb:233,173,34;
  --yk-bud-finish:#d96f8b;
  --yk-bud-finish-rgb:217,111,139;
  --yk-bud-other:#7e9b87;
  --yk-bud-other-rgb:126,155,135;

  --yk-light:#f1ba32;
  --yk-light-rgb:241,186,50;
  --yk-neutral-ink:#2e322f;
  --yk-accent:var(--yk-sky);
}

/* 空：今の自分・現在地・選択状態。 */
.yk-integrated-explorer .yk-customer-status-bar .yk-result-count strong,
.yk-integrated-explorer .yk-status-count-row .yk-result-count strong{
  color:#247fa8;
  font-weight:650;
}
.yk-integrated-explorer .yk-customer-status-bar .yk-tool-kicker{
  color:rgba(39,112,148,.76);
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary::after{
  border-color:rgba(var(--yk-sky-rgb),.32);
  background:rgba(255,255,255,.62);
  color:rgba(31,108,143,.82);
}
.yk-integrated-explorer .yk-compare-choice input,
.yk-integrated-explorer .yk-stage-pick-control input,
.yk-integrated-explorer input[type="radio"]{
  accent-color:var(--yk-sky);
}

/* 生活変化の芽。ブロック全体は共通の「芽吹き」領域だが、
   左線・芽点・ごく薄い面は、そのカードの主たる変化色を持つ。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  --yk-life-primary:var(--yk-bud-other);
  --yk-life-primary-rgb:var(--yk-bud-other-rgb);
  position:relative;
  border-left-color:rgba(var(--yk-life-primary-rgb),.78);
  background:
    linear-gradient(90deg,
      rgba(var(--yk-life-primary-rgb),.070) 0%,
      rgba(var(--yk-life-primary-rgb),.026) 44%,
      rgba(255,255,255,0) 92%);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-family="effort"]{
  --yk-life-primary:var(--yk-bud-effort);
  --yk-life-primary-rgb:var(--yk-bud-effort-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-family="time"]{
  --yk-life-primary:var(--yk-bud-time);
  --yk-life-primary-rgb:var(--yk-bud-time-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-family="decision"]{
  --yk-life-primary:var(--yk-bud-decision);
  --yk-life-primary-rgb:var(--yk-bud-decision-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-family="finish"]{
  --yk-life-primary:var(--yk-bud-finish);
  --yk-life-primary-rgb:var(--yk-bud-finish-rgb);
}

.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-label{
  display:inline-flex;
  align-items:center;
  gap:.30rem;
  color:rgba(39,58,44,.88);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-label::before{
  content:'';
  flex:0 0 auto;
  width:.40rem;
  height:.40rem;
  border-radius:50%;
  background:var(--yk-life-primary);
  box-shadow:0 0 0 2px rgba(var(--yk-life-primary-rgb),.095);
}

/* 各特徴文は、その特徴自身の芽色を持つ。
   1枚のカード内に異なる生活変化があれば、小さな色のリズムが自然に生まれる。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item{
  --yk-life-item:var(--yk-bud-other);
  --yk-life-item-rgb:var(--yk-bud-other-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-family="effort"]{
  --yk-life-item:var(--yk-bud-effort);
  --yk-life-item-rgb:var(--yk-bud-effort-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-family="time"]{
  --yk-life-item:var(--yk-bud-time);
  --yk-life-item-rgb:var(--yk-bud-time-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-family="decision"]{
  --yk-life-item:var(--yk-bud-decision);
  --yk-life-item-rgb:var(--yk-bud-decision-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-family="finish"]{
  --yk-life-item:var(--yk-bud-finish);
  --yk-life-item-rgb:var(--yk-bud-finish-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-item::before{
  color:var(--yk-life-item);
}

/* 「機能がないため作業が残る」等の制約事実は芽色で肯定的に見せない。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-tone="limit"]::before{
  color:rgba(91,99,93,.52);
}

/* 発見の光：「ほか○件を見る」。芽の分類色とは別に、操作の瞬間だけ明るく点す。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger{
  border-color:rgba(var(--yk-light-rgb),.46);
  background:rgba(var(--yk-light-rgb),.085);
  color:rgba(72,58,27,.90);
  box-shadow:0 1px 0 rgba(104,80,22,.025);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger::before{
  color:#c98f05;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger:hover,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger:focus-visible,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more.is-open .yk-card-more-trigger{
  border-color:rgba(var(--yk-light-rgb),.76);
  background:rgba(var(--yk-light-rgb),.17);
  color:rgba(67,51,16,.96);
  text-decoration:none;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger:focus-visible{
  outline:2px solid rgba(var(--yk-light-rgb),.30);
  outline-offset:2px;
}

/* ポップオーバーを開いたときも「発見」の光を小面積だけ継続する。 */
.yk-integrated-explorer .yk-card-more-panel{
  border-top-color:rgba(var(--yk-light-rgb),.68);
}
.yk-integrated-explorer .yk-card-more-panel-head strong{
  position:relative;
  padding-left:.72rem;
}
.yk-integrated-explorer .yk-card-more-panel-head strong::before{
  content:'';
  position:absolute;
  left:0;
  top:.45em;
  width:.34rem;
  height:.34rem;
  border-radius:50%;
  background:var(--yk-light);
  box-shadow:0 0 0 2px rgba(var(--yk-light-rgb),.10);
}

/* カードへ視線を置いた瞬間は、商品評価ではなく「見つける」動きとして光を返す。 */
.yk-integrated-explorer .yk-product-grid > .yk-product-card--compact{
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease;
}
.yk-integrated-explorer .yk-product-grid > .yk-product-card--compact:not(.is-filter-mismatch):hover{
  border-color:rgba(var(--yk-light-rgb),.31);
  box-shadow:0 5px 18px rgba(116,89,24,.047);
}

/* 条件外商品は市場には残すが、現在の条件では芽・光とも後退させる。 */
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature{
  border-left-color:rgba(92,99,93,.18);
  background:rgba(247,247,245,.56);
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature .yk-card-life-label::before{
  background:rgba(92,99,93,.32);
  box-shadow:none;
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature .yk-card-life-feature-item::before{
  color:rgba(92,99,93,.38);
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature .yk-card-more-trigger{
  border-color:rgba(92,99,93,.18);
  background:rgba(247,247,245,.70);
  color:rgba(80,85,81,.50);
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature .yk-card-more-trigger::before{
  color:rgba(92,99,93,.36);
}

/* 通常状態の赤は使わない。警告・エラー用の赤は既存の個別状態に限定する。 */
.yk-integrated-explorer .yk-choice-row label:has(input:checked),
.yk-integrated-explorer .yk-sort-options label:has(input:checked),
.yk-integrated-explorer .yk-bulk-chip.is-selected{
  border-color:rgba(var(--yk-sky-rgb),.62);
  box-shadow:0 0 0 1px rgba(var(--yk-sky-rgb),.36) inset;
}

@media (prefers-reduced-motion:reduce){
  .yk-integrated-explorer .yk-product-grid > .yk-product-card--compact{transition:none;}
}


/* v0.4.36: 「同じ家族の中にも違う新芽」の試作。
   4つの親カテゴリーはそのままに、実データの生活変化サブタイプへ近縁色を与える。
   商品順・メーカー順など意味のない揺らぎは使わない。 */
.yk-integrated-explorer{
  /* 手間がほどける芽：若葉の家族 */
  --yk-bud-effort-dose:#52c95a;
  --yk-bud-effort-dose-rgb:82,201,90;
  --yk-bud-effort-filter:#36b96d;
  --yk-bud-effort-filter-rgb:54,185,109;
  --yk-bud-effort-seal:#48b56a;
  --yk-bud-effort-seal-rgb:72,181,106;
  --yk-bud-effort-path:#27ad78;
  --yk-bud-effort-path-rgb:39,173,120;
  --yk-bud-effort-path-seal:#2fb276;
  --yk-bud-effort-path-seal-rgb:47,178,118;
  --yk-bud-effort-clean:#63bf61;
  --yk-bud-effort-clean-rgb:99,191,97;
  --yk-bud-effort-maintenance:#45b768;
  --yk-bud-effort-maintenance-rgb:69,183,104;
  --yk-bud-effort-setting:#78bb55;
  --yk-bud-effort-setting-rgb:120,187,85;
  --yk-bud-effort-notice:#8cba44;
  --yk-bud-effort-notice-rgb:140,186,68;

  /* 時間がひらく芽：水・空へつながる青緑の家族 */
  --yk-bud-time-duration:#19aeb1;
  --yk-bud-time-duration-rgb:25,174,177;
  --yk-bud-time-variable:#279fa8;
  --yk-bud-time-variable-rgb:39,159,168;
  --yk-bud-time-finish:#279fc9;
  --yk-bud-time-finish-rgb:39,159,201;
  --yk-bud-time-start:#37a9c8;
  --yk-bud-time-start-rgb:55,169,200;
  --yk-bud-time-schedule:#2ca5c0;
  --yk-bud-time-schedule-rgb:44,165,192;

  /* 判断が軽くなる芽：同じ光でも、案内・自動調整・学習で温度を変える */
  --yk-bud-decision-guide:#e5aa24;
  --yk-bud-decision-guide-rgb:229,170,36;
  --yk-bud-decision-adjust:#d99b20;
  --yk-bud-decision-adjust-rgb:217,155,32;
  --yk-bud-decision-learn:#efb83b;
  --yk-bud-decision-learn-rgb:239,184,59;
  --yk-bud-decision-support:#e2a52b;
  --yk-bud-decision-support-rgb:226,165,43;

  /* 仕上がりを守る芽：CTAの赤ではなく、花びらの近縁色 */
  --yk-bud-finish-crease:#dc7693;
  --yk-bud-finish-crease-rgb:220,118,147;
  --yk-bud-finish-hold:#cf7d91;
  --yk-bud-finish-hold-rgb:207,125,145;
  --yk-bud-finish-care:#d67b90;
  --yk-bud-finish-care-rgb:214,123,144;
}

/* カードの主芽。左線・面・芽点は、親カテゴリーではなく代表的な生活変化そのものの近縁色。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-dose"]{
  --yk-life-primary:var(--yk-bud-effort-dose); --yk-life-primary-rgb:var(--yk-bud-effort-dose-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-filter"]{
  --yk-life-primary:var(--yk-bud-effort-filter); --yk-life-primary-rgb:var(--yk-bud-effort-filter-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-seal"]{
  --yk-life-primary:var(--yk-bud-effort-seal); --yk-life-primary-rgb:var(--yk-bud-effort-seal-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-path"]{
  --yk-life-primary:var(--yk-bud-effort-path); --yk-life-primary-rgb:var(--yk-bud-effort-path-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-path-seal"]{
  --yk-life-primary:var(--yk-bud-effort-path-seal); --yk-life-primary-rgb:var(--yk-bud-effort-path-seal-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-clean"]{
  --yk-life-primary:var(--yk-bud-effort-clean); --yk-life-primary-rgb:var(--yk-bud-effort-clean-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-maintenance"]{
  --yk-life-primary:var(--yk-bud-effort-maintenance); --yk-life-primary-rgb:var(--yk-bud-effort-maintenance-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-setting"]{
  --yk-life-primary:var(--yk-bud-effort-setting); --yk-life-primary-rgb:var(--yk-bud-effort-setting-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-notice"]{
  --yk-life-primary:var(--yk-bud-effort-notice); --yk-life-primary-rgb:var(--yk-bud-effort-notice-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="time-duration"]{
  --yk-life-primary:var(--yk-bud-time-duration); --yk-life-primary-rgb:var(--yk-bud-time-duration-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="time-variable"]{
  --yk-life-primary:var(--yk-bud-time-variable); --yk-life-primary-rgb:var(--yk-bud-time-variable-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="time-finish"]{
  --yk-life-primary:var(--yk-bud-time-finish); --yk-life-primary-rgb:var(--yk-bud-time-finish-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="time-start"]{
  --yk-life-primary:var(--yk-bud-time-start); --yk-life-primary-rgb:var(--yk-bud-time-start-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="time-schedule"]{
  --yk-life-primary:var(--yk-bud-time-schedule); --yk-life-primary-rgb:var(--yk-bud-time-schedule-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="decision-guide"]{
  --yk-life-primary:var(--yk-bud-decision-guide); --yk-life-primary-rgb:var(--yk-bud-decision-guide-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="decision-adjust"]{
  --yk-life-primary:var(--yk-bud-decision-adjust); --yk-life-primary-rgb:var(--yk-bud-decision-adjust-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="decision-learn"]{
  --yk-life-primary:var(--yk-bud-decision-learn); --yk-life-primary-rgb:var(--yk-bud-decision-learn-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="decision-support"]{
  --yk-life-primary:var(--yk-bud-decision-support); --yk-life-primary-rgb:var(--yk-bud-decision-support-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="finish-crease"]{
  --yk-life-primary:var(--yk-bud-finish-crease); --yk-life-primary-rgb:var(--yk-bud-finish-crease-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="finish-hold"]{
  --yk-life-primary:var(--yk-bud-finish-hold); --yk-life-primary-rgb:var(--yk-bud-finish-hold-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="finish-care"]{
  --yk-life-primary:var(--yk-bud-finish-care); --yk-life-primary-rgb:var(--yk-bud-finish-care-rgb);
}

/* 各特徴文にも同じ文法を適用。1枚のカードに複数の変化があれば、近くで見たときに色が分岐する。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="effort-dose"]{
  --yk-life-item:var(--yk-bud-effort-dose); --yk-life-item-rgb:var(--yk-bud-effort-dose-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="effort-filter"]{
  --yk-life-item:var(--yk-bud-effort-filter); --yk-life-item-rgb:var(--yk-bud-effort-filter-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="effort-seal"]{
  --yk-life-item:var(--yk-bud-effort-seal); --yk-life-item-rgb:var(--yk-bud-effort-seal-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="effort-path"]{
  --yk-life-item:var(--yk-bud-effort-path); --yk-life-item-rgb:var(--yk-bud-effort-path-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="effort-path-seal"]{
  --yk-life-item:var(--yk-bud-effort-path-seal); --yk-life-item-rgb:var(--yk-bud-effort-path-seal-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="effort-clean"]{
  --yk-life-item:var(--yk-bud-effort-clean); --yk-life-item-rgb:var(--yk-bud-effort-clean-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="effort-maintenance"]{
  --yk-life-item:var(--yk-bud-effort-maintenance); --yk-life-item-rgb:var(--yk-bud-effort-maintenance-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="effort-setting"]{
  --yk-life-item:var(--yk-bud-effort-setting); --yk-life-item-rgb:var(--yk-bud-effort-setting-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="effort-notice"]{
  --yk-life-item:var(--yk-bud-effort-notice); --yk-life-item-rgb:var(--yk-bud-effort-notice-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="time-duration"]{
  --yk-life-item:var(--yk-bud-time-duration); --yk-life-item-rgb:var(--yk-bud-time-duration-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="time-variable"]{
  --yk-life-item:var(--yk-bud-time-variable); --yk-life-item-rgb:var(--yk-bud-time-variable-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="time-finish"]{
  --yk-life-item:var(--yk-bud-time-finish); --yk-life-item-rgb:var(--yk-bud-time-finish-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="time-start"]{
  --yk-life-item:var(--yk-bud-time-start); --yk-life-item-rgb:var(--yk-bud-time-start-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="time-schedule"]{
  --yk-life-item:var(--yk-bud-time-schedule); --yk-life-item-rgb:var(--yk-bud-time-schedule-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="decision-guide"]{
  --yk-life-item:var(--yk-bud-decision-guide); --yk-life-item-rgb:var(--yk-bud-decision-guide-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="decision-adjust"]{
  --yk-life-item:var(--yk-bud-decision-adjust); --yk-life-item-rgb:var(--yk-bud-decision-adjust-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="decision-learn"]{
  --yk-life-item:var(--yk-bud-decision-learn); --yk-life-item-rgb:var(--yk-bud-decision-learn-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="decision-support"]{
  --yk-life-item:var(--yk-bud-decision-support); --yk-life-item-rgb:var(--yk-bud-decision-support-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="finish-crease"]{
  --yk-life-item:var(--yk-bud-finish-crease); --yk-life-item-rgb:var(--yk-bud-finish-crease-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="finish-hold"]{
  --yk-life-item:var(--yk-bud-finish-hold); --yk-life-item-rgb:var(--yk-bud-finish-hold-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="finish-care"]{
  --yk-life-item:var(--yk-bud-finish-care); --yk-life-item-rgb:var(--yk-bud-finish-care-rgb);
}

/* 近縁色の差は小さな点・線で見せる。大面積は従来どおり白〜淡い芽吹きの範囲に留める。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  border-left-color:rgba(var(--yk-life-primary-rgb),.84);
  background:
    linear-gradient(90deg,
      rgba(var(--yk-life-primary-rgb),.072) 0%,
      rgba(var(--yk-life-primary-rgb),.026) 43%,
      rgba(255,255,255,0) 92%);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-label::before{
  box-shadow:0 0 0 2px rgba(var(--yk-life-primary-rgb),.105);
}

/* v0.4.38: 暖色は「面」ではなく独立した光として置く。
   v0.4.36の瑞々しい白〜芽色の面を基礎に戻し、黄・黄金は点・線・小操作だけに限定する。
   鮮色同士を混ぜず、白い余白を介して隣り合わせる。 */
.yk-integrated-explorer{
  --yk-light:#f2b514;
  --yk-light-rgb:242,181,20;
  --yk-sun:#ffc62e;
  --yk-sun-rgb:255,198,46;
  --yk-apricot:#ef8f68;
  --yk-apricot-rgb:239,143,104;

  /* 仕上がり系だけは意味色として暖色側へ。CTAの赤には寄せない。 */
  --yk-bud-finish-crease:#e97f70;
  --yk-bud-finish-crease-rgb:233,127,112;
  --yk-bud-finish-hold:#e88d70;
  --yk-bud-finish-hold-rgb:232,141,112;
  --yk-bud-finish-care:#ee987b;
  --yk-bud-finish-care-rgb:238,152,123;
}

/* 仕上がりサブタイプは、上で定義したアプリコット〜珊瑚へ差し替える。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="finish-crease"]{
  --yk-life-primary:var(--yk-bud-finish-crease); --yk-life-primary-rgb:var(--yk-bud-finish-crease-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="finish-hold"]{
  --yk-life-primary:var(--yk-bud-finish-hold); --yk-life-primary-rgb:var(--yk-bud-finish-hold-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="finish-care"]{
  --yk-life-primary:var(--yk-bud-finish-care); --yk-life-primary-rgb:var(--yk-bud-finish-care-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="finish-crease"]{
  --yk-life-item:var(--yk-bud-finish-crease); --yk-life-item-rgb:var(--yk-bud-finish-crease-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="finish-hold"]{
  --yk-life-item:var(--yk-bud-finish-hold); --yk-life-item-rgb:var(--yk-bud-finish-hold-rgb);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-feature-item[data-life-variant="finish-care"]{
  --yk-life-item:var(--yk-bud-finish-care); --yk-life-item-rgb:var(--yk-bud-finish-care-rgb);
}

/* 芽の面はv0.4.36同様、主芽色だけ。黄色い膜は重ねない。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  background:
    linear-gradient(90deg,
      rgba(var(--yk-life-primary-rgb),.072) 0%,
      rgba(var(--yk-life-primary-rgb),.026) 43%,
      rgba(255,255,255,0) 92%);
}

/* 新芽の横に、混ざらない小さな「光点」を置く。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-label::after{
  content:'';
  flex:0 0 auto;
  width:.25rem;
  height:.25rem;
  margin-left:.10rem;
  border-radius:50%;
  background:var(--yk-sun);
  box-shadow:0 0 0 2px rgba(var(--yk-sun-rgb),.10);
}

/* 「ほか○件」は白地のまま。黄金は輪郭・＋・ごく薄い反応だけにする。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger{
  border-color:rgba(var(--yk-light-rgb),.74);
  background:#fff;
  color:rgba(71,60,34,.96);
  box-shadow:none;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger::before{
  color:#d58d00;
  font-weight:700;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger:hover,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger:focus-visible,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more.is-open .yk-card-more-trigger{
  border-color:var(--yk-light);
  background:rgba(var(--yk-sun-rgb),.085);
  color:rgba(64,46,9,.98);
  box-shadow:0 2px 6px rgba(158,105,5,.055);
}

/* 詳細面も白。上端と見出し記号だけが光る。 */
.yk-integrated-explorer .yk-card-life-slot--feature .yk-card-more-panel{
  background:#fff;
  border-top-color:rgba(var(--yk-light-rgb),.82);
}
.yk-integrated-explorer .yk-card-life-slot--feature .yk-card-more-panel-head strong::before{
  background:var(--yk-sun);
  box-shadow:0 0 0 2px rgba(var(--yk-sun-rgb),.12);
}

/* 商品へ踏み込む瞬間だけ暖色を返す。通常時のCTA色にはしない。 */
.yk-integrated-explorer .yk-product-card--compact .yk-product-page-link{
  transition:color .15s ease,text-decoration-color .15s ease;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-page-link:hover,
.yk-integrated-explorer .yk-product-card--compact .yk-product-page-link:focus-visible{
  color:#9b690c !important;
  text-decoration-color:rgba(var(--yk-light-rgb),.86) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-title-link:hover .yk-product-model,
.yk-integrated-explorer .yk-product-card--compact .yk-product-title-link:focus-visible .yk-product-model{
  text-decoration-color:rgba(var(--yk-light-rgb),.72);
}

/* カードホバーも暖色面にはしない。輪郭に一瞬だけ光が走る程度。 */
.yk-integrated-explorer .yk-product-grid > .yk-product-card--compact:not(.is-filter-mismatch):hover{
  border-color:rgba(var(--yk-light-rgb),.40);
  box-shadow:0 6px 18px rgba(93,79,42,.045);
}

/* 条件外では光点も後退。 */
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature .yk-card-life-label::after{
  background:rgba(92,99,93,.22);
  box-shadow:none;
}

@media (prefers-reduced-motion:reduce){
  .yk-integrated-explorer .yk-product-card--compact .yk-product-page-link{transition:none;}
}

/* ========================================================================
   v0.4.39  春の樹冠：商品＝色とりどりの「葉」
   ------------------------------------------------------------------------
   v0.4.38で確立した「白い余白の中で鮮色を独立させる」原則を維持しつつ、
   商品を新芽だけに限定せず、一枚一枚の葉として扱う。

   葉色は発売時期・シリーズ年数・商品の新旧には対応させない。
   実データ上の生活効用サブタイプを色の根拠とし、春〜初夏の森林に存在する
   空色 / 青緑 / 緑 / 黄緑 / 黄 / 黄金 / アプリコット / 珊瑚 / 桜色まで
   色域を広げる。濁った黄土・茶・えんじ等の「秋の紅葉」方向は使わない。
   ======================================================================== */
.yk-integrated-explorer{
  /* 春の空・水 */
  --yk-leaf-sky:#32add2;
  --yk-leaf-sky-rgb:50,173,210;
  --yk-leaf-aqua:#25b8b3;
  --yk-leaf-aqua-rgb:37,184,179;
  --yk-leaf-teal:#1daf91;
  --yk-leaf-teal-rgb:29,175,145;

  /* 瑞々しい葉 */
  --yk-leaf-spring:#45c66d;
  --yk-leaf-spring-rgb:69,198,109;
  --yk-leaf-green:#62c34f;
  --yk-leaf-green-rgb:98,195,79;
  --yk-leaf-lime:#91c942;
  --yk-leaf-lime-rgb:145,201,66;
  --yk-leaf-yellowgreen:#b6cf3d;
  --yk-leaf-yellowgreen-rgb:182,207,61;

  /* 光・明るい葉 */
  --yk-leaf-sun:#f2c334;
  --yk-leaf-sun-rgb:242,195,52;
  --yk-leaf-gold:#edb53a;
  --yk-leaf-gold-rgb:237,181,58;

  /* 春の暖色：紅葉ではなく、花・若い葉・光を含んだ生命色 */
  --yk-leaf-apricot:#f3a04b;
  --yk-leaf-apricot-rgb:243,160,75;
  --yk-leaf-tangerine:#f18a4d;
  --yk-leaf-tangerine-rgb:241,138,77;
  --yk-leaf-coral:#ef7972;
  --yk-leaf-coral-rgb:239,121,114;
  --yk-leaf-sakura:#ec86a6;
  --yk-leaf-sakura-rgb:236,134,166;
  --yk-leaf-blossom:#f09ab5;
  --yk-leaf-blossom-rgb:240,154,181;
  --yk-leaf-redpink:#ea687f;
  --yk-leaf-redpink-rgb:234,104,127;

  --yk-leaf-neutral:#7c9c88;
  --yk-leaf-neutral-rgb:124,156,136;

  /* 既存のサブタイプ変数へ、より広い「葉のパレット」を意味に沿って割り当てる。 */
  /* 毎回の投入作業がほどける：暖かなアプリコット。頻出する効用にも暖色の居場所を作る。 */
  --yk-bud-effort-dose:var(--yk-leaf-apricot);
  --yk-bud-effort-dose-rgb:var(--yk-leaf-apricot-rgb);

  /* 自動手入れ：対象部位ごとに、緑〜青緑〜黄緑の異なる葉色。 */
  --yk-bud-effort-filter:var(--yk-leaf-spring);
  --yk-bud-effort-filter-rgb:var(--yk-leaf-spring-rgb);
  --yk-bud-effort-seal:var(--yk-leaf-lime);
  --yk-bud-effort-seal-rgb:var(--yk-leaf-lime-rgb);
  --yk-bud-effort-path:var(--yk-leaf-teal);
  --yk-bud-effort-path-rgb:var(--yk-leaf-teal-rgb);
  --yk-bud-effort-path-seal:#35bd79;
  --yk-bud-effort-path-seal-rgb:53,189,121;
  --yk-bud-effort-clean:var(--yk-leaf-yellowgreen);
  --yk-bud-effort-clean-rgb:var(--yk-leaf-yellowgreen-rgb);
  --yk-bud-effort-maintenance:var(--yk-leaf-green);
  --yk-bud-effort-maintenance-rgb:var(--yk-leaf-green-rgb);

  /* 設定保存・残量通知：管理負担が軽くなる「気づき・覚えてくれる」効用。 */
  --yk-bud-effort-setting:var(--yk-leaf-blossom);
  --yk-bud-effort-setting-rgb:var(--yk-leaf-blossom-rgb);
  --yk-bud-effort-notice:var(--yk-leaf-sun);
  --yk-bud-effort-notice-rgb:var(--yk-leaf-sun-rgb);

  /* 時間：速さは澄んだ空、変動は水、予定の自由は暖色側の「余裕」へ。 */
  --yk-bud-time-duration:var(--yk-leaf-sky);
  --yk-bud-time-duration-rgb:var(--yk-leaf-sky-rgb);
  --yk-bud-time-variable:var(--yk-leaf-aqua);
  --yk-bud-time-variable-rgb:var(--yk-leaf-aqua-rgb);
  --yk-bud-time-finish:var(--yk-leaf-sakura);
  --yk-bud-time-finish-rgb:var(--yk-leaf-sakura-rgb);
  --yk-bud-time-start:var(--yk-leaf-coral);
  --yk-bud-time-start-rgb:var(--yk-leaf-coral-rgb);
  --yk-bud-time-schedule:#ee7f96;
  --yk-bud-time-schedule-rgb:238,127,150;

  /* 判断支援：光〜橙。単なる「黄色」一色ではなく、支援の性格で温度を変える。 */
  --yk-bud-decision-guide:var(--yk-leaf-sun);
  --yk-bud-decision-guide-rgb:var(--yk-leaf-sun-rgb);
  --yk-bud-decision-adjust:var(--yk-leaf-tangerine);
  --yk-bud-decision-adjust-rgb:var(--yk-leaf-tangerine-rgb);
  --yk-bud-decision-learn:var(--yk-leaf-coral);
  --yk-bud-decision-learn-rgb:var(--yk-leaf-coral-rgb);
  --yk-bud-decision-support:var(--yk-leaf-gold);
  --yk-bud-decision-support-rgb:var(--yk-leaf-gold-rgb);

  /* 仕上がり・取り出し余裕：桜〜珊瑚。女性向けの記号ではなく、やさしさ・余裕の効用色。 */
  --yk-bud-finish-crease:var(--yk-leaf-redpink);
  --yk-bud-finish-crease-rgb:var(--yk-leaf-redpink-rgb);
  --yk-bud-finish-hold:var(--yk-leaf-sakura);
  --yk-bud-finish-hold-rgb:var(--yk-leaf-sakura-rgb);
  --yk-bud-finish-care:var(--yk-leaf-blossom);
  --yk-bud-finish-care-rgb:var(--yk-leaf-blossom-rgb);

  --yk-bud-other:var(--yk-leaf-neutral);
  --yk-bud-other-rgb:var(--yk-leaf-neutral-rgb);

  /* 発見操作の光は引き続き独立。 */
  --yk-light:var(--yk-leaf-sun);
  --yk-light-rgb:var(--yk-leaf-sun-rgb);
  --yk-sun:#ffd044;
  --yk-sun-rgb:255,208,68;
}

/* 1枚の葉に複数の効用がある場合、主色だけで一色に閉じない。
   左の細線を「主効用＋第二効用」の二色にし、遠目でも棚全体の多様性が見えるようにする。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  --yk-life-secondary:var(--yk-life-primary);
  --yk-life-secondary-rgb:var(--yk-life-primary-rgb);
  border-left-color:transparent !important;
}

/* 第二効用色。data 属性はJSが実データの第2の肯定的効用から付与する。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="effort-dose"]{--yk-life-secondary:var(--yk-bud-effort-dose);--yk-life-secondary-rgb:var(--yk-bud-effort-dose-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="effort-filter"]{--yk-life-secondary:var(--yk-bud-effort-filter);--yk-life-secondary-rgb:var(--yk-bud-effort-filter-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="effort-seal"]{--yk-life-secondary:var(--yk-bud-effort-seal);--yk-life-secondary-rgb:var(--yk-bud-effort-seal-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="effort-path"]{--yk-life-secondary:var(--yk-bud-effort-path);--yk-life-secondary-rgb:var(--yk-bud-effort-path-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="effort-path-seal"]{--yk-life-secondary:var(--yk-bud-effort-path-seal);--yk-life-secondary-rgb:var(--yk-bud-effort-path-seal-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="effort-clean"]{--yk-life-secondary:var(--yk-bud-effort-clean);--yk-life-secondary-rgb:var(--yk-bud-effort-clean-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="effort-maintenance"]{--yk-life-secondary:var(--yk-bud-effort-maintenance);--yk-life-secondary-rgb:var(--yk-bud-effort-maintenance-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="effort-setting"]{--yk-life-secondary:var(--yk-bud-effort-setting);--yk-life-secondary-rgb:var(--yk-bud-effort-setting-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="effort-notice"]{--yk-life-secondary:var(--yk-bud-effort-notice);--yk-life-secondary-rgb:var(--yk-bud-effort-notice-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="time-duration"]{--yk-life-secondary:var(--yk-bud-time-duration);--yk-life-secondary-rgb:var(--yk-bud-time-duration-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="time-variable"]{--yk-life-secondary:var(--yk-bud-time-variable);--yk-life-secondary-rgb:var(--yk-bud-time-variable-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="time-finish"]{--yk-life-secondary:var(--yk-bud-time-finish);--yk-life-secondary-rgb:var(--yk-bud-time-finish-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="time-start"]{--yk-life-secondary:var(--yk-bud-time-start);--yk-life-secondary-rgb:var(--yk-bud-time-start-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="time-schedule"]{--yk-life-secondary:var(--yk-bud-time-schedule);--yk-life-secondary-rgb:var(--yk-bud-time-schedule-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="decision-guide"]{--yk-life-secondary:var(--yk-bud-decision-guide);--yk-life-secondary-rgb:var(--yk-bud-decision-guide-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="decision-adjust"]{--yk-life-secondary:var(--yk-bud-decision-adjust);--yk-life-secondary-rgb:var(--yk-bud-decision-adjust-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="decision-learn"]{--yk-life-secondary:var(--yk-bud-decision-learn);--yk-life-secondary-rgb:var(--yk-bud-decision-learn-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="decision-support"]{--yk-life-secondary:var(--yk-bud-decision-support);--yk-life-secondary-rgb:var(--yk-bud-decision-support-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="finish-crease"]{--yk-life-secondary:var(--yk-bud-finish-crease);--yk-life-secondary-rgb:var(--yk-bud-finish-crease-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="finish-hold"]{--yk-life-secondary:var(--yk-bud-finish-hold);--yk-life-secondary-rgb:var(--yk-bud-finish-hold-rgb);}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-secondary-variant="finish-care"]{--yk-life-secondary:var(--yk-bud-finish-care);--yk-life-secondary-rgb:var(--yk-bud-finish-care-rgb);}

/* 二色の細線。幅は増やさず、情報量だけを増やす。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature::before{
  content:'';
  position:absolute;
  z-index:0;
  left:-1px;
  top:0;
  bottom:0;
  width:2px;
  border-radius:2px;
  background:linear-gradient(
    to bottom,
    rgba(var(--yk-life-primary-rgb),.94) 0%,
    rgba(var(--yk-life-primary-rgb),.94) 58%,
    rgba(var(--yk-life-secondary-rgb),.94) 58%,
    rgba(var(--yk-life-secondary-rgb),.94) 100%
  );
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature > *{
  position:relative;
  z-index:1;
}

/* 特徴ごとの色を、従来の小さな山括弧より少しだけ視認しやすい「色の短冊」にする。
   葉の絵は描かず、色の密度だけで樹冠の生命感を出す。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-item::before{
  content:'';
  width:.34rem;
  height:.13rem;
  left:.08rem;
  top:.50em;
  border-radius:999px;
  background:var(--yk-life-item);
  box-shadow:0 0 0 1px rgba(var(--yk-life-item-rgb),.08);
  font-size:0;
}

/* v0.4.38の「全カード共通の黄色い光点」は撤去。
   今回は暖色そのものが効用色として自然に現れるため、意味のない共通色を重ねない。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-label::after{
  content:none;
}

/* 主色の淡い面は残すが、色を混ぜず、白へすぐ抜ける。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  background:linear-gradient(
    90deg,
    rgba(var(--yk-life-primary-rgb),.064) 0%,
    rgba(var(--yk-life-primary-rgb),.020) 39%,
    rgba(255,255,255,0) 82%
  );
}

/* 「ほか○件」は発見の光として黄色を維持。葉色と役割を混同しない。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger{
  border-color:rgba(var(--yk-light-rgb),.72);
  background:#fff;
  color:rgba(70,58,31,.96);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger:hover,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger:focus-visible,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more.is-open .yk-card-more-trigger{
  background:rgba(var(--yk-sun-rgb),.075);
  border-color:var(--yk-light);
}

/* 条件外では樹冠の色彩も後退。市場には残すが、現在の条件との距離を優先する。 */
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature::before{
  background:rgba(92,99,93,.20);
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature .yk-card-life-feature-item::before{
  background:rgba(92,99,93,.34);
  box-shadow:none;
}

@media (max-width:560px){
  /* スマホでは色の数は減らさず、細線と短冊の面積だけ少し抑える。 */
  .yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature::before{width:1.5px;}
  .yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-item::before{
    width:.30rem;
  }
}


/* ========================================================================
   v0.4.40 — 一枚の葉＝一色
   ------------------------------------------------------------------------
   v0.4.39で試した「1カード内の複数効用を複数色で見せる」方式を撤回する。
   商品カードは一枚の葉として、一つの代表葉色だけを持つ。
   色はカード内で混ぜず、棚全体で多様な葉色が並ぶことで森林の生命感を作る。
   「ほか○件を見る」の黄金色は葉色ではなく発見操作の機能色なので独立して残す。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  --yk-life-secondary:var(--yk-life-primary) !important;
  --yk-life-secondary-rgb:var(--yk-life-primary-rgb) !important;
  border-left-color:rgba(var(--yk-life-primary-rgb),.90) !important;
}

/* 左線は一色。二色の葉脈表現は使わない。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature::before{
  background:rgba(var(--yk-life-primary-rgb),.94) !important;
}

/* 肯定的な特徴はすべて、そのカードの代表葉色で統一する。
   個別効用の違いは文章で保持し、色の多様性はカード間で表現する。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-item[data-life-tone="growth"]{
  --yk-life-item:var(--yk-life-primary) !important;
  --yk-life-item-rgb:var(--yk-life-primary-rgb) !important;
}

/* 制約・非対応は肯定的な葉色にしない。ここだけは意味上の中立表示。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-item[data-life-tone="limit"]{
  --yk-life-item:rgba(91,99,93,.52) !important;
  --yk-life-item-rgb:91,99,93 !important;
}

/* 見出し点・淡い面・短冊は同じ代表葉色を共有する。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-label::before{
  background:var(--yk-life-primary) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-item[data-life-tone="growth"]::before{
  background:var(--yk-life-primary) !important;
  box-shadow:0 0 0 1px rgba(var(--yk-life-primary-rgb),.08) !important;
}


/* ========================================================================
   v0.4.41 — 一葉一色 × 体感効用の細分類
   ------------------------------------------------------------------------
   v0.4.40の「一商品＝一枚の葉＝一色」は固定。
   ただし葉色の文法を、青／緑などの粗い大分類から、ユーザーが生活で
   どう変化を受け取るかという細分類へ広げる。春〜初夏の樹冠として、
   空色・青緑・若葉・黄緑・黄金・アプリコット・珊瑚・桜色を共存させる。
   暖色も濁らせず、秋の紅葉ではなく「光・花・瑞々しい葉」の色として扱う。
   ======================================================================== */
.yk-integrated-explorer{
  /* 毎回の小作業が消える：暮らしの温度が軽くなるアプリコット系 */
  --yk-leaf-dose-both:#f39a52;
  --yk-leaf-dose-both-rgb:243,154,82;
  --yk-leaf-dose-detergent:#efb047;
  --yk-leaf-dose-detergent-rgb:239,176,71;

  /* 手入れの種類ごとの差：同じ緑に閉じず、春の葉の幅を持たせる */
  --yk-leaf-filter:#3fc779;
  --yk-leaf-filter-rgb:63,199,121;
  --yk-leaf-seal:#a6cd43;
  --yk-leaf-seal-rgb:166,205,67;
  --yk-leaf-path:#2fb5a0;
  --yk-leaf-path-rgb:47,181,160;
  --yk-leaf-path-seal:#86c94b;
  --yk-leaf-path-seal-rgb:134,201,75;
  --yk-leaf-clean:#c3c93b;
  --yk-leaf-clean-rgb:195,201,59;
  --yk-leaf-maintenance:#55c66d;
  --yk-leaf-maintenance-rgb:85,198,109;

  /* 再入力・補充・判断の軽減：光〜暖色側の春色 */
  --yk-leaf-setting:#f18a63;
  --yk-leaf-setting-rgb:241,138,99;
  --yk-leaf-notice:#e8b934;
  --yk-leaf-notice-rgb:232,185,52;
  --yk-leaf-decision-guide:#edc43d;
  --yk-leaf-decision-guide-rgb:237,196,61;
  --yk-leaf-decision-adjust:#f19a48;
  --yk-leaf-decision-adjust-rgb:241,154,72;
  --yk-leaf-decision-learn:#e78db3;
  --yk-leaf-decision-learn-rgb:231,141,179;
  --yk-leaf-decision-support:#e9b343;
  --yk-leaf-decision-support-rgb:233,179,67;

  /* 時間：澄んだ空・水。秋色とぶつからず春の開放感を支える */
  --yk-leaf-time-duration:#31b4d5;
  --yk-leaf-time-duration-rgb:49,180,213;
  --yk-leaf-time-variable:#51a8d8;
  --yk-leaf-time-variable-rgb:81,168,216;
  --yk-leaf-time-finish:#469ddd;
  --yk-leaf-time-finish-rgb:70,157,221;
  --yk-leaf-time-start:#3cb8c8;
  --yk-leaf-time-start-rgb:60,184,200;
  --yk-leaf-time-schedule:#4fa8d5;
  --yk-leaf-time-schedule-rgb:79,168,213;

  /* 取り出し・仕上がりの余裕：春の花色。警告赤とは別系統 */
  --yk-leaf-finish-crease:#eb8faf;
  --yk-leaf-finish-crease-rgb:235,143,175;
  --yk-leaf-finish-hold:#ed8073;
  --yk-leaf-finish-hold-rgb:237,128,115;
  --yk-leaf-finish-care:#f09a87;
  --yk-leaf-finish-care-rgb:240,154,135;
}

/* 自動投入は「毎回の小作業から解放される」効用として、暖かな葉色へ。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-dose-both"]{
  --yk-life-primary:var(--yk-leaf-dose-both) !important;
  --yk-life-primary-rgb:var(--yk-leaf-dose-both-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-dose-detergent"]{
  --yk-life-primary:var(--yk-leaf-dose-detergent) !important;
  --yk-life-primary-rgb:var(--yk-leaf-dose-detergent-rgb) !important;
}

.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-filter"]{
  --yk-life-primary:var(--yk-leaf-filter) !important; --yk-life-primary-rgb:var(--yk-leaf-filter-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-seal"]{
  --yk-life-primary:var(--yk-leaf-seal) !important; --yk-life-primary-rgb:var(--yk-leaf-seal-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-path"]{
  --yk-life-primary:var(--yk-leaf-path) !important; --yk-life-primary-rgb:var(--yk-leaf-path-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-path-seal"]{
  --yk-life-primary:var(--yk-leaf-path-seal) !important; --yk-life-primary-rgb:var(--yk-leaf-path-seal-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-clean"]{
  --yk-life-primary:var(--yk-leaf-clean) !important; --yk-life-primary-rgb:var(--yk-leaf-clean-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-maintenance"]{
  --yk-life-primary:var(--yk-leaf-maintenance) !important; --yk-life-primary-rgb:var(--yk-leaf-maintenance-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-setting"]{
  --yk-life-primary:var(--yk-leaf-setting) !important; --yk-life-primary-rgb:var(--yk-leaf-setting-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="effort-notice"]{
  --yk-life-primary:var(--yk-leaf-notice) !important; --yk-life-primary-rgb:var(--yk-leaf-notice-rgb) !important;
}

.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="time-duration"]{
  --yk-life-primary:var(--yk-leaf-time-duration) !important; --yk-life-primary-rgb:var(--yk-leaf-time-duration-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="time-variable"]{
  --yk-life-primary:var(--yk-leaf-time-variable) !important; --yk-life-primary-rgb:var(--yk-leaf-time-variable-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="time-finish"]{
  --yk-life-primary:var(--yk-leaf-time-finish) !important; --yk-life-primary-rgb:var(--yk-leaf-time-finish-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="time-start"]{
  --yk-life-primary:var(--yk-leaf-time-start) !important; --yk-life-primary-rgb:var(--yk-leaf-time-start-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="time-schedule"]{
  --yk-life-primary:var(--yk-leaf-time-schedule) !important; --yk-life-primary-rgb:var(--yk-leaf-time-schedule-rgb) !important;
}

.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="decision-guide"]{
  --yk-life-primary:var(--yk-leaf-decision-guide) !important; --yk-life-primary-rgb:var(--yk-leaf-decision-guide-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="decision-adjust"]{
  --yk-life-primary:var(--yk-leaf-decision-adjust) !important; --yk-life-primary-rgb:var(--yk-leaf-decision-adjust-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="decision-learn"]{
  --yk-life-primary:var(--yk-leaf-decision-learn) !important; --yk-life-primary-rgb:var(--yk-leaf-decision-learn-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="decision-support"]{
  --yk-life-primary:var(--yk-leaf-decision-support) !important; --yk-life-primary-rgb:var(--yk-leaf-decision-support-rgb) !important;
}

.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="finish-crease"]{
  --yk-life-primary:var(--yk-leaf-finish-crease) !important; --yk-life-primary-rgb:var(--yk-leaf-finish-crease-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="finish-hold"]{
  --yk-life-primary:var(--yk-leaf-finish-hold) !important; --yk-life-primary-rgb:var(--yk-leaf-finish-hold-rgb) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature[data-life-variant="finish-care"]{
  --yk-life-primary:var(--yk-leaf-finish-care) !important; --yk-life-primary-rgb:var(--yk-leaf-finish-care-rgb) !important;
}

/* 一葉一色は継続。各特徴のマーカーも代表葉色で統一する。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-item[data-life-tone="growth"]{
  --yk-life-item:var(--yk-life-primary) !important;
  --yk-life-item-rgb:var(--yk-life-primary-rgb) !important;
}

/* ========================================================================
   v0.4.42 — 特徴本文の箇条書き記号を撤去
   ------------------------------------------------------------------------
   v0.4.41で確定した「一商品＝一枚の葉＝一つの代表葉色」は維持する。
   代表葉色は左の縦線と見出し横の小さな点に集約し、本文では反復しない。
   最大2件しか表に出さないため、各項目は記号ではなく余白で読み分ける。
   色＝葉の個性、余白＝情報構造、と役割を分離する。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-list{
  gap:.40rem;
  margin-top:.16rem;
}

.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-item{
  padding-left:0;
  line-height:1.58;
}

/* 旧来の › / 色短冊 / − に見えるマーカーを完全に撤去。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-item::before{
  content:none !important;
  display:none !important;
}

/* 制約項目も同じ文章構造にそろえ、色付き記号で区別しない。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-item[data-life-tone="limit"]::before{
  content:none !important;
  display:none !important;
}

@media (max-width:560px){
  .yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-list{
    gap:.34rem;
  }
}


/* v0.4.43: 特徴欄の色付き縦線を外し、色はカード全体の空気として宿す。
   一枚の葉色はカード上部の淡い光、輪郭のわずかな色気、特徴面の柔らかい下敷きで感じさせる。 */
.yk-integrated-explorer .yk-product-card--compact{
  --yk-card-leaf-rgb:var(--yk-bud-other-rgb);
  background:
    linear-gradient(180deg,
      rgba(var(--yk-card-leaf-rgb),.062) 0%,
      rgba(var(--yk-card-leaf-rgb),.024) 15%,
      rgba(255,255,255,0) 31%),
    var(--yk-surface-card);
  border-color:rgba(var(--yk-card-leaf-rgb),.16);
  box-shadow:0 1px 0 rgba(34,42,36,.025), inset 0 1px 0 rgba(255,255,255,.72);
}
.yk-integrated-explorer .yk-product-card--compact:hover,
.yk-integrated-explorer .yk-product-card--compact:focus-within{
  border-color:rgba(var(--yk-card-leaf-rgb),.28);
  box-shadow:0 8px 18px rgba(30,36,32,.06),0 1px 2px rgba(30,36,32,.03), inset 0 1px 0 rgba(255,255,255,.78);
}

.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-dose"]){--yk-card-leaf-rgb:var(--yk-bud-effort-dose-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-filter"]){--yk-card-leaf-rgb:var(--yk-bud-effort-filter-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-seal"]){--yk-card-leaf-rgb:var(--yk-bud-effort-seal-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-path"]){--yk-card-leaf-rgb:var(--yk-bud-effort-path-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-path-seal"]){--yk-card-leaf-rgb:var(--yk-bud-effort-path-seal-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-clean"]){--yk-card-leaf-rgb:var(--yk-bud-effort-clean-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-maintenance"]){--yk-card-leaf-rgb:var(--yk-bud-effort-maintenance-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-setting"]){--yk-card-leaf-rgb:var(--yk-bud-effort-setting-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-notice"]){--yk-card-leaf-rgb:var(--yk-bud-effort-notice-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="time-duration"]){--yk-card-leaf-rgb:var(--yk-bud-time-duration-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="time-variable"]){--yk-card-leaf-rgb:var(--yk-bud-time-variable-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="time-finish"]){--yk-card-leaf-rgb:var(--yk-bud-time-finish-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="time-start"]){--yk-card-leaf-rgb:var(--yk-bud-time-start-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="time-schedule"]){--yk-card-leaf-rgb:var(--yk-bud-time-schedule-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="decision-guide"]){--yk-card-leaf-rgb:var(--yk-bud-decision-guide-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="decision-adjust"]){--yk-card-leaf-rgb:var(--yk-bud-decision-adjust-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="decision-learn"]){--yk-card-leaf-rgb:var(--yk-bud-decision-learn-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="decision-support"]){--yk-card-leaf-rgb:var(--yk-bud-decision-support-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="finish-crease"]){--yk-card-leaf-rgb:var(--yk-bud-finish-crease-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="finish-hold"]){--yk-card-leaf-rgb:var(--yk-bud-finish-hold-rgb);}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="finish-care"]){--yk-card-leaf-rgb:var(--yk-bud-finish-care-rgb);}

.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  border-left:0;
  padding:.46rem .52rem .48rem;
  border-radius:8px;
  background:
    linear-gradient(180deg,
      rgba(var(--yk-life-primary-rgb),.082) 0%,
      rgba(var(--yk-life-primary-rgb),.044) 100%);
  box-shadow:inset 0 0 0 1px rgba(var(--yk-life-primary-rgb),.07);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-list{
  gap:.28rem;
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature{
  border-left:0;
  background:linear-gradient(180deg, rgba(92,99,93,.048) 0%, rgba(92,99,93,.028) 100%);
  box-shadow:inset 0 0 0 1px rgba(92,99,93,.07);
}
@supports not selector(:has(*)){
  .yk-integrated-explorer .yk-product-card--compact{
    border-color:#e6dfd4;
    background:
      linear-gradient(180deg,
        rgba(76,101,84,.04) 0%,
        rgba(76,101,84,.015) 15%,
        rgba(255,255,255,0) 31%),
      var(--yk-surface-card);
  }
}


/* ========================================================================
   v0.4.44 — 縦線を完全撤去し、カード面そのものに葉色を宿す
   ------------------------------------------------------------------------
   v0.4.43では border-left を外しただけで、過去版の ::before による
   疑似要素の縦線が残っていた。今回は疑似要素も明示的に消す。
   色はカード全体の淡い面・輪郭・特徴面へ分散し、分類線ではなく
   「一枚の葉としての色気」として感じさせる。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  border-left:0 !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature::before{
  content:none !important;
  display:none !important;
  width:0 !important;
  background:none !important;
}

/* カード全体の葉色。白を主役にしたまま、面として違いが分かる強さまで少し上げる。 */
.yk-integrated-explorer .yk-product-card--compact{
  background:
    radial-gradient(120% 48% at 50% 0%, rgba(var(--yk-card-leaf-rgb),.090) 0%, rgba(var(--yk-card-leaf-rgb),.034) 48%, rgba(255,255,255,0) 78%),
    linear-gradient(180deg, rgba(var(--yk-card-leaf-rgb),.030) 0%, rgba(255,255,255,0) 38%),
    var(--yk-surface-card);
  border-color:rgba(var(--yk-card-leaf-rgb),.22);
}
.yk-integrated-explorer .yk-product-card--compact:hover,
.yk-integrated-explorer .yk-product-card--compact:focus-within{
  border-color:rgba(var(--yk-card-leaf-rgb),.36);
}

/* 商品画像の白い窓にも、ごく薄く同じ葉色を反射させる。 */
.yk-integrated-explorer .yk-product-card--compact .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact .yk-product-placeholder{
  background:
    linear-gradient(180deg, rgba(var(--yk-card-leaf-rgb),.038) 0%, rgba(255,255,255,.96) 100%);
  border-color:rgba(var(--yk-card-leaf-rgb),.10);
}

/* 特徴欄は線を使わず、カード色の少し濃い“葉の内側”として見せる。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(var(--yk-life-primary-rgb),.105) 0%, rgba(var(--yk-life-primary-rgb),.055) 100%);
  box-shadow:inset 0 0 0 1px rgba(var(--yk-life-primary-rgb),.080);
}

/* 条件外では色面も静かに後退。 */
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch{
  --yk-card-leaf-rgb:92,99,93;
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature::before{
  content:none !important;
  display:none !important;
}


/* ========================================================================
   v0.4.45 — 葉色を「生活変化の領域」へ集約
   ------------------------------------------------------------------------
   v0.4.44で強くなりすぎたカード全体・画像窓まわりの色気を後退させる。
   カード本体は白く静かに戻し、代表葉色は主に「この機種の特徴」領域へ宿す。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact{
  background:var(--yk-surface-card) !important;
  border-color:#e8e3db !important;
  box-shadow:0 1px 0 rgba(34,42,36,.025), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
.yk-integrated-explorer .yk-product-card--compact:hover,
.yk-integrated-explorer .yk-product-card--compact:focus-within{
  background:var(--yk-surface-card) !important;
  border-color:#ddd6cb !important;
  box-shadow:0 8px 18px rgba(30,36,32,.05), 0 1px 2px rgba(30,36,32,.03), inset 0 1px 0 rgba(255,255,255,.78) !important;
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch:hover,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch:focus-within{
  border-color:#e8e4dd !important;
  box-shadow:0 1px 0 rgba(34,42,36,.018), inset 0 1px 0 rgba(255,255,255,.64) !important;
}

/* カード上部や画像窓へ常時色をのせない。 */
.yk-integrated-explorer .yk-product-card--compact .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact .yk-product-placeholder{
  background:#fff !important;
  box-shadow:inset 0 0 0 1px rgba(58,67,61,.035) !important;
  border-color:rgba(58,67,61,.05) !important;
}

/* 「この機種の特徴」だけに葉色を残す。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  background:linear-gradient(180deg,
    rgba(var(--yk-life-primary-rgb),.072) 0%,
    rgba(var(--yk-life-primary-rgb),.038) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--yk-life-primary-rgb),.065) !important;
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature{
  background:linear-gradient(180deg, rgba(92,99,93,.042) 0%, rgba(92,99,93,.024) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(92,99,93,.06) !important;
}

/* 機能色は残すが、カード全体の色気を奪わないよう軽く保つ。 */
.yk-integrated-explorer .yk-product-grid > .yk-product-card--compact:not(.is-filter-mismatch):hover{
  transform:translateY(-1px);
}


/* ========================================================================
   v0.4.46 — 上品さは維持しつつ、上半分にだけごく弱い生命感を戻す
   ------------------------------------------------------------------------
   v0.4.45 は静かで上品だが、色が特徴欄のみに閉じて少し寂しく見える。
   カード本体は白を維持しながら、上半分にだけごく薄い葉色の空気を戻す。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact{
  background:
    radial-gradient(110% 34% at 50% 0%, rgba(var(--yk-card-leaf-rgb),.034) 0%, rgba(var(--yk-card-leaf-rgb),.012) 42%, rgba(255,255,255,0) 76%),
    linear-gradient(180deg, rgba(var(--yk-card-leaf-rgb),.010) 0%, rgba(255,255,255,0) 22%),
    var(--yk-surface-card) !important;
  border-color:#e7e2d9 !important;
}
.yk-integrated-explorer .yk-product-card--compact:hover,
.yk-integrated-explorer .yk-product-card--compact:focus-within{
  background:
    radial-gradient(110% 36% at 50% 0%, rgba(var(--yk-card-leaf-rgb),.045) 0%, rgba(var(--yk-card-leaf-rgb),.016) 46%, rgba(255,255,255,0) 78%),
    linear-gradient(180deg, rgba(var(--yk-card-leaf-rgb),.014) 0%, rgba(255,255,255,0) 24%),
    var(--yk-surface-card) !important;
  border-color:#ddd6cb !important;
}

/* 画像窓にはごく薄い反射だけを戻す。 */
.yk-integrated-explorer .yk-product-card--compact .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact .yk-product-placeholder{
  background:
    linear-gradient(180deg, rgba(var(--yk-card-leaf-rgb),.018) 0%, rgba(255,255,255,.98) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--yk-card-leaf-rgb),.05) !important;
  border-color:rgba(58,67,61,.04) !important;
}

/* 特徴欄の色面をほんの少しだけ持ち上げる。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  background:linear-gradient(180deg,
    rgba(var(--yk-life-primary-rgb),.082) 0%,
    rgba(var(--yk-life-primary-rgb),.043) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--yk-life-primary-rgb),.07) !important;
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature{
  background:linear-gradient(180deg, rgba(92,99,93,.040) 0%, rgba(92,99,93,.022) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(92,99,93,.055) !important;
}


/* ========================================================================
   v0.4.47 — 「ほか○件を見る」ポップオーバーのレイヤー修正
   ------------------------------------------------------------------------
   過去の後勝ちルールで z-index:120 に上書きされ、固定ポップオーバーが
   商品カード背面へ回り込むケースを解消する。 */
.yk-integrated-explorer .yk-card-more-panel,
.yk-card-more-panel{
  position:fixed;
  z-index:2147483000 !important;
}


/* ========================================================================
   v0.4.48 — 「ほか○件を見る」固定ポップオーバーの座標基準を修正
   ------------------------------------------------------------------------
   原因は z-index ではなく、カード hover の transform。
   transform を持つ祖先内では position:fixed の基準が viewport ではなく
   その祖先へ変わるため、JSで計算した viewport 座標と表示位置がずれていた。
   ポップオーバー展開中だけ transform を完全に解除し、固定配置を viewport 基準へ戻す。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open,
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open:hover,
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open:focus-within,
.yk-integrated-explorer .yk-product-grid > .yk-product-card--compact.is-card-more-open{
  transform:none !important;
  overflow:visible !important;
}
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open .yk-card-life,
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open .yk-card-life-slot--feature,
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open .yk-card-life-head,
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open .yk-card-more{
  overflow:visible !important;
}
.yk-integrated-explorer .yk-card-more-panel,
.yk-card-more-panel{
  position:fixed !important;
  z-index:2147483000 !important;
}


/* ========================================================================
   v0.4.49 — ポップオーバー初期フレームのちらつきを除去
   ------------------------------------------------------------------------
   開く瞬間に hover の transform transition が残ると、position:fixed が一瞬だけ
   カード基準で描画される。展開中は transform transition を即時停止し、
   JS が確定座標を取得する間はパネルを完全に隠す。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open,
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open:hover,
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open:focus-within{
  transform:none !important;
  transition:none !important;
  will-change:auto !important;
}
.yk-card-more.is-positioning .yk-card-more-panel,
.yk-integrated-explorer .yk-card-more.is-positioning .yk-card-more-panel{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:none !important;
}
.yk-card-more.is-open:not(.is-positioning) .yk-card-more-panel{
  transition:opacity .08s ease !important;
}


/* ========================================================================
   v0.4.50 — 色面の面積を少し広げる
   ------------------------------------------------------------------------
   v0.4.49 は上品で整っているが、色の宿る面積が特徴欄だけに閉じてやや狭い。
   カード全体の色膜には戻さず、生活変化エリア（feature + maintenance）へ
   ごく薄い連続した葉色を広げて、面積だけを少し増やす。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life{
  position:relative;
  padding:.02rem .08rem 0;
  margin:.08rem -.08rem .7rem;
  border-top:1px solid rgba(45,45,45,.09);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life::before{
  content:"";
  position:absolute;
  left:.06rem;
  right:.06rem;
  top:.42rem;
  bottom:.52rem;
  border-radius:12px;
  background:linear-gradient(180deg,
    rgba(var(--yk-card-leaf-rgb),.040) 0%,
    rgba(var(--yk-card-leaf-rgb),.024) 48%,
    rgba(var(--yk-card-leaf-rgb),.012) 100%);
  box-shadow:inset 0 0 0 1px rgba(var(--yk-card-leaf-rgb),.038);
  pointer-events:none;
  z-index:0;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life > *{
  position:relative;
  z-index:1;
}

/* 特徴欄は色の核として少しだけはっきり残す。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  background:linear-gradient(180deg,
    rgba(var(--yk-life-primary-rgb),.090) 0%,
    rgba(var(--yk-life-primary-rgb),.050) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--yk-life-primary-rgb),.075) !important;
}

/* 下段にも同系色をにじませ、面積を広げる。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--difference{
  background:transparent;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-life-label,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--difference .yk-card-life-label{
  color:rgba(40,40,40,.50);
}

/* フィルタ不一致は広げ過ぎない。 */
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life::before{
  background:linear-gradient(180deg,
    rgba(92,99,93,.024) 0%,
    rgba(92,99,93,.014) 100%);
  box-shadow:inset 0 0 0 1px rgba(92,99,93,.032);
}


/* ========================================================================
   v0.4.51 — 「容量〜特徴〜自分でする手入れ」を一つの生活情報帯としてつなぐ
   ------------------------------------------------------------------------
   色面を特徴欄のみに閉じず、容量から手入れまでを淡く連続した一帯にする。
   ただしカード全体は白く保ち、比較候補欄や商品情報領域には広げない。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life{
  position:relative;
  padding:.02rem .08rem 0;
  margin:.06rem -.08rem .54rem;
  border-top:1px solid rgba(45,45,45,.08);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life::before{
  content:none !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life > *{
  position:relative;
  z-index:1;
}

/* 共通の生活情報帯トーン */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--capacity,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance{
  background:linear-gradient(180deg,
    rgba(var(--yk-card-leaf-rgb),.050) 0%,
    rgba(var(--yk-card-leaf-rgb),.026) 100%);
  box-shadow:inset 0 0 0 1px rgba(var(--yk-card-leaf-rgb),.050);
}

/* 3段をつないだ一帯にする */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--capacity{
  margin:0;
  padding:.42rem .46rem .3rem;
  border-radius:12px 12px 0 0;
  border-bottom:1px solid rgba(var(--yk-card-leaf-rgb),.06);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  margin:0;
  padding:.34rem .46rem .38rem;
  border-radius:0;
  border-left:0;
  background:linear-gradient(180deg,
    rgba(var(--yk-life-primary-rgb),.092) 0%,
    rgba(var(--yk-life-primary-rgb),.052) 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(var(--yk-life-primary-rgb),.078),
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -1px 0 rgba(255,255,255,.12) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance{
  margin:0;
  padding:.3rem .46rem .42rem;
  border-radius:0 0 12px 12px;
}

/* 境界はつなぎつつ、階層感だけ少し残す */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  border-top:1px solid rgba(255,255,255,.42);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-life-maintenance{
  font-weight:460;
}

/* フィルタ不一致は色気をかなり薄く保つ */
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--capacity,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--maintenance{
  background:linear-gradient(180deg, rgba(92,99,93,.032) 0%, rgba(92,99,93,.016) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(92,99,93,.038) !important;
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--maintenance{
  border-top-color:rgba(255,255,255,.28);
}


/* ========================================================================
   v0.4.52 — 容量は前室、特徴＋手入れを生活領域の中心として再整理
   ------------------------------------------------------------------------
   v0.4.51 は「容量」まで主役色帯へ統合しすぎ、構造と色の役割がずれてチグハグになった。
   そこで、容量は白寄りの前室へ戻し、特徴＋手入れのみを一体感ある生活領域としてまとめ直す。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life{
  margin:.06rem -.08rem .58rem;
  padding:.02rem .08rem 0;
  border-top:1px solid rgba(45,45,45,.08);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life::before{
  content:none !important;
}

/* 容量は生活情報帯への入口。白寄りで、ほんのり葉色の気配だけ残す。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--capacity{
  margin:0 0 .16rem;
  padding:.40rem .46rem .30rem;
  border-radius:10px;
  background:linear-gradient(180deg,
    rgba(var(--yk-card-leaf-rgb),.022) 0%,
    rgba(var(--yk-card-leaf-rgb),.010) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--yk-card-leaf-rgb),.028) !important;
}

/* 特徴＋手入れを一体感のある生活領域としてまとめる。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  margin:0;
  padding:.36rem .46rem .36rem;
  border-left:0;
  border-radius:12px 12px 0 0;
  background:linear-gradient(180deg,
    rgba(var(--yk-life-primary-rgb),.090) 0%,
    rgba(var(--yk-life-primary-rgb),.050) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--yk-life-primary-rgb),.074) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance{
  margin:0;
  padding:.28rem .46rem .38rem;
  border-radius:0 0 12px 12px;
  background:linear-gradient(180deg,
    rgba(var(--yk-card-leaf-rgb),.048) 0%,
    rgba(var(--yk-card-leaf-rgb),.024) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--yk-card-leaf-rgb),.048) !important;
  border-top:1px solid rgba(255,255,255,.42);
}

/* 量感を少し整理 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-life-maintenance{
  font-weight:460;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-life-label{
  color:rgba(40,40,40,.50);
}

/* 不一致カードはさらに薄く。 */
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--capacity{
  background:linear-gradient(180deg, rgba(92,99,93,.016) 0%, rgba(92,99,93,.008) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(92,99,93,.022) !important;
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature{
  background:linear-gradient(180deg, rgba(92,99,93,.038) 0%, rgba(92,99,93,.020) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(92,99,93,.040) !important;
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--maintenance{
  background:linear-gradient(180deg, rgba(92,99,93,.024) 0%, rgba(92,99,93,.012) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(92,99,93,.028) !important;
  border-top-color:rgba(255,255,255,.22);
}


/* ========================================================================
   v0.4.53 — 1商品1葉色へ整理
   ------------------------------------------------------------------------
   一つの商品カードの中で複数の色が同居すると、葉色の意味が散って見える。
   各商品は「代表となる1枚の葉」とみなし、容量・特徴・手入れ・補助操作まで
   1つの代表葉色で統一する。
   ======================================================================== */

/* 第二効用色は使わず、カードの代表葉色へ一本化する。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  --yk-life-secondary:var(--yk-life-primary) !important;
  --yk-life-secondary-rgb:var(--yk-life-primary-rgb) !important;
}

/* 容量・特徴・手入れは同じ葉色系で、強弱だけ変える。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--capacity{
  background:linear-gradient(180deg,
    rgba(var(--yk-card-leaf-rgb),.024) 0%,
    rgba(var(--yk-card-leaf-rgb),.010) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--yk-card-leaf-rgb),.028) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  background:linear-gradient(180deg,
    rgba(var(--yk-card-leaf-rgb),.086) 0%,
    rgba(var(--yk-card-leaf-rgb),.048) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--yk-card-leaf-rgb),.070) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance{
  background:linear-gradient(180deg,
    rgba(var(--yk-card-leaf-rgb),.050) 0%,
    rgba(var(--yk-card-leaf-rgb),.022) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--yk-card-leaf-rgb),.048) !important;
  border-top:1px solid rgba(255,255,255,.40) !important;
}

/* 特徴内の各項目も個別色を使わず、代表葉色で揃える。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-item{
  color:rgba(31,38,33,.92);
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-feature-item::before{
  background:rgba(var(--yk-card-leaf-rgb),.82) !important;
  box-shadow:0 0 0 1px rgba(var(--yk-card-leaf-rgb),.10) !important;
}

/* ラベルの小さな色点も同色。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-life-label::before{
  background:rgba(var(--yk-card-leaf-rgb),.86) !important;
}

/* 「ほか○件を見る」も発見の共通黄色ではなく、その商品の葉色に寄せる。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-more-trigger{
  border-color:rgba(var(--yk-card-leaf-rgb),.46) !important;
  background:rgba(255,255,255,.86) !important;
  color:rgba(50,52,48,.92) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger:hover,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger:focus-visible,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more.is-open .yk-card-more-trigger,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-more-trigger:hover,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-more-trigger:focus-visible,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-more.is-open .yk-card-more-trigger{
  background:rgba(var(--yk-card-leaf-rgb),.10) !important;
  border-color:rgba(var(--yk-card-leaf-rgb),.62) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger::before,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-more-trigger::before{
  background:rgba(var(--yk-card-leaf-rgb),.76) !important;
}

/* 条件外カードは単色のまま薄く後退。 */
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature .yk-card-life-feature-item::before,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature .yk-card-life-label::before,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature .yk-card-more-trigger::before,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--maintenance .yk-card-more-trigger::before{
  background:rgba(92,99,93,.34) !important;
}


/* ========================================================================
   v0.4.54 — 代表葉色の適用ロジック修正 + 手入れラベル可読性改善
   ------------------------------------------------------------------------
   v0.4.53では「一商品一色」は成立したが、カード外周〜生活帯へ渡す代表葉色が
   旧bud系変数のままで、自動投入系など一部細分類が正しく拾われず、
   棚全体の多様性が痩せていた。また「自分でする手入れ」のラベルが薄く読みにくい。
   ここでは代表葉色の受け渡しをleaf系へ統一し、手入れ欄の文字コントラストを上げる。
   ======================================================================== */

/* カード全体へ渡す代表葉色を、細分類済みの leaf パレットへ統一。 */
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-dose-both"]){--yk-card-leaf-rgb:var(--yk-leaf-dose-both-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-dose-detergent"]){--yk-card-leaf-rgb:var(--yk-leaf-dose-detergent-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-filter"]){--yk-card-leaf-rgb:var(--yk-leaf-filter-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-seal"]){--yk-card-leaf-rgb:var(--yk-leaf-seal-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-path"]){--yk-card-leaf-rgb:var(--yk-leaf-path-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-path-seal"]){--yk-card-leaf-rgb:var(--yk-leaf-path-seal-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-clean"]){--yk-card-leaf-rgb:var(--yk-leaf-clean-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-maintenance"]){--yk-card-leaf-rgb:var(--yk-leaf-maintenance-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-setting"]){--yk-card-leaf-rgb:var(--yk-leaf-setting-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="effort-notice"]){--yk-card-leaf-rgb:var(--yk-leaf-notice-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="time-duration"]){--yk-card-leaf-rgb:var(--yk-leaf-time-duration-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="time-variable"]){--yk-card-leaf-rgb:var(--yk-leaf-time-variable-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="time-finish"]){--yk-card-leaf-rgb:var(--yk-leaf-time-finish-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="time-start"]){--yk-card-leaf-rgb:var(--yk-leaf-time-start-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="time-schedule"]){--yk-card-leaf-rgb:var(--yk-leaf-time-schedule-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="decision-guide"]){--yk-card-leaf-rgb:var(--yk-leaf-decision-guide-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="decision-adjust"]){--yk-card-leaf-rgb:var(--yk-leaf-decision-adjust-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="decision-learn"]){--yk-card-leaf-rgb:var(--yk-leaf-decision-learn-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="decision-support"]){--yk-card-leaf-rgb:var(--yk-leaf-decision-support-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="finish-crease"]){--yk-card-leaf-rgb:var(--yk-leaf-finish-crease-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="finish-hold"]){--yk-card-leaf-rgb:var(--yk-leaf-finish-hold-rgb) !important;}
.yk-integrated-explorer .yk-product-card--compact:has(.yk-card-life-slot--feature[data-life-variant="finish-care"]){--yk-card-leaf-rgb:var(--yk-leaf-finish-care-rgb) !important;}

/* 手入れ欄のラベルと本文を少し濃くして、白背景上でも読みやすくする。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-life-label{
  color:rgba(36,42,38,.66) !important;
  letter-spacing:.015em;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-life-maintenance,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-maintenance-item{
  color:rgba(38,40,37,.94) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-maintenance-item small{
  color:rgba(62,65,61,.66) !important;
  font-weight:500;
}


/* ========================================================================
   v0.4.55 — 手入れ欄の可読性向上 + 特徴/手入れ境界の無色スリット解消
   ------------------------------------------------------------------------
   「自分でする手入れ」は情報の意味上まだ補助だが、現状は少し薄く読みにくい。
   また、特徴欄の直下に白い細い切れ目が見え、一体感を損ねていた。
   ここでは、手入れ欄の文字コントラストをさらに上げ、特徴と手入れの接合部から
   無色のスリットを取り除いて、1枚の生活帯として自然につなぐ。
   ======================================================================== */

/* 特徴欄の下辺に入っていた白いハイライトを外し、継ぎ目を色の流れでつなぐ。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature{
  box-shadow:inset 0 0 0 1px rgba(var(--yk-life-primary-rgb),.074) !important;
}

/* 手入れ欄の上辺線を消し、左右と下だけをうっすら囲う。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance{
  margin-top:-1px;
  border-top:0 !important;
  box-shadow:
    inset 1px 0 0 rgba(var(--yk-card-leaf-rgb),.052),
    inset -1px 0 0 rgba(var(--yk-card-leaf-rgb),.052),
    inset 0 -1px 0 rgba(var(--yk-card-leaf-rgb),.052) !important;
}

/* 「自分でする手入れ」を一段くっきりさせる。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-life-label{
  color:rgba(31,36,33,.78) !important;
  font-weight:500;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-life-maintenance,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-maintenance-item{
  color:rgba(31,35,32,.98) !important;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-maintenance-item small{
  color:rgba(58,63,59,.76) !important;
  font-weight:520;
}


/* ========================================================================
   v0.4.56 — 「ほか◯件を見る」の＋を黒系へ統一 / 手入れラベルにも葉色の点を付与
   ------------------------------------------------------------------------
   「＋ほか◯件を見る」は文字を読む操作なので、＋は葉色に染めず黒系で統一した方が
   画面のノイズが減り、読みの芯も安定する。また「自分でする手入れ」にも
   特徴ラベルと同じ文法の色点を持たせ、領域の見出しとしてのまとまりを強める。
   ======================================================================== */

/* ＋記号は黒系で統一。ボタン枠だけ葉色を残す。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature .yk-card-more-trigger::before,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-more-trigger::before{
  color:rgba(54,56,52,.90) !important;
  background:none !important;
  box-shadow:none !important;
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--feature .yk-card-more-trigger::before,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--maintenance .yk-card-more-trigger::before{
  color:rgba(84,88,84,.64) !important;
  background:none !important;
}

/* 「自分でする手入れ」にも特徴と同じ葉色の点を付ける。 */
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-life-label{
  display:inline-flex;
  align-items:center;
  gap:.30rem;
}
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance .yk-card-life-label::before{
  content:'';
  flex:0 0 auto;
  width:.40rem;
  height:.40rem;
  border-radius:50%;
  background:rgba(var(--yk-card-leaf-rgb),.86);
  box-shadow:0 0 0 2px rgba(var(--yk-card-leaf-rgb),.095);
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch .yk-card-life-slot--maintenance .yk-card-life-label::before{
  background:rgba(92,99,93,.34) !important;
  box-shadow:none !important;
}


/* ========================================================================
   v0.4.57 — コンシェルジュへ「春の光」を試験接続
   ------------------------------------------------------------------------
   商品カード＝色とりどりの葉、ステータス帯＝空、コンシェルジュ＝横から差す光
   というページ全体の役割分担を試す。商品カードの葉色には触れない。
   暖色は購買CTAではなく「案内・気づき・前へ進むための光」として小面積で使う。
   ======================================================================== */
.yk-integrated-explorer{
  --yk-guide-light:#f0b84d;
  --yk-guide-light-rgb:240,184,77;
  --yk-guide-deep:#8a6630;
}

/* コンシェルジュ外郭：白を維持しつつ、右上からごく薄い光。 */
.yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll{
  background:
    radial-gradient(115% 54% at 100% 0%, rgba(var(--yk-guide-light-rgb),.095) 0%, rgba(var(--yk-guide-light-rgb),.030) 42%, rgba(255,255,255,0) 76%),
    rgba(252,250,246,.97);
  border-color:rgba(222,208,187,.92);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 1px 0 rgba(54,44,31,.025);
}

/* 枝カードはほぼ白。色を面で塗らず、光の輪郭だけ共有する。 */
.yk-integrated-explorer .yk-shelf-concierge .yk-tool-card,
.yk-integrated-explorer .yk-shelf-concierge .yk-capacity-assist,
.yk-integrated-explorer .yk-shelf-concierge .yk-compare-bar,
.yk-integrated-explorer .yk-helper-branch-level-1,
.yk-integrated-explorer .yk-helper-branch-level-2{
  background:rgba(255,255,255,.93) !important;
  border-color:rgba(226,214,196,.92) !important;
}

/* コンシェルジュの各入口に同じ「光点」。機能ごとに色分けはしない。 */
.yk-integrated-explorer .yk-helper-branch > summary,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-head>.yk-secondary{
  position:relative;
  padding-left:1.05rem !important;
}
.yk-integrated-explorer .yk-helper-branch > summary::before,
.yk-integrated-explorer .yk-helper-branch .yk-install-fit-head>.yk-secondary::before{
  content:'';
  position:absolute;
  left:.42rem;
  top:50%;
  width:.32rem;
  height:.32rem;
  border-radius:50%;
  transform:translateY(-50%);
  background:rgba(var(--yk-guide-light-rgb),.94);
  box-shadow:0 0 0 3px rgba(var(--yk-guide-light-rgb),.10);
}

/* 開いた枝は、光が少し広がる程度。 */
.yk-integrated-explorer .yk-helper-branch.yk-capacity-assist[open],
.yk-integrated-explorer .yk-helper-branch.yk-bulk-select[open],
.yk-integrated-explorer .yk-helper-branch.yk-install-fit:has(.yk-install-fit-form:not([hidden])){
  background:linear-gradient(180deg, rgba(var(--yk-guide-light-rgb),.050) 0%, rgba(255,255,255,.94) 38%) !important;
  border-color:rgba(var(--yk-guide-light-rgb),.40) !important;
}

/* 補助説明は少し温度を持たせるが、可読性は中立色を維持。 */
.yk-integrated-explorer .yk-helper-branches-kicker,
.yk-integrated-explorer .yk-shelf-concierge .yk-tool-kicker{
  color:rgba(101,75,38,.62) !important;
}

/* 比較はユーザーの現在状態なので、選択数の青は残す。CTAは黒のまま。 */
.yk-integrated-explorer .yk-shelf-concierge .yk-compare-bar [data-role="selected-count"]{
  color:rgba(44,78,92,.88);
}
.yk-integrated-explorer .yk-shelf-concierge .yk-compare-bar .yk-primary{
  background:#292927;
  color:#fff;
  border-color:#292927;
}
.yk-integrated-explorer .yk-shelf-concierge .yk-compare-bar .yk-primary:hover,
.yk-integrated-explorer .yk-shelf-concierge .yk-compare-bar .yk-primary:focus-visible{
  background:#36342f;
  border-color:#36342f;
}

/* スマホでは光点だけ残し、背景演出をさらに弱める。 */
@media (max-width:900px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll{
    background:rgba(252,250,246,.98);
  }
}


/* ========================================================================
   v0.4.58 — 「ほか○件を見る」説明パネルをsticky帯の下に隠さない
   ------------------------------------------------------------------------
   固定ポップオーバー自体のz-indexが高くても、親カードのstacking contextが
   stickyステータス帯より下だと説明が隠れる。開いているカードを明確に最前面へ
   持ち上げ、JS側ではsticky帯・ヘッダーの下端を安全領域として位置決めする。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open,
.yk-integrated-explorer .yk-product-grid > .yk-product-card--compact.is-card-more-open{
  z-index:2147482000 !important;
  isolation:auto !important;
  overflow:visible !important;
}
.yk-integrated-explorer .yk-product-grid,
.yk-integrated-explorer .yk-product-grid > *{
  overflow:visible !important;
}
.yk-integrated-explorer .yk-card-more-panel,
.yk-card-more-panel{
  z-index:2147483000 !important;
}


/* ========================================================================
   v0.4.59 — 説明パネルをbody直下へポータルし、重なり問題を根本解消
   ------------------------------------------------------------------------
   v0.4.58でも、パネルが商品カードDOM内に存在する限り、隣カード等のstacking context
   によって一部文字・ボタンが説明パネルの上へ描画されるケースが残った。
   展開中だけパネルをbody直下へ移し、カード群とは独立した最上位レイヤーとして扱う。
   ======================================================================== */
body > .yk-card-more-panel{
  position:fixed !important;
  z-index:2147483640 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  isolation:isolate;
  transform:none !important;
}
body > .yk-card-more-panel.is-portal-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
body > .yk-card-more-panel.is-portal-positioning{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:none !important;
}


/* ========================================================================
   v0.4.60 — ポータル表示時に商品カード自体は持ち上げない
   ------------------------------------------------------------------------
   v0.4.59で説明パネルをbody直下へ移したため、商品カード側のz-index昇格は不要になった。
   旧ルールの is-card-more-open が残ると、stickyステータス帯より商品画像まで前面へ出る。
   ポップオーバーだけを最上位に保ち、カード本体は通常の棚レイヤーへ固定する。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open,
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open:hover,
.yk-integrated-explorer .yk-product-card--compact.is-card-more-open:focus-within,
.yk-integrated-explorer .yk-product-grid > .yk-product-card--compact.is-card-more-open,
.yk-integrated-explorer .yk-product-grid > *.is-card-more-open{
  z-index:1 !important;
  isolation:auto !important;
}

/* body直下の説明パネルだけを最前面にする。 */
body > .yk-card-more-panel,
body > .yk-card-more-panel.is-portal-open{
  z-index:2147483640 !important;
}

/* ========================================================================
   v0.4.61 — コンシェルジュを「待機する止まり木＋相談用紙」へ再構成
   ------------------------------------------------------------------------
   固定機能一覧をやめ、普段は静かに待機。ユーザーからはいつでも相談でき、
   相談中だけ右側から水平に作業用紙を用意する。商品棚の5列は動かさない。
   ======================================================================== */
.yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge{
  overflow:visible !important;
}
.yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.55rem;
  padding:.48rem;
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(224,216,204,.82) !important;
  overflow-x:hidden;
}
.yk-integrated-explorer .yk-concierge-perch{
  padding:.92rem .88rem .86rem;
  border:1px solid rgba(226,216,199,.82);
  border-radius:11px;
  background:
    radial-gradient(100% 64% at 100% 0%,rgba(var(--yk-guide-light-rgb),.055) 0%,rgba(255,255,255,0) 70%),
    rgba(255,255,255,.98);
}
.yk-integrated-explorer .yk-concierge-perch-head,
.yk-integrated-explorer .yk-concierge-sheet-title-wrap{
  display:flex;
  align-items:center;
  gap:.48rem;
}
.yk-integrated-explorer .yk-concierge-light{
  width:.42rem;
  height:.42rem;
  flex:0 0 auto;
  border-radius:50%;
  background:rgba(var(--yk-guide-light-rgb),.95);
  box-shadow:0 0 0 3px rgba(var(--yk-guide-light-rgb),.09);
}
.yk-integrated-explorer .yk-concierge-name{
  font-size:.72rem;
  letter-spacing:.06em;
  color:rgba(89,72,48,.78);
  font-weight:650;
}
.yk-integrated-explorer .yk-concierge-idle-copy{
  margin:.72rem 0 .78rem;
}
.yk-integrated-explorer .yk-concierge-idle-copy p{
  margin:0;
  font-size:.73rem;
  line-height:1.72;
  color:rgba(52,56,52,.78);
}
.yk-integrated-explorer .yk-concierge-idle-copy p+p{margin-top:.26rem;}
.yk-integrated-explorer .yk-concierge-perch-actions{display:flex;flex-direction:column;gap:.38rem;}
.yk-integrated-explorer .yk-concierge-start,
.yk-integrated-explorer .yk-concierge-resume{
  width:100%;
  min-height:2.25rem;
  padding:.48rem .66rem;
  border:1px solid rgba(196,164,111,.52);
  border-radius:8px;
  background:rgba(255,253,249,.98);
  color:#3d3932;
  font-size:.72rem;
  line-height:1.35;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.yk-integrated-explorer .yk-concierge-start:hover,
.yk-integrated-explorer .yk-concierge-start:focus-visible,
.yk-integrated-explorer .yk-concierge-resume:hover,
.yk-integrated-explorer .yk-concierge-resume:focus-visible{
  border-color:rgba(var(--yk-guide-light-rgb),.72);
  background:#fffdf8;
  box-shadow:0 0 0 3px rgba(var(--yk-guide-light-rgb),.07);
  outline:none;
}
.yk-integrated-explorer .yk-concierge-self-serve{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.4rem;
  padding:.54rem .58rem .12rem;
  border-top:1px solid rgba(218,214,205,.66);
}
.yk-integrated-explorer .yk-concierge-self-serve-count{
  min-width:0;
  font-size:.66rem;
  color:rgba(61,66,62,.66);
  line-height:1.35;
}
.yk-integrated-explorer .yk-count-context,
.yk-integrated-explorer .yk-count-main{display:block;}
.yk-integrated-explorer .yk-count-context{
  font-size:.62rem;
  color:rgba(61,66,62,.62);
}
.yk-integrated-explorer .yk-count-main{
  font-size:.68rem;
  font-weight:650;
  color:#3b4f59;
}
.yk-integrated-explorer .yk-concierge-self-serve-compare{
  flex:0 0 auto;
  border:0;
  border-bottom:1px solid rgba(48,49,46,.22);
  background:transparent;
  color:#343531;
  padding:.2rem .08rem;
  font-size:.68rem;
  cursor:pointer;
}
.yk-integrated-explorer .yk-concierge-self-serve-compare:disabled{
  opacity:.36;
  cursor:default;
  border-bottom-color:transparent;
}

/* 相談用紙：常駐面の左隣へ、水平移動だけで出す。 */
.yk-integrated-explorer .yk-concierge-consult-sheet{
  position:absolute;
  top:0;
  right:calc(100% + .62rem);
  width:min(370px,34vw);
  max-height:min(690px,calc(100dvh - var(--yk-concierge-sticky-top,90px) - 1rem));
  z-index:58;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(220,209,192,.96);
  border-radius:14px;
  background:#fff;
  box-shadow:0 14px 34px rgba(54,44,31,.10),0 2px 8px rgba(54,44,31,.05);
  opacity:0;
  transform:translateX(18px);
  pointer-events:none;
  transition:opacity .18s ease,transform .22s cubic-bezier(.22,.72,.28,1);
}
.yk-integrated-explorer .yk-concierge-consult-sheet[hidden]{display:none !important;}
.yk-integrated-explorer .yk-concierge-consult-sheet.is-open{
  opacity:1;
  transform:translateX(0);
  pointer-events:auto;
}
.yk-integrated-explorer .yk-concierge-sheet-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.7rem;
  padding:.76rem .82rem .68rem;
  border-bottom:1px solid rgba(225,218,207,.72);
  background:
    radial-gradient(90% 120% at 100% 0%,rgba(var(--yk-guide-light-rgb),.055) 0%,rgba(255,255,255,0) 70%),
    #fff;
  border-radius:14px 14px 0 0;
}
.yk-integrated-explorer .yk-concierge-sheet-title-wrap>div{display:flex;flex-direction:column;gap:.06rem;}
.yk-integrated-explorer .yk-concierge-sheet-kicker{
  font-size:.58rem;
  color:rgba(108,86,53,.58);
  letter-spacing:.04em;
}
.yk-integrated-explorer .yk-concierge-sheet-title{
  font-size:.84rem;
  line-height:1.3;
  color:#31322f;
  font-weight:650;
}
.yk-integrated-explorer .yk-concierge-sheet-controls{display:flex;gap:.24rem;}
.yk-integrated-explorer .yk-concierge-sheet-controls button,
.yk-integrated-explorer .yk-concierge-back{
  border:0;
  background:transparent;
  color:rgba(60,62,58,.66);
  font-size:.63rem;
  padding:.28rem .34rem;
  cursor:pointer;
}
.yk-integrated-explorer .yk-concierge-sheet-controls button:hover,
.yk-integrated-explorer .yk-concierge-sheet-controls button:focus-visible,
.yk-integrated-explorer .yk-concierge-back:hover,
.yk-integrated-explorer .yk-concierge-back:focus-visible{
  color:#30322e;
  text-decoration:underline;
  outline:none;
}
.yk-integrated-explorer .yk-concierge-sheet-body{
  min-height:0;
  overflow-y:auto;
  padding:.85rem .88rem 1rem;
  scrollbar-gutter:stable;
}
.yk-integrated-explorer .yk-concierge-view[hidden]{display:none !important;}
.yk-integrated-explorer .yk-concierge-view{
  animation:ykConciergeContentIn .16s ease both;
}
@keyframes ykConciergeContentIn{
  from{opacity:.25;transform:translateX(3px)}
  to{opacity:1;transform:translateX(0)}
}
.yk-integrated-explorer .yk-concierge-question{
  margin:.15rem 0 .28rem;
  font-size:.93rem;
  line-height:1.5;
  font-weight:650;
  color:#30322e;
}
.yk-integrated-explorer .yk-concierge-guidance,
.yk-integrated-explorer .yk-concierge-footnote{
  margin:.15rem 0 .7rem;
  font-size:.68rem;
  line-height:1.65;
  color:rgba(61,66,62,.63);
}
.yk-integrated-explorer .yk-concierge-footnote{margin-top:.72rem;margin-bottom:0;}
.yk-integrated-explorer .yk-concierge-topic-list{
  display:grid;
  grid-template-columns:1fr;
  gap:.38rem;
}
.yk-integrated-explorer .yk-concierge-topic-list button,
.yk-integrated-explorer .yk-concierge-sheet-primary{
  width:100%;
  min-height:2.45rem;
  padding:.58rem .72rem;
  border:1px solid rgba(213,207,196,.88);
  border-radius:9px;
  background:#fff;
  color:#373934;
  font-size:.72rem;
  line-height:1.4;
  text-align:left;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.yk-integrated-explorer .yk-concierge-topic-list button:hover,
.yk-integrated-explorer .yk-concierge-topic-list button:focus-visible,
.yk-integrated-explorer .yk-concierge-sheet-primary:hover,
.yk-integrated-explorer .yk-concierge-sheet-primary:focus-visible{
  border-color:rgba(var(--yk-guide-light-rgb),.58);
  background:rgba(255,252,245,.96);
  box-shadow:0 0 0 3px rgba(var(--yk-guide-light-rgb),.055);
  outline:none;
}
.yk-integrated-explorer .yk-concierge-topic-list--compact{grid-template-columns:1fr 1fr;}
.yk-integrated-explorer .yk-concierge-topic-list--compact button{min-height:2.8rem;}
.yk-integrated-explorer .yk-concierge-answer{
  margin-top:.75rem;
  padding:.72rem .76rem;
  border-left:2px solid rgba(var(--yk-guide-light-rgb),.55);
  background:rgba(250,249,246,.78);
  font-size:.70rem;
  line-height:1.68;
  color:rgba(48,53,49,.82);
}
.yk-integrated-explorer .yk-concierge-answer strong{display:block;margin-bottom:.18rem;color:#32342f;font-size:.76rem;}
.yk-integrated-explorer .yk-concierge-answer ul{margin:.42rem 0 0;padding-left:1.05rem;}
.yk-integrated-explorer .yk-concierge-answer li+li{margin-top:.2rem;}
.yk-integrated-explorer .yk-concierge-compare-count{
  margin:.6rem 0;
  font-size:.78rem;
  color:#3b4f59;
  line-height:1.42;
}
.yk-integrated-explorer .yk-concierge-compare-count .yk-count-context{
  margin-bottom:.1rem;
  font-size:.7rem;
}
.yk-integrated-explorer .yk-concierge-compare-count .yk-count-main{
  font-size:.78rem;
}
.yk-integrated-explorer .yk-concierge-sheet-primary{
  margin-top:.6rem;
  text-align:center;
  border-color:#33332f;
  background:#33332f;
  color:#fff;
}
.yk-integrated-explorer .yk-concierge-sheet-primary:hover,
.yk-integrated-explorer .yk-concierge-sheet-primary:focus-visible{background:#414039;border-color:#414039;}

/* 回答はラジオそのものではなく、意味のある一押しとして見せる。 */
.yk-integrated-explorer .yk-concierge-one-action{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.4rem;
  margin:.55rem 0 .75rem;
}
.yk-integrated-explorer .yk-concierge-one-action label{margin:0;position:relative;}
.yk-integrated-explorer .yk-concierge-one-action input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.yk-integrated-explorer .yk-concierge-one-action label span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:2.35rem;
  padding:.45rem .55rem;
  border:1px solid rgba(211,207,198,.95);
  border-radius:9px;
  background:#fff;
  color:#3c3f39;
  font-size:.71rem;
  cursor:pointer;
}
.yk-integrated-explorer .yk-concierge-one-action input:checked+span{
  border-color:rgba(var(--yk-guide-light-rgb),.65);
  background:rgba(255,250,239,.96);
  box-shadow:0 0 0 3px rgba(var(--yk-guide-light-rgb),.065);
}
.yk-integrated-explorer .yk-concierge-one-action input:focus-visible+span{
  outline:2px solid rgba(var(--yk-guide-light-rgb),.28);
  outline-offset:2px;
}
.yk-integrated-explorer .yk-concierge-view .yk-capacity-subquestion{
  margin:.65rem 0 .3rem;
  font-size:.75rem;
  font-weight:600;
}
.yk-integrated-explorer .yk-concierge-view .yk-field{
  font-size:.69rem;
}
.yk-integrated-explorer .yk-concierge-view .yk-result{
  margin-top:.7rem;
}
.yk-integrated-explorer .yk-concierge-view .yk-install-fit-head{display:none !important;}
.yk-integrated-explorer .yk-concierge-view .yk-install-fit-form{
  margin-top:.68rem;
  padding-top:.68rem;
  border-top:1px solid rgba(221,216,207,.7);
}

@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-fixed,
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-measuring{
    overflow:visible !important;
  }
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-concierge-consult-sheet{
    position:static;
    width:auto;
    max-height:none;
    margin-top:.55rem;
    opacity:1;
    transform:none;
    box-shadow:0 6px 18px rgba(54,44,31,.06);
  }
  .yk-integrated-explorer .yk-concierge-topic-list--compact{grid-template-columns:1fr;}
}


/* ========================================================================
   v0.4.62 — 「今の相談」と「ほかにも相談できる」を同時に見せる
   ------------------------------------------------------------------------
   個別テーマへ入るとコンシェルジュ全体がその機能専用に見えていたため、
   相談用紙ヘッダーへ「ほかの相談を見る」を昇格。終了系操作は補助化し、
   現在のテーマ以外にも相談できることを短い一文で知らせる。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-sheet-head{
  display:block;
  padding:.68rem .82rem .72rem;
}
.yk-integrated-explorer .yk-concierge-sheet-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.55rem;
  min-height:2rem;
  margin-bottom:.42rem;
}
.yk-integrated-explorer .yk-concierge-other-consults{
  appearance:none;
  min-height:2rem;
  padding:.38rem .58rem;
  border:1px solid rgba(198,164,108,.48);
  border-radius:8px;
  background:rgba(255,252,245,.98);
  color:#3f3a32;
  font-size:.68rem;
  line-height:1.3;
  font-weight:650;
  text-align:left;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.yk-integrated-explorer .yk-concierge-other-consults:hover,
.yk-integrated-explorer .yk-concierge-other-consults:focus-visible{
  border-color:rgba(var(--yk-guide-light-rgb),.72);
  background:#fffdf7;
  box-shadow:0 0 0 3px rgba(var(--yk-guide-light-rgb),.065);
  outline:none;
}
.yk-integrated-explorer .yk-concierge-sheet-controls{
  display:flex;
  flex:0 0 auto;
  gap:.18rem;
  margin-left:auto;
}
.yk-integrated-explorer .yk-concierge-sheet-controls button{
  color:rgba(60,62,58,.52);
  font-size:.58rem;
  padding:.24rem .28rem;
}
.yk-integrated-explorer .yk-concierge-sheet-title-wrap{
  align-items:center;
}
.yk-integrated-explorer .yk-concierge-sheet-scope{
  margin:.38rem 0 0 .9rem;
  font-size:.62rem;
  line-height:1.55;
  color:rgba(67,66,61,.62);
}
.yk-integrated-explorer .yk-concierge-back{
  display:none !important;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-concierge-sheet-topline{
    gap:.35rem;
  }
  .yk-integrated-explorer .yk-concierge-other-consults{
    font-size:.66rem;
  }
}

/* ========================================================================
   v0.4.63 — コンシェルジュの回答と商品棚の変化を接続する
   ------------------------------------------------------------------------
   条件を棚へ反映した場合は「反映したこと」と適合件数を相談用紙上で明示し、
   相談を終了せず一時収納して棚を確認できる入口を置く。
   一方、手入れ・夜間利用など比較材料として見ているだけの段階では、
   「まだ棚は絞っていない」ことを明示して自動絞り込みと誤認させない。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-shelf-impact{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.55rem;
  padding:.58rem .78rem;
  border-bottom:1px solid rgba(221,216,207,.72);
  background:rgba(250,252,252,.92);
}
.yk-integrated-explorer .yk-concierge-shelf-impact[hidden]{display:none !important;}
.yk-integrated-explorer .yk-concierge-shelf-impact-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.08rem;
}
.yk-integrated-explorer .yk-concierge-shelf-impact strong{
  font-size:.68rem;
  line-height:1.4;
  color:#303633;
  font-weight:700;
}
.yk-integrated-explorer .yk-concierge-shelf-impact span{
  font-size:.59rem;
  line-height:1.5;
  color:rgba(55,64,61,.70);
}
.yk-integrated-explorer .yk-concierge-shelf-impact.is-applied{
  background:linear-gradient(90deg,rgba(234,247,252,.78),rgba(255,253,247,.82));
  box-shadow:inset 3px 0 0 rgba(80,174,207,.34);
}
.yk-integrated-explorer .yk-concierge-shelf-impact.is-reference{
  background:rgba(250,249,246,.72);
  box-shadow:inset 3px 0 0 rgba(var(--yk-guide-light-rgb),.35);
}
.yk-integrated-explorer .yk-concierge-shelf-impact.is-cleared{
  background:rgba(249,250,249,.86);
  box-shadow:inset 3px 0 0 rgba(132,145,139,.24);
}
.yk-integrated-explorer .yk-concierge-shelf-impact-action{
  flex:0 0 auto;
  min-height:2rem;
  padding:.36rem .58rem;
  border:1px solid rgba(80,151,177,.40);
  border-radius:8px;
  background:#fff;
  color:#31596a;
  font-size:.62rem;
  font-weight:650;
  cursor:pointer;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-concierge-shelf-impact-action:hover,
.yk-integrated-explorer .yk-concierge-shelf-impact-action:focus-visible{
  border-color:rgba(80,151,177,.65);
  box-shadow:0 0 0 3px rgba(80,151,177,.08);
  outline:none;
}

/* 条件反映時、棚そのものとステータス帯も短く呼応させる。位置は動かさない。 */
.yk-integrated-explorer .yk-customer-status-bar.yk-shelf-update-flash{
  animation:ykShelfStatusUpdate .95s ease both;
}
.yk-integrated-explorer .yk-product-grid.yk-shelf-update-flash{
  animation:ykShelfGridUpdate .95s ease both;
}
@keyframes ykShelfStatusUpdate{
  0%{box-shadow:0 0 0 0 rgba(74,164,199,0)}
  35%{box-shadow:0 0 0 4px rgba(74,164,199,.10)}
  100%{box-shadow:0 0 0 0 rgba(74,164,199,0)}
}
@keyframes ykShelfGridUpdate{
  0%{filter:none}
  38%{filter:brightness(.985)}
  100%{filter:none}
}

@media (max-width:900px){
  .yk-integrated-explorer .yk-concierge-shelf-impact{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* v0.4.64 — コンシェルジュ選択を棚へ返す */
.yk-integrated-explorer .yk-concierge-topic-list button.is-selected,
.yk-integrated-explorer .yk-concierge-topic-list button[aria-pressed="true"]{
  border-color:rgba(var(--yk-guide-light-rgb),.72);
  background:rgba(255,249,236,.98);
  box-shadow:0 0 0 3px rgba(var(--yk-guide-light-rgb),.075);
}
.yk-integrated-explorer .yk-concierge-shelf-impact-action{
  cursor:pointer;
}

/* 手入れなどの「好み」は、成立条件と違って比較候補を禁止しない。
   棚では少し後退させるだけにして、ユーザーが自分で残す自由を維持する。 */
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch{
  opacity:.50;
  --yk-card-leaf-rgb:92,99,93;
}
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-product-placeholder{
  filter:grayscale(.58) saturate(.62);
}
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch:hover,
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch:focus-within{
  opacity:.64;
}
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-card-life-slot--feature{
  background:linear-gradient(180deg, rgba(92,99,93,.042) 0%, rgba(92,99,93,.024) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(92,99,93,.06) !important;
}

/* v0.4.65: 棚へ反映した後は、コンシェルジュ内で型番一覧を再掲しない。
   必要な人だけ判断基準を開ける軽い補足に留める。 */
.yk-integrated-explorer .yk-concierge-answer.is-compact-basis{
  margin-top:.5rem;
  padding:.1rem 0 0;
  border-left:0;
  background:transparent;
  color:rgba(48,53,49,.68);
}
.yk-integrated-explorer .yk-concierge-judgment{
  margin:0;
  padding:0;
}
.yk-integrated-explorer .yk-concierge-judgment summary{
  display:inline-flex;
  align-items:center;
  gap:.28rem;
  padding:.12rem 0;
  cursor:pointer;
  color:rgba(55,62,57,.62);
  font-size:.66rem;
  line-height:1.5;
  list-style:none;
}
.yk-integrated-explorer .yk-concierge-judgment summary::-webkit-details-marker{display:none;}
.yk-integrated-explorer .yk-concierge-judgment summary::after{
  content:'›';
  display:inline-block;
  transform:rotate(90deg);
  font-size:.78rem;
  transition:transform .16s ease;
}
.yk-integrated-explorer .yk-concierge-judgment[open] summary::after{transform:rotate(-90deg);}
.yk-integrated-explorer .yk-concierge-judgment p{
  margin:.35rem 0 0;
  padding:.5rem .58rem;
  border-left:1px solid rgba(var(--yk-guide-light-rgb),.35);
  background:rgba(250,249,246,.54);
  color:rgba(48,53,49,.74);
  font-size:.66rem;
  line-height:1.65;
}

/* v0.4.66: コンシェルジュのホームと相談再開を分離 */
.yk-integrated-explorer .yk-concierge-home-resume{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.72rem;
  margin:0 0 .72rem;
  padding:.58rem .62rem;
  border:1px solid rgba(220,212,198,.72);
  border-radius:8px;
  background:rgba(252,250,246,.7);
}
.yk-integrated-explorer .yk-concierge-home-resume[hidden]{display:none !important;}
.yk-integrated-explorer .yk-concierge-home-resume-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.08rem;
}
.yk-integrated-explorer .yk-concierge-home-resume-copy span{
  font-size:.62rem;
  line-height:1.35;
  color:rgba(79,77,70,.56);
}
.yk-integrated-explorer .yk-concierge-home-resume-copy strong{
  font-size:.69rem;
  line-height:1.45;
  font-weight:620;
  color:#41423e;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-concierge-home-resume button{
  flex:0 0 auto;
  border:0;
  border-bottom:1px solid rgba(58,59,55,.22);
  background:transparent;
  padding:.2rem .04rem;
  color:#454640;
  font-size:.66rem;
  line-height:1.35;
  cursor:pointer;
}
.yk-integrated-explorer .yk-concierge-home-resume button:hover,
.yk-integrated-explorer .yk-concierge-home-resume button:focus-visible{
  color:#23241f;
  border-bottom-color:rgba(var(--yk-guide-light-rgb),.72);
  outline:none;
}
.yk-integrated-explorer .yk-concierge-resume{
  border-color:rgba(214,207,195,.82);
  background:rgba(255,255,255,.9);
  color:rgba(58,60,56,.78);
}


/* ========================================================================
   v0.4.67 — 「商品棚に戻る」と「相談を終える」の意味を分離
   ------------------------------------------------------------------------
   画面を閉じる操作と相談文脈を破棄する操作を同列に置かない。
   ヘッダーは商品棚へ戻るための一操作だけにし、相談終了は個別相談の
   下部へ弱く配置する。ホーム上の前回相談も、再開と終了を対象の近くで扱う。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-sheet-controls{
  align-items:center;
}
.yk-integrated-explorer .yk-concierge-sheet-controls .yk-concierge-return-shelf{
  color:rgba(56,59,55,.68);
  font-size:.63rem;
  font-weight:560;
  white-space:nowrap;
  padding:.3rem .38rem;
}
.yk-integrated-explorer .yk-concierge-sheet-controls .yk-concierge-return-shelf:hover,
.yk-integrated-explorer .yk-concierge-sheet-controls .yk-concierge-return-shelf:focus-visible{
  color:#30322e;
}
.yk-integrated-explorer .yk-concierge-sheet-footer{
  display:flex;
  justify-content:flex-end;
  padding:.56rem .88rem .68rem;
  border-top:1px solid rgba(225,218,207,.56);
  background:rgba(255,255,255,.96);
}
.yk-integrated-explorer .yk-concierge-sheet-footer[hidden]{display:none !important;}
.yk-integrated-explorer .yk-concierge-sheet-footer button{
  appearance:none;
  border:0;
  background:transparent;
  color:rgba(67,68,64,.48);
  font-size:.6rem;
  line-height:1.35;
  padding:.24rem .18rem;
  cursor:pointer;
}
.yk-integrated-explorer .yk-concierge-sheet-footer button:hover,
.yk-integrated-explorer .yk-concierge-sheet-footer button:focus-visible{
  color:#444640;
  text-decoration:underline;
  outline:none;
}
.yk-integrated-explorer .yk-concierge-home-resume-actions{
  display:flex;
  align-items:center;
  gap:.34rem;
  flex:0 0 auto;
}
.yk-integrated-explorer .yk-concierge-home-resume-actions .yk-concierge-home-end{
  border-color:transparent;
  background:transparent;
  color:rgba(67,68,64,.48);
  box-shadow:none;
  font-size:.58rem;
  padding:.3rem .2rem;
}
.yk-integrated-explorer .yk-concierge-home-resume-actions .yk-concierge-home-end:hover,
.yk-integrated-explorer .yk-concierge-home-resume-actions .yk-concierge-home-end:focus-visible{
  border-color:transparent;
  background:transparent;
  color:#444640;
  text-decoration:underline;
  box-shadow:none;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-concierge-home-resume{
    align-items:flex-start;
  }
  .yk-integrated-explorer .yk-concierge-home-resume-actions{
    flex-wrap:wrap;
    justify-content:flex-end;
  }
}


/* v0.4.72: 条件適合数と比較候補数は文言で「のうち」と結ばず、弱い階層だけで関係を示す。 */
.yk-integrated-explorer .yk-count-context{
  line-height:1.3;
}
.yk-integrated-explorer .yk-count-main{
  position:relative;
  margin-top:.08rem;
  margin-left:.42rem;
  padding-left:.58rem;
}
.yk-integrated-explorer .yk-count-main::before{
  content:"";
  position:absolute;
  left:0;
  top:-.18rem;
  width:.35rem;
  height:.72rem;
  border-left:1px solid rgba(61,66,62,.20);
  border-bottom:1px solid rgba(61,66,62,.20);
  border-bottom-left-radius:.18rem;
}
/* 気になる／優先したい観点は商品を条件外のように薄くしない。旧状態復元時の保険。 */
.yk-integrated-explorer .yk-product-card.is-preference-mismatch{
  opacity:1 !important;
  filter:none !important;
  pointer-events:auto !important;
}


/* v0.4.74: 商品棚を「希望との差」と「現在の条件外」の3状態で表現する。
   希望との差は選択可能なまま同じ棚に残し、ごく弱く後退＋理由を必ず明示する。
   成立条件・必須条件外だけを後方領域へまとめる。 */
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch{
  opacity:1 !important;
  filter:none !important;
  pointer-events:auto !important;
  background:rgba(253,252,249,.92);
  border-color:rgba(214,208,197,.88);
}
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-product-placeholder{
  opacity:.82;
  filter:grayscale(.14) saturate(.88);
}
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-card-identity-row,
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-card-life,
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-card-sort-context{
  opacity:.84;
}
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-product-page-link,
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-compare-choice,
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-card-preference-difference{
  opacity:1 !important;
}
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch:hover,
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch:focus-within{
  opacity:1 !important;
}
.yk-integrated-explorer .yk-card-preference-difference{
  margin:.34rem .42rem .46rem;
  padding:.34rem .42rem;
  border-left:2px solid rgba(var(--yk-guide-light-rgb),.48);
  background:rgba(255,250,239,.64);
  color:rgba(66,62,54,.78);
  font-size:.58rem;
  line-height:1.5;
}
.yk-integrated-explorer .yk-card-preference-difference span{
  display:block;
  margin-bottom:.08rem;
  color:rgba(66,62,54,.55);
  font-size:.52rem;
}
.yk-integrated-explorer .yk-card-preference-difference strong{
  display:block;
  color:rgba(55,52,47,.84);
  font-weight:600;
}
.yk-integrated-explorer .yk-condition-outside-divider{
  grid-column:1 / -1;
  display:flex;
  align-items:baseline;
  gap:.6rem;
  margin:.8rem 0 .15rem;
  padding:.55rem .15rem .42rem;
  border-top:1px solid rgba(178,174,165,.42);
  color:rgba(62,65,61,.58);
}
.yk-integrated-explorer .yk-condition-outside-divider strong{
  font-size:.66rem;
  font-weight:650;
  color:rgba(62,65,61,.66);
}
.yk-integrated-explorer .yk-condition-outside-divider span{
  font-size:.58rem;
  color:rgba(62,65,61,.50);
}


/* v0.4.75 — 「今の希望に合う／違い／未確認」を同じ位置で対称表示する。
   薄さだけに意味を担わせず、希望との差がある商品も選択可能だと分かる強度に留める。 */
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-product-placeholder{
  opacity:.90;
  filter:grayscale(.08) saturate(.94);
}
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-card-identity-row,
.yk-integrated-explorer .yk-product-card--compact.is-preference-mismatch .yk-card-life{
  opacity:.92;
}
.yk-integrated-explorer .yk-card-preference-status{
  box-sizing:border-box;
  min-height:2.6rem;
  margin:.34rem .42rem .46rem;
  padding:.34rem .42rem;
  border:1px solid rgba(194,190,181,.42);
  border-left-width:2px;
  background:rgba(252,251,248,.74);
  color:rgba(55,57,53,.76);
  font-size:.56rem;
  line-height:1.45;
}
.yk-integrated-explorer .yk-card-preference-status strong{
  display:block;
  color:rgba(49,52,48,.88);
  font-weight:650;
}
.yk-integrated-explorer .yk-card-preference-status.is-match{
  display:flex;
  align-items:center;
  gap:.34rem;
  border-color:rgba(120,164,132,.28);
  border-left-color:rgba(94,153,111,.58);
  background:rgba(246,251,247,.72);
}
.yk-integrated-explorer .yk-card-preference-status.is-match strong{
  font-size:.58rem;
}
.yk-integrated-explorer .yk-card-preference-mark{
  flex:0 0 auto;
  width:.38rem;
  height:.38rem;
  border-radius:999px;
  border:1px solid rgba(76,135,93,.52);
  background:rgba(117,178,135,.34);
}
.yk-integrated-explorer .yk-card-preference-status.is-difference{
  border-color:rgba(var(--yk-guide-light-rgb),.25);
  border-left-color:rgba(var(--yk-guide-light-rgb),.58);
  background:rgba(255,250,239,.68);
}
.yk-integrated-explorer .yk-card-preference-status.is-unknown{
  border-color:rgba(171,171,166,.30);
  border-left-color:rgba(144,146,140,.42);
  background:rgba(249,249,247,.68);
}
.yk-integrated-explorer .yk-card-preference-label{
  display:block;
  margin-bottom:.08rem;
  color:rgba(66,62,54,.56);
  font-size:.51rem;
}
.yk-integrated-explorer .yk-card-preference-status.is-unknown strong{
  color:rgba(70,73,68,.66);
}
/* 旧差分表示はv0.4.75以降使わない。過去CSSの影響を避ける。 */
.yk-integrated-explorer .yk-card-preference-difference{display:none !important;}

/* ========================================================================
   v0.4.76 — 商品棚を「今の希望に近い / ほかにも選べる / 現在の条件外」の
   棚見出しで3層化する。第2群は正式な選択肢なので薄くしない。
   位置＝希望との距離、薄さ＝現在選択可能かどうか、という文法に統一する。
   ======================================================================== */
.yk-integrated-explorer .yk-shelf-tier-heading{
  grid-column:1 / -1;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:.9rem;
  box-sizing:border-box;
  margin:.72rem 0 .08rem;
  padding:.48rem .12rem .38rem;
  border-top:1px solid rgba(170,166,157,.30);
  color:rgba(57,61,57,.72);
}
.yk-integrated-explorer .yk-shelf-tier-heading:first-child{
  margin-top:0;
  border-top:0;
  padding-top:.12rem;
}
.yk-integrated-explorer .yk-shelf-tier-title{
  display:flex;
  align-items:baseline;
  gap:.42rem;
  min-width:0;
}
.yk-integrated-explorer .yk-shelf-tier-title strong{
  color:#343733;
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.01em;
}
.yk-integrated-explorer .yk-shelf-tier-title span{
  color:rgba(56,61,57,.56);
  font-size:.61rem;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-shelf-tier-heading p{
  margin:0;
  color:rgba(65,68,64,.48);
  font-size:.57rem;
  line-height:1.45;
  text-align:right;
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-primary{
  border-top-color:rgba(116,151,122,.22);
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-primary .yk-shelf-tier-title strong::before{
  content:'';
  display:inline-block;
  width:.36rem;
  height:.36rem;
  margin-right:.32rem;
  border-radius:999px;
  border:1px solid rgba(91,143,105,.38);
  background:rgba(124,179,139,.24);
  vertical-align:.07em;
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-secondary{
  border-top-color:rgba(184,162,115,.28);
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-secondary .yk-shelf-tier-title strong::before{
  content:'';
  display:inline-block;
  width:.36rem;
  height:.36rem;
  margin-right:.32rem;
  border-radius:999px;
  border:1px solid rgba(178,140,70,.30);
  background:rgba(224,187,103,.18);
  vertical-align:.07em;
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-outside{
  margin-top:.92rem;
  border-top-color:rgba(145,145,139,.36);
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-outside .yk-shelf-tier-title strong{
  color:rgba(61,64,60,.62);
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-outside .yk-shelf-tier-title strong::before{
  content:'';
  display:inline-block;
  width:.36rem;
  height:.36rem;
  margin-right:.32rem;
  border-radius:999px;
  border:1px solid rgba(123,126,120,.26);
  background:rgba(150,153,147,.12);
  vertical-align:.07em;
}
/* 第2群は選択可能な正式候補。旧v0.4.74/75の希望差による減衰を完全に無効化する。 */
/* 第2群は「条件内」の正式候補だけを通常濃度へ戻す。
   条件外と希望差が同時に成立する場合は、条件外の視覚状態を優先する。 */
.yk-integrated-explorer .yk-product-card--compact:not(.is-filter-mismatch):not(.is-dimension-mismatch)[data-preference-state="difference"],
.yk-integrated-explorer .yk-product-card--compact:not(.is-filter-mismatch):not(.is-dimension-mismatch)[data-preference-state="unknown"]{
  opacity:1 !important;
  filter:none !important;
  pointer-events:auto !important;
}
.yk-integrated-explorer .yk-product-card--compact:not(.is-filter-mismatch):not(.is-dimension-mismatch)[data-preference-state="difference"] .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact:not(.is-filter-mismatch):not(.is-dimension-mismatch)[data-preference-state="difference"] .yk-product-placeholder,
.yk-integrated-explorer .yk-product-card--compact:not(.is-filter-mismatch):not(.is-dimension-mismatch)[data-preference-state="unknown"] .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact:not(.is-filter-mismatch):not(.is-dimension-mismatch)[data-preference-state="unknown"] .yk-product-placeholder,
.yk-integrated-explorer .yk-product-card--compact:not(.is-filter-mismatch):not(.is-dimension-mismatch)[data-preference-state="difference"] .yk-card-identity-row,
.yk-integrated-explorer .yk-product-card--compact:not(.is-filter-mismatch):not(.is-dimension-mismatch)[data-preference-state="difference"] .yk-card-life,
.yk-integrated-explorer .yk-product-card--compact:not(.is-filter-mismatch):not(.is-dimension-mismatch)[data-preference-state="unknown"] .yk-card-identity-row,
.yk-integrated-explorer .yk-product-card--compact:not(.is-filter-mismatch):not(.is-dimension-mismatch)[data-preference-state="unknown"] .yk-card-life{
  opacity:1 !important;
  filter:none !important;
}
/* 第2群だけ、なぜこの層にいるかをカード側で具体化する。 */
.yk-integrated-explorer .yk-card-preference-status.is-difference,
.yk-integrated-explorer .yk-card-preference-status.is-unknown{
  min-height:0;
  margin:.32rem .42rem .44rem;
  padding:.28rem .38rem;
  background:rgba(252,250,245,.58);
}
@media (max-width:760px){
  .yk-integrated-explorer .yk-shelf-tier-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:.12rem;
  }
  .yk-integrated-explorer .yk-shelf-tier-heading p{text-align:left;}
}

/* ========================================================================
   v0.4.77 — 3階層の商品棚を「見出しとして一目で読める」強さへ整える。
   少数の第1群のあとに不要な間延びを感じにくいよう、次階層との縦間隔も圧縮する。
   ======================================================================== */
.yk-integrated-explorer .yk-product-grid{
  column-gap:.85rem;
  row-gap:.66rem;
}
.yk-integrated-explorer .yk-shelf-tier-heading{
  position:relative;
  display:block;
  margin:.72rem 0 .02rem;
  padding:.58rem .72rem .56rem .82rem;
  border-top:0;
  border-bottom:1px solid rgba(170,166,157,.28);
  background:linear-gradient(90deg, rgba(250,250,248,.78), rgba(255,255,255,0) 72%);
  color:rgba(57,61,57,.76);
}
.yk-integrated-explorer .yk-shelf-tier-heading::before{
  content:'';
  position:absolute;
  left:.12rem;
  top:.56rem;
  bottom:.54rem;
  width:2px;
  border-radius:999px;
  background:rgba(142,145,139,.28);
}
.yk-integrated-explorer .yk-shelf-tier-heading:first-child{
  margin-top:0;
  padding-top:.52rem;
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-after-sparse{
  margin-top:.28rem;
}
.yk-integrated-explorer .yk-shelf-tier-copy{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  min-width:0;
}
.yk-integrated-explorer .yk-shelf-tier-title{
  gap:.5rem;
}
.yk-integrated-explorer .yk-shelf-tier-title strong{
  font-size:.82rem;
  line-height:1.35;
  font-weight:720;
  letter-spacing:.012em;
}
.yk-integrated-explorer .yk-shelf-tier-title span{
  font-size:.63rem;
  line-height:1.35;
  font-weight:600;
  color:rgba(56,61,57,.58);
}
.yk-integrated-explorer .yk-shelf-tier-heading p{
  max-width:28rem;
  margin:0;
  font-size:.61rem;
  line-height:1.45;
  color:rgba(65,68,64,.56);
  text-align:right;
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-primary{
  border-bottom-color:rgba(105,151,116,.25);
  background:linear-gradient(90deg, rgba(239,249,241,.72), rgba(255,255,255,0) 74%);
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-primary::before{
  background:rgba(91,143,105,.62);
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-secondary{
  border-bottom-color:rgba(184,153,91,.28);
  background:linear-gradient(90deg, rgba(253,249,239,.76), rgba(255,255,255,0) 74%);
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-secondary::before{
  background:rgba(188,148,66,.56);
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-outside{
  margin-top:.78rem;
  border-bottom-color:rgba(145,145,139,.30);
  background:linear-gradient(90deg, rgba(247,247,245,.78), rgba(255,255,255,0) 74%);
}
.yk-integrated-explorer .yk-shelf-tier-heading.is-outside::before{
  background:rgba(123,126,120,.42);
}
/* v0.4.76の丸印は、v0.4.77では左の棚見出しラインへ役割を統合する。 */
.yk-integrated-explorer .yk-shelf-tier-heading .yk-shelf-tier-title strong::before{
  content:none !important;
  display:none !important;
}
@media (max-width:760px){
  .yk-integrated-explorer .yk-shelf-tier-copy{
    align-items:flex-start;
    flex-direction:column;
    gap:.14rem;
  }
  .yk-integrated-explorer .yk-shelf-tier-heading p{
    max-width:none;
    text-align:left;
  }
}

/* v0.4.78 — 第3群では「希望との差」を重ねず、条件外になった理由だけを示す。 */
.yk-integrated-explorer .yk-card-outside-status{
  margin:.52rem .42rem .14rem;
  padding:.42rem .48rem;
  border:1px solid rgba(129,132,128,.28);
  background:rgba(247,247,245,.92);
  color:rgba(66,70,67,.78);
  font-size:.62rem;
  line-height:1.45;
}
.yk-integrated-explorer .yk-card-outside-status .yk-card-outside-label{
  display:block;
  margin-bottom:.12rem;
  font-size:.57rem;
  letter-spacing:.03em;
  color:rgba(72,76,73,.64);
}
.yk-integrated-explorer .yk-card-outside-status strong{
  display:block;
  font-size:.64rem;
  font-weight:650;
  color:rgba(49,53,50,.78);
}


/* v0.4.79 — 「今の希望との違い」「現在の条件外」の情報箱を同じ文法で整える。
   役割ラベル + 理由行の構成へ揃え、1枚ごとの差分があっても高さが暴れにくいようにする。 */
.yk-integrated-explorer .yk-card-preference-status.is-difference,
.yk-integrated-explorer .yk-card-preference-status.is-unknown,
.yk-integrated-explorer .yk-card-outside-status{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:3.95rem;
}
.yk-integrated-explorer .yk-card-preference-status.is-difference,
.yk-integrated-explorer .yk-card-preference-status.is-unknown{
  margin:.32rem .42rem .44rem;
  padding:.34rem .42rem;
}
.yk-integrated-explorer .yk-card-outside-status{
  margin:.52rem .42rem .14rem;
  padding:.38rem .46rem;
}
.yk-integrated-explorer .yk-card-status-reasons{
  display:flex;
  flex-direction:column;
  gap:.1rem;
  min-height:2.18rem;
}
.yk-integrated-explorer .yk-card-status-reason{
  display:block;
  font-size:.63rem;
  line-height:1.5;
  font-weight:640;
  color:rgba(49,53,50,.80);
  letter-spacing:.002em;
}
.yk-integrated-explorer .yk-card-preference-status .yk-card-status-reason,
.yk-integrated-explorer .yk-card-outside-status .yk-card-status-reason{
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.yk-integrated-explorer .yk-card-preference-status .yk-card-preference-label,
.yk-integrated-explorer .yk-card-outside-status .yk-card-outside-label{
  margin-bottom:.16rem;
}
.yk-integrated-explorer .yk-card-preference-status strong,
.yk-integrated-explorer .yk-card-outside-status strong{
  line-height:1.5;
}

/* v0.4.80 — 判断補足カードの高さを横一列で完全に揃える。
   実際の文章量をJSで測り、その行の最大高へ合わせるため、短文・複数行でも下端が揃う。 */
.yk-integrated-explorer .yk-card-preference-status,
.yk-integrated-explorer .yk-card-outside-status{
  box-sizing:border-box;
}


/* ========================================================================
   v0.4.81 — ユーザーが指している「今の希望との違い」「現在の条件外」
   そのものの小カード外形を固定高で統一する。
   商品カード本体や前後コンテンツの高さではなく、この情報箱の枠線の高さを揃える。
   ======================================================================== */
.yk-integrated-explorer .yk-card-preference-status.is-difference,
.yk-integrated-explorer .yk-card-preference-status.is-unknown,
.yk-integrated-explorer .yk-card-outside-status{
  box-sizing:border-box;
  height:4.85rem;
  min-height:4.85rem;
  max-height:4.85rem;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.yk-integrated-explorer .yk-card-preference-status.is-difference,
.yk-integrated-explorer .yk-card-preference-status.is-unknown{
  padding:.34rem .42rem;
}
.yk-integrated-explorer .yk-card-outside-status{
  padding:.34rem .42rem;
}
.yk-integrated-explorer .yk-card-status-reasons{
  min-height:0;
  gap:.06rem;
}
.yk-integrated-explorer .yk-card-status-reason{
  font-size:.61rem;
  line-height:1.43;
}
.yk-integrated-explorer .yk-card-preference-status .yk-card-preference-label,
.yk-integrated-explorer .yk-card-outside-status .yk-card-outside-label{
  flex:0 0 auto;
  margin-bottom:.14rem;
}

/* ========================================================================
   v0.4.82 — ユーザーが指している小カードは、枠そのものだけでなく
   置かれるスロットも含めて高さを揃える必要がある。
   差分カード・条件外カードを共通の下部スロットへ入れ、
   内側の小カードはそのスロットいっぱいに収める。
   ======================================================================== */
.yk-integrated-explorer .yk-card-status-slot{
  box-sizing:border-box;
  margin:.42rem .42rem .22rem;
}
.yk-integrated-explorer .yk-card-status-slot--outside,
.yk-integrated-explorer .yk-card-status-slot--difference,
.yk-integrated-explorer .yk-card-status-slot--unknown{
  display:block;
}
.yk-integrated-explorer .yk-card-status-slot .yk-card-preference-status.is-difference,
.yk-integrated-explorer .yk-card-status-slot .yk-card-preference-status.is-unknown,
.yk-integrated-explorer .yk-card-status-slot .yk-card-outside-status{
  margin:0;
  width:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.yk-integrated-explorer .yk-card-status-slot .yk-card-preference-status.is-difference,
.yk-integrated-explorer .yk-card-status-slot .yk-card-preference-status.is-unknown{
  padding:.34rem .42rem;
}
.yk-integrated-explorer .yk-card-status-slot .yk-card-outside-status{
  padding:.34rem .42rem;
}
.yk-integrated-explorer .yk-card-status-slot .yk-card-status-reasons{
  min-height:0;
}

/* ========================================================================
   v0.4.83 — 小情報カードの寸法だけでなく、商品カード内の上下位置まで揃える。
   情報カードを持つ商品では、ステータススロットを比較候補行の直前へ固定する。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact.has-card-status .yk-card-status-slot{
  margin-top:auto;
}
.yk-integrated-explorer .yk-product-card--compact.has-card-status .yk-compare-choice{
  margin-top:0;
}

/* v0.4.83 — v0.4.81の固定高で情報を切らない。JSが必要高を測定し、
   すべてのステータススロットへ同じ高さを与える。 */
.yk-integrated-explorer .yk-card-status-slot .yk-card-preference-status.is-difference,
.yk-integrated-explorer .yk-card-status-slot .yk-card-preference-status.is-unknown,
.yk-integrated-explorer .yk-card-status-slot .yk-card-outside-status{
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  overflow:visible;
}

/* ========================================================================
   v0.4.84 — 「今見ている順番」を同一行で読みやすく揃える。
   前段のカード本文はJSで行内最大高へそろえ、順番表示の上端を合わせる。
   順番表示自体にも共通高を持たせ、未確認等の長い文言でも段差を抑える。
   ======================================================================== */
.yk-integrated-explorer .yk-card-sort-context{
  box-sizing:border-box;
  min-height:2.15rem;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  column-gap:.45rem;
  margin:-.08rem 0 .46rem;
}
.yk-integrated-explorer .yk-card-sort-context > span{
  white-space:nowrap;
}
.yk-integrated-explorer .yk-card-sort-context > strong{
  min-width:0;
  text-align:right;
  line-height:1.35;
  overflow-wrap:anywhere;
}


/* v0.4.87: 乾燥容量相談を「一問ずつ同じ場所で切り替える」共通コンシェルジュ文法へ変更 */
.yk-integrated-explorer .yk-capacity-flow-stage[hidden]{display:none !important;}
.yk-integrated-explorer .yk-capacity-flow-stage{
  min-height:7.9rem;
  animation:ykConciergeQuestionSwap .15s ease both;
}
@keyframes ykConciergeQuestionSwap{
  from{opacity:.35;transform:translateX(4px)}
  to{opacity:1;transform:translateX(0)}
}
.yk-integrated-explorer .yk-capacity-flow-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin:-.08rem 0 .72rem;
  padding:0 0 .48rem;
  border-bottom:1px solid rgba(221,216,207,.66);
  color:rgba(72,74,69,.64);
  font-size:.62rem;
  line-height:1.45;
}
.yk-integrated-explorer .yk-capacity-flow-summary[hidden]{display:none !important;}
.yk-integrated-explorer .yk-capacity-flow-summary span{min-width:0;}
.yk-integrated-explorer .yk-capacity-flow-summary button{
  flex:0 0 auto;
  border:0;
  background:transparent;
  padding:.18rem 0 .18rem .3rem;
  color:rgba(102,81,49,.72);
  font-size:.61rem;
  cursor:pointer;
}
.yk-integrated-explorer .yk-capacity-flow-summary button:hover,
.yk-integrated-explorer .yk-capacity-flow-summary button:focus-visible{
  color:#40372b;
  text-decoration:underline;
  outline:none;
}
.yk-integrated-explorer .yk-capacity-flow-stage .yk-concierge-guidance{
  margin:.16rem 0 .58rem;
}
.yk-integrated-explorer .yk-capacity-flow-stage .yk-capacity-field{
  display:flex;
  flex-direction:column;
  gap:.28rem;
  margin-top:.52rem;
}
.yk-integrated-explorer .yk-capacity-next{
  width:100%;
  margin-top:.62rem;
  min-height:2.25rem;
  border:1px solid rgba(213,207,196,.9);
  border-radius:9px;
  background:#fff;
  color:#373934;
  font-size:.7rem;
  cursor:pointer;
}
.yk-integrated-explorer .yk-capacity-next:not(:disabled):hover,
.yk-integrated-explorer .yk-capacity-next:not(:disabled):focus-visible{
  border-color:rgba(var(--yk-guide-light-rgb),.58);
  background:rgba(255,252,245,.96);
  outline:none;
}
.yk-integrated-explorer .yk-capacity-next:disabled{
  opacity:.38;
  cursor:default;
}
.yk-integrated-explorer .yk-capacity-assist .yk-capacity-result{
  margin-top:.46rem;
}


/* ========================================================================
   v0.4.88 — 乾燥容量相談の回答履歴を縦型・任意地点へ戻れる形へ変更。
   相談途中の回答は下書きとして扱い、確定操作までは商品棚を変更しない。
   ======================================================================== */
.yk-integrated-explorer .yk-capacity-flow-summary{
  display:block;
  margin:-.08rem 0 .78rem;
  padding:0 0 .58rem;
  border-bottom:1px solid rgba(221,216,207,.66);
  color:rgba(72,74,69,.66);
  font-size:.62rem;
  line-height:1.45;
}
.yk-integrated-explorer .yk-capacity-history-label{
  display:block;
  margin-bottom:.28rem;
  color:rgba(76,76,71,.48);
  font-size:.57rem;
  letter-spacing:.02em;
}
.yk-integrated-explorer .yk-capacity-flow-history{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
}
.yk-integrated-explorer .yk-capacity-history-item{
  position:relative;
  display:grid;
  grid-template-columns:.72rem minmax(0,1fr);
  align-items:center;
  gap:.38rem;
  width:100%;
  min-height:1.55rem;
  padding:.14rem .28rem .14rem 0;
  border:0;
  background:transparent;
  color:rgba(68,69,65,.74);
  font:inherit;
  line-height:1.45;
  text-align:left;
  cursor:pointer;
  border-radius:6px;
  transition:background .14s ease,color .14s ease;
}
.yk-integrated-explorer .yk-capacity-history-item:not(:last-child)::after{
  content:'';
  position:absolute;
  left:.255rem;
  top:1.12rem;
  bottom:-.38rem;
  width:1px;
  background:rgba(204,185,151,.42);
}
.yk-integrated-explorer .yk-capacity-history-node{
  position:relative;
  z-index:1;
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  border:1px solid rgba(198,164,108,.58);
  background:#fffdf9;
}
.yk-integrated-explorer .yk-capacity-history-item:hover,
.yk-integrated-explorer .yk-capacity-history-item:focus-visible{
  background:rgba(255,248,234,.6);
  color:#403a31;
  outline:none;
}
.yk-integrated-explorer .yk-capacity-history-item:hover .yk-capacity-history-node,
.yk-integrated-explorer .yk-capacity-history-item:focus-visible .yk-capacity-history-node{
  background:rgba(var(--yk-guide-light-rgb),.22);
  border-color:rgba(var(--yk-guide-light-rgb),.74);
}
.yk-integrated-explorer .yk-capacity-flow-summary .yk-capacity-back{
  display:inline-flex;
  align-items:center;
  margin-top:.32rem;
  padding:.18rem 0;
  border:0;
  background:transparent;
  color:rgba(102,81,49,.7);
  font-size:.59rem;
  cursor:pointer;
}
.yk-integrated-explorer .yk-capacity-flow-summary .yk-capacity-back:hover,
.yk-integrated-explorer .yk-capacity-flow-summary .yk-capacity-back:focus-visible{
  color:#40372b;
  text-decoration:underline;
  outline:none;
}
.yk-integrated-explorer .yk-capacity-apply{
  width:100%;
  min-height:2.35rem;
  margin-top:.7rem;
  border:1px solid rgba(198,164,108,.52);
  border-radius:9px;
  background:rgba(255,252,245,.98);
  color:#3f3a32;
  font-size:.68rem;
  font-weight:650;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,opacity .15s ease;
}
.yk-integrated-explorer .yk-capacity-apply:not(:disabled):hover,
.yk-integrated-explorer .yk-capacity-apply:not(:disabled):focus-visible{
  border-color:rgba(var(--yk-guide-light-rgb),.72);
  background:#fffdf7;
  box-shadow:0 0 0 3px rgba(var(--yk-guide-light-rgb),.065);
  outline:none;
}
.yk-integrated-explorer .yk-capacity-apply:disabled{
  opacity:.38;
  cursor:default;
}


/* ========================================================================
   v0.4.89 — 手入れ相談も「希望」と「本人明示の必須条件」を分けて扱う。
   回答履歴は容量相談と同じく縦型にし、任意の回答地点へ直接戻れる。
   ======================================================================== */
.yk-integrated-explorer .yk-effort-flow-stage[hidden]{display:none !important;}
.yk-integrated-explorer .yk-effort-flow-stage{
  min-height:7.9rem;
  animation:ykConciergeQuestionSwap .15s ease both;
}
.yk-integrated-explorer .yk-effort-flow-summary{
  display:block;
  margin:-.08rem 0 .78rem;
  padding:0 0 .58rem;
  border-bottom:1px solid rgba(221,216,207,.66);
  color:rgba(72,74,69,.66);
  font-size:.62rem;
  line-height:1.45;
}
.yk-integrated-explorer .yk-effort-flow-summary[hidden]{display:none !important;}
.yk-integrated-explorer .yk-effort-history-label{
  display:block;
  margin-bottom:.28rem;
  color:rgba(76,76,71,.48);
  font-size:.57rem;
  letter-spacing:.02em;
}
.yk-integrated-explorer .yk-effort-flow-history{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
}
.yk-integrated-explorer .yk-effort-history-item{
  position:relative;
  display:grid;
  grid-template-columns:.72rem minmax(0,1fr);
  align-items:center;
  gap:.38rem;
  width:100%;
  min-height:1.55rem;
  padding:.14rem .28rem .14rem 0;
  border:0;
  background:transparent;
  color:rgba(68,69,65,.74);
  font:inherit;
  line-height:1.45;
  text-align:left;
  cursor:pointer;
  border-radius:6px;
  transition:background .14s ease,color .14s ease;
}
.yk-integrated-explorer .yk-effort-history-item:not(:last-child)::after{
  content:'';
  position:absolute;
  left:.255rem;
  top:1.12rem;
  bottom:-.38rem;
  width:1px;
  background:rgba(204,185,151,.42);
}
.yk-integrated-explorer .yk-effort-history-node{
  position:relative;
  z-index:1;
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  border:1px solid rgba(198,164,108,.58);
  background:#fffdf9;
}
.yk-integrated-explorer .yk-effort-history-item:hover,
.yk-integrated-explorer .yk-effort-history-item:focus-visible{
  background:rgba(255,248,234,.6);
  color:#403a31;
  outline:none;
}
.yk-integrated-explorer .yk-effort-history-item:hover .yk-effort-history-node,
.yk-integrated-explorer .yk-effort-history-item:focus-visible .yk-effort-history-node{
  background:rgba(var(--yk-guide-light-rgb),.22);
  border-color:rgba(var(--yk-guide-light-rgb),.74);
}
.yk-integrated-explorer .yk-effort-flow-summary .yk-effort-back{
  display:inline-flex;
  align-items:center;
  margin-top:.32rem;
  padding:.18rem 0;
  border:0;
  background:transparent;
  color:rgba(102,81,49,.7);
  font-size:.59rem;
  cursor:pointer;
}
.yk-integrated-explorer .yk-effort-flow-summary .yk-effort-back:hover,
.yk-integrated-explorer .yk-effort-flow-summary .yk-effort-back:focus-visible{
  color:#40372b;
  text-decoration:underline;
  outline:none;
}
.yk-integrated-explorer .yk-effort-flow-stage .yk-concierge-guidance{
  margin:.16rem 0 .58rem;
}


/* ========================================================================
   v0.4.90 — 商品状態が重なったときの視覚優先順位を固定。
   「現在の条件外」は希望差・希望不明より常に強く、必ず薄く表示する。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch,
.yk-integrated-explorer .yk-product-card--compact.is-dimension-mismatch{
  opacity:.34 !important;
  filter:none;
}
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch:hover,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch:focus-within,
.yk-integrated-explorer .yk-product-card--compact.is-dimension-mismatch:hover,
.yk-integrated-explorer .yk-product-card--compact.is-dimension-mismatch:focus-within{
  opacity:.42 !important;
}
/* 条件外カードの内部要素も、希望差を通常濃度へ戻す指定の影響を受けない。 */
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch[data-preference-state] .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact.is-filter-mismatch[data-preference-state] .yk-product-placeholder,
.yk-integrated-explorer .yk-product-card--compact.is-dimension-mismatch[data-preference-state] .yk-product-image-wrap,
.yk-integrated-explorer .yk-product-card--compact.is-dimension-mismatch[data-preference-state] .yk-product-placeholder{
  filter:grayscale(.82) !important;
}


/* ========================================================================
   v0.4.91 — 開発用QAパネル（?yk_qa=1 のときだけJSが生成）
   ======================================================================== */
.yk-qa-panel{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:2147483000;
  width:min(430px,calc(100vw - 32px));
  max-height:min(72vh,720px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(41,45,43,.18);
  border-radius:12px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 52px rgba(32,38,35,.20);
  color:#303633;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:12px;
  line-height:1.45;
}
.yk-qa-panel.is-collapsed{max-height:none;width:250px;}
.yk-qa-panel.is-collapsed .yk-qa-body,
.yk-qa-panel.is-collapsed .yk-qa-actions{display:none;}
.yk-qa-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px 8px;
  border-bottom:1px solid rgba(41,45,43,.10);
  background:#fafbfa;
}
.yk-qa-head div{display:flex;align-items:baseline;gap:8px;}
.yk-qa-head span{font-size:10px;font-weight:700;letter-spacing:.08em;color:#68716d;}
.yk-qa-head strong{font-size:12px;}
.yk-qa-head button{
  width:26px;height:26px;padding:0;border:1px solid rgba(41,45,43,.14);border-radius:7px;background:#fff;cursor:pointer;color:#4d5752;
}
.yk-qa-summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid rgba(41,45,43,.10);
}
.yk-qa-summary strong{font-size:14px;}
.yk-qa-summary span{font-size:11px;color:#68716d;}
.yk-qa-summary.is-pass strong,.yk-qa-panel .is-pass>span,.yk-qa-panel summary strong.is-pass{color:#237a50;}
.yk-qa-summary.is-fail strong,.yk-qa-panel .is-fail>span,.yk-qa-panel summary strong.is-fail{color:#b33b34;}
.yk-qa-body{overflow:auto;padding:4px 10px 8px;}
.yk-qa-body details{border-bottom:1px solid rgba(41,45,43,.08);}
.yk-qa-body details:last-child{border-bottom:0;}
.yk-qa-body summary{display:flex;justify-content:space-between;gap:10px;padding:8px 2px;cursor:pointer;font-weight:700;}
.yk-qa-body summary strong{font-size:10px;letter-spacing:.04em;}
.yk-qa-list{display:flex;flex-direction:column;gap:4px;padding:0 0 8px;}
.yk-qa-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px;padding:5px 6px;border-radius:7px;background:#f7f8f7;}
.yk-qa-item.is-fail{background:#fff3f1;}
.yk-qa-item>span{font-size:9px;font-weight:800;letter-spacing:.04em;padding-top:2px;}
.yk-qa-item strong{display:block;font-size:11px;font-weight:650;}
.yk-qa-item small{display:block;margin-top:1px;color:#737b77;font-size:10px;word-break:break-word;}
.yk-qa-actions{padding:8px 10px;border-top:1px solid rgba(41,45,43,.10);background:#fafbfa;}
.yk-qa-actions button{width:100%;padding:7px 10px;border:1px solid rgba(41,45,43,.16);border-radius:8px;background:#fff;color:#414a46;font-weight:650;cursor:pointer;}
@media (max-width:700px){.yk-qa-panel{right:8px;bottom:8px;width:calc(100vw - 16px);max-height:62vh;}}

/* ========================================================================
   v0.4.92 — 選択支援は「入口で引き、必要な分だけ足す」
   ------------------------------------------------------------------------
   ユーザー向けの「コンシェルジュ」表現を外し、待機時は「気になること」だけ。
   開いたときは待機面を重ねて残さず、同じ右側の入口が一枚の操作面へ展開する。
   ======================================================================== */
.yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll{
  gap:.45rem;
  padding:0;
  background:transparent !important;
  border-color:transparent !important;
  transition:opacity .14s ease;
}
.yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.is-selection-open .yk-shelf-tools-scroll{
  opacity:0;
  pointer-events:none;
}
.yk-integrated-explorer .yk-concierge-perch{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.yk-integrated-explorer .yk-concierge-perch-actions{gap:.4rem;}
.yk-integrated-explorer .yk-concierge-start,
.yk-integrated-explorer .yk-concierge-resume{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  min-height:3rem;
  padding:.72rem .8rem;
  border:1px solid rgba(205,184,149,.54);
  border-radius:10px;
  background:
    radial-gradient(120% 100% at 100% 0%,rgba(var(--yk-guide-light-rgb),.08),transparent 68%),
    rgba(255,255,255,.96);
  color:#343630;
  font-size:.82rem;
  font-weight:650;
  line-height:1.35;
  box-shadow:0 4px 16px rgba(63,51,34,.035);
}
.yk-integrated-explorer .yk-concierge-entry-arrow{
  flex:0 0 auto;
  color:rgba(136,100,47,.72);
  font-size:1.08rem;
  font-weight:400;
  transform:translateY(-.02em);
}
.yk-integrated-explorer .yk-concierge-resume{
  min-height:2.7rem;
  font-size:.76rem;
  font-weight:580;
  background:rgba(255,252,246,.9);
}
.yk-integrated-explorer .yk-concierge-self-serve[hidden]{display:none !important;}
.yk-integrated-explorer .yk-concierge-self-serve{
  margin-top:.1rem;
  padding:.55rem .18rem 0;
  border-top:1px solid rgba(218,214,205,.58);
}
.yk-integrated-explorer .yk-concierge-self-serve-count{font-size:.72rem;}
.yk-integrated-explorer .yk-concierge-self-serve-compare{font-size:.74rem;}

/* 開いた紙は右欄そのものを使う。待機面を右に残さない。 */
.yk-integrated-explorer .yk-concierge-consult-sheet{
  right:0;
  width:min(370px,34vw);
  max-height:min(690px,calc(100dvh - var(--yk-concierge-sticky-top,90px) - 1rem));
  transform:translateX(12px);
}
.yk-integrated-explorer .yk-concierge-consult-sheet.is-open{transform:translateX(0);}
.yk-integrated-explorer .yk-concierge-sheet-head{
  display:grid;
  grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;
  align-items:center;
  gap:.58rem;
  padding:.72rem .78rem;
}
.yk-integrated-explorer .yk-concierge-sheet-title-wrap{
  min-width:0;
  justify-self:start;
}
.yk-integrated-explorer .yk-concierge-sheet-title-wrap>div{display:contents;}
.yk-integrated-explorer .yk-concierge-sheet-title{
  font-size:.88rem;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.yk-integrated-explorer .yk-concierge-other-consults{
  border:0;
  background:transparent;
  color:rgba(74,72,66,.68);
  padding:.28rem .12rem;
  font-size:.72rem;
  line-height:1.25;
  cursor:pointer;
}
.yk-integrated-explorer .yk-concierge-other-consults:hover,
.yk-integrated-explorer .yk-concierge-other-consults:focus-visible{
  color:#34342f;
  outline:none;
  text-decoration:underline;
}
.yk-integrated-explorer .yk-concierge-return-shelf{
  display:grid;
  place-items:center;
  width:1.9rem;
  height:1.9rem;
  padding:0;
  border:1px solid rgba(73,72,68,.12);
  border-radius:50%;
  background:rgba(255,255,255,.8);
  color:rgba(55,56,52,.7);
  font-size:1rem;
  line-height:1;
  cursor:pointer;
}
.yk-integrated-explorer .yk-concierge-return-shelf:hover,
.yk-integrated-explorer .yk-concierge-return-shelf:focus-visible{
  border-color:rgba(176,145,93,.42);
  color:#34342f;
  background:#fffdf8;
  outline:none;
}
.yk-integrated-explorer .yk-concierge-sheet-body{
  padding:.88rem .9rem 1rem;
}

/* 一覧は説明文ではなく、押した後の行為そのものを入口にする。 */
.yk-integrated-explorer .yk-concierge-topic-list--home{gap:.46rem;}
.yk-integrated-explorer .yk-concierge-topic-list--home button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  min-height:3.05rem;
  padding:.72rem .78rem;
  font-size:.82rem;
  font-weight:620;
}
.yk-integrated-explorer .yk-concierge-topic-list--home button>span:last-child{
  color:rgba(142,104,49,.7);
  font-size:1.05rem;
  font-weight:400;
}
.yk-integrated-explorer .yk-concierge-question{
  font-size:.94rem;
  line-height:1.5;
}
.yk-integrated-explorer .yk-concierge-guidance,
.yk-integrated-explorer .yk-concierge-footnote{
  font-size:.73rem;
  line-height:1.62;
}
.yk-integrated-explorer .yk-concierge-topic-list button,
.yk-integrated-explorer .yk-concierge-sheet-primary{
  font-size:.78rem;
}
.yk-integrated-explorer .yk-concierge-one-action label span{
  font-size:.78rem;
}
.yk-integrated-explorer .yk-concierge-answer{
  font-size:.76rem;
  line-height:1.62;
}
.yk-integrated-explorer .yk-concierge-answer strong{font-size:.82rem;}

/* 回答履歴は履歴であると同時に、直接戻れる操作であることを見せる。 */
.yk-integrated-explorer .yk-capacity-history-item,
.yk-integrated-explorer .yk-effort-history-item{
  grid-template-columns:.72rem minmax(0,1fr) auto;
  gap:.4rem;
  min-height:1.85rem;
  padding:.2rem .25rem .2rem 0;
  font-size:.69rem;
}
.yk-integrated-explorer .yk-history-answer{min-width:0;}
.yk-integrated-explorer .yk-history-change{
  color:rgba(117,85,40,.64);
  font-size:.61rem;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-capacity-history-item:hover .yk-history-change,
.yk-integrated-explorer .yk-capacity-history-item:focus-visible .yk-history-change,
.yk-integrated-explorer .yk-effort-history-item:hover .yk-history-change,
.yk-integrated-explorer .yk-effort-history-item:focus-visible .yk-history-change{
  color:#5f4627;
  text-decoration:underline;
}
.yk-integrated-explorer .yk-capacity-history-label,
.yk-integrated-explorer .yk-effort-history-label{font-size:.62rem;}
.yk-integrated-explorer .yk-capacity-flow-summary .yk-capacity-back,
.yk-integrated-explorer .yk-effort-flow-summary .yk-effort-back{font-size:.65rem;}

/* 結果は「何を決めたか／棚がどう変わったか」だけを短く返す。 */
.yk-integrated-explorer .yk-concierge-shelf-impact{
  margin:0;
  padding:.72rem .86rem;
}
.yk-integrated-explorer .yk-concierge-shelf-impact-copy strong{font-size:.78rem;}
.yk-integrated-explorer .yk-concierge-shelf-impact-copy span{font-size:.7rem;}
.yk-integrated-explorer .yk-concierge-shelf-impact-action{display:none !important;}

@media (max-width:900px){
  .yk-integrated-explorer .yk-concierge-consult-sheet{
    position:fixed;
    left:.75rem;
    right:.75rem;
    top:auto;
    bottom:.75rem;
    width:auto;
    max-height:min(78dvh,690px);
  }
}

/* ========================================================================
   v0.4.93 — 「整理整頓」の入口＋右欄内で完結する選択支援
   ------------------------------------------------------------------------
   入口は大きな一つの整理アイコンへ。使った内容は下へ縦につなげる。
   展開面は右欄そのものに収め、商品棚へ重ならない。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-perch-actions{
  display:block;
}
.yk-integrated-explorer .yk-concierge-start{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.58rem;
  width:100%;
  min-height:8.25rem;
  padding:1rem .72rem .92rem;
  border:0;
  border-radius:16px;
  background:transparent;
  color:#343630;
  box-shadow:none;
  cursor:pointer;
  overflow:visible;
  transition:transform .16s ease;
}
.yk-integrated-explorer .yk-concierge-start:hover,
.yk-integrated-explorer .yk-concierge-start:focus-visible{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  outline:none;
  transform:translateY(-1px);
}
.yk-integrated-explorer .yk-organize-mark{
  position:relative;
  display:block;
  width:4.15rem;
  height:4.15rem;
  border:1px solid rgba(199,174,132,.62);
  border-radius:1.15rem;
  background:
    radial-gradient(80% 70% at 72% 18%,rgba(255,255,255,.88),transparent 55%),
    linear-gradient(145deg,rgba(255,252,246,.98),rgba(246,237,221,.92));
  box-shadow:
    0 .52rem 1.25rem rgba(86,64,31,.09),
    0 .12rem .28rem rgba(86,64,31,.07),
    inset 0 1px 0 rgba(255,255,255,.95);
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
.yk-integrated-explorer .yk-organize-mark>span{
  position:absolute;
  left:1rem;
  height:.55rem;
  border:1px solid rgba(142,113,70,.34);
  border-radius:.3rem;
  background:rgba(255,255,255,.88);
  box-shadow:0 .08rem .14rem rgba(92,72,42,.04);
  transition:left .2s ease,width .2s ease,transform .2s ease,background .2s ease;
}
.yk-integrated-explorer .yk-organize-mark>span::before{
  content:"";
  position:absolute;
  left:.22rem;
  top:50%;
  width:.24rem;
  height:.24rem;
  margin-top:-.12rem;
  border-radius:50%;
  background:rgba(207,157,74,.72);
}
.yk-integrated-explorer .yk-organize-mark>span:nth-child(1){top:.92rem;width:1.72rem;left:1.22rem;transform:translateX(.08rem);}
.yk-integrated-explorer .yk-organize-mark>span:nth-child(2){top:1.8rem;width:2.12rem;left:.82rem;transform:translateX(-.08rem);}
.yk-integrated-explorer .yk-organize-mark>span:nth-child(3){top:2.68rem;width:1.9rem;left:1.08rem;transform:translateX(.05rem);}
.yk-integrated-explorer .yk-concierge-start:hover .yk-organize-mark,
.yk-integrated-explorer .yk-concierge-start:focus-visible .yk-organize-mark{
  border-color:rgba(190,150,86,.78);
  box-shadow:
    0 .68rem 1.45rem rgba(86,64,31,.12),
    0 .16rem .34rem rgba(86,64,31,.08),
    inset 0 1px 0 rgba(255,255,255,.98);
  transform:translateY(-1px);
}
.yk-integrated-explorer .yk-concierge-start:hover .yk-organize-mark>span,
.yk-integrated-explorer .yk-concierge-start:focus-visible .yk-organize-mark>span{
  left:1.02rem;
  width:2.08rem;
  transform:translateX(0);
  background:#fff;
}
.yk-integrated-explorer .yk-organize-label{
  font-size:.79rem;
  line-height:1.35;
  font-weight:650;
  letter-spacing:.01em;
  color:rgba(55,55,50,.86);
}
.yk-integrated-explorer .yk-organize-tooltip{
  position:absolute;
  z-index:4;
  left:50%;
  top:calc(100% - .15rem);
  width:max-content;
  max-width:13.5rem;
  padding:.46rem .58rem;
  border:1px solid rgba(214,198,171,.76);
  border-radius:8px;
  background:rgba(255,255,255,.98);
  color:rgba(60,60,55,.8);
  font-size:.66rem;
  font-weight:500;
  line-height:1.45;
  box-shadow:0 .4rem 1rem rgba(65,50,28,.08);
  opacity:0;
  transform:translate(-50%,-.15rem);
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease;
}
.yk-integrated-explorer .yk-concierge-start:hover .yk-organize-tooltip,
.yk-integrated-explorer .yk-concierge-start:focus-visible .yk-organize-tooltip{
  opacity:1;
  transform:translate(-50%,0);
}
.yk-integrated-explorer .yk-concierge-resume{display:none !important;}

/* ユーザー自身が整理した内容だけを、入口の下へ時系列ではなく現在状態として積む。 */
.yk-integrated-explorer .yk-selection-trail[hidden]{display:none !important;}
.yk-integrated-explorer .yk-selection-trail{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  margin:.08rem 0 0;
  padding:.15rem 0 .15rem .28rem;
}
.yk-integrated-explorer .yk-selection-trail::before{
  content:"";
  position:absolute;
  left:.72rem;
  top:.45rem;
  bottom:.6rem;
  width:1px;
  background:linear-gradient(to bottom,rgba(194,157,98,.42),rgba(194,157,98,.15));
}
.yk-integrated-explorer .yk-selection-trail-item{
  position:relative;
  display:grid;
  grid-template-columns:1rem minmax(0,1fr) auto;
  align-items:start;
  gap:.42rem;
  width:100%;
  min-height:3rem;
  padding:.5rem .34rem .52rem .12rem;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#393a36;
  text-align:left;
  cursor:pointer;
}
.yk-integrated-explorer .yk-selection-trail-item:hover,
.yk-integrated-explorer .yk-selection-trail-item:focus-visible{
  background:rgba(255,249,239,.72);
  outline:none;
}
.yk-integrated-explorer .yk-selection-trail-node{
  position:relative;
  z-index:1;
  width:.55rem;
  height:.55rem;
  margin:.17rem 0 0 .33rem;
  border:2px solid #fff;
  border-radius:50%;
  background:rgba(211,159,73,.82);
  box-shadow:0 0 0 1px rgba(178,137,70,.32);
}
.yk-integrated-explorer .yk-selection-trail-item.is-draft .yk-selection-trail-node{
  background:#fff;
  box-shadow:0 0 0 1px rgba(178,137,70,.58);
}
.yk-integrated-explorer .yk-selection-trail-copy{
  display:flex;
  flex-direction:column;
  gap:.09rem;
  min-width:0;
}
.yk-integrated-explorer .yk-selection-trail-label{
  font-size:.64rem;
  line-height:1.35;
  color:rgba(70,70,65,.58);
}
.yk-integrated-explorer .yk-selection-trail-copy strong{
  display:block;
  font-size:.72rem;
  line-height:1.48;
  font-weight:590;
  color:rgba(51,52,48,.88);
  word-break:break-word;
}
.yk-integrated-explorer .yk-selection-trail-item.is-draft .yk-selection-trail-copy strong{
  color:rgba(117,85,40,.74);
}
.yk-integrated-explorer .yk-selection-trail-arrow{
  align-self:center;
  padding-top:.05rem;
  color:rgba(137,101,48,.6);
  font-size:.95rem;
  line-height:1;
}

/* 開いている間は待機面を完全に引き、同じ右欄の中で一枚の操作面へ置き換える。 */
.yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.is-selection-open .yk-shelf-tools-scroll{
  display:none !important;
}
.yk-integrated-explorer .yk-concierge-consult-sheet{
  position:relative;
  inset:auto;
  top:auto;
  right:auto;
  left:auto;
  bottom:auto;
  width:100%;
  max-width:none;
  max-height:min(690px,calc(100dvh - var(--yk-concierge-sticky-top,90px) - 1rem));
  z-index:2;
  transform:translateX(10px);
  box-shadow:0 .7rem 1.8rem rgba(54,44,31,.08),0 .1rem .32rem rgba(54,44,31,.04);
}
.yk-integrated-explorer .yk-concierge-consult-sheet.is-open{
  transform:translateX(0);
}

@media (max-width:900px){
  .yk-integrated-explorer .yk-concierge-consult-sheet{
    position:fixed;
    left:.75rem;
    right:.75rem;
    top:auto;
    bottom:.75rem;
    width:auto;
    max-width:none;
    max-height:min(78dvh,690px);
  }
  .yk-integrated-explorer .yk-concierge-start{
    min-height:7rem;
  }
  .yk-integrated-explorer .yk-organize-tooltip{display:none;}
}

/* ========================================================================
   v0.4.94 — 一つだけだが見逃しにくい入口＋商品棚スクロール追従
   ------------------------------------------------------------------------
   引き算するのは入口で考えさせる情報量であり、入口そのものの発見可能性ではない。
   整理アイコン・短いラベル・一行の意味補助を一枚の操作カードにまとめる。
   PCでは商品棚を下へ見ている間も右欄を追従させ、stickyステータス帯の直下で止める。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-perch{
  padding:0;
  border:0;
  border-radius:14px;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.yk-integrated-explorer .yk-concierge-start{
  position:relative;
  display:grid;
  grid-template-columns:3.45rem minmax(0,1fr) auto;
  align-items:center;
  gap:.72rem;
  width:100%;
  min-height:6.15rem;
  padding:.88rem .78rem;
  border:1px solid rgba(205,180,138,.62);
  border-radius:14px;
  background:
    radial-gradient(92% 120% at 100% 0%,rgba(255,246,226,.72) 0%,rgba(255,255,255,0) 62%),
    rgba(255,254,251,.98);
  color:#343630;
  box-shadow:
    0 .7rem 1.65rem rgba(86,64,31,.075),
    0 .08rem .26rem rgba(86,64,31,.055),
    inset 0 1px 0 rgba(255,255,255,.98);
  text-align:left;
  cursor:pointer;
  overflow:visible;
  transform:none;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.yk-integrated-explorer .yk-concierge-start:hover,
.yk-integrated-explorer .yk-concierge-start:focus-visible{
  border-color:rgba(190,150,86,.78);
  background:
    radial-gradient(92% 120% at 100% 0%,rgba(255,242,212,.82) 0%,rgba(255,255,255,0) 64%),
    #fffdf9;
  box-shadow:
    0 .88rem 1.9rem rgba(86,64,31,.10),
    0 .12rem .3rem rgba(86,64,31,.065),
    inset 0 1px 0 rgba(255,255,255,.99),
    0 0 0 3px rgba(var(--yk-guide-light-rgb),.05);
  outline:none;
  transform:translateY(-1px);
}
.yk-integrated-explorer .yk-organize-mark{
  width:3.45rem;
  height:3.45rem;
  border-radius:.98rem;
  box-shadow:
    0 .44rem 1.05rem rgba(86,64,31,.09),
    0 .1rem .24rem rgba(86,64,31,.065),
    inset 0 1px 0 rgba(255,255,255,.95);
}
.yk-integrated-explorer .yk-organize-mark>span:nth-child(1){top:.75rem;width:1.43rem;left:1.02rem;}
.yk-integrated-explorer .yk-organize-mark>span:nth-child(2){top:1.48rem;width:1.76rem;left:.68rem;}
.yk-integrated-explorer .yk-organize-mark>span:nth-child(3){top:2.21rem;width:1.58rem;left:.9rem;}
.yk-integrated-explorer .yk-concierge-start:hover .yk-organize-mark>span,
.yk-integrated-explorer .yk-concierge-start:focus-visible .yk-organize-mark>span{
  left:.83rem;
  width:1.72rem;
}
.yk-integrated-explorer .yk-organize-copy{
  display:flex;
  flex-direction:column;
  gap:.22rem;
  min-width:0;
}
.yk-integrated-explorer .yk-organize-label{
  font-size:.82rem;
  line-height:1.35;
  font-weight:680;
  letter-spacing:.01em;
  color:rgba(48,49,45,.94);
}
.yk-integrated-explorer .yk-organize-summary{
  display:block;
  font-size:.64rem;
  line-height:1.5;
  font-weight:500;
  color:rgba(71,70,65,.62);
}
.yk-integrated-explorer .yk-organize-arrow{
  align-self:center;
  color:rgba(151,110,49,.68);
  font-size:1.04rem;
  line-height:1;
  transition:transform .16s ease,color .16s ease;
}
.yk-integrated-explorer .yk-concierge-start:hover .yk-organize-arrow,
.yk-integrated-explorer .yk-concierge-start:focus-visible .yk-organize-arrow{
  color:rgba(127,87,29,.88);
  transform:translateX(2px);
}
.yk-integrated-explorer .yk-organize-tooltip{
  top:calc(100% + .35rem);
}

/* 入口の下に増える現在状態は、カードから自然につながる一本のレールとして見せる。 */
.yk-integrated-explorer .yk-selection-trail{
  margin:.1rem 0 0 .38rem;
  padding:.18rem 0 .15rem .16rem;
}
.yk-integrated-explorer .yk-selection-trail::before{
  left:.48rem;
  top:.05rem;
  bottom:.58rem;
}
.yk-integrated-explorer .yk-selection-trail-item{
  grid-template-columns:.72rem minmax(0,1fr) auto;
  gap:.45rem;
  padding:.48rem .25rem .48rem 0;
}
.yk-integrated-explorer .yk-selection-trail-node{
  width:.48rem;
  height:.48rem;
  margin:.18rem 0 0 .24rem;
}

@media (min-width:901px){
  /* JSがこの値を「stickyステータス帯のtop + 実高さ + 12px」として設定する。 */
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-fixed{
    top:var(--yk-concierge-sticky-top, calc(var(--yk-page-header-offset) + 5rem));
    bottom:.75rem;
    z-index:43;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-fixed .yk-shelf-tools-scroll{
    max-height:100%;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.is-selection-open.yk-concierge-fixed .yk-concierge-consult-sheet{
    max-height:100%;
  }
}

@media (max-width:900px){
  .yk-integrated-explorer .yk-concierge-start{
    grid-template-columns:3.15rem minmax(0,1fr) auto;
    min-height:5.6rem;
    padding:.78rem .72rem;
  }
  .yk-integrated-explorer .yk-organize-mark{width:3.15rem;height:3.15rem;}
  .yk-integrated-explorer .yk-organize-mark>span:nth-child(1){top:.68rem;width:1.34rem;left:.94rem;}
  .yk-integrated-explorer .yk-organize-mark>span:nth-child(2){top:1.36rem;width:1.62rem;left:.63rem;}
  .yk-integrated-explorer .yk-organize-mark>span:nth-child(3){top:2.04rem;width:1.46rem;left:.83rem;}
  .yk-integrated-explorer .yk-organize-label{font-size:.8rem;}
  .yk-integrated-explorer .yk-organize-summary{font-size:.63rem;}
}


/* ========================================================================
   v0.4.95 — 右側選択支援のnative sticky化＋商品カード下部の余白圧縮
   ------------------------------------------------------------------------
   fixed/observer切替ではなくgrid内のstickyを使い、商品棚の終端で自然に停止する。
   商品カードは行の最長カードへ強制ストレッチせず、既に個別スロットで行揃えしている
   情報だけを揃える。これにより縮小表示で顕在化した比較行直前の大きな空白をなくす。
   ======================================================================== */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge,
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-fixed{
    position:sticky !important;
    top:var(--yk-concierge-sticky-top, calc(var(--yk-page-header-offset) + 5.5rem)) !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:auto !important;
    height:max-content !important;
    max-height:calc(100dvh - var(--yk-concierge-sticky-top, calc(var(--yk-page-header-offset) + 5.5rem)) - .75rem) !important;
    margin-top:0 !important;
    overflow:visible !important;
    align-self:start;
    z-index:43;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll{
    height:auto;
    max-height:inherit;
    overflow-x:hidden;
    overflow-y:auto;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.is-selection-open .yk-concierge-consult-sheet{
    max-height:inherit;
  }
}

/* 商品カード全体を行高へストレッチしない。特徴・手入れ・順番・状態カードの
   必要な整列は既存の行単位アラインメントで維持する。 */
.yk-integrated-explorer .yk-product-grid{
  align-items:start;
}
.yk-integrated-explorer .yk-product-grid > .yk-product-card--compact{
  align-self:start;
  min-height:0;
  height:auto;
}
.yk-integrated-explorer .yk-product-card--compact .yk-compare-choice{
  margin-top:.5rem;
}
.yk-integrated-explorer .yk-product-card--compact.has-card-status .yk-card-status-slot{
  margin-top:.42rem;
}

/* ========================================================================
   v0.4.96 — 商品カード外形の行内統一＋右側選択支援の堅牢な追従
   ------------------------------------------------------------------------
   カードは全商品共通の固定高にせず、同じ横一列の自然な最大高へだけ揃える。
   右側選択支援はtheme側overflowの影響を受けやすいstickyではなく、
   通常フローを保ったtranslateY追従へ変更する。
   ======================================================================== */
.yk-integrated-explorer .yk-product-grid{
  align-items:start;
}
.yk-integrated-explorer .yk-product-grid > .yk-product-card--compact{
  align-self:start;
  box-sizing:border-box;
}
/* 同じ行で高さを揃えた後、比較候補行はカード下端へ寄せる。
   状態カードがある場合は状態カード側が下端整列を担当する。 */
.yk-integrated-explorer .yk-product-card--compact:not(.has-card-status) .yk-compare-choice{
  margin-top:auto;
}
.yk-integrated-explorer .yk-product-card--compact.has-card-status .yk-card-status-slot{
  margin-top:auto;
}
.yk-integrated-explorer .yk-product-card--compact.has-card-status .yk-compare-choice{
  margin-top:0;
}

@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge,
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-fixed{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:auto !important;
    height:max-content !important;
    max-height:calc(100dvh - var(--yk-concierge-sticky-top, 90px) - .75rem) !important;
    margin-top:0 !important;
    overflow:visible !important;
    align-self:start;
    z-index:43;
    transform:translate3d(0,var(--yk-concierge-follow-y,0px),0) !important;
    will-change:transform;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge .yk-shelf-tools-scroll{
    height:auto;
    max-height:inherit;
    overflow-x:hidden;
    overflow-y:auto;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.is-selection-open .yk-concierge-consult-sheet{
    max-height:inherit;
  }
}


/* ========================================================================
   v0.4.97 — 右側選択支援の追従基準を実座標ベースへ修正
   ------------------------------------------------------------------------
   JSが計算した有限のtranslateYだけを受け取り、横位置・商品棚5列には干渉しない。
   ======================================================================== */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge{
    position:relative !important;
    inset:auto !important;
    transform:translate3d(0,var(--yk-concierge-follow-y,0px),0) !important;
    transition:none !important;
  }
}

/* v0.4.98: JS初期化例外修正のみ。v0.4.97の追従・カード整列スタイルを継承。 */


/* ========================================================================
   v0.4.99 — 「何から考えましょうか？」選択支援ホーム統合
   ------------------------------------------------------------------------
   実商品棚右欄の中で、生活側の論点を一つ選ぶホームを表示する。
   実装済み相談（乾燥量・手入れ・設置）のみ露出し、未実装項目は見せない。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-selection-home{gap:0;}
.yk-integrated-explorer .yk-concierge-home-intro{padding:.08rem 0 .72rem;}
.yk-integrated-explorer .yk-concierge-home-kicker{margin:0 0 .24rem;font-size:.68rem;line-height:1.4;letter-spacing:.09em;color:#77746d;}
.yk-integrated-explorer .yk-concierge-home-heading{margin:0;font-size:1.08rem;line-height:1.45;font-weight:650;letter-spacing:.01em;color:#2d2c29;}
.yk-integrated-explorer .yk-concierge-home-lead{margin:.42rem 0 0;font-size:.76rem;line-height:1.72;color:#6d6a63;}
.yk-integrated-explorer .yk-concierge-home-state-summary{margin:.55rem 0 0;padding:.42rem .54rem;border-radius:.5rem;background:rgba(67,95,82,.07);font-size:.69rem;line-height:1.45;color:#4c6559;}
.yk-integrated-explorer .yk-concierge-topic-list--home{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(71,68,61,.12);}
.yk-integrated-explorer .yk-concierge-topic-list--home button{width:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.72rem .08rem;border:0;border-bottom:1px solid rgba(71,68,61,.12);border-radius:0;background:transparent;color:inherit;text-align:left;box-shadow:none;}
.yk-integrated-explorer .yk-concierge-topic-list--home button:hover,.yk-integrated-explorer .yk-concierge-topic-list--home button:focus-visible{background:rgba(74,73,67,.045);transform:none;}
.yk-integrated-explorer .yk-concierge-topic-copy{min-width:0;display:flex;flex-direction:column;gap:.16rem;}
.yk-integrated-explorer .yk-concierge-topic-copy strong{font-size:.82rem;line-height:1.45;font-weight:630;color:#33312d;}
.yk-integrated-explorer .yk-concierge-topic-copy small{font-size:.68rem;line-height:1.55;font-weight:400;color:#77736b;}
.yk-integrated-explorer .yk-concierge-topic-side{display:flex;align-items:center;gap:.34rem;color:#8a877f;}
.yk-integrated-explorer .yk-concierge-topic-side>span:last-child{font-size:1.04rem;line-height:1;}
.yk-integrated-explorer [data-role="concierge-topic-state"]{margin:0;padding:.16rem .34rem;border-radius:999px;background:rgba(67,95,82,.08);font-size:.61rem;line-height:1.2;font-style:normal;font-weight:600;white-space:nowrap;color:#50685d;}
.yk-integrated-explorer [data-role="concierge-topic-state"][data-state="draft"]{background:rgba(154,112,47,.09);color:#7c622f;}
.yk-integrated-explorer .yk-concierge-home-note{margin:.58rem 0 0;font-size:.66rem;line-height:1.45;color:#88847c;}

/* ========================================================================
   v0.5.00 — 選択支援ホームの実画面レビュー反映
   - 個別相談ヘッダーのタイトルと閉じるボタンの重なりを防止
   - ホームから商品棚の条件・見方を一括で元に戻せる
   - 手入れ選択は商品棚への作用が文言だけで分かる形へ
   - 設置寸法入力は他の相談と同じUI文法へ統一
   ======================================================================== */

/* ヘッダー：左右の操作領域を先に確保し、中央タイトルだけを縮める。 */
.yk-integrated-explorer .yk-concierge-sheet-head{
  grid-template-columns:minmax(0,auto) minmax(0,1fr) 2rem;
  column-gap:.48rem;
}
.yk-integrated-explorer .yk-concierge-other-consults{
  min-width:0;
  max-width:7.6rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.yk-integrated-explorer .yk-concierge-sheet-title-wrap{
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  overflow:hidden;
}
.yk-integrated-explorer .yk-concierge-sheet-title{
  display:block;
  flex:1 1 auto;
  width:100%;
  min-width:0;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.yk-integrated-explorer .yk-concierge-return-shelf{
  justify-self:end;
  width:2rem;
  height:2rem;
  min-width:2rem;
}

/* ホーム末尾：通常時は静かに、設定が存在するときだけ一括リセットを出す。 */
.yk-integrated-explorer .yk-concierge-home-footer{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.36rem;
  margin-top:.7rem;
  padding-top:.62rem;
  border-top:1px solid rgba(222,217,208,.66);
}
.yk-integrated-explorer .yk-concierge-home-footer .yk-concierge-home-note{
  margin:0;
}
.yk-integrated-explorer .yk-concierge-home-reset{
  appearance:none;
  border:0;
  border-bottom:1px solid rgba(74,73,68,.2);
  background:transparent;
  color:rgba(71,72,67,.58);
  font:inherit;
  font-size:.64rem;
  line-height:1.45;
  padding:.2rem 0;
  cursor:pointer;
}
.yk-integrated-explorer .yk-concierge-home-reset[hidden]{display:none !important;}
.yk-integrated-explorer .yk-concierge-home-reset:hover,
.yk-integrated-explorer .yk-concierge-home-reset:focus-visible{
  color:#3d3f39;
  border-bottom-color:rgba(176,145,93,.55);
  outline:none;
}

/* 手入れ：選択肢だけで棚の変化が読めるよう、長文を1列で扱う。 */
.yk-integrated-explorer .yk-effort-view-choices{
  grid-template-columns:1fr;
  gap:.38rem;
}
.yk-integrated-explorer .yk-effort-view-choices button{
  min-height:2.55rem;
  padding:.55rem .66rem;
  font-size:.69rem;
  line-height:1.48;
}

/* 設置：立体図を主役にせず、質問→入力→反映の同じ文法へ戻す。 */
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-fit-form{
  margin-top:.72rem;
  padding-top:.7rem;
  border-top:1px solid rgba(221,216,207,.72);
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-input-guidance{
  margin:0 0 .58rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor{
  position:static;
  display:grid;
  grid-template-columns:1fr;
  gap:.4rem;
  width:100%;
  aspect-ratio:auto;
  margin:0;
  color:inherit;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor svg{
  display:none;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-control{
  position:static !important;
  inset:auto !important;
  width:100% !important;
  transform:none !important;
  display:grid;
  grid-template-columns:3.25rem minmax(0,1fr);
  align-items:center;
  gap:.48rem;
  min-height:2.65rem;
  margin:0;
  padding:.44rem .52rem;
  border:1px solid rgba(214,208,198,.88);
  border-radius:9px;
  background:#fff;
  color:#373934;
  font-size:.69rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-width{order:1;}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-depth{order:2;}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-height{order:3;}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-name{
  font-size:.69rem;
  font-weight:620;
  color:#3b3c38;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-entry{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:.28rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo{
  width:100%;
  height:2rem;
  grid-template-columns:minmax(0,1fr) 2rem;
  border:1px solid rgba(211,205,195,.9);
  border-radius:7px;
  overflow:hidden;
  background:#fff;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo input{
  height:100%;
  padding:0 .55rem;
  font-size:.72rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo select{
  width:2rem;
  min-width:2rem;
  height:100%;
  background:#fbfaf7;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-unit{
  font-size:.64rem;
  color:rgba(59,61,57,.58);
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-button-row{
  display:grid;
  grid-template-columns:1fr;
  gap:.36rem;
  margin-top:.62rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-button-row .yk-primary,
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-button-row .yk-secondary{
  width:100%;
  min-height:2.5rem;
  border-radius:9px;
  font-size:.7rem;
  line-height:1.4;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-button-row .yk-primary{
  border:1px solid #33332f;
  background:#33332f;
  color:#fff;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-button-row .yk-primary:hover,
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-button-row .yk-primary:focus-visible{
  border-color:#414039;
  background:#414039;
  outline:none;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-button-row .yk-secondary{
  border:1px solid rgba(211,205,195,.9);
  background:#fff;
  color:#454640;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-fit-summary{
  margin:.58rem 0 0;
  padding:.58rem .62rem;
  border-left:2px solid rgba(var(--yk-guide-light-rgb),.5);
  background:rgba(250,249,246,.72);
  color:rgba(48,53,49,.78);
  font-size:.66rem;
  line-height:1.62;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-note{
  margin:.58rem 0 0;
  font-size:.63rem;
  line-height:1.62;
  color:rgba(61,66,62,.58);
}

/* ========================================================================
   v0.5.01 — ヘッダー×右端固定／設置寸法の立方体入力を復元
   ------------------------------------------------------------------------
   v0.5.00で合格した共通文法は維持し、指摘された2点だけを修正する。
   ======================================================================== */

/* ×は常に用紙の右端へ。本文側にはその幅を先に予約し、タイトルと重ねない。 */
.yk-integrated-explorer .yk-concierge-sheet-head{
  position:relative;
  grid-template-columns:minmax(0,auto) minmax(0,1fr);
  column-gap:.48rem;
  padding-right:3.35rem;
}
.yk-integrated-explorer .yk-concierge-return-shelf{
  position:absolute;
  top:50%;
  right:.72rem;
  transform:translateY(-50%);
  justify-self:auto;
  z-index:2;
}
.yk-integrated-explorer .yk-concierge-sheet-title-wrap{
  max-width:100%;
  padding-right:.06rem;
}

/* 設置寸法：図と入力を一体化。幅・奥行・高さを空間方向の近くで入力する。 */
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor{
  position:relative;
  display:block;
  width:min(100%, 15.4rem);
  aspect-ratio:240 / 205;
  margin:.28rem auto .7rem;
  color:rgba(54,52,49,.62);
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor .yk-install-skeleton{
  stroke-width:1.35;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor .yk-install-measure-arrows{
  stroke-width:1.05;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-control{
  position:absolute !important;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.12rem;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(45,46,42,.78);
  font-size:.64rem;
  line-height:1.25;
  z-index:2;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-height{
  left:0;
  top:34%;
  width:5.25rem !important;
  transform:none !important;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-width{
  left:50%;
  bottom:-.08rem;
  width:6rem !important;
  transform:translateX(-50%) !important;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-depth{
  right:-.15rem;
  top:61%;
  width:5.75rem !important;
  transform:none !important;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-name{
  font-size:.61rem;
  font-weight:500;
  color:rgba(45,46,42,.64);
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-entry{
  display:flex;
  align-items:center;
  gap:.22rem;
  min-width:0;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo{
  display:grid;
  grid-template-columns:minmax(0,1fr) 1.75rem;
  width:100%;
  height:2rem;
  min-width:0;
  border:1px solid rgba(211,205,195,.95);
  border-radius:7px;
  overflow:hidden;
  background:#fff;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo input{
  width:100%;
  min-width:0;
  height:100%;
  padding:0 .42rem;
  border:0 !important;
  background:transparent;
  font-size:.69rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo select{
  width:1.75rem;
  min-width:1.75rem;
  height:100%;
  border:0;
  border-left:1px solid rgba(226,219,210,.95);
  background:#fbfaf8;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-unit{
  flex:0 0 auto;
  font-size:.58rem;
  color:rgba(45,46,42,.56);
}

@media (max-width:1100px){
  .yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor{
    width:min(100%, 14.5rem);
  }
}

/* ========================================================================
   v0.5.02 — 設置寸法入力を右欄実幅へ最適化
   ------------------------------------------------------------------------
   立方体と3方向の対応は維持し、入力欄を図の周囲へ無理に重ねない。
   高さ＝左、奥行＝右下、幅＝下。候補selectは廃止し直接入力へ統一。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor{
  display:grid;
  grid-template-columns:2.85rem minmax(5.6rem,1fr) 2.85rem;
  grid-template-rows:7.2rem 3.15rem;
  align-items:center;
  justify-items:stretch;
  column-gap:.22rem;
  row-gap:.18rem;
  width:min(100%, 12.6rem);
  aspect-ratio:auto;
  margin:.35rem auto .72rem;
  color:rgba(54,52,49,.62);
  overflow:visible;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor svg{
  grid-column:2;
  grid-row:1;
  align-self:stretch;
  justify-self:stretch;
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-control{
  position:static !important;
  width:auto !important;
  min-width:0;
  transform:none !important;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.12rem;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  z-index:2;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-height{
  grid-column:1;
  grid-row:1;
  align-self:center;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-depth{
  grid-column:3;
  grid-row:1;
  align-self:end;
  margin-bottom:.4rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-width{
  grid-column:2;
  grid-row:2;
  align-self:start;
  justify-self:center;
  width:4.85rem !important;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-name{
  display:block;
  text-align:center;
  font-size:.59rem;
  line-height:1.2;
  font-weight:520;
  color:rgba(45,46,42,.68);
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-entry{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.06rem;
  min-width:0;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo{
  display:block;
  width:100%;
  height:1.9rem;
  min-width:0;
  border:1px solid rgba(211,205,195,.95);
  border-radius:7px;
  overflow:hidden;
  background:#fff;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo input{
  -webkit-appearance:textfield;
  appearance:textfield;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:100%;
  padding:0 .18rem;
  border:0 !important;
  background:transparent;
  font-size:.67rem;
  line-height:1;
  text-align:center;
  color:#373934;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo input::-webkit-outer-spin-button,
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-unit{
  display:block;
  font-size:.54rem;
  line-height:1.1;
  color:rgba(45,46,42,.52);
}

/* 同じ寸法入力を商品棚側ツールから開いた場合も、狭幅で破綻しない。 */
.yk-integrated-explorer .yk-shelf-tools .yk-install-dimension-editor{
  max-width:12.6rem;
}

@media (max-width:1100px){
  .yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor{
    width:min(100%, 12.2rem);
    grid-template-columns:2.7rem minmax(5.35rem,1fr) 2.7rem;
  }
}


/* ========================================================================
   v0.5.03 — 設置寸法入力の見た目バランスを再調整
   ------------------------------------------------------------------------
   右欄の狭幅でも、立方体と3方向入力が「少し余白を残して整って見える」ことを優先。
   高さ・奥行は図の左右で等しい重さ、幅は図の直下に近づけて安定した三角構図にする。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor{
  grid-template-columns:3.45rem minmax(5.15rem, 1fr) 3.45rem;
  grid-template-rows:7.55rem 3.15rem;
  align-items:center;
  justify-items:stretch;
  column-gap:.42rem;
  row-gap:.14rem;
  width:min(100%, 13.45rem);
  margin:.4rem auto .78rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor svg{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  align-self:center;
  width:100%;
  max-width:5.15rem;
  height:auto;
  min-height:6.2rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-height{
  grid-column:1;
  grid-row:1;
  align-self:center;
  justify-self:end;
  margin-right:.06rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-depth{
  grid-column:3;
  grid-row:1;
  align-self:center;
  justify-self:start;
  margin-left:.06rem;
  margin-bottom:0;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-width{
  grid-column:2;
  grid-row:2;
  align-self:start;
  justify-self:center;
  width:5.45rem !important;
  margin-top:-.16rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-name{
  text-align:center;
  font-size:.66rem;
  line-height:1.15;
  font-weight:560;
  color:rgba(45,46,42,.72);
  margin-bottom:.06rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-entry{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.08rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo{
  width:100%;
  height:2.08rem;
  border:1px solid rgba(211,205,195,.95);
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.75) inset;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo input{
  padding:0 .2rem;
  font-size:.74rem;
  font-weight:500;
  letter-spacing:.01em;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-unit{
  font-size:.56rem;
  line-height:1;
  color:rgba(45,46,42,.52);
  letter-spacing:.02em;
}

/* 商品棚側のツールでも同じ見た目の比率を維持する。 */
.yk-integrated-explorer .yk-shelf-tools .yk-install-dimension-editor{
  max-width:13.45rem;
}

@media (max-width:1100px){
  .yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor{
    width:min(100%, 13.05rem);
    grid-template-columns:3.28rem minmax(4.95rem, 1fr) 3.28rem;
    column-gap:.34rem;
  }
  .yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor svg{
    max-width:4.95rem;
  }
}


/* ========================================================================
   v0.5.04 — 設置寸法入力を「図＋3方向入力」の一体構図へ再設計
   ------------------------------------------------------------------------
   v0.5.03までの微調整ではなく構図を変更。
   立方体を明確な中心にし、左右の高さ・奥行と下の幅を同寸・近接配置する。
   3入力の視覚重量をそろえ、図との関係が一目で分かるまとまりにする。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:4.65rem 7.25rem 4.65rem;
  grid-template-rows:8.15rem 4.05rem;
  align-items:center;
  justify-content:center;
  column-gap:.55rem;
  row-gap:0;
  width:min(100%, 18.25rem);
  margin:.55rem auto .88rem;
  padding:.78rem .42rem .38rem;
  border:0;
  border-radius:16px;
  background:rgba(249,248,245,.72);
  color:rgba(54,52,49,.62);
  overflow:visible;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor svg{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  align-self:center;
  display:block;
  width:7.25rem;
  max-width:none;
  height:7.25rem;
  min-height:0;
  overflow:visible;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor .yk-install-skeleton{
  stroke-width:1.25;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor .yk-install-measure-arrows{
  stroke-width:.95;
  opacity:.82;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-control{
  position:static !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.22rem;
  width:4.65rem !important;
  min-width:0;
  margin:0 !important;
  padding:0;
  transform:none !important;
  border:0;
  background:transparent;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-height{
  grid-column:1;
  grid-row:1;
  justify-self:end;
  align-self:center;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-depth{
  grid-column:3;
  grid-row:1;
  justify-self:start;
  align-self:center;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-width{
  grid-column:2;
  grid-row:2;
  justify-self:center;
  align-self:start;
  width:4.65rem !important;
  margin-top:-.12rem !important;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-name{
  display:block;
  margin:0;
  text-align:center;
  font-size:.64rem;
  line-height:1.15;
  font-weight:600;
  color:rgba(45,46,42,.70);
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-entry{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.11rem;
  width:100%;
  min-width:0;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo{
  box-sizing:border-box;
  display:block;
  width:4.65rem;
  height:2.38rem;
  min-width:0;
  border:1px solid rgba(211,205,195,.98);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  box-shadow:none;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo input{
  -webkit-appearance:textfield;
  appearance:textfield;
  box-sizing:border-box;
  width:100%;
  height:100%;
  padding:0 .2rem;
  border:0 !important;
  background:transparent;
  color:#373934;
  font-size:.72rem;
  font-weight:500;
  line-height:1;
  text-align:center;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-unit{
  display:block;
  margin:0;
  font-size:.53rem;
  line-height:1;
  letter-spacing:.015em;
  color:rgba(45,46,42,.49);
}
.yk-integrated-explorer .yk-shelf-tools .yk-install-dimension-editor{
  max-width:18.25rem;
}
@media (max-width:1100px){
  .yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor{
    grid-template-columns:4.35rem 6.75rem 4.35rem;
    grid-template-rows:7.6rem 3.9rem;
    column-gap:.45rem;
    width:min(100%, 17.2rem);
    padding:.68rem .3rem .34rem;
  }
  .yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor svg{
    width:6.75rem;
    height:6.75rem;
  }
  .yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-control,
  .yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-width,
  .yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo{
    width:4.35rem !important;
  }
}


/* ========================================================================
   v0.5.06 — 設置寸法構図の実読込版修正
   ------------------------------------------------------------------------
   v0.5.05で誤って非読込CSSへ入っていた調整を、実際に読み込むCSSへ適用。
   立方体を中央に、左右入力を内側へ収め、幅入力を直下へ置く。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor{
  box-sizing:border-box;
  width:min(100%, 13.15rem);
  padding:.88rem .72rem .82rem;
  margin:.42rem auto .8rem;
  border-radius:1.2rem;
  background:rgba(250,249,246,.72);
  display:grid;
  grid-template-columns:2.95rem 4.75rem 2.95rem;
  grid-template-rows:6.15rem 2.8rem;
  align-items:center;
  justify-content:center;
  justify-items:stretch;
  column-gap:.28rem;
  row-gap:.12rem;
  overflow:hidden;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor svg{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  align-self:center;
  width:4.75rem;
  max-width:4.75rem;
  min-height:0;
  height:auto;
  overflow:visible;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-control{
  position:static !important;
  width:100% !important;
  min-width:0;
  margin:0 !important;
  padding:0;
  transform:none !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.08rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-height{
  grid-column:1;
  grid-row:1;
  justify-self:end;
  align-self:center;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-depth{
  grid-column:3;
  grid-row:1;
  justify-self:start;
  align-self:center;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-width{
  grid-column:2;
  grid-row:2;
  justify-self:center;
  align-self:start;
  width:4.9rem !important;
  margin-top:0 !important;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-name{
  display:block;
  margin:0 0 .06rem;
  text-align:center;
  font-size:.6rem;
  line-height:1.1;
  font-weight:600;
  color:rgba(45,46,42,.7);
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-entry{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.07rem;
  width:100%;
  min-width:0;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo{
  box-sizing:border-box;
  display:block;
  width:100% !important;
  height:1.86rem;
  min-width:0;
  border:1px solid rgba(211,205,195,.98);
  border-radius:.9rem;
  overflow:hidden;
  background:#fff;
  box-shadow:none;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo input{
  -webkit-appearance:textfield;
  appearance:textfield;
  box-sizing:border-box;
  width:100%;
  height:100%;
  padding:0 .15rem;
  border:0 !important;
  background:transparent;
  color:#373934;
  font-size:.69rem;
  font-weight:500;
  line-height:1;
  text-align:center;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo input::-webkit-outer-spin-button,
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-combo input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-unit{
  display:block;
  margin:0;
  font-size:.53rem;
  line-height:1;
  color:rgba(45,46,42,.49);
}
.yk-integrated-explorer .yk-shelf-tools .yk-install-dimension-editor{
  max-width:13.15rem;
}
@media (max-width:1100px){
  .yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor{
    width:min(100%, 12.8rem);
    grid-template-columns:2.82rem 4.62rem 2.82rem;
    padding:.84rem .62rem .8rem;
  }
  .yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dimension-editor svg{
    width:4.62rem;
    max-width:4.62rem;
  }
}

/* v0.5.09 — 質問価値QA導入。UIの見た目はv0.5.08を維持。 */


/* v0.5.10 — 質問価値QA基盤の実行時停止修正。見た目はv0.5.09を維持。 */


/* ========================================================================
   v0.5.14 — 設置寸法「幅」入力を立方体へ近づける
   ------------------------------------------------------------------------
   合格済みの構図は維持し、幅ラベル＋入力だけを上へ寄せる。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-view.yk-install-fit .yk-install-dim-width{
  margin-top:-.58rem !important;
}


/* ========================================================================
   v0.5.16 — 手入れ結果文言・ホーム説明改行調整
   UI寸法はv0.5.14を維持。
   ======================================================================== */


/* ========================================================================
   v0.5.19 — 設置寸法の補助スライダー／状態表示の可読性
   ======================================================================== */
.yk-integrated-explorer .yk-install-range-assist{
  margin:.5rem 0 .72rem;
  padding:.6rem .68rem .66rem;
  border:1px solid rgba(220,214,204,.72);
  border-radius:12px;
  background:rgba(250,249,246,.62);
}
.yk-integrated-explorer .yk-install-range-title{
  margin:0;
  color:#494943;
  font-size:.66rem;
  line-height:1.4;
  font-weight:620;
}
.yk-integrated-explorer .yk-install-range-note{
  margin:.16rem 0 .5rem;
  color:rgba(61,66,62,.58);
  font-size:.57rem;
  line-height:1.5;
}
.yk-integrated-explorer .yk-install-range-row{
  display:grid;
  grid-template-columns:2rem minmax(0,1fr) 3.15rem;
  align-items:center;
  gap:.38rem;
  min-height:1.65rem;
  color:#55554f;
  font-size:.59rem;
}
.yk-integrated-explorer .yk-install-range-row + .yk-install-range-row{
  margin-top:.16rem;
}
.yk-integrated-explorer .yk-install-range-row>span{
  font-weight:580;
}
.yk-integrated-explorer .yk-install-range-row input[type=range]{
  width:100%;
  min-width:0;
  accent-color:#b9955a;
  cursor:pointer;
}
.yk-integrated-explorer .yk-install-range-row output{
  text-align:right;
  color:rgba(52,54,50,.72);
  font-variant-numeric:tabular-nums;
}

/* 選択支援の縦トレイルは、設置の各寸法を1行ずつ読めるようにする。 */
.yk-integrated-explorer .yk-selection-trail-copy strong{
  display:block;
}


/* ========================================================================
   v0.5.19 — 設置スライダーの視覚統一／値位置固定／設置状態3列整列
   ======================================================================== */
.yk-integrated-explorer .yk-install-range-assist{
  margin:.62rem 0 .72rem;
  padding:.62rem 0 0;
  border:0;
  border-top:1px solid rgba(221,216,207,.72);
  border-radius:0;
  background:transparent;
}
.yk-integrated-explorer .yk-install-range-title{
  margin:0;
  color:rgba(55,57,53,.78);
  font-size:.66rem;
  line-height:1.45;
  font-weight:600;
}
.yk-integrated-explorer .yk-install-range-note{
  margin:.14rem 0 .58rem;
  color:rgba(61,66,62,.55);
  font-size:.58rem;
  line-height:1.55;
}
.yk-integrated-explorer .yk-install-range-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "name value"
    "slider slider";
  align-items:center;
  gap:.18rem .42rem;
  min-height:0;
  padding:.08rem 0 .36rem;
  color:rgba(58,59,55,.74);
  font-size:.61rem;
  line-height:1.35;
}
.yk-integrated-explorer .yk-install-range-row + .yk-install-range-row{
  margin-top:.18rem;
}
.yk-integrated-explorer .yk-install-range-row>span{
  grid-area:name;
  font-size:.61rem;
  font-weight:600;
  line-height:1.35;
}
.yk-integrated-explorer .yk-install-range-row output{
  grid-area:value;
  min-width:4.2rem;
  text-align:right;
  color:rgba(54,55,51,.72);
  font-size:.61rem;
  font-weight:560;
  line-height:1.35;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-install-range-row input[type=range]{
  grid-area:slider;
  width:100%;
  min-width:0;
  margin:.08rem 0 0;
  accent-color:#b9955a;
  cursor:pointer;
}

/* 設置状態は「項目名／数値／単位」の3列で縦に揃える。 */
.yk-integrated-explorer .yk-selection-trail-dim-list{
  display:grid;
  grid-template-columns:2.15rem minmax(0,auto) auto;
  column-gap:.12rem;
  row-gap:.08rem;
  margin-top:.05rem;
  align-items:baseline;
  justify-content:start;
}
.yk-integrated-explorer .yk-selection-trail-dim-name{
  color:rgba(91,91,84,.62);
  font-size:.66rem;
  line-height:1.35;
  font-weight:500;
}
.yk-integrated-explorer .yk-selection-trail-dim-list strong{
  display:block;
  margin:0;
  min-width:4.5ch;
  text-align:right;
  color:#4a4a45;
  font-size:.67rem;
  line-height:1.35;
  font-weight:640;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-selection-trail-dim-unit{
  display:block;
  color:rgba(91,91,84,.66);
  font-size:.63rem;
  line-height:1.35;
  font-weight:560;
  white-space:nowrap;
}

/* ========================================================================
   v0.5.21 — 「終わっていてほしい時間」相談
   ------------------------------------------------------------------------
   時刻を2点だけ入力し、生活上の利用可能時間として判定へ渡す。
   狭い右欄でも時刻と意味が一目で対応するよう縦配置にする。
   ======================================================================== */
.yk-integrated-explorer .yk-time-window-fields{
  display:grid;
  grid-template-columns:1fr;
  gap:.28rem;
  margin:.72rem 0 .22rem;
}
.yk-integrated-explorer .yk-time-field{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:.6rem;
  min-height:2.7rem;
  padding:.48rem .58rem;
  border:1px solid rgba(214,208,198,.88);
  border-radius:9px;
  background:#fff;
  color:#3f403b;
}
.yk-integrated-explorer .yk-time-field>span{
  font-size:.65rem;
  line-height:1.45;
  font-weight:560;
}
.yk-integrated-explorer .yk-time-field input[type="time"]{
  box-sizing:border-box;
  width:6.15rem;
  min-width:0;
  height:2rem;
  padding:0 .38rem;
  border:1px solid rgba(211,205,195,.9);
  border-radius:7px;
  background:#fff;
  color:#383934;
  font:inherit;
  font-size:.67rem;
  line-height:1;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.yk-integrated-explorer .yk-time-window-arrow{
  justify-self:center;
  color:rgba(135,102,51,.56);
  font-size:.78rem;
  line-height:1;
}
.yk-integrated-explorer .yk-time-window-note{
  margin:.4rem 0 0;
  color:rgba(61,66,62,.56);
  font-size:.59rem;
  line-height:1.55;
}
.yk-integrated-explorer .yk-time-actions{
  margin-top:.62rem;
}
.yk-integrated-explorer .yk-time-result{
  margin-top:.62rem;
}


/* ========================================================================
   v0.5.21 — 時刻入力を自由入力＋30分刻み補助へ統一
   ------------------------------------------------------------------------
   Safari等のnative time UIへ依存せず、既存の選択支援と同じ小さな入力文法に揃える。
   ======================================================================== */
.yk-integrated-explorer .yk-time-window-fields{
  gap:.22rem;
  margin:.62rem 0 .18rem;
}
.yk-integrated-explorer .yk-time-field{
  display:block;
  min-height:0;
  padding:.55rem .58rem .58rem;
  border:1px solid rgba(214,208,198,.88);
  border-radius:9px;
  background:#fff;
  color:#3f403b;
}
.yk-integrated-explorer .yk-time-field>span:first-child{
  display:block;
  margin:0 0 .32rem;
  font-size:.65rem;
  line-height:1.45;
  font-weight:600;
}
.yk-integrated-explorer .yk-time-control-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:.26rem;
}
.yk-integrated-explorer .yk-time-control-stack input[type="text"],
.yk-integrated-explorer .yk-time-control-stack select{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:2rem;
  padding:0 .48rem;
  border:1px solid rgba(211,205,195,.9);
  border-radius:7px;
  background:#fff;
  color:#3d3e39;
  font:inherit;
  font-size:.65rem;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.yk-integrated-explorer .yk-time-control-stack input[type="text"]::placeholder{
  color:rgba(71,73,68,.38);
}
.yk-integrated-explorer .yk-time-control-stack select{
  color:rgba(61,64,59,.64);
  background:#fbfaf8;
  cursor:pointer;
}
.yk-integrated-explorer .yk-time-control-stack input[type="text"]:focus,
.yk-integrated-explorer .yk-time-control-stack select:focus{
  outline:2px solid rgba(224,177,86,.22);
  outline-offset:1px;
  border-color:rgba(205,160,83,.62);
}
.yk-integrated-explorer .yk-time-window-arrow{
  margin:.04rem 0;
  font-size:.66rem;
}
.yk-integrated-explorer .yk-time-window-note{
  margin:.34rem 0 0;
  font-size:.57rem;
  line-height:1.55;
}


/* ========================================================================
   v0.5.27 — 時間相談の操作ボタンを既存コンシェルジュ文法へ統一
   ------------------------------------------------------------------------
   設置相談と同じ幅・角丸・文字サイズ・余白・主副ボタン階層に揃える。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-view.yk-time-assist .yk-time-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:.36rem;
  margin-top:.62rem;
}
.yk-integrated-explorer .yk-concierge-view.yk-time-assist .yk-time-actions .yk-primary,
.yk-integrated-explorer .yk-concierge-view.yk-time-assist .yk-time-actions .yk-secondary{
  box-sizing:border-box;
  width:100%;
  min-height:2.5rem;
  padding:.58rem .7rem;
  border-radius:9px;
  font-size:.7rem;
  line-height:1.4;
  font-weight:500;
}
.yk-integrated-explorer .yk-concierge-view.yk-time-assist .yk-time-actions .yk-primary{
  border:1px solid #33332f;
  background:#33332f;
  color:#fff;
}
.yk-integrated-explorer .yk-concierge-view.yk-time-assist .yk-time-actions .yk-primary:hover,
.yk-integrated-explorer .yk-concierge-view.yk-time-assist .yk-time-actions .yk-primary:focus-visible{
  border-color:#414039;
  background:#414039;
  outline:none;
}
.yk-integrated-explorer .yk-concierge-view.yk-time-assist .yk-time-actions .yk-primary:disabled{
  border-color:#33332f;
  background:#33332f;
  opacity:.42;
}
.yk-integrated-explorer .yk-concierge-view.yk-time-assist .yk-time-actions .yk-secondary{
  border:1px solid rgba(211,205,195,.9);
  background:#fff;
  color:#454640;
}
.yk-integrated-explorer .yk-concierge-view.yk-time-assist .yk-time-actions .yk-secondary:hover,
.yk-integrated-explorer .yk-concierge-view.yk-time-assist .yk-time-actions .yk-secondary:focus-visible{
  border-color:rgba(190,181,168,.95);
  background:#fbfaf8;
  outline:none;
}


/* ========================================================================
   v0.5.27 — コンシェルジュ希望と現在の並び順を分離
   ======================================================================== */
.yk-integrated-explorer [data-role="concierge-topic-state"][data-state="saved"]{
  background:rgba(83,93,88,.07);
  color:#68736d;
}


/* ========================================================================
   v0.5.28 — 「見る順番」基本軸完成／整理アイコン転用
   ------------------------------------------------------------------------
   静的な3本スライダー状アイコンは、希望整理ではなく表示順の調整を示す記号へ移す。
   コンシェルジュ入口は別制作フェーズのアニメーション統合まで、文字情報だけでも成立させる。
   ======================================================================== */
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary{
  gap:.42rem;
}
.yk-integrated-explorer .yk-sort-mark{
  position:relative;
  flex:0 0 auto;
  width:1.7rem;
  height:1.7rem;
  border:1px solid rgba(199,174,132,.58);
  border-radius:.52rem;
  background:
    radial-gradient(80% 70% at 72% 18%,rgba(255,255,255,.9),transparent 56%),
    linear-gradient(145deg,rgba(255,252,246,.98),rgba(246,237,221,.9));
  box-shadow:0 .18rem .42rem rgba(86,64,31,.06), inset 0 1px 0 rgba(255,255,255,.96);
}
.yk-integrated-explorer .yk-sort-mark>span{
  position:absolute;
  height:.28rem;
  border:1px solid rgba(142,113,70,.32);
  border-radius:.2rem;
  background:rgba(255,255,255,.9);
}
.yk-integrated-explorer .yk-sort-mark>span::before{
  content:"";
  position:absolute;
  left:.12rem;
  top:50%;
  width:.13rem;
  height:.13rem;
  margin-top:-.065rem;
  border-radius:50%;
  background:rgba(207,157,74,.76);
}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(1){top:.35rem;width:.72rem;left:.54rem;}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(2){top:.72rem;width:.9rem;left:.36rem;}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(3){top:1.09rem;width:.8rem;left:.47rem;}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary:hover .yk-sort-mark,
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary:focus-visible .yk-sort-mark{
  border-color:rgba(190,150,86,.76);
  background:#fffdf8;
}

/* アニメーション統合前でも、入口はラベル＋意味補助＋矢印だけで理解できる。 */
.yk-integrated-explorer .yk-concierge-start{
  grid-template-columns:minmax(0,1fr) auto;
  min-height:4.7rem;
  padding:.82rem .88rem;
}
.yk-integrated-explorer .yk-concierge-start .yk-organize-copy{
  padding-left:.08rem;
}

/* 基本軸追加後も、ステータス帯のプルダウンは一列で読みやすく保つ。 */
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-options{
  grid-template-columns:1fr;
  gap:0;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-options label{
  min-height:2.08rem;
  padding:.45rem .58rem;
  font-size:.68rem;
  line-height:1.4;
}

@media (max-width:900px){
  .yk-integrated-explorer .yk-concierge-start{
    grid-template-columns:minmax(0,1fr) auto;
    min-height:4.5rem;
  }
  .yk-integrated-explorer .yk-sort-mark{width:1.6rem;height:1.6rem;}
  .yk-integrated-explorer .yk-sort-mark>span:nth-child(1){top:.32rem;left:.5rem;}
  .yk-integrated-explorer .yk-sort-mark>span:nth-child(2){top:.68rem;left:.32rem;}
  .yk-integrated-explorer .yk-sort-mark>span:nth-child(3){top:1.04rem;left:.43rem;}
}


/* ========================================================================
   v0.5.29 — 「見る順番」アイコンをステータス帯へ馴染ませる
   ------------------------------------------------------------------------
   独立カードのような外形を廃止し、ラベルに添う小さなインライン記号へ変更。
   ======================================================================== */
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary{
  gap:.42rem;
}
.yk-integrated-explorer .yk-sort-mark{
  position:relative;
  flex:0 0 auto;
  width:1.02rem;
  height:.9rem;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  opacity:.72;
}
.yk-integrated-explorer .yk-sort-mark>span{
  position:absolute;
  left:.08rem;
  height:1px;
  border:0;
  border-radius:999px;
  background:rgba(64,105,127,.46);
}
.yk-integrated-explorer .yk-sort-mark>span::before{
  content:"";
  position:absolute;
  top:50%;
  width:.18rem;
  height:.18rem;
  margin-top:-.09rem;
  border-radius:50%;
  background:rgba(56,126,159,.58);
}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(1){top:.14rem;width:.72rem;left:.15rem;}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(1)::before{left:.22rem;}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(2){top:.43rem;width:.86rem;left:.08rem;}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(2)::before{left:.48rem;}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(3){top:.72rem;width:.68rem;left:.18rem;}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(3)::before{left:.14rem;}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary:hover .yk-sort-mark,
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary:focus-visible .yk-sort-mark{
  border:0;
  background:transparent;
  opacity:1;
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-sort-mark{width:.96rem;height:.86rem;}
  .yk-integrated-explorer .yk-sort-mark>span:nth-child(1){top:.12rem;left:.14rem;}
  .yk-integrated-explorer .yk-sort-mark>span:nth-child(2){top:.41rem;left:.06rem;}
  .yk-integrated-explorer .yk-sort-mark>span:nth-child(3){top:.69rem;left:.17rem;}
}


/* ========================================================================
   v0.5.30 — 「見る順番」操作領域の発見性を上げる
   ------------------------------------------------------------------------
   アイコン単体を強調せず、見る順番＋現在値＋変更を一つの操作ブロックとして認識可能にする。
   ======================================================================== */
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary{
  width:auto;
  margin-left:auto;
  padding:.34rem .48rem .34rem .44rem;
  border:1px solid rgba(119,160,184,.28);
  border-radius:.72rem;
  background:rgba(255,255,255,.34);
  box-shadow:0 1px 0 rgba(255,255,255,.52) inset;
  gap:.46rem;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary:hover,
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary:focus-visible{
  border-color:rgba(95,150,179,.46);
  background:rgba(255,255,255,.58);
  box-shadow:0 .1rem .42rem rgba(64,98,118,.07);
}
.yk-integrated-explorer .yk-sort-mark{
  width:1.08rem;
  height:.94rem;
  opacity:.9;
}
.yk-integrated-explorer .yk-sort-mark>span{
  background:rgba(64,105,127,.58);
}
.yk-integrated-explorer .yk-sort-mark>span::before{
  background:rgba(46,126,163,.72);
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-title{
  color:rgba(55,82,99,.66);
  font-weight:500;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-current{
  color:rgba(29,40,47,.9);
  font-weight:560;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary::after{
  background:rgba(255,255,255,.62);
  border-color:rgba(111,159,187,.52);
  color:rgba(47,87,111,.82);
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary{
    width:100%;
    justify-content:flex-start;
  }
}


/* ========================================================================
   v0.5.33 — 「見る順番」はアイコンを主操作にする
   ------------------------------------------------------------------------
   文章ブロック全体の強調から、スライダー記号そのものを押せる操作ボタンへ変更。
   現在の並び順は結果表示として従属させる。
   ======================================================================== */
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary{
  width:auto;
  margin-left:auto;
  padding:.12rem .08rem;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  gap:.5rem;
  align-items:center;
  transition:none;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary:hover,
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary:focus-visible{
  border:0;
  background:transparent;
  box-shadow:none;
}
.yk-integrated-explorer .yk-sort-mark{
  position:relative;
  flex:0 0 auto;
  width:2.28rem;
  height:2.28rem;
  border:1px solid rgba(95,150,179,.46);
  border-radius:.72rem;
  background:rgba(255,255,255,.62);
  box-shadow:0 .1rem .38rem rgba(54,93,114,.08), inset 0 1px 0 rgba(255,255,255,.7);
  opacity:1;
  transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease;
}
.yk-integrated-explorer .yk-sort-mark>span{
  position:absolute;
  left:.46rem;
  height:1px;
  border:0;
  border-radius:999px;
  background:rgba(55,111,139,.68);
}
.yk-integrated-explorer .yk-sort-mark>span::before{
  content:"";
  position:absolute;
  top:50%;
  width:.3rem;
  height:.3rem;
  margin-top:-.15rem;
  border-radius:50%;
  background:rgba(42,132,173,.9);
  box-shadow:0 0 0 2px rgba(255,255,255,.72);
}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(1){top:.63rem;width:1.18rem;left:.54rem;}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(1)::before{left:.24rem;}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(2){top:1.13rem;width:1.35rem;left:.45rem;}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(2)::before{left:.78rem;}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(3){top:1.63rem;width:1.12rem;left:.58rem;}
.yk-integrated-explorer .yk-sort-mark>span:nth-child(3)::before{left:.32rem;}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary:hover .yk-sort-mark,
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary:focus-visible .yk-sort-mark{
  transform:translateY(-1px);
  border-color:rgba(52,139,179,.72);
  background:rgba(255,255,255,.9);
  box-shadow:0 .18rem .52rem rgba(54,93,114,.14), inset 0 1px 0 rgba(255,255,255,.82);
}
.yk-integrated-explorer .yk-sort-disclosure-toggle:checked + .yk-sort-disclosure-summary .yk-sort-mark{
  border-color:rgba(42,132,173,.76);
  background:rgba(236,248,253,.9);
  box-shadow:0 0 0 2px rgba(75,156,193,.1), inset 0 1px 0 rgba(255,255,255,.85);
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-text{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:.03rem;
  min-width:0;
  white-space:normal;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-title{
  color:rgba(67,87,101,.56);
  font-size:.56rem;
  font-weight:500;
  letter-spacing:.045em;
  line-height:1.2;
}
.yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-current{
  max-width:15rem;
  color:rgba(35,43,48,.86);
  font-size:.69rem;
  font-weight:520;
  line-height:1.32;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.yk-integrated-explorer .yk-status-sort-panel>.yk-sort-disclosure-summary::after{
  content:'›';
  padding:0;
  border:0;
  background:transparent;
  color:rgba(55,111,139,.48);
  font-size:.9rem;
  font-weight:500;
  line-height:1;
}
.yk-integrated-explorer .yk-sort-disclosure-toggle:checked + .yk-sort-disclosure-summary::after{
  content:'⌃';
  color:rgba(42,132,173,.66);
}
@media (max-width:900px){
  .yk-integrated-explorer .yk-sort-mark{width:2.12rem;height:2.12rem;border-radius:.66rem;}
  .yk-integrated-explorer .yk-sort-mark>span:nth-child(1){top:.58rem;left:.5rem;}
  .yk-integrated-explorer .yk-sort-mark>span:nth-child(2){top:1.05rem;left:.4rem;}
  .yk-integrated-explorer .yk-sort-mark>span:nth-child(3){top:1.51rem;left:.53rem;}
  .yk-integrated-explorer .yk-status-sort-panel .yk-sort-disclosure-current{max-width:11rem;}
}


/* =====================================================================
   v0.5.33 — L2相談を主相談から分離／毎回の計量・投入
   主相談5項目の密度を増やさず、補助的な関心は一段下げて提示する。
   ===================================================================== */
.yk-integrated-explorer .yk-concierge-home-secondary{
  margin-top:.78rem;
  padding-top:.7rem;
  border-top:1px solid rgba(71,68,61,.10);
}
.yk-integrated-explorer .yk-concierge-home-secondary-label{
  margin:0 0 .2rem;
  font-size:.64rem;
  line-height:1.45;
  letter-spacing:.035em;
  color:#918c82;
}
.yk-integrated-explorer .yk-concierge-topic-list--secondary{
  border-top:0;
}
.yk-integrated-explorer .yk-concierge-topic-list--secondary button{
  padding:.58rem .08rem;
  border-top:0;
  border-bottom:1px solid rgba(71,68,61,.09);
}
.yk-integrated-explorer .yk-concierge-topic-list--secondary .yk-concierge-topic-copy strong{
  font-size:.76rem;
  font-weight:590;
}
.yk-integrated-explorer .yk-concierge-topic-list--secondary .yk-concierge-topic-copy small{
  font-size:.65rem;
  color:#858077;
}
.yk-integrated-explorer .yk-auto-dose-assist .yk-concierge-answer{
  margin-top:.76rem;
}

/* =====================================================================
   v0.5.36 — コンシェルジュ相談中の比較ドック退避
   ---------------------------------------------------------------------
   比較を一旦しまったドックは、右側の相談面を開いている間だけ退避する。
   相談を閉じれば元の比較再開導線へ戻る。
   ===================================================================== */
.yk-integrated-explorer.is-concierge-consultation-open .yk-compare-dock{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}


/* ========================================================================
   v0.5.38 — 条件付き相談の hidden 表示保証
   ------------------------------------------------------------------------
   ホーム項目の display:grid/flex が HTML hidden を上書きしないよう、
   条件未成立の相談項目は必ず実表示からも消す。
   ======================================================================== */
.yk-integrated-explorer [data-concierge-topic][hidden]{
  display:none !important;
}



/* ========================================================================
   v0.5.42 — 乾燥対象量の補助説明
   専門表示を独立質問にせず、「実際に乾燥機へ入れる衣類だけ」を考える。
   ======================================================================== */
.yk-integrated-explorer .yk-capacity-dry-only-note{
  margin:0 0 .68rem;
  padding:.52rem .6rem;
  border-left:2px solid rgba(229,181,96,.62);
  background:rgba(250,249,246,.54);
  color:rgba(61,66,62,.72);
}
.yk-integrated-explorer .yk-capacity-dry-only-note strong,
.yk-integrated-explorer .yk-capacity-dry-only-note span{display:block;}
.yk-integrated-explorer .yk-capacity-dry-only-note strong{
  margin-bottom:.12rem;
  color:#41433f;
  font-size:.67rem;
  line-height:1.5;
  font-weight:620;
}
.yk-integrated-explorer .yk-capacity-dry-only-note span{
  font-size:.62rem;
  line-height:1.6;
}

/* 継承仕様 — 乾燥量の質問文言を生活側の自然な表現へ調整。 */


/* ========================================================================
   v0.5.48 — 色画像実読込QA・安全フォールバック
   メーカー正式色名／UI色カテゴリ／閲覧中の色／希望・必須条件を分離する。
   ======================================================================== */
.yk-integrated-explorer .yk-card-color-row{
  display:flex;
  align-items:center;
  gap:.34rem;
  min-height:1.45rem;
  margin:.08rem .46rem .18rem;
  color:rgba(43,47,48,.64);
  font-size:.62rem;
  line-height:1.2;
}
.yk-integrated-explorer .yk-card-color-label{
  flex:0 0 auto;
  font-size:.58rem;
  letter-spacing:.05em;
}
.yk-integrated-explorer .yk-card-color-swatches{
  display:flex;
  align-items:center;
  gap:.25rem;
  flex:0 0 auto;
}
.yk-integrated-explorer .yk-card-color-swatch{
  position:relative;
  width:.86rem;
  height:.86rem;
  min-width:.86rem;
  padding:0;
  border:1px solid rgba(45,51,52,.26);
  border-radius:50%;
  background:var(--yk-color-swatch,#d8d8d8);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
  cursor:pointer;
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.yk-integrated-explorer .yk-card-color-swatch:hover,
.yk-integrated-explorer .yk-card-color-swatch:focus-visible{
  transform:scale(1.13);
  border-color:rgba(45,83,96,.56);
  outline:none;
}
.yk-integrated-explorer .yk-card-color-swatch.is-selected{
  box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(72,112,128,.52),inset 0 0 0 1px rgba(255,255,255,.66);
}
.yk-integrated-explorer .yk-card-color-current{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(43,47,48,.56);
}
.yk-integrated-explorer .yk-color-category-choices button[data-concierge-color-category]{
  display:flex;
  align-items:center;
  gap:.55rem;
}
.yk-integrated-explorer .yk-color-category-choices button[data-concierge-color-category]::before{
  content:'';
  width:.92rem;
  height:.92rem;
  flex:0 0 .92rem;
  border-radius:50%;
  border:1px solid rgba(45,51,52,.22);
  background:#d8d8d8;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.62);
}
.yk-integrated-explorer [data-concierge-color-category="白系"]::before{background:#f4f4f0 !important;}
.yk-integrated-explorer [data-concierge-color-category="黒系"]::before{background:#2d3032 !important;}
.yk-integrated-explorer [data-concierge-color-category="グレー系"]::before{background:#747a7e !important;}
.yk-integrated-explorer [data-concierge-color-category="ベージュ・グレージュ系"]::before{background:#cbbead !important;}
.yk-integrated-explorer [data-concierge-color-category="ブラウン系"]::before{background:#6b4b43 !important;}
.yk-integrated-explorer .yk-color-priority-stage{
  margin-top:.8rem;
  padding-top:.78rem;
  border-top:1px solid rgba(108,113,109,.15);
}
.yk-integrated-explorer .yk-color-priority-question{margin-top:0;}
.yk-integrated-explorer .yk-color-clear{
  width:100%;
  margin-top:.55rem;
}


/* v0.5.48 — 色画像は事前読込後に切替。失敗時は壊れた画像アイコンを出さず中立表示へ退避。 */
.yk-product-image-wrap.is-image-loading::after{
  content:'画像を確認中…';
  position:absolute;
  left:50%; top:50%; transform:translate(-50%,-50%);
  padding:.28rem .5rem;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:var(--yk-sub);
  font-size:.66rem;
  line-height:1.2;
  pointer-events:none;
}
.yk-product-image-wrap.is-color-image-unavailable .yk-product-image{visibility:hidden;}
.yk-product-image-wrap.is-color-image-unavailable .yk-product-image-fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  inset:0;
  padding:1rem;
  text-align:center;
  color:var(--yk-sub);
  font-size:.72rem;
  line-height:1.6;
  background:linear-gradient(180deg,rgba(252,252,250,.96),rgba(247,247,244,.98));
}


/* v0.5.48 — 色画像標準化：YAMAZEN/SHARPの検証済み表示資産を同梱し、色切替の外部配信依存を縮小。 */

/* v0.5.48 — 既定色は色機能導入前に標準化済みの商品ファミリー画像を維持し、追加色のみ色固有画像を使用する。 */

/* v0.5.48 — NA-SD10HBLサンドグレージュの追加色画像を商品単体表示へ標準化。 */

/* v0.5.54 — NA-SD10HBLサンドグレージュ画像の余白を資産側で縮小し、カード内の本体表示サイズを既定画像に合わせる。 */


/* v0.5.54 — 比較表でも現在見ている色を文字とスウォッチで明示する。 */
.yk-compare-product-color{
  display:inline-flex;
  align-items:center;
  gap:.22rem;
  max-width:100%;
  color:#7a746d;
  font-size:.52rem;
  line-height:1.25;
  white-space:normal;
}
.yk-compare-product-color-swatch{
  width:.52rem;
  height:.52rem;
  flex:0 0 .52rem;
  border-radius:50%;
  background:var(--yk-compare-color,#eee);
  border:1px solid rgba(74,70,64,.22);
  box-shadow:0 0 0 1px rgba(255,255,255,.85) inset;
}

/* v0.5.54 — 比較機能監査。表示構造は維持し、比較の状態契約・共有復元・見る順番の整合性を強化。 */


/* v0.5.54 — 比較の差分表示と履歴固定。
   「違いがある項目だけ」は任意の表示操作で、未確認項目は隠さない。 */
.yk-compare-differences-toggle{
  display:inline-flex;
  align-items:center;
  gap:.34rem;
  min-height:2.2rem;
  margin:0;
  padding:.38rem .48rem;
  color:#5f5b55;
  font-size:.67rem;
  line-height:1.25;
  white-space:nowrap;
  cursor:pointer;
}
.yk-compare-differences-toggle input{
  width:14px;
  height:14px;
  margin:0;
  accent-color:#6f8a75;
}
.yk-compare-no-differences{
  margin:.55rem .7rem .15rem;
  padding:.58rem .68rem;
  border:1px solid rgba(89,112,93,.16);
  border-radius:4px;
  background:#f8faf7;
  color:#5d665f;
  font-size:.7rem;
  line-height:1.5;
}
@media (max-width:900px){
  .yk-compare-differences-toggle{padding-left:0;padding-right:0;}
}


/* v0.5.54 — 「違いだけ見る」は比較負担を直接減らす主要ショートカット。
   並び順・リセット等の補助操作に埋もれないよう、独立した軽い操作カードとして見せる。 */
.yk-compare-differences-toggle{
  display:inline-grid;
  grid-template-columns:auto auto minmax(0,auto);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:.42rem;
  row-gap:.03rem;
  min-height:2.55rem;
  margin:0;
  padding:.34rem .62rem .35rem .52rem;
  border:1px solid rgba(91,126,100,.28);
  border-radius:7px;
  background:linear-gradient(90deg,rgba(102,139,111,.075),rgba(255,255,255,.98));
  color:#4f5d53;
  box-shadow:0 1px 0 rgba(72,94,79,.035);
  font-size:.67rem;
  line-height:1.2;
  white-space:nowrap;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.yk-compare-differences-toggle:hover,
.yk-compare-differences-toggle:focus-within{
  border-color:rgba(86,124,96,.48);
  background:linear-gradient(90deg,rgba(100,142,111,.115),rgba(255,255,255,.98));
  box-shadow:0 3px 10px rgba(70,96,77,.08);
}
.yk-compare-differences-toggle:active{transform:translateY(1px);}
.yk-compare-differences-toggle input{
  grid-column:1;
  grid-row:1 / 3;
  width:15px;
  height:15px;
  margin:0;
  accent-color:#66866f;
}
.yk-compare-differences-mark{
  grid-column:2;
  grid-row:1 / 3;
  display:grid;
  place-items:center;
  width:1.34rem;
  height:1.34rem;
  border-radius:50%;
  background:rgba(102,134,111,.11);
  color:#5e7966;
  font-size:.82rem;
  font-weight:700;
  line-height:1;
}
.yk-compare-differences-copy{
  grid-column:3;
  grid-row:1 / 3;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.05rem;
}
.yk-compare-differences-copy strong{
  color:#3f4c43;
  font-size:.71rem;
  font-weight:700;
  letter-spacing:.01em;
}
.yk-compare-differences-copy small{
  color:#7b827d;
  font-size:.56rem;
  font-weight:400;
  line-height:1.2;
}
.yk-compare-differences-toggle:has(input:checked){
  border-color:rgba(83,125,94,.56);
  background:linear-gradient(90deg,rgba(98,142,108,.16),rgba(245,250,246,.98));
  box-shadow:0 0 0 1px rgba(83,125,94,.08) inset,0 2px 8px rgba(70,96,77,.07);
}
.yk-compare-differences-toggle:has(input:checked) .yk-compare-differences-mark{
  background:#66866f;
  color:#fff;
}
.yk-compare-differences-toggle:has(input:checked) .yk-compare-differences-copy strong{color:#2f4938;}
@media (max-width:900px){
  .yk-compare-differences-toggle{
    padding:.34rem .55rem;
  }
}


/* v0.5.60 — 差分表示の発見性は位置と言葉で確保し、装飾カードではなく比較表示のモード切替として統合する。 */
.yk-compare-paper-aux .yk-compare-differences-toggle{
  display:flex;
  align-items:center;
  gap:.38rem;
  min-height:2.2rem;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#6e6962;
  font-size:.7rem;
  line-height:1;
  white-space:nowrap;
  cursor:default;
  transform:none;
}
.yk-compare-paper-aux .yk-compare-differences-toggle:hover,
.yk-compare-paper-aux .yk-compare-differences-toggle:focus-within,
.yk-compare-paper-aux .yk-compare-differences-toggle:active{
  border:0;
  background:transparent;
  box-shadow:none;
  transform:none;
}
.yk-compare-display-label{
  color:#77716a;
  font-size:.68rem;
  font-weight:400;
}
.yk-compare-differences-input{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
  border:0 !important;
  opacity:0;
}
.yk-compare-display-segments{
  display:inline-flex;
  align-items:center;
  height:2.12rem;
  padding:2px;
  border:1px solid rgba(55,52,48,.15);
  border-radius:4px;
  background:#f7f6f3;
}
.yk-compare-display-segment{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:1.72rem;
  margin:0;
  padding:.28rem .52rem;
  border:0;
  border-radius:2.5px;
  background:transparent;
  color:#77716a;
  font-family:inherit;
  font-size:.68rem;
  font-weight:400;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background .14s ease,color .14s ease,box-shadow .14s ease;
}
.yk-compare-display-segment:hover,
.yk-compare-display-segment:focus-visible{
  color:#403d39;
  outline:0;
}
.yk-compare-display-segment.is-active{
  background:#fff;
  color:#34322f;
  font-weight:600;
  box-shadow:0 1px 3px rgba(55,52,48,.08);
}
@media (max-width:900px){
  .yk-compare-paper-aux .yk-compare-differences-toggle{padding:0;}
  .yk-compare-display-label{display:none;}
}


/* v0.5.60 — 差分表示は機能名を明確にしつつ、周辺ツールと同じ小さな視覚文法へ統合する。 */
.yk-compare-paper-aux .yk-compare-differences-toggle{
  display:inline-flex;
  align-items:center;
  gap:.34rem;
  min-height:2.2rem;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#746f68;
  line-height:1;
  white-space:nowrap;
  cursor:default;
  transform:none;
}
.yk-compare-paper-aux .yk-compare-differences-toggle:hover,
.yk-compare-paper-aux .yk-compare-differences-toggle:focus-within,
.yk-compare-paper-aux .yk-compare-differences-toggle:active{
  border:0;
  background:transparent;
  box-shadow:none;
  transform:none;
}
.yk-compare-display-label{
  color:#77716a;
  font-size:.62rem;
  font-weight:400;
  line-height:1;
}
.yk-compare-differences-input{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
  opacity:0 !important;
}
.yk-compare-display-segments{
  display:inline-flex;
  align-items:center;
  min-height:1.66rem;
  padding:1px;
  border:1px solid rgba(55,52,48,.14);
  border-radius:3px;
  background:#faf9f7;
}
.yk-compare-display-segment{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:1.42rem;
  margin:0;
  padding:.18rem .38rem;
  border:0;
  border-radius:2px;
  background:transparent;
  color:#77716a;
  font-family:inherit;
  font-size:.61rem;
  font-weight:400;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background .12s ease,color .12s ease,box-shadow .12s ease;
}
.yk-compare-display-segment:hover,
.yk-compare-display-segment:focus-visible{
  color:#45413d;
  outline:0;
}
.yk-compare-display-segment.is-active{
  background:#fff;
  color:#45413d;
  font-weight:500;
  box-shadow:0 1px 2px rgba(55,52,48,.07);
}
@media (max-width:900px){
  .yk-compare-paper-aux .yk-compare-differences-toggle{padding:0;}
  .yk-compare-display-label{font-size:.6rem;}
  .yk-compare-display-segment{font-size:.6rem;padding:.18rem .32rem;}
}

/* v0.5.60 — 比較項目整合。運転音列は既存の比較表文法をそのまま使用する。 */
\n\n/* v0.5.60 — 比較終了の影響範囲を用紙内で静かに確認する。 */\n.yk-compare-end-confirm{\n  display:flex;align-items:center;justify-content:space-between;gap:16px;\n  padding:10px 14px;border:1px solid rgba(153,139,116,.22);border-radius:8px;\n  background:rgba(250,248,244,.86);color:#555;\n}\n.yk-compare-end-confirm[hidden]{display:none!important}\n.yk-compare-end-confirm-copy{display:flex;align-items:baseline;gap:10px;min-width:0}\n.yk-compare-end-confirm-copy strong{font-size:12px;font-weight:600;color:#393733;white-space:nowrap}\n.yk-compare-end-confirm-copy span{font-size:11px;line-height:1.45;color:#77736d}\n.yk-compare-end-confirm-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}\n.yk-compare-end-confirm-actions .yk-secondary{min-height:30px;padding:5px 10px;font-size:11px}\n.yk-compare-end-confirm-button{color:#665f56}\n
.yk-incoming-consideration-update{display:block;margin-top:3px;font-size:11px;line-height:1.45;font-style:normal;color:#7a6650}


/* v0.5.60 — 比較履歴を変更する確認はブラウザ標準ダイアログではなく比較用紙内で行う。 */
.yk-integrated-explorer .yk-compare-action-confirm{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  margin:.42rem .78rem .12rem;padding:.56rem .72rem;border:1px solid rgba(176,158,130,.26);
  border-radius:.48rem;background:rgba(250,248,244,.94);color:#4a4742;
}
.yk-integrated-explorer .yk-compare-action-confirm[hidden]{display:none !important}
.yk-integrated-explorer .yk-compare-action-confirm-copy{display:grid;gap:.12rem;min-width:0}
.yk-integrated-explorer .yk-compare-action-confirm-copy strong{font-size:.78rem;font-weight:650;line-height:1.35}
.yk-integrated-explorer .yk-compare-action-confirm-copy span{font-size:.68rem;line-height:1.45;color:#77716a}
.yk-integrated-explorer .yk-compare-action-confirm-actions{display:flex;align-items:center;gap:.42rem;flex:0 0 auto}
.yk-integrated-explorer .yk-compare-action-confirm-actions button{font-size:.69rem;white-space:nowrap}
.yk-integrated-explorer .yk-compare-action-confirm-button{border-color:rgba(148,119,82,.32)}

/* v0.5.66 — 持ち帰る・共有の重複入口を統合。既存の比較管理ツール文法を維持。 */


/* v0.5.66 — 公式情報と購入導線を意味で分離。購入導線はverified時だけ補助リンクとして表示。 */
.yk-product-purchase-link{
  align-self:flex-start;
  margin:-.44rem 0 .72rem;
  color:var(--yk-text);
  font-size:.74rem;
  line-height:1.5;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
}
.yk-product-page-link + .yk-product-purchase-link{margin-top:-.62rem;}
.yk-compare-product-purchase-link{
  align-self:flex-start;
  color:var(--yk-text);
  font-size:.67rem;
  line-height:1.4;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.18em;
}


/* v0.5.66 — 購入先はverified SKUだけを選択的表示。左右開きは購入時の型番確認ダイアログへ分離。 */
.yk-product-purchase-link:is(button){
  appearance:none;border:0;background:transparent;padding:0;cursor:pointer;text-align:left;font-family:inherit;
}
.yk-compare-product-purchase-link:is(button){
  appearance:none;border:0;background:transparent;padding:0;cursor:pointer;text-align:left;font-family:inherit;
}
.yk-purchase-link-note{display:block;margin-top:.08rem;color:#8a847c;font-size:.62rem;text-decoration:none;}
.yk-purchase-chooser-layer[hidden]{display:none!important;}
.yk-purchase-chooser-layer{position:fixed;inset:0;z-index:100080;display:grid;place-items:center;padding:1rem;}
.yk-purchase-chooser-backdrop{position:absolute;inset:0;background:rgba(29,32,34,.18);backdrop-filter:blur(3px);}
.yk-purchase-chooser{position:relative;width:min(31rem,calc(100vw - 2rem));padding:1.15rem 1.2rem 1.2rem;border:1px solid rgba(153,143,127,.28);border-radius:.72rem;background:rgba(255,255,254,.98);box-shadow:0 1.1rem 3.5rem rgba(36,40,42,.15);color:var(--yk-text);}
.yk-purchase-chooser-close{position:absolute;right:.72rem;top:.62rem;width:2rem;height:2rem;border:1px solid rgba(125,120,111,.2);border-radius:999px;background:#fff;color:#77716a;cursor:pointer;font-size:1rem;line-height:1;}
.yk-purchase-chooser-copy{display:grid;gap:.28rem;padding-right:2.6rem;}
.yk-purchase-chooser-copy>span{font-size:.66rem;color:#8b847a;letter-spacing:.04em;}
.yk-purchase-chooser-copy h3{margin:0;font-size:1rem;line-height:1.35;font-weight:650;}
.yk-purchase-chooser-copy>[data-purchase-color]{margin:0;font-size:.76rem;color:#625e58;}
.yk-purchase-chooser-help{margin:.36rem 0 0;font-size:.7rem;line-height:1.55;color:#7c766e;}
.yk-purchase-chooser-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;margin-top:.9rem;}
.yk-purchase-chooser-option{display:grid;gap:.12rem;padding:.72rem .76rem;border:1px solid rgba(154,143,125,.28);border-radius:.52rem;background:#fbfaf8;color:inherit;text-decoration:none;}
.yk-purchase-chooser-option:hover{border-color:rgba(106,145,126,.42);background:#f7faf7;}
.yk-purchase-chooser-option strong{font-size:.8rem;font-weight:650;}
.yk-purchase-chooser-option span{font-size:.7rem;color:#5f5b55;}
.yk-purchase-chooser-option small{font-size:.64rem;color:#817a72;}
@media (max-width:600px){.yk-purchase-chooser-options{grid-template-columns:1fr;}}

/* v0.5.66 — 購入先確認モーダルは既存の静かな文法を維持。 */

/* v0.5.66 — PB・販路独自モデル市場集合v1（51比較エンティティ）統合。 */

/* v0.5.67 — PB画像調整は商品データ側の個別画像・倍率だけで行い、既存42商品の画像CSS契約は変更しない。 */

/* v0.5.68 — PB人間確認補正。商品画像CSSは変更せず、e angleのみ商品データ側の画像資産を差替え。既存42商品画像へ波及なし。 */

/* v0.5.70 — 個別商品image_scaleのみで補正。グローバル画像CSSは変更しない。 */


/* ========================================================================
   v0.5.71 — 商品カード上部情報量の差を吸収し、生活情報3段を横一列で整列
   ------------------------------------------------------------------------
   PB・販路独自・旧世代モデル追加後は、メーカー名・型番・購入導線・状態バッジの
   行数が商品ごとに異なる。JSが同一行の自然高を測って min-height を付与するため、
   対象スロットをborder-boxで統一し、容量→特徴→手入れの境界を崩さない。
   ======================================================================== */
.yk-integrated-explorer .yk-product-card--compact .yk-card-identity-row,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--capacity,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--feature,
.yk-integrated-explorer .yk-product-card--compact .yk-card-life-slot--maintenance{
  box-sizing:border-box;
}

/* ========================================================================
   v0.5.72 — コンシェルジュのスクロール追従をサブピクセル＋rAF補間へ
   ------------------------------------------------------------------------
   transform自体にCSS transitionを重ねず、JS側の時間基準補間だけで追従させる。
   二重イージングによる遅れやスクロール停止後の揺り戻しを避ける。
   ======================================================================== */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge{
    transition:none !important;
    backface-visibility:hidden;
  }
}


/* ========================================================================
   v0.5.74 — コンシェルジュ追従をcompositor fixed方式へ変更
   ------------------------------------------------------------------------
   連続スクロール中にtranslateYを書き換えない。通常位置→fixed→棚末端absoluteの
   3状態だけを切り替え、追従中はviewportに対して完全静止させる。
   これによりSafariで見えていたscrollとJS transformの位相差による細かな追い直しを除去する。
   ======================================================================== */
@media (min-width:901px){
  .yk-integrated-explorer .yk-shelf-layout{
    position:relative;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge,
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-fixed{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:auto !important;
    transform:none !important;
    transition:none !important;
    will-change:auto;
    align-self:start;
    z-index:43;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-follow-fixed{
    position:fixed !important;
    top:var(--yk-concierge-sticky-top,90px) !important;
    left:var(--yk-concierge-fixed-left,auto) !important;
    width:var(--yk-concierge-fixed-width,220px) !important;
    max-height:calc(100dvh - var(--yk-concierge-sticky-top,90px) - .75rem) !important;
    transform:none !important;
    contain:layout paint style;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-follow-end{
    position:absolute !important;
    top:var(--yk-concierge-end-y,0px) !important;
    right:0 !important;
    left:auto !important;
    width:var(--yk-concierge-fixed-width,220px) !important;
    max-height:calc(100dvh - var(--yk-concierge-sticky-top,90px) - .75rem) !important;
    transform:none !important;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-follow-fixed .yk-shelf-tools-scroll,
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.yk-concierge-follow-end .yk-shelf-tools-scroll{
    max-height:inherit;
  }
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.is-selection-open.yk-concierge-follow-fixed .yk-concierge-consult-sheet,
  .yk-integrated-explorer .yk-shelf-tools.yk-shelf-concierge.is-selection-open.yk-concierge-follow-end .yk-concierge-consult-sheet{
    max-height:inherit;
  }
}

/* ========================================================================
   v0.5.74 — コンシェルジュ専用リセット
   ------------------------------------------------------------------------
   ホーム末尾に常設して存在を見つけられるようにし、未設定時のみ無効化する。
   商品棚全体の「条件をリセット」とは役割を分ける。
   ======================================================================== */
.yk-integrated-explorer .yk-concierge-home-reset:disabled,
.yk-integrated-explorer .yk-concierge-home-reset[aria-disabled="true"]{
  opacity:.36;
  cursor:default;
  border-bottom-color:transparent;
}
.yk-integrated-explorer .yk-concierge-home-reset:disabled:hover,
.yk-integrated-explorer .yk-concierge-home-reset:disabled:focus-visible{
  color:rgba(71,72,67,.58);
  border-bottom-color:transparent;
}


/* ========================================================================
   v0.6.01 — 商品詳細体験読みやすさ補正
   ------------------------------------------------------------------------
   比較紙は横に広い「作業用紙」、商品詳細は1機種を縦に読む「詳細紙」として
   視覚文法を分ける。商品棚のスクロール位置・条件・比較候補は保持する。
   ======================================================================== */
html.yk-product-detail-open{overflow:hidden;}
.yk-product-detail-link{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  color:rgba(40,40,40,.9);
  font:inherit;
  font-size:.68rem;
  line-height:1.4;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
  cursor:pointer;
}
.yk-product-detail-link:hover,.yk-product-detail-link:focus-visible{color:var(--yk-text);}
.yk-integrated-explorer .yk-product-card--compact .yk-product-card-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.18rem .55rem;
  margin:0 0 .5rem;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-card-actions .yk-product-page-link,
.yk-integrated-explorer .yk-product-card--compact .yk-product-card-actions .yk-product-purchase-link{
  margin:0;
}
.yk-product-detail-layer[hidden]{display:none!important;}
.yk-product-detail-layer{
  position:fixed;
  inset:0;
  z-index:2147483300;
  display:grid;
  place-items:center;
  padding:clamp(.6rem,2vw,1.4rem);
}
.yk-product-detail-backdrop{
  position:absolute;
  inset:0;
  background:rgba(245,247,246,.58);
  backdrop-filter:blur(9px) saturate(.82);
  -webkit-backdrop-filter:blur(9px) saturate(.82);
}
.yk-product-detail-sheet{
  position:relative;
  width:min(1040px,94vw);
  height:min(90dvh,920px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(166,150,126,.3);
  border-radius:18px;
  background:rgba(255,254,251,.985);
  box-shadow:0 26px 72px rgba(54,59,57,.16);
  color:var(--yk-text);
  animation:yk-product-detail-open .22s cubic-bezier(.22,.72,.28,1) both;
}
@keyframes yk-product-detail-open{from{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:none}}
.yk-product-detail-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.72rem 1rem;
  border-bottom:1px solid rgba(48,48,48,.08);
  background:rgba(251,249,245,.9);
}
.yk-product-detail-toolbar>span{font-size:.68rem;letter-spacing:.06em;color:rgba(52,52,52,.5);}
.yk-product-detail-toolbar button{
  appearance:none;
  border:1px solid rgba(128,119,104,.22);
  border-radius:999px;
  background:#fff;
  padding:.42rem .72rem;
  color:rgba(43,43,43,.78);
  font:inherit;
  font-size:.72rem;
  cursor:pointer;
}
.yk-product-detail-toolbar button:hover,.yk-product-detail-toolbar button:focus-visible{border-color:rgba(110,91,63,.38);color:var(--yk-text);}
.yk-product-detail-scroll{overflow:auto;overscroll-behavior:contain;padding:clamp(1rem,2.3vw,2rem);scrollbar-gutter:stable;}
.yk-product-detail-hero{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(1.2rem,3vw,2.6rem);align-items:start;}
.yk-product-detail-image-column{min-width:0;}
.yk-product-detail-image-wrap,.yk-product-detail-image-placeholder{
  position:relative;
  width:100%;
  aspect-ratio:1.03/1;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(67,67,67,.07);
  border-radius:12px;
  background:#fff;
}
.yk-product-detail-image-wrap img{
  width:100%;height:100%;object-fit:contain;
  transform:translate(var(--yk-image-shift-x,0%),var(--yk-image-shift-y,0%)) scale(var(--yk-image-scale,1));
  transform-origin:center;
}
.yk-product-detail-image-wrap>span{display:none;position:absolute;inset:auto 1rem 1rem;color:#8c867f;font-size:.7rem;text-align:center;}
.yk-product-detail-image-wrap.is-error img{visibility:hidden;}
.yk-product-detail-image-wrap.is-error>span{display:block;}
.yk-product-detail-image-placeholder{color:#8b867f;font-size:.75rem;}
.yk-product-detail-colors{display:flex;align-items:center;flex-wrap:wrap;gap:.42rem;margin:.68rem .15rem 0;color:#77716a;font-size:.72rem;}
.yk-product-detail-colors>div{display:flex;gap:.22rem;}
.yk-product-detail-colors strong{font-weight:500;color:#77716a;}
.yk-product-detail-swatch{width:18px;height:18px;padding:0;border:1px solid rgba(94,102,100,.28);border-radius:999px;background:var(--yk-color-swatch,#ddd);box-shadow:inset 0 0 0 2px #fff;cursor:pointer;}
.yk-product-detail-swatch.is-selected{outline:1px solid rgba(71,116,137,.62);outline-offset:2px;}
.yk-product-detail-summary{min-width:0;padding-top:.2rem;}
.yk-product-detail-eyebrow{display:block;margin-bottom:.6rem;color:#8b7a64;font-size:.72rem;letter-spacing:.08em;}
.yk-product-detail-maker{margin:0 0 .18rem;color:rgba(40,40,40,.55);font-size:.82rem;}
.yk-product-detail-summary h2{margin:0;color:var(--yk-text);font-size:clamp(1.65rem,3vw,2.45rem);font-weight:620;line-height:1.12;letter-spacing:.01em;}
.yk-product-detail-state{display:inline-flex;margin:.65rem 0 0;padding:.22rem .5rem;border:1px solid rgba(82,92,82,.18);border-radius:999px;background:rgba(247,248,245,.9);color:#61665f;font-size:.67rem;}
.yk-product-detail-capacity{display:flex;align-items:baseline;gap:.42rem;margin:.9rem 0;color:#6c6861;font-size:.8rem;}
.yk-product-detail-capacity strong{color:#31312f;font-size:1.04rem;font-weight:650;}
.yk-product-detail-capacity span{color:#a69d90;}
.yk-product-detail-context{display:grid;gap:.22rem;margin:1rem 0 0;padding:.78rem .86rem;border:1px solid rgba(126,141,126,.18);border-radius:10px;background:rgba(247,250,247,.78);}
.yk-product-detail-context>span{font-size:.65rem;color:#7a8278;}
.yk-product-detail-context>strong{font-size:.86rem;font-weight:620;}
.yk-product-detail-context p,.yk-product-detail-context ul{margin:.08rem 0 0;color:#6d6a64;font-size:.72rem;line-height:1.55;}
.yk-product-detail-context ul{padding-left:1.1rem;}
.yk-product-detail-context.is-difference{border-color:rgba(197,145,73,.2);background:rgba(252,248,241,.8);}
.yk-product-detail-context.is-outside{border-color:rgba(167,101,85,.2);background:rgba(251,246,244,.84);}
.yk-product-detail-actions{display:grid;gap:.62rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(44,44,44,.08);}
.yk-product-detail-compare{display:flex;align-items:center;gap:.5rem;width:max-content;max-width:100%;font-size:.78rem;cursor:pointer;}
.yk-product-detail-compare input{width:18px;height:18px;accent-color:#3d9ec5;}
.yk-product-detail-compare.is-disabled{color:#98928a;cursor:default;}
.yk-product-detail-exits{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .9rem;}
.yk-product-detail-official,.yk-product-detail-exits .yk-product-purchase-link{margin:0;color:#595651;font-size:.72rem;line-height:1.45;text-decoration:underline;text-underline-offset:.2em;}
.yk-product-detail-content{display:grid;gap:0;margin-top:clamp(1.7rem,4vw,3.2rem);border-top:1px solid rgba(47,47,47,.09);}
.yk-product-detail-section{display:grid;grid-template-columns:minmax(150px,.28fr) minmax(0,.72fr);gap:clamp(1rem,3vw,2.4rem);padding:clamp(1.35rem,3vw,2.3rem) 0;border-bottom:1px solid rgba(47,47,47,.08);}
.yk-product-detail-section-head{display:flex;align-items:baseline;gap:.55rem;align-self:start;position:sticky;top:0;background:rgba(255,254,251,.96);padding:.15rem 0;}
.yk-product-detail-section-head span{color:#c09a62;font-size:.66rem;font-variant-numeric:tabular-nums;}
.yk-product-detail-section-head h3{margin:0;font-size:1rem;font-weight:620;line-height:1.4;}
.yk-product-detail-life-list,.yk-product-detail-maintenance-list{display:grid;gap:.72rem;}
.yk-product-detail-life-item,.yk-product-detail-maintenance-item{padding:.78rem .84rem;border:1px solid rgba(55,55,55,.08);border-radius:10px;background:rgba(255,255,255,.64);}
.yk-product-detail-life-item h4,.yk-product-detail-maintenance-item h4{margin:0 0 .26rem;font-size:.78rem;font-weight:650;}
.yk-product-detail-life-item p,.yk-product-detail-maintenance-item p{margin:0;color:#5e5b56;font-size:.76rem;line-height:1.7;}
.yk-product-detail-maintenance-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.58fr);gap:1rem;}
.yk-product-detail-maintenance-item dl{display:grid;gap:.34rem;margin:0;}
.yk-product-detail-maintenance-item dl>div{display:grid;grid-template-columns:4.3rem 1fr;gap:.45rem;font-size:.68rem;line-height:1.5;}
.yk-product-detail-maintenance-item dt{color:#8b857d;}.yk-product-detail-maintenance-item dd{margin:0;color:#56534f;}
.yk-product-detail-caution-list{display:grid;gap:.55rem;margin:0;}
.yk-product-detail-caution-item{display:grid;grid-template-columns:5.2rem minmax(0,1fr);gap:.8rem;align-items:start;padding:.72rem .82rem;border:1px solid rgba(55,55,55,.08);border-radius:10px;background:rgba(255,255,255,.5);}
.yk-product-detail-caution-item>span{display:inline-flex;width:max-content;max-width:100%;padding:.18rem .42rem;border-radius:999px;background:rgba(245,241,232,.86);color:#84745f;font-size:.64rem;line-height:1.35;}
.yk-product-detail-caution-item p{margin:0;color:#5f5b55;font-size:.76rem;line-height:1.65;}
.yk-product-detail-empty{margin:0;color:#77716a;font-size:.76rem;line-height:1.65;}
.yk-product-detail-specs{display:grid;margin:0;border-top:1px solid rgba(47,47,47,.08);}
.yk-product-detail-specs>div{display:grid;grid-template-columns:minmax(120px,.36fr) minmax(0,.64fr);gap:1rem;padding:.58rem .15rem;border-bottom:1px solid rgba(47,47,47,.07);font-size:.75rem;line-height:1.55;}
.yk-product-detail-specs dt{color:#827d76;}.yk-product-detail-specs dd{margin:0;color:#403e3a;font-weight:520;}
@media(max-width:760px){
  .yk-product-detail-sheet{width:calc(100vw - 12px);height:calc(100dvh - 12px);border-radius:14px;}
  .yk-product-detail-scroll{padding:1rem;}
  .yk-product-detail-hero{grid-template-columns:1fr;gap:1rem;}
  .yk-product-detail-image-wrap,.yk-product-detail-image-placeholder{max-height:42vh;}
  .yk-product-detail-section{grid-template-columns:1fr;gap:.7rem;}
  .yk-product-detail-section-head{position:static;}
  .yk-product-detail-maintenance-item{grid-template-columns:1fr;gap:.65rem;}
  .yk-product-detail-caution-item{grid-template-columns:1fr;gap:.42rem;}
}
@media(prefers-reduced-motion:reduce){.yk-product-detail-sheet{animation:none;}}

/* v0.6.01: 詳細紙から購入先確認を開いた場合は購入先ダイアログを最前面へ。 */
.yk-purchase-chooser-layer{z-index:2147483400;}

/* =====================================================================
   v0.6.02 — 商品詳細の出口設計
   商品詳細を読み終えた後に「商品棚・比較・購入・公式情報」を同格の選択肢として置く。
   大きな単一CTAで購入や比較を強制せず、ゆうかなう内で続ける行為と外部確認を分離する。
   ===================================================================== */
.yk-product-detail-actions{
  margin-top:1rem;
  padding-top:.9rem;
  border-top:1px solid rgba(44,44,44,.08);
}
.yk-product-detail-compare{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  width:max-content;
  max-width:100%;
  color:#56534f;
  font-size:.78rem;
  cursor:pointer;
}
.yk-product-detail-compare input{flex:0 0 auto;width:18px;height:18px;accent-color:#3d9ec5;}
.yk-product-detail-compare.is-disabled{color:#98928a;cursor:default;}
.yk-product-detail-exits{display:none;}

.yk-product-detail-next{
  display:grid;
  grid-template-columns:minmax(180px,.28fr) minmax(0,.72fr);
  gap:clamp(1rem,3vw,2.4rem);
  margin-top:clamp(1.4rem,3.4vw,2.6rem);
  padding:clamp(1.5rem,3vw,2.35rem) 0 .35rem;
  border-top:1px solid rgba(47,47,47,.12);
}
.yk-product-detail-next-copy{align-self:start;}
.yk-product-detail-next-copy>span{
  display:block;
  margin-bottom:.42rem;
  color:#b68e59;
  font-size:.66rem;
  letter-spacing:.08em;
}
.yk-product-detail-next-copy h3{
  margin:0;
  color:var(--yk-text);
  font-size:clamp(1.06rem,1.8vw,1.3rem);
  font-weight:620;
  line-height:1.4;
}
.yk-product-detail-next-copy p{
  max-width:23rem;
  margin:.62rem 0 0;
  color:#77716a;
  font-size:.74rem;
  line-height:1.7;
}
.yk-product-detail-next-groups{display:grid;gap:1.15rem;}
.yk-product-detail-next-group{display:grid;gap:.55rem;}
.yk-product-detail-next-group h4{
  margin:0;
  color:#8a847b;
  font-size:.67rem;
  font-weight:520;
  letter-spacing:.045em;
}
.yk-product-detail-next-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.62rem;
}
.yk-product-detail-next-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"kind arrow" "title arrow" "note arrow";
  align-content:start;
  gap:.13rem .7rem;
  min-height:112px;
  margin:0;
  padding:.82rem .88rem;
  border:1px solid rgba(61,58,52,.105);
  border-radius:11px;
  background:rgba(255,255,255,.68);
  color:#393733;
  font:inherit;
  text-align:left;
  text-decoration:none;
  box-shadow:none;
  cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease,transform .16s ease;
}
.yk-product-detail-next-card:hover,
.yk-product-detail-next-card:focus-visible{
  border-color:rgba(146,112,69,.32);
  background:rgba(255,253,248,.94);
  color:#393733;
  transform:translateY(-1px);
  outline:none;
}
.yk-product-detail-next-card>span{
  grid-area:kind;
  color:#9b8c78;
  font-size:.64rem;
  line-height:1.35;
  letter-spacing:.04em;
}
.yk-product-detail-next-card>strong{
  grid-area:title;
  margin-top:.18rem;
  color:#33312e;
  font-size:.82rem;
  font-weight:620;
  line-height:1.45;
}
.yk-product-detail-next-card>small{
  grid-area:note;
  margin-top:.22rem;
  color:#77716a;
  font-size:.68rem;
  font-weight:400;
  line-height:1.58;
}
.yk-product-detail-next-card>i{
  grid-area:arrow;
  align-self:center;
  color:#b28a55;
  font-size:.82rem;
  font-style:normal;
}
.yk-product-detail-next-card.is-external{
  background:rgba(250,250,248,.66);
}
.yk-product-detail-next-card.is-unavailable{
  border-color:rgba(61,58,52,.07);
  background:rgba(248,248,246,.52);
  color:#9b958d;
  cursor:default;
}
.yk-product-detail-next-card.is-unavailable>strong,
.yk-product-detail-next-card.is-unavailable>small,
.yk-product-detail-next-card.is-unavailable>span{color:#9b958d;}
.yk-product-detail-next-card.is-unavailable:hover{transform:none;border-color:rgba(61,58,52,.07);background:rgba(248,248,246,.52);}

@media(max-width:760px){
  .yk-product-detail-next{grid-template-columns:1fr;gap:.9rem;}
  .yk-product-detail-next-copy p{max-width:none;}
  .yk-product-detail-next-grid{grid-template-columns:1fr;}
  .yk-product-detail-next-card{min-height:96px;}
}
@media(prefers-reduced-motion:reduce){
  .yk-product-detail-next-card{transition:none;}
  .yk-product-detail-next-card:hover,.yk-product-detail-next-card:focus-visible{transform:none;}
}


/* =====================================================================
   v0.6.04 — 商品棚の購入導線を「隠さず、急かさず」見つけられる強さへ
   「詳しく見る」はゆうかなう内の理解導線、公式情報・購入先は外部確認の出口。
   購入先は確認済みの場合だけ薄い輪郭の操作物として表示し、大型CTAにはしない。
   ===================================================================== */
.yk-integrated-explorer .yk-product-card--compact .yk-product-card-actions{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  grid-template-areas:
    "detail official"
    "purchase purchase";
  align-items:center;
  gap:.32rem .55rem;
  margin:0 0 .54rem;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-detail-link{
  grid-area:detail;
  width:max-content;
  color:rgba(40,40,40,.88);
  font-size:.68rem;
  font-weight:610;
  text-decoration:none;
  border-bottom:1px solid rgba(40,40,40,.30);
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-detail-link:hover,
.yk-integrated-explorer .yk-product-card--compact .yk-product-detail-link:focus-visible{
  border-bottom-color:rgba(var(--yk-light-rgb),.86);
  color:#8b641e;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-page-link{
  grid-area:official;
  justify-self:start;
  margin:0!important;
  color:rgba(40,40,40,.52)!important;
  font-size:.62rem;
}
.yk-product-card-purchase-slot{
  grid-area:purchase;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.15rem .38rem;
  min-width:0;
}
.yk-product-card-purchase-slot:empty{display:none;}
.yk-integrated-explorer .yk-product-card--compact .yk-product-card-purchase-slot .yk-product-purchase-link{
  display:inline-flex;
  align-items:center;
  gap:.22rem;
  width:max-content;
  max-width:100%;
  margin:0!important;
  padding:.26rem .46rem;
  border:1px solid rgba(161,143,113,.28);
  border-radius:999px;
  background:rgba(250,248,244,.82);
  color:#5b544a;
  font-size:.66rem;
  font-weight:580;
  line-height:1.3;
  text-decoration:none;
  white-space:nowrap;
  transition:border-color .15s ease,background-color .15s ease,color .15s ease;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-card-purchase-slot .yk-product-purchase-link:hover,
.yk-integrated-explorer .yk-product-card--compact .yk-product-card-purchase-slot .yk-product-purchase-link:focus-visible{
  border-color:rgba(161,124,69,.48);
  background:rgba(251,247,239,.98);
  color:#7a571a;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-card-purchase-slot .yk-product-purchase-link:is(button){
  appearance:none;
  cursor:pointer;
  font-family:inherit;
}
.yk-integrated-explorer .yk-product-card--compact .yk-product-card-purchase-slot .yk-purchase-link-note{
  flex-basis:100%;
  margin:0 0 0 .08rem;
  color:#8a847c;
  font-size:.57rem;
  line-height:1.35;
}
@media(max-width:560px){
  .yk-integrated-explorer .yk-product-card--compact .yk-product-card-actions{
    grid-template-columns:1fr;
    grid-template-areas:"detail" "official" "purchase";
    justify-items:start;
  }
}
@media(prefers-reduced-motion:reduce){
  .yk-integrated-explorer .yk-product-card--compact .yk-product-card-purchase-slot .yk-product-purchase-link{transition:none;}
}