:root{
  --ink:#173e35;--ink-2:#245446;--muted:#566a62;--paper:#f8faf9;--card:#fff;--soft:#edf4f0;
  --line:#dce5e0;--accent:#368169;--lime:#d6edc9;--line-green:#06c755;--line-green-ink:#05a948;
  --obs:#2f6f9f;--calc:#368169;--hyp:#a86a12;--act:#173e35;
  --radius:14px;--shadow:0 18px 50px #173e350d;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ol,ul,figure,pre{margin:0}
ol,ul{padding:0;list-style:none}
:focus-visible{outline:3px solid #4d8657;outline-offset:4px;border-radius:4px}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:40px}
.skip{position:fixed;top:-100px;left:16px;background:#fff;padding:12px;z-index:30}.skip:focus{top:12px}
.i{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Header */
.site-header{position:sticky;top:0;z-index:20;background:#ffffffeb;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 40px}
.brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:750;letter-spacing:-.5px}
.brand-mark{font-size:28px;line-height:1}
.brand-sub{font-size:11px;font-weight:550;letter-spacing:.5px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;margin-left:6px}
.site-header nav{display:flex;gap:26px;font-size:14px}
.site-header nav a{color:var(--muted);padding-block:8px;white-space:nowrap}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--ink)}.site-header nav a[aria-current]{font-weight:650}
.nav-line{background:var(--line-green);color:#fff;font-size:14px;font-weight:650;padding:10px 18px;border-radius:999px;white-space:nowrap}
.nav-line:hover{background:var(--line-green-ink)}

/* Shared */
.eyebrow{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;letter-spacing:.8px;color:var(--accent)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--line-green)}
h1{font-size:clamp(36px,4.6vw,58px);line-height:1.25;font-weight:750;letter-spacing:-1.5px;margin-top:20px}
h1 em{font-style:normal;color:var(--accent);white-space:nowrap}
h2{font-size:clamp(26px,3vw,36px);line-height:1.35;font-weight:700;letter-spacing:-.6px;margin-top:12px}
h3{font-size:18px;line-height:1.45;font-weight:680}
.section-head{margin-bottom:36px}.section-head .sub{color:var(--muted);margin-top:12px;font-size:16px}
section{padding-block:80px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:15px 22px;font-size:15px;font-weight:650;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:transform .15s,background .15s,border-color .15s}
.btn:hover{transform:translateY(-1px)}
.btn-line{background:var(--line-green);color:#fff}.btn-line:hover{background:var(--line-green-ink)}
.btn-ghost{background:transparent;color:var(--ink);border-color:#b9cbc1}.btn-ghost:hover{border-color:var(--ink)}
.tag{font-size:11px;font-weight:600;color:var(--muted);background:var(--soft);border-radius:999px;padding:4px 10px;white-space:nowrap}

/* Hero */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-block:72px 80px}
.lead{font-size:18px;line-height:1.85;color:var(--muted);margin-top:22px;max-width:560px}
.lead strong{color:var(--ink);font-weight:650}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hint{font-size:14px;color:var(--muted);margin-top:18px;max-width:520px}.hint b{color:var(--ink)}
.note-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:26px}
.note-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:650;letter-spacing:.6px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line)}
.note-q{font-size:21px;font-weight:700;margin-top:20px}
.note-list{margin-top:18px;display:grid;gap:12px}
.note-list li{display:flex;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.note-list .n{font-size:13px;font-weight:700;color:var(--accent);padding-top:2px}
.note-list b{display:block;font-size:15px}.note-list small{display:block;font-size:13px;color:var(--muted);margin-top:3px;line-height:1.6}
.note-card figcaption{font-size:12px;color:var(--muted);margin-top:16px}

/* Pain */
.pain{border-top:1px solid var(--line)}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pain-grid article{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.pi{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fdf1e3;color:#a86a12;margin-bottom:18px}
.pain-grid p{font-size:15px;color:var(--muted);margin-top:8px;line-height:1.75}

/* Product */
.product{background:var(--ink);color:#f3f7f4}
.product .eyebrow{color:#a9e3b6}.product .section-head .sub{color:#bcd0c6}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:var(--radius);padding:26px;display:flex;flex-direction:column}
.fi{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#ffffff14;color:#c9eccb;margin-bottom:18px}
.feature p{font-size:14.5px;color:#c7d8cf;margin-top:10px;line-height:1.75}
.feature ul{margin-top:auto;padding-top:18px;display:grid;gap:7px;font-size:13.5px;color:#e2ece6}
.feature li{display:flex;gap:8px}.feature li:before{content:"✓";color:#8fd3a0;font-weight:700}

/* Sample */
.sample{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.sample-copy>p{font-size:16px;color:var(--muted);margin-top:16px;line-height:1.85}
.trust{margin-top:26px;display:grid;gap:14px}
.trust li{border-left:3px solid var(--accent);padding-left:14px;font-size:14.5px;color:var(--muted);line-height:1.7}
.trust b{display:block;color:var(--ink);font-size:15.5px}
.report{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:28px}
.report-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line)}
.report h3{font-size:20px;margin:18px 0 6px}
.block{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:start;padding-block:12px;border-bottom:1px dashed var(--line)}
.block p{font-size:14.5px;line-height:1.7}
.block.next{border-bottom:0;background:var(--soft);border-radius:10px;padding:14px;margin-top:10px}
.label{font-size:12px;font-weight:700;text-align:center;border-radius:6px;padding:3px 0;color:#fff}
.label.obs{background:var(--obs)}.label.calc{background:var(--calc)}.label.hyp{background:var(--hyp)}.label.act{background:var(--act)}
.report figcaption{font-size:12px;color:var(--muted);margin-top:16px}

/* Start */
.start{background:var(--soft)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}
.steps li{background:var(--card);border-radius:var(--radius);padding:26px;border:1px solid var(--line)}
.sn{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700;margin-bottom:16px}
.steps p{font-size:14.5px;color:var(--muted);margin-top:8px;line-height:1.75}
.template{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.t-title{font-weight:650;font-size:15px}
.template pre{font-family:inherit;font-size:14.5px;color:var(--muted);margin-top:10px;line-height:1.8;white-space:pre-wrap}
.t-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}
#copy-status{width:100%;text-align:right;font-size:13px;color:var(--accent);min-height:1em}

/* FAQ */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.faqs details{border-bottom:1px solid var(--line)}
.faqs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:18px;padding:20px 0;font-size:16.5px;font-weight:620}
.faqs summary::-webkit-details-marker{display:none}
.faqs summary:after{content:"+";font-size:22px;line-height:1;color:var(--accent)}
.faqs details[open] summary:after{content:"−"}
.faqs p{font-size:15px;color:var(--muted);line-height:1.85;padding-bottom:20px}

/* Contact */
.contact{background:var(--ink);color:#fff;border-radius:22px;padding:52px;display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:40px;max-width:1120px}
.contact .eyebrow{color:#a9e3b6}
.contact-copy>p{color:#c7d8cf;margin-top:14px;font-size:16px}
.contact .btn{margin-top:26px}
.btn.big{font-size:17px;padding:17px 28px}
.qr{background:#fff;color:var(--ink);border-radius:16px;padding:18px;text-align:center;flex:none}
.qr>img{width:168px;height:168px;display:block}
.qr-meta{display:flex;align-items:center;gap:10px;text-align:left;font-size:12px;color:var(--muted);margin-top:10px}
.qr-meta img{border-radius:50%}.qr-meta b{color:var(--ink)}

/* Footer */
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:28px 40px;font-size:13px;color:var(--muted)}
.site-footer .brand{color:var(--ink);font-size:18px}.site-footer .brand-mark{font-size:24px}

/* Mobile sticky CTA */
.sticky-line{display:none}

@media (max-width:1080px){
  .site-header{flex-wrap:wrap;row-gap:4px}
  .site-header nav{order:3;width:100%;gap:20px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line);padding-top:4px}
  .site-header nav::-webkit-scrollbar{display:none}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .hero,.sample{gap:36px}
}
@media (max-width:820px){
  .wrap{padding-inline:20px}
  .site-header{padding:12px 20px}
  .brand-sub{display:none}
  section{padding-block:56px}
  .hero{grid-template-columns:1fr;padding-block:36px 48px}
  .lead{font-size:16px}
  .actions .btn{flex:1 1 auto}
  .pain-grid,.steps{grid-template-columns:1fr}
  .pain-grid article,.steps li{padding:22px}
  .product-grid{grid-template-columns:1fr}
  .sample,.faq{grid-template-columns:1fr;gap:28px}
  .report,.note-card{padding:20px}
  .block{grid-template-columns:56px 1fr}
  .template{flex-direction:column;align-items:stretch}
  .t-actions{justify-content:stretch}.t-actions .btn{flex:1}
  #copy-status{text-align:center}
  .contact{margin-inline:16px;padding:32px 24px;flex-direction:column;align-items:stretch;border-radius:18px}
  .contact .btn{width:100%}
  .qr{display:none}
  .site-footer{flex-wrap:wrap;padding-bottom:96px}
  .sticky-line{display:flex;align-items:center;justify-content:center;gap:9px;position:fixed;left:16px;right:16px;bottom:max(14px,env(safe-area-inset-bottom));z-index:25;background:var(--line-green);color:#fff;font-weight:700;font-size:16px;padding:15px;border-radius:14px;box-shadow:0 10px 30px #0003;transition:opacity .2s,transform .2s}
  .sticky-line.hide{opacity:0;transform:translateY(20px);pointer-events:none}
}
/* Sub pages */
.u{text-decoration:underline;text-underline-offset:3px}
.more{display:inline-block;margin-top:16px;color:#a9e3b6;font-weight:650;border-bottom:1px solid #a9e3b680;padding-bottom:2px}
.page-hero{padding-block:64px 40px}
.page-hero .lead{max-width:720px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.chips a{font-size:14px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 14px}.chips a:hover{border-color:var(--accent)}
.feature-block{border-top:1px solid var(--line);padding-block:64px}
.fb-head{display:flex;gap:22px;margin-bottom:32px}
.fb-num{font-size:15px;font-weight:750;color:#fff;background:var(--ink);border-radius:10px;width:44px;height:44px;display:grid;place-items:center;flex:none}
.fb-head .sub{color:var(--muted);margin-top:10px;font-size:16px;max-width:720px}
.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.spec-grid.three{grid-template-columns:repeat(3,1fr)}
.spec{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.spec .when{font-size:13px;color:var(--accent);font-weight:650;margin-top:4px}
.spec>p:not(.when){font-size:14.5px;color:var(--muted);margin-top:8px;line-height:1.75}
.spec ul,.checks{margin-top:14px;display:grid;gap:8px;font-size:14.5px;color:var(--muted)}
.spec li,.checks li{display:flex;gap:8px}.spec li:before,.checks li:before{content:"✓";color:var(--accent);font-weight:700}
.checks{margin-top:22px}
.wb{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.kpis span{background:var(--soft);border-radius:10px;padding:14px 8px;text-align:center;font-size:14px;font-weight:650}
.tabs-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.tabs-list div{border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.tabs-list b{display:block}.tabs-list small{font-size:13px;color:var(--muted)}
.fine{font-size:13.5px;color:var(--muted);margin-top:16px;line-height:1.7}
.chat-demo{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px;max-width:760px;box-shadow:var(--shadow)}
.msg{max-width:80%;padding:12px 16px;border-radius:14px;font-size:14.5px;line-height:1.7}
.msg.me{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.msg.bot{align-self:flex-start;background:var(--soft);border-bottom-left-radius:4px;color:var(--ink)}
.msg.bot b{display:block;font-size:12px;color:var(--accent);margin-bottom:4px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:f}
.flow li{counter-increment:f;background:var(--soft);border-radius:12px;padding:18px;position:relative}
.flow li:before{content:counter(f);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:700;margin-bottom:10px}
.flow b{display:block}.flow small{font-size:13px;color:var(--muted);line-height:1.6;display:block;margin-top:4px}
.flow.small{margin-top:28px}
.group-title{font-size:17px;margin:28px 0 12px;display:flex;align-items:center;gap:10px}
.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mod{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column}
.mod h4{margin:0;font-size:16px}.mod p{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.7;flex:1}
.mode{align-self:flex-start;margin-top:12px;font-size:12px;font-weight:650;border-radius:999px;padding:4px 10px}
.mode.read{background:#e3f1e8;color:#2c6a50}.mode.write{background:#fdf1e3;color:#8a560c}
.notice{margin-top:24px;background:#fff8e8;border:1px solid #f0dcae;border-radius:12px;padding:14px 18px;font-size:14.5px;color:#6b4d12;max-width:720px;line-height:1.7}
.notice b{display:block;color:#5a3e08}
.price-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-block:8px 64px}
.tier{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column}
.tier.main{background:var(--ink);color:#fff;border-color:var(--ink)}
.tier-name{font-weight:700;font-size:16px}
.price{font-size:46px;font-weight:780;letter-spacing:-1px;margin-top:12px;line-height:1.1}
.price span{font-size:18px;font-weight:650;margin-right:4px}.price small{font-size:15px;font-weight:550;color:var(--muted);margin-left:4px}
.tier.main .price small,.tier.main .tier-note{color:#bcd0c6}
.tier-note{font-size:13px;color:var(--muted);margin-top:6px}
.tier ul{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:9px;font-size:14.5px}
.tier.main ul{border-color:#ffffff26}
.tier li{display:flex;gap:8px}.tier li:before{content:"✓";color:var(--accent);font-weight:700}.tier.main li:before{color:#8fd3a0}
.price-section{border-top:1px solid var(--line);padding-block:64px}
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pack{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:4px}
.pack.best{border:2px solid var(--accent)}
.pack b{font-size:17px}.pp{font-size:28px;font-weight:760}.pack small{color:var(--muted);font-size:13.5px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.price-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
.price-table th,.price-table td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--line)}
.price-table thead th{font-size:13px;color:var(--muted);font-weight:650;background:var(--paper)}
.price-table tr.grp th{background:var(--soft);font-size:13.5px;color:var(--accent)}
.price-table td:nth-child(3),.price-table td:nth-child(4){white-space:nowrap}
.price-table tr:last-child td{border-bottom:0}
.examples{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ex{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}
.ex ul{margin-top:14px;display:grid;gap:8px;font-size:14.5px}
.ex li{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.ex li b{color:var(--ink);white-space:nowrap}
.ex li.sub-note{font-size:13px}
.sum{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:15px}.sum b{font-size:22px;color:var(--accent)}
@media (max-width:820px){
  .page-hero{padding-block:36px 24px}
  .feature-block,.price-section{padding-block:44px}
  .fb-head{gap:14px}.fb-num{width:38px;height:38px}
  .spec-grid,.spec-grid.three,.mod-grid,.price-tiers,.packs,.examples{grid-template-columns:1fr}
  .kpis{grid-template-columns:repeat(4,1fr)}.kpis span{font-size:13px;padding:10px 4px}
  .tabs-list{grid-template-columns:1fr 1fr}
  .flow{grid-template-columns:1fr 1fr}
  .msg{max-width:92%}
  .price-tiers{padding-bottom:44px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media (max-width:1080px){html{scroll-padding-top:116px}}
@media (max-width:820px){
  .table-wrap{overflow:visible}
  .price-table{min-width:0}
  .price-table thead{display:none}
  .price-table tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
  .price-table tr.grp,.price-table tr.grp th{display:block}
  .price-table td{border:0;padding:4px 16px}
  .price-table td:first-child{grid-column:1/-1;font-weight:650;padding-top:12px}
  .price-table td:nth-child(2){grid-column:1/-1;color:var(--muted);font-size:13.5px}
  .price-table td:nth-child(3){padding-bottom:12px}
  .price-table td:nth-child(4){padding-bottom:12px;text-align:right;color:var(--muted)}
  .price-table tr:last-child{border-bottom:0}
}

/* Illustrations (Gemini art, finished in Photoshop — see design/build-visuals.jsx) */
:root{--paper:#f6f3e8}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.art{display:block;width:100%;height:auto}
.hero-art{margin:0}.hero-art img{display:block;width:100%;height:auto}
.head-split{margin-bottom:36px}.head-split .section-head{margin-bottom:0}
.head-split .art{max-width:520px;justify-self:end}
.art-card{border-radius:20px;background:var(--paper)}
.page-hero.split{gap:40px}.page-hero .art{max-width:600px;justify-self:end}
.fb-head{align-items:flex-start}
.fb-head>div{flex:1}
.fb-art{width:300px;flex:none;margin-top:-10px}
.pain-grid article,.spec,.mod,.steps li,.tier:not(.main),.pack,.ex,.note-card,.report,.template,.wb,.chat-demo{background:#fffdf8}
@media (max-width:820px){
  .split{grid-template-columns:1fr;gap:20px}
  .head-split .art,.page-hero .art{max-width:none;justify-self:stretch}
  .fb-art{display:none}
}
.start{background:var(--paper);border-top:1px solid var(--line)}

/* Photography (direction C, 2026-10-04): Gemini photos graded in Photoshop — see design/build-photos.jsx */
.art{border-radius:18px;box-shadow:0 18px 50px #173e3514}
.hero-photo{position:relative;min-height:min(760px,calc(100vh - 64px));display:flex;align-items:center;overflow:hidden;padding-block:72px}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:68% 40%}
.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f6f3e8 0%,#f6f3e8f2 28%,#f6f3e8b0 45%,#f6f3e800 64%)}
.hero-inner{position:relative;width:100%}
.hero-photo .hero-copy{max-width:600px}
.hero-photo h1{font-size:clamp(34px,4vw,56px)}
.hero-photo .lead{max-width:470px}
.hero-photo .hint{max-width:470px}
@media (max-width:820px){
  .hero-photo{display:flex;flex-direction:column;min-height:0;padding:32px 0 0}
  .hero-bg{position:relative;order:2;width:100%;height:auto;margin-top:28px}
  .hero-bg img{height:auto;aspect-ratio:4/3}
  .hero-bg:after{display:none}
  .art{border-radius:14px}
}
/* Early-bird half price (2026-10-04) */
.promo{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-weight:700;font-size:17px;color:var(--ink)}
.promo span{background:#f0a35c;color:#fff;font-size:13px;padding:4px 10px;border-radius:999px}
s{color:var(--muted);font-weight:400}
.tier.main s{color:#bcd0c6}
.sum s{font-size:13px;margin-left:6px}
.price-table s{font-size:12.5px;margin-left:4px}
/* Placeholder while a lazy photo loads, so a slow network shows a soft block instead of white */
.art{background:#e7e1d2}