/*
 * Adopted reader design. WordPress applies this CSS after the structural rules.
 * Lower-diagram layout remains unchanged; normal text weight lives in typography.css.
 */

/* Use the complete article width; every figure must contain its own labels. */
.board{
  padding-left:0!important;
  padding-right:0!important;
}

/* One diagnosis card: title, inputs, recommendations, and comparison. */

/* Remove the input-only box: the whole diagnosis is already one card. */

/* Adopted autocomplete: quiet, compact list. */

/* Keep sections together through spacing, without the two requested rules. */

/* Body copy and controls use the normal weight. The main diagnosis title stays bold. */
/* Normal weights: assets/typography.css (single public typography source). */

/*
 * Android's embedded SC font contains only weight 800. If it remains the first
 * family, even declarations set to 400 are drawn with that 800 face. Keep the
 * embedded face for intentional headings, but use the Android system family
 * wherever this design explicitly asks for normal-weight copy and controls.
 */
.sc-android #mainsvg text,
.sc-android #mainsvg tspan{
  font-family:var(--sc-measurement-font-stack)!important;
}

/* Keep the survey guidance as plain copy without the former red-tinted panel. */
.snl-sc__note-top{
  background:transparent!important;
}

/* Candidate rows are one continuous result group, without separator rules. */

/* Comparison notes use the same quiet, right-aligned treatment in both tabs. */

/* Adopted comparison table final: 5 columns, independent difference column. */
#compare{
  --snl-compare-col-label:20%;
  --snl-compare-col-base:25%;
  --snl-compare-col-arrow:8%;
  --snl-compare-col-target:25%;
  --snl-compare-col-diff:22%;
}
#compare .snl-ctab{width:100%!important;table-layout:fixed!important}
#compare .snl-ctab th,
#compare .snl-ctab td{box-sizing:border-box!important}
#compare .snl-ctab th:nth-child(1),
#compare .snl-ctab td:nth-child(1){width:var(--snl-compare-col-label)!important;text-align:center!important}
#compare .snl-ctab th:nth-child(2),
#compare .snl-ctab td:nth-child(2){width:var(--snl-compare-col-base)!important;text-align:center!important}
#compare .snl-ctab th:nth-child(3),
#compare .snl-ctab td:nth-child(3){width:var(--snl-compare-col-arrow)!important;text-align:center!important}
#compare .snl-ctab th:nth-child(4),
#compare .snl-ctab td:nth-child(4){width:var(--snl-compare-col-target)!important;text-align:center!important}
#compare .snl-ctab th:nth-child(5),
#compare .snl-ctab td:nth-child(5){width:var(--snl-compare-col-diff)!important;text-align:center!important}
#compare .snl-ctab th{
  padding:3px 2px 7px!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
  color:#555!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
#compare .snl-ctab th.diff-head{
  vertical-align:middle!important;
}
#compare .snl-ctab td{
  padding:8px 2px!important;
  border-top:1px solid #e3e6e9!important;
  font-size:14px!important;
  line-height:1.55!important;
  vertical-align:middle!important;
}
#compare .snl-ctab td.k{
  font-size:14px!important;
  line-height:1.55!important;
  color:#555!important;
  white-space:normal!important;
  text-align:center!important;
}
#compare .snl-subpane[data-s="real"] .snl-ctab td.k{white-space:pre-line!important}
#compare .snl-ctab td.base{color:#555!important}
#compare .snl-ctab td.mid{color:#9a9a9a!important}
#compare .snl-ctab td.buy{color:#c92d27!important}
#compare .snl-ctab td.diff{padding-left:1px!important;padding-right:1px!important}
#compare .snl-ctab td.diff .diff-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:42px!important;
  min-height:22px!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:400!important;
  white-space:nowrap!important;
  user-select:text!important;
  -webkit-user-select:text!important;
}
#compare .snl-ctab td.diff.negative .diff-chip{background:#fdf2f2!important;color:#c92d27!important}
#compare .snl-ctab td.diff.positive .diff-chip{background:#eef3fa!important;color:#2f6fb0!important}
#compare .snl-ctab td.diff.zero .diff-chip{background:#f2f2f2!important;color:#666!important}
#compare .snl-ctab td.diff.empty .diff-chip{display:none!important}
#compare .snl-subpane[data-s="feel"] > .snl-legend-row{display:none!important}
@media(max-width:520px){
  #compare{
    --snl-compare-col-label:20%;
    --snl-compare-col-base:25%;
    --snl-compare-col-arrow:7%;
    --snl-compare-col-target:26%;
    --snl-compare-col-diff:22%;
  }
  #compare .snl-ctab th{font-size:12px!important;padding:3px 1px 7px!important}
  #compare .snl-ctab td{padding:8px 1px!important;font-size:13px!important}
  #compare .snl-ctab td.k{font-size:13px!important}
  #compare .snl-ctab td.diff .diff-chip{min-width:39px!important;padding:2px 5px!important}
}

/* Adopted filter toggle B: outlined accordion card. */
.chart-shoe-filter-bottom.snl-filter-enhanced{
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid #d6dde2;
  border-radius:10px;
  background:#fff;
  box-shadow:0 2px 8px rgba(35,49,60,.05);
}
.snl-filter-toggle{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:46px;
  margin:0;
  padding:10px 12px;
  appearance:none;
  border:0;
  background:#fff;
  color:#333;
  font-family:inherit;
  font-size:calc(16px / var(--details-display-scale,1));
  font-weight:400;
  line-height:1.4;
  text-align:left;
  cursor:pointer;
  touch-action:manipulation;
}
.snl-filter-toggle:focus-visible{outline:2px solid #1268d3;outline-offset:-3px}
.snl-filter-toggle__title{flex:1;min-width:0}
.snl-filter-toggle__count{
  flex:0 0 auto;
  padding:3px 7px;
  border-radius:999px;
  background:#eef2f5;
  color:#78828a;
  font-size:.72em;
  white-space:nowrap;
}
.snl-filter-toggle__arrow{
  flex:0 0 auto;
  color:#59636b;
  font-size:.75em;
  line-height:1;
  transition:transform .16s ease;
}
.snl-filter-toggle[aria-expanded="true"] .snl-filter-toggle__arrow{transform:rotate(180deg)}
.snl-filter-panel[hidden]{display:none!important}
.snl-filter-panel{
  box-sizing:border-box;
  padding:12px 10px 4px;
  border-top:1px solid #e6eaed;
}
.snl-filter-panel .chart-shoe-filter-hint{display:none!important}

/* Comparison chart: remove author-size bands and their labels. */
#chartsvg .ch-bands,
#chartsvg .ch-metric-label{
  display:none!important;
}

/* Level 1: the complete size-feel group. */
.charttitlewrap{
  margin:0 0 clamp(24px,4vw,32px)!important;
}
.charttitle{
  padding:0!important;
  font-size:clamp(22px,4vw,30px)!important;
  line-height:1.45!important;
  letter-spacing:.025em!important;
}

/* Coordinate diagrams only: headings/notes keep their reader sizes within this canvas.
   The feel component owns its ordinary typography in reader-core-pre.css. */
.size-details-canvas{
  --details-section-heading-size:calc(16px / var(--details-display-scale,1));
  --details-section-note-size:calc(12px / var(--details-display-scale,1));
  --details-section-heading-note-gap:calc(clamp(7px,1vw,8px) / var(--details-display-scale,1));
  --details-section-note-figure-gap:calc(clamp(32px,5vw,40px) / var(--details-display-scale,1));
  --details-measurement-caption-counter-scale:.9070942236;
}
.chart-section-title,
.figtitle{
  font-size:var(--details-section-heading-size)!important;
  line-height:1.5!important;
  letter-spacing:.015em!important;
}
.comparison-divider-gap,
.chart-section-title{
  display:none!important;
}
.figure-divider-gap{
  padding:calc(clamp(28px,4.5vw,36px) / var(--details-display-scale,1)) 0 calc(18px / var(--details-display-scale,1))!important;
}
.figtitle,
.figtitle-note{
  transform:none!important;
}
.figtitle{
  margin:0 0 var(--details-section-heading-note-gap)!important;
}
.figtitle-note{
  width:100%!important;
  max-width:none!important;
  font-size:var(--details-section-note-size)!important;
  margin:0 0 var(--details-section-note-figure-gap)!important;
  font-weight:400!important;
  text-wrap:wrap!important;
}

/* Explanatory copy and every label/value inside the measurement SVG are normal. */
#mainsvg text,
#mainsvg tspan{
  font-weight:400!important;
}

/* Comparison-chart filter copy is intentionally quiet and uniform. */
.chart-shoe-filter-heading,
.chart-shoe-filter-hint,
.chart-shoe-filter-option,
.chart-filter-brand,
.chart-filter-model{
  font-weight:400!important;
}

/* Level 1: integrated survey comparison data. */
[data-snilabo-integrated-size-compare]{
  margin:clamp(48px,8vw,64px) auto 0!important;
}
[data-snilabo-integrated-size-compare]::before{
  content:"";
  display:block;
  width:100%;
  margin:0 0 calc(18px / var(--details-display-scale,1));
  border-top:2px dashed #dcdcdc;
}
.snl-sc{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.snl-sc__title{
  margin:0 0 16px!important;
  font-size:clamp(20px,3vw,24px)!important;
  font-weight:900!important;
  line-height:1.55!important;
  letter-spacing:.015em!important;
}
[data-snilabo-integrated-size-compare] .snl-sc *:not(.snl-sc__title){
  font-weight:400!important;
}

@media(max-width:520px){
  .snl-sc{padding:0!important}
  .snl-sc__title{margin-bottom:14px!important}
  .snl-filter-toggle{min-height:44px;font-size:calc(14px / var(--details-display-scale,1))}
}

/* Generated from preview/editor. Design values only; no editor UI or behavior. */
/* Generated from preview/editor. Design values only; no editor UI or behavior. */
/* Generated from preview/editor. Design values only; no editor UI or behavior. */
/* Generated from preview/editor. Design values only; no editor UI or behavior. */
[data-editor-id="comparison-chart"]{
  margin-top: -7px !important;
}
[data-editor-id="comparison-vertical-large-pill-background"],
[data-editor-id="comparison-vertical-large-pill-label"]{
  translate: 0px 37px !important;
}
[data-editor-id="survey-notes-text"]{
  translate: 0px -13px !important;
}
/* Generated from preview/editor. Design values only; no editor UI or behavior. */
[data-editor-id="survey-section"]{
  margin-top: 19px !important;
}
[data-editor-id="measurement-section"]{
  margin-top: -20px !important;
}
/* Generated from preview/editor. Design values only; no editor UI or behavior. */
[data-editor-id="survey-section"]{
  margin-top: 18px !important;
}
/* Generated from preview/editor. Design values only; no editor UI or behavior. */
[data-editor-id="survey-section"]{
  margin-top: 18px !important;
}
[data-editor-id="survey-section"]{
  margin-top: 13px !important;
}
[data-editor-id="comparison-heading"]{
  margin-top: -11px !important;
  margin-bottom: 10px !important;
}
[data-editor-id="comparison-feel-note"]{
  margin-top: 3px !important;
  margin-bottom: -20px !important;
  translate: 0px 4px !important;
}
[data-editor-id="recommendations-title"]{
  margin-top: -8px !important;
  translate: 0px 6px !important;
}
[data-editor-id="survey-guidance-note"]{
  translate: 0px -4px !important;
}
/* Generated from preview/editor. Design values only; no editor UI or behavior. */
[data-editor-id="comparison-real-note"]{
  margin-bottom: -27px !important;
  translate: 0px -2px !important;
}
/* Generated from preview/editor. Design values only; no editor UI or behavior. */
[data-editor-id="diagnosis-app"]{
  margin-bottom: -21px !important;
}
/* Generated from preview/editor. Design values only; no editor UI or behavior. */
[data-editor-id="diagnosis-threshold-up10-head"]{
  margin-bottom: 20px !important;
}
/* Generated from preview/editor. Design values only; no editor UI or behavior. */
[data-editor-id="diagnosis-criteria-difference-cell"]{
  margin-bottom: 9px !important;
}
[data-editor-id="diagnosis-comparison"]{
  margin-bottom: 11px !important;
}
[data-editor-id="comparison-feel-note"]{
  translate: 0px 3px !important;
}
[data-editor-id="comparison-survey-five-step"]{
  margin-bottom: -26px !important;
}
/* Baked from the accepted preview/editor state on 2026-09-06. */
[data-editor-id="measurement-note"]{
  margin-bottom: 35px !important;
}
[data-editor-id="survey-guidance-note"]{
  font-size: 12px !important;
}
[data-editor-id="comparison-survey-five-step-track-down-1"],
[data-editor-id="comparison-survey-five-step-track-down-05"],
[data-editor-id="comparison-survey-five-step-track-up-05"],
[data-editor-id="comparison-survey-five-step-track-up-1"]{
  translate: 11px 0px !important;
}
[data-editor-id="comparison-survey-five-step-track-same"]{
  translate: 8px 0px !important;
}
[data-editor-id="comparison-survey-five-step-label-down-1"],
[data-editor-id="comparison-survey-five-step-label-down-05"],
[data-editor-id="comparison-survey-five-step-label-same"],
[data-editor-id="comparison-survey-five-step-label-up-05"],
[data-editor-id="comparison-survey-five-step-label-up-1"]{
  margin-right: -10px !important;
}
[data-editor-id="measurement-note"],
[data-editor-id="comparison-filter-toggle-title"],
[data-editor-id="comparison-filter-toggle-arrow"],
[data-editor-id="comparison-filter-toggle-count"],
[data-editor-id="comparison-filter-option-nike-air-force-1"],
[data-editor-id="comparison-filter-option-converse-new-all-star-ox"],
[data-editor-id="comparison-filter-option-adidas-stan-smith-abc-mart-m20325"],
[data-editor-id="comparison-filter-option-adidas-samba"],
[data-editor-id="comparison-filter-option-nike-air-jordan-1"],
[data-editor-id="comparison-filter-option-newbalance-ml574"],
[data-editor-id="comparison-filter-option-adidas-superstar-2"],
[data-editor-id="comparison-filter-option-vans-old-skool"],
[data-editor-id="comparison-filter-option-nike-dunk-low"],
[data-editor-id="comparison-filter-option-vans-authentic"]{
  font-family: inherit !important;
}
#mainsvg .lbl-svg[data-id="cap_top"] tspan,
#mainsvg .lbl-svg[data-id="cap_sole"] tspan,
#mainsvg .lbl-svg[data-id="cap_side"] tspan{
  font-weight: 800 !important;
}
/* Keep 真上／裏側／横 visually matched to 縦幅・横幅／甲.
   At widths below the 600px base they shrink with the diagrams; on wider PC layouts they stay capped at the accepted 21px reader size. */
#mainsvg .lbl-svg[data-id="cap_top"] text,
#mainsvg .lbl-svg[data-id="cap_sole"] text,
#mainsvg .lbl-svg[data-id="cap_side"] text{
  transform-box:fill-box;
  transform-origin:center;
  transform:scale(var(--details-measurement-caption-counter-scale,.9070942236));
}
/* Accepted heading color: only the ten requested titles and SVG captions. */
#snlSizeRecommenderHost .head h1,
.charttitle,
.figtitle,
[data-snilabo-integrated-size-compare] .snl-sc__title{
  color: #333 !important;
}
#mainsvg .lbl-svg[data-id="cap_top"] text,
#mainsvg .lbl-svg[data-id="cap_sole"] text,
#mainsvg .lbl-svg[data-id="cap_side"] text,
#mainsvg .lbl-svg[data-id="cap_top"] tspan,
#mainsvg .lbl-svg[data-id="cap_sole"] tspan,
#mainsvg .lbl-svg[data-id="cap_side"] tspan{
  color: #333 !important;
  fill: #333 !important;
  stroke: none !important;
  stroke-width: 0 !important;
  paint-order: normal !important;
}
/* Baked text colors accepted in preview/editor on 2026-09-06. */
#snlSizeRecommenderHost .head h1,
[data-editor-id="diagnosis-title"],
[data-editor-id="diagnosis-fit-label"],
[data-editor-id="diagnosis-size-label"],
[data-editor-id="recommendations-title"],
#probSize1 .u,
[data-editor-id="recommendation-second-size"],
[data-editor-id="recommendation-third-size"],
[data-editor-id="recommendation-second-probability"],
[data-editor-id="recommendation-third-probability"],
[data-editor-id="comparison-heading"],
[data-editor-id="recommendation-third-track"],
[data-editor-id="comparison-feel-base-name"],
[data-editor-id="diagnosis-criteria-base-row"],
[data-editor-id="diagnosis-criteria-difference-cell"],
[data-editor-id="comparison-feel-base-width"],
[data-editor-id="comparison-feel-base-length"],
[data-editor-id="comparison-feel-base-instep"],
[data-editor-id="comparison-feel-buy-name"],
[data-editor-id="diagnosis-criteria-base-score-cell"],
[data-editor-id="diagnosis-criteria-target-score"],
[data-editor-id="diagnosis-criteria-threshold-group"],
[data-editor-id="comparison-feel-note"],
[data-editor-id="diagnosis-threshold-scroll"],
[data-editor-id="comparison-real-base-heading"],
[data-editor-id="diagnosis-criteria-reason-step-number"],
[data-editor-id="diagnosis-threshold-table"],
[data-editor-id="diagnosis-criteria-reason-title"],
[data-editor-id="diagnosis-threshold-head"],
[data-editor-id="comparison-real-note"]{
  color: #333 !important;
}
[data-editor-id="survey-guidance-note"],
[data-snilabo-integrated-size-compare] .snl-sc__lead-sub,
[data-snilabo-integrated-size-compare] .snl-sc__legend,
[data-snilabo-integrated-size-compare] .snl-sc__legend *{
  color: #777777 !important;
}
/* Baked preview/editor values accepted on 2026-09-06 (current batch). */
[data-editor-id="diagnosis-size-label"],
[data-editor-id="diagnosis-fit-label"],
[data-editor-id="diagnosis-size-input"],
[data-editor-id="diagnosis-fit-input"],
[data-editor-id="diagnosis-shoe-input"],
[data-editor-id="recommendations-title"],
#probSize1 .u,
[data-editor-id="recommendation-second-probability"],
[data-editor-id="recommendation-second-size"],
[data-editor-id="recommendation-third-size"],
[data-editor-id="comparison-heading"],
[data-editor-id="recommendation-third-track"],
[data-editor-id="diagnosis-criteria-base-row"],
[data-editor-id="diagnosis-criteria-difference-cell"],
[data-editor-id="comparison-feel-base-name"],
[data-editor-id="comparison-feel-base-width"],
[data-editor-id="comparison-feel-base-length"],
[data-editor-id="comparison-feel-base-instep"],
[data-editor-id="diagnosis-criteria-base-score-cell"],
[data-editor-id="diagnosis-criteria-target-score"],
[data-editor-id="diagnosis-criteria-threshold-group"],
#feelBuyName,
[data-editor-id="comparison-feel-note"],
[data-editor-id="diagnosis-threshold-scroll"],
[data-editor-id="comparison-real-base-heading"],
[data-editor-id="diagnosis-criteria-reason-step-number"],
[data-editor-id="diagnosis-threshold-table"],
[data-editor-id="diagnosis-criteria-reason-title"],
[data-editor-id="diagnosis-threshold-head"],
[data-editor-id="comparison-real-note"],
[data-editor-id="measurement-len_outer"],
[data-editor-id="measurement-len_outer_diff"],
[data-editor-id="measurement-len_inner_diff"],
[data-editor-id="measurement-len_inner"],
[data-editor-id="measurement-tongue"],
[data-editor-id="measurement-tongue_diff"],
#mainsvg .lbl-svg[data-id="lbl10"] text > tspan:first-child,
#mainsvg .lbl-svg[data-id="lbl11"] text > tspan:first-child,
[data-editor-id="measurement-sole_thick"],
[data-editor-id="measurement-sole_front"],
[data-editor-id="measurement-sole_front_diff"],
[data-editor-id="measurement-sole_heel_diff"],
[data-editor-id="measurement-sole_heel"],
#mainsvg .lbl-svg[data-id="lbl1"] text:first-of-type > tspan:first-child,
[data-editor-id="measurement-top_width_diff"],
[data-editor-id="measurement-top_width"],
[data-editor-id="measurement-sole_thick_diff"],
#mainsvg .lbl-svg[data-id="lbl2"] text > tspan:first-child,
[data-editor-id="measurement-collar_front"],
[data-editor-id="measurement-collar_front_diff"],
[data-editor-id="measurement-collar_mid"],
[data-editor-id="measurement-collar_mid_diff"],
[data-editor-id="measurement-collar_heel"],
[data-editor-id="measurement-collar_heel_diff"],
[data-editor-id="measurement-note-line-1"],
[data-editor-id="measurement-note-line-2"],
[data-editor-id="comparison-survey-conclusion-main"]{
  color: #333333 !important;
}
[data-editor-id="measurement-note"],
[data-editor-id="comparison-survey-conclusion-breakdown"],
[data-editor-id="comparison-survey-five-step-legend-answer"],
[data-editor-id="comparison-survey-five-step-legend-average"]{
  color: #777777 !important;
}
[data-editor-id="comparison-survey-conclusion-main"]{
  font-size: 13px !important;
}
[data-editor-id="comparison-filter-toggle-title"]{
  font-size: 20px !important;
}
/* Baked preview/editor values accepted after the average-line review. */
[data-editor-id="comparison-filter-toggle-title"]{
  font-size: 25px !important;
}
[data-editor-id="comparison-filter-toggle-count"]{
  font-size: 18px !important;
  translate: 2px 0px !important;
}
/* Keep the paired measurement note on the exact same reader-size rule. */
[data-editor-id="measurement-note"]{
  font-size: var(--details-section-note-size) !important;
  font-family: inherit !important;
}
[data-editor-id="survey-guidance-note"]{
  font-size: 11px !important;
}
#compare .snl-subpane .snl-ctab th,
#compare .snl-subpane .snl-ctab td{
  text-align: center !important;
}
[data-snl-role="overall-pairs"] .snl-sc__pairs-table th:nth-child(2),
[data-snl-role="overall-pairs"] .snl-sc__pairs-table th:nth-child(3){
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}
[data-snl-role="overall-pairs-body"] td:first-child{
  vertical-align: middle !important;
}


/* Measurement labels: visible/searchable HTML overlays anchored to the existing SVG geometry. */
.measurement-stage{position:relative;width:100%;isolation:isolate}
.measurement-stage>#mainsvg{display:block;width:100%;height:auto;overflow:visible}
.html-label-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.measurement-item{position:absolute;inset:0;pointer-events:none}
.html-label{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;pointer-events:none}
.html-text-run{position:absolute;left:0;top:0;display:block;width:max-content;max-width:none;margin:0;padding:0;border:0;white-space:nowrap;line-height:1;font-family:var(--sc-measurement-font-stack);font-weight:400;color:#333;letter-spacing:normal;font-kerning:auto;transform-origin:0 0;-webkit-text-stroke:5px #fff;paint-order:stroke fill;text-rendering:geometricPrecision;pointer-events:none}
.html-label.is-caption .html-text-run{font-weight:800;-webkit-text-stroke:0}
.html-baseline{display:inline-block!important;vertical-align:baseline!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;line-height:0!important}
.measurement-break{display:none}
.html-text-run.break-after-label .measurement-break--label,
.html-text-run.break-after-value .measurement-break--value{display:initial}
.html-text-run.break-after-label,
.html-text-run.break-after-value{text-align:center}