/*
Theme Name: 따져봄
Description: 따져봄 — 생활 서비스의 가격과 조건을 비교합니다. 첫 주제는 세탁기 청소입니다. 설치 조건별 예약 질문과 공식 작업 범위를 비교하는 블록 테마. 결제·견적 확정·자동 게시 기능 없음.
Version: 0.0.11
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: life-cost-review
License: GNU General Public License v2.0 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: full-site-editing, block-styles
*/

:root,
.editor-styles-wrapper {
  --lcr-paper: #f7f4ed;
  --lcr-surface: #fffdf8;
  --lcr-ink: #202c30;
  --lcr-muted: #536268;
  --lcr-accent: #175f55;
  --lcr-soft: #e8efe8;
  --lcr-line: #d8ded5;
  --lcr-focus: #2449a6;
  --lcr-warning: #754719;
  --lcr-warning-bg: #fff1db;
}

* { box-sizing: border-box; }
html { scroll-padding-top: 2rem; }
body { margin: 0; overflow-wrap: anywhere; }
a { text-underline-offset: .22em; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible, button:focus-visible, input:focus-visible,
[tabindex]:focus-visible { outline: 3px solid var(--lcr-focus); outline-offset: 5px; }
p, h1, h2, h3 { word-break: keep-all; overflow-wrap: anywhere; }
/* Override core title wrapping; only break an unspaced string if it cannot fit. */
:is(.wp-site-blocks, .editor-styles-wrapper) :is(
  h1, h2, h3, h4, h5, h6,
  .wp-block-post-title, .wp-block-post-title a,
  .wp-block-query-title, .wp-block-site-title, .wp-block-site-title a,
  .wp-block-heading, .wp-block-navigation-item__content,
  .wp-block-search__label, .wp-block-search__button,
  .wp-block-button__link, .wp-block-read-more,
  .wp-block-query-pagination a, .toc a, .related-links a
) { word-break: keep-all; overflow-wrap: anywhere; }
h1, h2, h3 { letter-spacing: -.04em; }
.wp-site-blocks > .lcr-site-header,
.wp-site-blocks > .lcr-site-footer,
.wp-site-blocks > .lcr-shell { margin-block-start: 0; }
.lcr-shell { width: min(1160px, calc(100% - 64px)); margin-inline: auto; }
.lcr-shell > *, .wp-block-post-content > *, .lcr-post-card > * { min-width: 0; }
.lcr-skip { position: absolute; top: -120px; left: 16px; z-index: 100;
  padding: 12px 18px; color: #fff; background: var(--lcr-ink); }
.lcr-skip:focus { top: 12px; }
.lcr-site-header { border-bottom: 1px solid var(--lcr-line); }
.lcr-header-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(230px, 330px);
  align-items: center; gap: 24px; padding-block: 24px; }
.lcr-header-inner > * { margin-block: 0; }
.lcr-brand > * { margin-block: 0; }
.lcr-brand .wp-block-site-title a { text-decoration: none; }
.lcr-wordmark-image { display: block; width: 200px; max-width: 100%; height: auto; aspect-ratio: 3 / 1; }
.lcr-brand .wp-block-site-title a:hover { text-decoration: underline; }
.lcr-provisional { color: var(--lcr-muted); font-size: .78rem; margin-top: 4px; }
.lcr-header-inner .wp-block-navigation { font-size: .9rem; }
.wp-block-navigation a { min-height: 44px; display: inline-flex; align-items: center; }
.wp-block-search { max-width: 680px; margin-block: 24px; }
.lcr-header-search { margin-block: 0; }
.wp-block-search__label { display: block; margin-bottom: 6px; font-size: .84rem; font-weight: 650; }
.wp-block-search .wp-block-search__inside-wrapper { display: flex; flex-wrap: nowrap;
  min-width: 0; max-width: 100%; gap: 8px; }
.wp-block-search .wp-block-search__input { flex: 1 1 0%; min-width: 0; width: 100%;
  border: 1px solid var(--lcr-line); border-radius: 5px;
  background: var(--lcr-surface); color: var(--lcr-ink); padding: 10px 12px; font: inherit; }
.wp-block-search .wp-block-search__button { flex: 0 0 auto; white-space: nowrap;
  min-height: 44px; margin-left: 0; padding: 10px 16px; border: 0;
  background: var(--lcr-accent); color: var(--lcr-surface); border-radius: 5px; font: inherit; cursor: pointer; }
.lcr-hero { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 64px; align-items: center; padding: 72px 0; }
.lcr-hero > * { margin-block: 0; }
.eyebrow { color: var(--lcr-accent); font-size: .82rem; font-weight: 750; letter-spacing: .04em; }
.lcr-hero-title { font-size: clamp(2.5rem, 4.9vw, 4.3rem); line-height: 1.2; margin-block: 18px 26px; }
.lcr-lede, .lede { color: var(--lcr-muted); font-size: 1.08rem; }
.lcr-hero-link a { display: inline-flex; align-items: center; min-height: 50px;
  padding: 10px 19px; color: var(--lcr-surface); background: var(--lcr-accent);
  border-radius: 5px; font-size: .95rem; font-weight: 650; text-decoration: none; }
.lcr-hero-link a:hover { text-decoration: underline; }
.lcr-quote-note { padding: 30px; border: 1px solid var(--lcr-line); border-radius: 12px; background: var(--lcr-surface); }
.lcr-quote-note h2 { font-size: 1.15rem; }
.lcr-quote-note p { border-top: 1px solid var(--lcr-line); padding-top: 16px; color: var(--lcr-muted); font-size: .92rem; }
.lcr-quote-note strong { color: var(--lcr-ink); }
.lcr-section { padding-block: 48px; border-top: 1px solid var(--lcr-line); }
.lcr-section > :first-child { margin-top: 0; }
.lcr-list-page { padding-block: 48px 64px; }
.lcr-query { margin-top: 32px; }
.lcr-query .wp-block-post-template { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; padding: 0; }
.lcr-query .wp-block-post { min-width: 0; }
.lcr-post-card { display: flex; flex-direction: column; min-height: 100%; padding: 28px;
  border: 1px solid var(--lcr-line); border-radius: 10px; background: var(--lcr-surface); }
.lcr-post-card .wp-block-post-title { font-size: 1.45rem; margin-block: 0 16px; }
.lcr-post-card .wp-block-post-title a { color: var(--lcr-ink); text-decoration: none; }
.lcr-post-card .wp-block-post-title a:hover { text-decoration: underline; }
.lcr-post-card .wp-block-post-excerpt { color: var(--lcr-muted); font-size: .94rem; }
.lcr-post-card .wp-block-read-more { margin-top: auto; padding-top: 20px; min-height: 44px; font-weight: 650; }
.wp-block-query-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 36px; }
.wp-block-query-pagination a, .wp-block-query-pagination .page-numbers { display: inline-flex; min-height: 44px; min-width: 36px; align-items: center; justify-content: center; }
.lcr-empty { padding: 24px; background: var(--lcr-soft); border-radius: 7px; }
.lcr-article-shell { max-width: 960px; padding-block: 42px 60px; }
.lcr-article-shell > .wp-block-post-title { max-width: 790px; margin-block: 0 28px; }
.wp-block-post-content { min-width: 0; }
.metadata { color: var(--lcr-muted); font-size: .82rem; }
.quick-answer { padding: 28px 32px; background: var(--lcr-soft); border-left: 4px solid var(--lcr-accent); border-radius: 0 9px 9px 0; }
.quick-answer h2 { font-size: 1.12rem; margin-top: 0; }
.quick-answer p:last-child, .evidence-note p:last-child, .limit-note p:last-child { margin-bottom: 0; }
.toc { display: flex; flex-wrap: wrap; gap: 5px 28px; padding-block: 20px;
  border-bottom: 1px solid var(--lcr-line); margin-bottom: 44px; font-size: .88rem; }
.toc a { min-height: 40px; display: flex; align-items: center; }
.article-section { margin-block: 0 50px; }
.article-section h2 { font-size: 1.6rem; margin-bottom: 20px; }
.article-section > p { max-width: 760px; }
.table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--lcr-line); border-radius: 8px; background: var(--lcr-surface); }
.table-wrap table { border-collapse: collapse; width: 100%; min-width: 640px; text-align: left; font-size: .94rem; }
.table-wrap caption { text-align: left; padding: 18px 20px; font-weight: 700; caption-side: top; }
.table-wrap th, .table-wrap td { padding: 18px 20px; border-top: 1px solid var(--lcr-line); vertical-align: top; }
.table-wrap thead th { background: var(--lcr-soft); font-size: .86rem; }
.table-wrap tbody th { width: 24%; font-weight: 650; }
.status { display: inline-block; color: var(--lcr-accent); font-size: .82rem; font-weight: 700; margin-bottom: 6px; }
.status.unknown { color: var(--lcr-warning); }
.table-help { color: var(--lcr-muted); font-size: .8rem; margin-block: 10px 18px; }
.limit-note { padding: 20px 24px; border-radius: 7px; background: var(--lcr-warning-bg); color: var(--lcr-warning); font-size: .93rem; }
.evidence-note { padding: 22px 26px; border-radius: 7px; background: var(--lcr-soft); font-size: .91rem; margin-top: 30px; }
.ask-list { padding: 0; list-style: none; counter-reset: ask; }
.ask-list li { position: relative; counter-increment: ask; padding: 20px 20px 20px 62px; border: 1px solid var(--lcr-line);
  border-radius: 7px; background: var(--lcr-surface); margin-block: 12px; }
.ask-list li::before { content: "0" counter(ask); position: absolute; left: 22px; top: 23px; color: var(--lcr-accent); font-size: .8rem; font-weight: 700; }
.ask-list strong { display: block; margin-bottom: 5px; }
.ask-list p { color: var(--lcr-muted); font-size: .92rem; margin: 0; }
.source-list { padding: 0; list-style: none; }
.source-list li { padding-block: 18px; border-bottom: 1px solid var(--lcr-line); margin: 0; }
.source-list p { color: var(--lcr-muted); font-size: .86rem; margin-block: 6px 0; }
.related-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.related-links a { display: block; padding: 20px; border: 1px solid var(--lcr-line); border-radius: 7px; background: var(--lcr-surface); font-weight: 650; }
.lcr-site-footer { border-top: 1px solid var(--lcr-line); color: var(--lcr-muted); font-size: .83rem; }
.lcr-footer-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 30px; padding-block: 32px 40px; }
.lcr-footer-inner p { margin: 0; }

@media (max-width: 900px) {
  .lcr-header-inner { grid-template-columns: minmax(0, 1fr) auto; }
  .lcr-header-search { grid-column: 1 / -1; width: 100%; max-width: 100%; }
  .lcr-hero { gap: 32px; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); padding-top: 48px; }
  .lcr-quote-note { padding: 22px; }
  .lcr-query .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
}
@media (max-width: 680px) {
  body { font-size: 16px; }
  .lcr-shell { width: calc(100% - 32px); }
  .lcr-header-inner { padding-block: 18px; gap: 16px; }
  .lcr-hero { grid-template-columns: minmax(0, 1fr); padding-block: 36px 40px; gap: 28px; }
  .lcr-hero-title { font-size: clamp(2.3rem, 9vw, 3.3rem); }
  .lcr-quote-note { padding: 24px; }
  .lcr-section { padding-block: 36px; }
  .lcr-query .wp-block-post-template, .related-links { grid-template-columns: minmax(0, 1fr); }
  .lcr-post-card { padding: 25px; }
  .lcr-article-shell { padding-block: 30px 40px; }
  .lcr-article-shell > .wp-block-post-title { font-size: 2.15rem; }
  .quick-answer { padding: 22px; }
  .evidence-note, .limit-note { padding: 20px; }
  .toc { gap: 3px 20px; margin-bottom: 34px; }
  .article-section { margin-bottom: 38px; }
  .article-section h2 { font-size: 1.45rem; }
  .ask-list li { padding-right: 16px; }
  .lcr-list-page { padding-block: 32px 44px; }
}

/* v0.0.4 — washer condition comparison */
body { background: var(--lcr-paper); color: var(--lcr-ink); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 17px; line-height: 1.75; }
a { color: var(--lcr-accent); }
.lcr-wordmark { display: inline-flex; align-items: center; gap: 9px; color: var(--lcr-ink); font-weight: 800; font-size: 1.08rem; letter-spacing: -.04em; text-decoration: none; }
.lcr-logo-mark { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 7px; color: var(--lcr-surface); background: var(--lcr-accent); font-size: 23px; }
.lcr-brand .lcr-provisional { display: block; padding-left: 39px; }
.lcr-washer-hero { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 50px; padding-block: 66px 58px; }
.lcr-live-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--lcr-accent); margin-right: 6px; }
.lcr-washer-hero h1 { font-size: clamp(2.7rem, 4.8vw, 4.1rem); line-height: 1.19; font-weight: 780; letter-spacing: -.065em; margin: 22px 0 25px; }
.lcr-hero-description { color: var(--lcr-muted); font-size: 1.04rem; max-width: 450px; line-height: 1.85; }
.lcr-hero-description strong { color: var(--lcr-ink); font-weight: 650; }
.lcr-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 15px 22px; margin-top: 28px; }
.lcr-primary-link, .lcr-form-actions button:first-child { display: inline-flex; align-items: center; justify-content: space-between; gap: 25px; background: var(--lcr-accent); color: #fff; border: 0; border-radius: 6px; padding: 14px 21px; min-height: 48px; font: inherit; font-size: .94rem; font-weight: 650; text-decoration: none; cursor: pointer; }
.lcr-primary-link:hover, .lcr-form-actions button:first-child:hover { background: #114e46; }
.lcr-secondary-link { font-size: .9rem; font-weight: 600; min-height: 44px; display: inline-flex; align-items: center; }
.lcr-hero-source { font-size: .77rem; color: var(--lcr-muted); margin-top: 26px; }
.lcr-hero-source span { margin-left: 12px; }
.lcr-hero-visual { position: relative; height: 360px; background: #e8eee5; border: 1px solid #dbe3d5; border-radius: 16px; overflow: hidden; }
.lcr-machine-illustration { position: absolute; width: 168px; height: 214px; left: 49px; top: 83px; transform: rotate(-5deg); background: #fffdf8; border: 1px solid #b6c3b6; border-radius: 12px 12px 8px 8px; box-shadow: 9px 12px 0 #d8e0d4; }
.lcr-machine-top { display: flex; gap: 9px; align-items: center; height: 38px; border-bottom: 1px solid #ccd6ca; padding: 0 12px; color: #687b6a; font-size: 8px; }
.lcr-machine-top i { width: 31px; height: 5px; border-radius: 2px; background: #ccd6ca; }
.lcr-machine-top b { margin-left: auto; font-size: 13px; color: #175f55; }
.lcr-machine-drum { width: 113px; height: 113px; border: 8px solid #c0ccc1; border-radius: 50%; margin: 14px auto; background: #264e48; padding: 9px; }
.lcr-machine-drum div { width: 100%; height: 100%; border: 2px solid #7b9787; border-radius: 50%; background: linear-gradient(135deg,#3a6760,#1b403a); }
.lcr-machine-base { display: flex; align-items: center; justify-content: space-between; font-size: 8px; color: #637466; padding: 0 14px; }
.lcr-machine-base i { width: 21px; height: 9px; border: 1px solid #c2cdbf; border-radius: 2px; }
.lcr-visual-callout { display: flex; gap: 10px; align-items: center; position: absolute; border: 1px solid #d8dfd4; background: #fffdf8; padding: 11px 15px; border-radius: 8px; color: var(--lcr-muted); font-size: .73rem; box-shadow: 0 6px 20px #203c3010; }
.lcr-visual-callout > span { color: var(--lcr-accent); font-weight: 700; border-right: 1px solid var(--lcr-line); padding-right: 10px; }
.lcr-visual-callout strong { display: block; color: var(--lcr-ink); font-size: .8rem; font-weight: 650; }
.lcr-callout-one { top: 30px; right: 35px; }.lcr-callout-two { top: 142px; right: 18px; }.lcr-callout-three { bottom: 58px; right: 28px; }
.lcr-illustration-caption { position: absolute; bottom: 10px; width: 100%; text-align: center; font-size: .67rem; color: #5e7162; margin: 0; }
.lcr-key-differences { display: grid; grid-template-columns: repeat(3,1fr); padding-block: 24px; border-block: 1px solid var(--lcr-line); }
.lcr-key-differences p { margin: 0; padding-inline: 25px; border-left: 1px solid var(--lcr-line); font-size: .86rem; }
.lcr-key-differences p:first-child { padding-left: 0; border-left: 0; }
.lcr-key-differences span { display: block; color: var(--lcr-muted); font-size: .72rem; margin-bottom: 5px; }
.lcr-key-differences strong { font-weight: 650; }
.lcr-condition-section { border-top: 0; padding-top: 64px; }
.lcr-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 26px; }
.lcr-section-heading .eyebrow { margin: 0 0 8px; }.lcr-section-heading h2 { font-size: 1.9rem; line-height: 1.35; margin: 0; }
.lcr-section-heading > p { margin: 0; color: var(--lcr-muted); font-size: .85rem; }
.lcr-condition-layout { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--lcr-line); background: var(--lcr-surface); border-radius: 12px; overflow: hidden; }
.lcr-condition-inputs, .lcr-condition-result { padding: 30px; min-width: 0; }
.lcr-condition-result { border-left: 1px solid var(--lcr-line); background: #edf2ea; scroll-margin-top: 20px; }
.lcr-step-label { color: var(--lcr-accent); font-size: .74rem; font-weight: 700; letter-spacing: .03em; margin: 0 0 12px; }
.lcr-condition-layout h3 { font-size: 1.25rem; margin: 0 0 13px; line-height: 1.5; }
.lcr-field-intro, #lcr-result-summary { font-size: .88rem; color: var(--lcr-muted); margin-bottom: 21px; }
.lcr-condition-inputs label { display: block; font-size: .83rem; font-weight: 650; margin-bottom: 18px; }
.lcr-condition-inputs label > span { font-size: .72rem; font-weight: 400; color: var(--lcr-muted); margin-left: 4px; }
.lcr-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.lcr-field-row > * { min-width: 0; }
.lcr-condition-inputs :is(input,select) { display: block; width: 100%; min-width: 0; height: 46px; margin-top: 7px; border: 1px solid #bbc9bd; border-radius: 5px; background: #fffefb; padding: 10px; color: var(--lcr-ink); font: inherit; font-weight: 400; font-size: .86rem; }
.lcr-condition-inputs select { padding-right: 26px; }
.lcr-condition-inputs :is(input,select):focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid var(--lcr-focus); outline-offset: 3px; }
.lcr-input-note { color: var(--lcr-muted); font-size: .73rem; margin-top: 0; }
.lcr-form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.lcr-button-quiet { border: 1px solid #bdccbe; padding: 10px 15px; background: transparent; border-radius: 5px; color: var(--lcr-accent); font: inherit; font-size: .83rem; cursor: pointer; min-height: 44px; }
#lcr-result-checks { padding-left: 20px; font-size: .88rem; }#lcr-result-checks li { padding-left: 4px; margin-block: 12px; }
.lcr-result-boundary { font-size: .76rem; color: #536450; padding-top: 13px; border-top: 1px solid #ccd8c9; }
.lcr-result-links p { margin: 7px 0; font-size: .82rem; }.lcr-result-links a { display: inline-block; padding-block: 8px; }
.lcr-availability { font-size: .73rem; font-weight: 400; color: var(--lcr-muted); }
.lcr-quote-message { margin-top: 23px; border-top: 1px solid #ccd8c9; padding-top: 13px; }
.lcr-quote-message summary { cursor: pointer; color: var(--lcr-accent); font-size: .88rem; font-weight: 650; min-height: 44px; }
.lcr-small-label { font-size: .75rem; color: var(--lcr-muted); }
.lcr-quote-message textarea { width: 100%; resize: vertical; min-height: 180px; margin: 10px 0; border: 1px solid #bdccbe; padding: 14px; border-radius: 5px; background: #fffefb; color: var(--lcr-ink); font: inherit; font-size: .82rem; }
#lcr-copy-status { display: inline-block; font-size: .74rem; margin: 8px; }
.lcr-guide-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.lcr-guide-card { min-width: 0; border: 1px solid var(--lcr-line); border-radius: 9px; padding: 27px; background: var(--lcr-surface); }
.lcr-card-kicker { display: flex; gap: 13px; font-size: .75rem; color: var(--lcr-muted); margin: 0 0 32px; }.lcr-card-kicker > span { color: var(--lcr-accent); font-weight: 750; }
.lcr-guide-card h3 { font-size: 1.22rem; line-height: 1.55; margin: 0 0 15px; }.lcr-guide-card h3 a { color: var(--lcr-ink); text-decoration: none; }.lcr-guide-card h3 a:hover { text-decoration: underline; }
.lcr-guide-card > p:last-child { color: var(--lcr-muted); font-size: .86rem; margin: 0; }.lcr-guide-card .lcr-availability { display: block; padding-top: 9px; }
.lcr-comparison-principles { display: grid; grid-template-columns: .9fr 1.3fr; gap: 100px; }
.lcr-comparison-principles h2 { font-size: 2.1rem; line-height: 1.35; margin: 15px 0; }.lcr-comparison-principles p { color: var(--lcr-muted); font-size: .88rem; }
.lcr-principle-list > div { position: relative; padding: 18px 0 18px 40px; border-bottom: 1px solid var(--lcr-line); }.lcr-principle-list > div:first-child { padding-top: 0; }.lcr-principle-list span { position: absolute; left: 0; color: var(--lcr-accent); font-size: .75rem; font-weight: 700; }
.lcr-principle-list h3 { font-size: 1rem; margin: 0 0 8px; }.lcr-principle-list p { margin: 0; }
.lcr-source-band { display: flex; align-items: center; justify-content: space-between; gap: 30px; background: var(--lcr-soft); padding: 25px 30px; border-radius: 9px; margin-bottom: 55px; font-size: .83rem; }.lcr-source-band p { margin: 0; }.lcr-source-band > div { flex-shrink: 0; }.lcr-source-band a { display: block; padding: 6px 0; min-height: 36px; }
.screen-reader-text { clip: rect(1px,1px,1px,1px); clip-path: inset(50%); width: 1px; height: 1px; position: absolute !important; overflow: hidden; white-space: nowrap; }
[hidden] { display: none !important; }
@media (max-width: 1050px) {
 .lcr-washer-hero { gap: 30px; }.lcr-machine-illustration { left: 24px; }.lcr-callout-one { right: 22px; }.lcr-callout-two { right: 8px; }.lcr-callout-three { right: 13px; }.lcr-condition-inputs, .lcr-condition-result { padding: 24px; }.lcr-comparison-principles { gap: 55px; }
}
@media (max-width: 760px) {
 .lcr-washer-hero { grid-template-columns: 1fr; padding: 42px 0 30px; gap: 30px; }.lcr-washer-hero h1 { font-size: 2.8rem; }.lcr-hero-description { max-width: none; }.lcr-hero-visual { height: 305px; }.lcr-machine-illustration { left: 13%; top: 45px; transform: rotate(-4deg) scale(.9); }.lcr-callout-one { right: 10%; top: 20px; }.lcr-callout-two { right: 5%; top: 110px; }.lcr-callout-three { right: 8%; bottom: 44px; }
 .lcr-key-differences { grid-template-columns: 1fr; gap: 14px; padding-block: 20px; }.lcr-key-differences p { display: flex; gap: 18px; padding: 0; border: 0; align-items: baseline; font-size: .83rem; }.lcr-key-differences span { margin: 0; }
 .lcr-section-heading { display: block; }.lcr-section-heading h2 { font-size: 1.6rem; }.lcr-section-heading > p { margin-top: 15px; }.lcr-condition-section { padding-top: 39px; }
 .lcr-condition-layout { grid-template-columns: 1fr; }.lcr-condition-result { border-left: 0; border-top: 1px solid var(--lcr-line); }.lcr-field-row { gap: 11px; }.lcr-condition-inputs, .lcr-condition-result { padding: 23px 20px; }
 .lcr-guide-grid { grid-template-columns: 1fr; gap: 14px; }.lcr-guide-card { padding: 23px; }.lcr-card-kicker { margin-bottom: 14px; }.lcr-guide-card h3 { margin-bottom: 10px; }
 .lcr-comparison-principles { grid-template-columns: 1fr; gap: 25px; }.lcr-comparison-principles h2 { font-size: 1.8rem; }.lcr-comparison-principles h2 br { display: none; }
 .lcr-source-band { display: block; padding: 23px; margin-bottom: 30px; }.lcr-source-band > div { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 15px; }
}
@media (max-width: 380px) {
 .lcr-wordmark { font-size: .94rem; gap: 6px; }.lcr-washer-hero h1 { font-size: 2.45rem; }.lcr-field-row { grid-template-columns: 1fr; gap: 0; }.lcr-hero-visual { height: 310px; }.lcr-machine-illustration { left: 3%; }.lcr-visual-callout { padding: 9px 10px; }.lcr-callout-one { right: 6%; }.lcr-hero-source span { display: block; margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print { .lcr-site-header, .lcr-site-footer, .lcr-condition-inputs, .lcr-form-actions, .lcr-hero-visual, .lcr-quote-message button { display: none; }.lcr-condition-layout { display: block; }.lcr-condition-result { border: 0; } }

/* v0.0.7 — readable mobile comparisons and memory-only quote tool. */
.lcr-mobile-comparison { display:none; }
.lcr-install-choices { padding:0; border:0; margin:24px 0; min-width:0; }
.lcr-install-choices legend { font-size:1rem; font-weight:700; margin-bottom:12px; }
.lcr-install-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.lcr-install-choice { border:1px solid var(--lcr-line); background:var(--lcr-surface); color:var(--lcr-ink); border-radius:8px; padding:12px 8px; cursor:pointer; font:inherit; text-align:left; }
.lcr-install-choice[aria-pressed=true] { outline:2px solid var(--lcr-accent); background:var(--lcr-soft); }
.lcr-install-choice svg { display:block; width:100%; height:104px; }
.lcr-install-choice strong,.lcr-install-choice small { display:block; }
.lcr-install-choice small { font-size:.76rem; margin-top:5px; }
.lcr-builtin-diagram svg { max-width:210px; height:130px; }
.lcr-result-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:16px 0; }
.lcr-quote-section { border-top:1px solid var(--lcr-line); }
.lcr-quote-section :is(button,input,select,textarea) { font:inherit; max-width:100%; }
.lcr-quote-section button { border:1px solid var(--lcr-accent); border-radius:6px; padding:12px 18px; background:var(--lcr-accent); color:white; cursor:pointer; min-height:44px; margin:8px 8px 8px 0; }
.lcr-quote-inputs,.lcr-quote-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.lcr-quote-card { min-width:0; margin:0; padding:24px; border:1px solid var(--lcr-line); border-radius:10px; background:var(--lcr-surface); }
.lcr-quote-card legend { font-weight:750; padding:0 10px; font-size:1.2rem; }
.lcr-quote-card :is(h4,h5) { font-size:1rem; margin:14px 0 8px; }
.lcr-quote-section label { display:block; font-size:.85rem; margin:12px 0; font-weight:600; }
.lcr-quote-section :is(input,select,textarea) { display:block; width:100%; min-width:0; padding:10px; margin-top:5px; min-height:44px; background:white; border:1px solid #b2c0b6; border-radius:5px; color:var(--lcr-ink); }
.lcr-quote-section :is(input,select):disabled { background:#e9eae5; color:#56625e; }
.lcr-quote-section input:invalid { border:2px solid var(--lcr-warning); }
.lcr-quote-section details { border-top:1px solid var(--lcr-line); padding:12px 0; }
.lcr-quote-section summary { cursor:pointer; font-weight:650; }
.lcr-quote-section [hidden] { display:none!important; }
.lcr-cost-item { padding:5px 0 14px; border-bottom:1px solid var(--lcr-line); }
.lcr-compare-results { margin-top:30px; padding-top:24px; border-top:2px solid var(--lcr-accent); scroll-margin-top:24px; }
.lcr-quote-warning { background:var(--lcr-warning-bg); color:#593511; border-left:3px solid var(--lcr-warning); padding:12px 18px; margin:15px 0; }
.lcr-quote-warning p { margin:8px 0; }
.lcr-amount { font-size:1.65rem; color:var(--lcr-accent); }
#quote-results :is(ol,ul) { padding-left:22px; }
#quote-results li { margin-bottom:9px; }
#lcr-home-title > span { display:block; font-size:.53em; line-height:1.5; }
#lcr-home-title > br { display:none; }
.lcr-hero-actions { flex-wrap:wrap; }
.lcr-hero-actions a { margin:4px 0; }
@media(max-width:760px) {
 .lcr-quote-inputs,.lcr-quote-grid { grid-template-columns:minmax(0,1fr); }
 .lcr-quote-card { padding:20px 16px; }
}
@media(max-width:600px) {
 .lcr-header-inner > .lcr-brand,.lcr-header-inner > .wp-block-navigation { grid-column:1/-1; }
 .lcr-brand .lcr-provisional { padding-left:0; }
 .lcr-wordmark-image { width:180px; }
 .lcr-header-inner .wp-block-navigation__container { flex-wrap:wrap; gap:6px 20px; }
 .lcr-mobile-comparison { display:block; margin-block:20px; }
 .table-wrap.lcr-has-cards { display:none; }
 .lcr-has-cards + .lcr-mobile-comparison + .table-help { display:none; }
 .lcr-mobile-card { padding:20px; border:1px solid var(--lcr-line); border-radius:8px; background:var(--lcr-surface); margin:12px 0; }
 .lcr-mobile-card h3 { margin:0 0 12px; font-size:1.1rem; }
 .lcr-mobile-card dl { margin:0; }
 .lcr-mobile-card dt { font-size:.82rem; font-weight:750; color:var(--lcr-accent); margin-top:14px; }
 .lcr-mobile-card dd { margin:4px 0 12px; }
 .lcr-card-caption { font-size:.88rem; font-weight:650; }
 .lcr-quote-section .lcr-field-row { grid-template-columns:minmax(0,1fr); gap:0; }
 .lcr-result-actions { align-items:stretch; }
}
@media print {
 .lcr-print-compare .wp-site-blocks > :not(main),.lcr-print-compare #lcr-main > :not(#quote-compare),
 .lcr-print-compare #quote-compare > :not(#quote-results),.lcr-print-compare #quote-results .lcr-result-actions,
 .lcr-print-compare #quote-results > details,.lcr-print-compare #quote-results > [role=status] { display:none!important; }
 .lcr-print-compare .lcr-quote-grid { display:block; }
 .lcr-print-compare .lcr-quote-card { margin-bottom:20px; }
 .lcr-print-compare .lcr-shell { width:100%; }
}

/* Optional device storage, preparation checklist, and correction memo. */
.lcr-device-store { border:1px solid var(--lcr-border,#cfd5ce); border-radius:12px; padding:20px; margin:24px 0; background:#edf1e9; }
.lcr-visit-checks { list-style:none; padding:0; }
.lcr-visit-checks li { margin:12px 0; }
.lcr-visit-checks label { display:flex; gap:12px; align-items:flex-start; }
.lcr-visit-checks input { width:22px; height:22px; flex:0 0 22px; margin-top:5px; }
#correction-note label { display:block; margin:16px 0; }
#correction-note input,#correction-note textarea,#visit-checklist textarea { width:100%; box-sizing:border-box; padding:12px; font:inherit; border:1px solid #cfd5ce; border-radius:8px; }
#correction-note textarea { min-height:110px; }
#correction-note button,#visit-checklist button,.lcr-device-store button { min-height:44px; font:inherit; padding:12px 18px; background:var(--lcr-accent); color:white; border:1px solid var(--lcr-accent); border-radius:6px; cursor:pointer; }
#correction-note button:focus-visible,#visit-checklist button:focus-visible { outline:3px solid var(--lcr-ink); outline-offset:3px; }
@media print { .lcr-device-store,#correction-note { display:none!important; } }
