/* Scoped 05-01 article styling. Does not change other article titles. */
.shopping-guide .shop-entry{margin:22px 0 10px;padding:16px;border:1px solid #cbdccf;border-radius:12px;background:#f2f6f1;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.shopping-guide .shop-entry a{display:inline-block;background:#26392e;color:#fff;text-decoration:none;font-weight:700;padding:10px 16px;border-radius:7px;min-height:44px}
.shopping-guide .shop-entry a:last-child{background:#e1ece1;color:#26392e}
.shopping-guide .affiliate-note{color:#56695b;font-size:13px;line-height:1.75;margin:0 0 24px}
.shopping-guide .shopping-toc{margin:26px 0;padding:16px 20px;background:#f7f9f6;border:1px solid #d7dfd7;border-radius:12px}
.shopping-guide .shopping-toc summary{font-weight:700;cursor:pointer;color:#26392e}
.shopping-guide .shopping-toc ol{margin:14px 0 0;padding-left:24px}
.shopping-guide .shopping-toc li{margin:5px 0;line-height:1.6}
.shopping-guide h2[id],.shopping-guide h3[id]{scroll-margin-top:90px}
.shopping-guide .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.shopping-guide figure{max-width:100%;padding:12px;background:#f7f9f6;border:1px solid #d7dfd7;border-radius:12px}
.shopping-guide figure img,.shopping-guide figure picture{display:block;max-width:100%;height:auto;margin:auto}
.shopping-guide figure.app-screenshot{max-width:350px}
.shopping-guide figure.web-screenshot{max-width:840px}
.shopping-guide figcaption{text-align:left;color:#586a5e;font-size:13px}
.shopping-guide blockquote{overflow-wrap:break-word}
@media(max-width:550px){.shopping-guide .shop-entry{padding:12px;display:grid;grid-template-columns:1fr}.shopping-guide .shop-entry a{text-align:center;padding:12px 10px}.shopping-guide .shopping-toc{padding:13px 15px}.shopping-guide figure{padding:8px;margin:22px 0}.shopping-guide .table-wrap table{min-width:560px}}

/* Mobile comparison cards: keep the semantic table and desktop layout intact. */
@media(max-width:650px){
  .c-layout .c-article-body .shopping-guide .table-wrap{overflow:visible;max-width:100%;border:0}
  .c-layout .c-article-body .shopping-guide .table-wrap table{display:block;width:100%;min-width:0;max-width:100%;border:0;background:transparent}
  .shopping-guide .table-wrap thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .shopping-guide .table-wrap tbody{display:block;width:100%}
  .shopping-guide .table-wrap tbody tr{display:block;margin:0 0 14px;border:1px solid #d6e0d7;border-radius:12px;overflow:hidden;background:#fff}
  .c-layout .c-article-body .shopping-guide .table-wrap tbody td{display:grid;grid-template-columns:minmax(0,94px) minmax(0,1fr);gap:12px;align-items:start;min-width:0;width:100%;padding:12px 13px;border:0;border-bottom:1px solid #e6ebe5;line-height:1.65;font-size:15px;overflow-wrap:break-word;word-break:normal;white-space:normal}
  .shopping-guide .table-wrap tbody tr td:last-child{border-bottom:0}
  .shopping-guide .table-wrap tbody td::before{font-size:13px;font-weight:700;color:#53685b;line-height:1.65;white-space:normal}
  .shopping-guide .shop-scenario-table td:nth-child(1)::before{content:"收貨情境"}
  .shopping-guide .shop-scenario-table td:nth-child(2)::before{content:"建議先確認"}
  .shopping-guide .shop-scenario-table td:nth-child(3)::before{content:"注意事項"}
  .shopping-guide .shop-platform-table td:nth-child(1)::before{content:"比較項目"}
  .shopping-guide .shop-platform-table td:nth-child(2)::before{content:"Amazon"}
  .shopping-guide .shop-platform-table td:nth-child(3)::before{content:"樂天市場"}
}