[v-cloak] { display: none !important; }
.market-page { margin: 0; color: #172e35; background: #f8faf8; font-family: Inter, system-ui, -apple-system, sans-serif; line-height: 1.6; }
.market-page * { box-sizing: border-box; }
.market-page a { color: #126655; text-decoration: underline; text-underline-offset: .16em; }
.market-header, .market-main, .market-footer { max-width: 1240px; margin: auto; padding: 1.5rem; }
.market-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; }
.market-header nav { display: flex; flex-wrap: wrap; gap: 1.3rem; }
.market-brand { font-size: 1.35rem; font-weight: 800; text-decoration: none !important; }.market-brand span { font-weight: 400; }
.market-hero { max-width: 850px; padding: 1.5rem 0 2rem; }.market-hero h1 { font-size: clamp(2rem, 4.2vw, 3.3rem); line-height: 1.12; letter-spacing: -.035em; margin: 0 0 1rem; }.market-hero p { font-size: 1.15rem; color: #435761; }
.market-workspace { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 1.5rem; align-items: start; }
.market-panel { border: 1px solid #d4dfdb; border-radius: 1.2rem; padding: 1.5rem; background: white; min-width: 0; }
.market-panel h2 { font-size: 1.35rem; margin: 0 0 1rem; }.market-panel h3 { font-size: 1rem; overflow-wrap: anywhere; }
.market-drop { border: 1px dashed #819b91; background: #f5f9f6; border-radius: .8rem; padding: 1rem; }.market-drop p:first-child { margin-top: 0; }
.market-button, .market-secondary { min-height: 44px; border: 1px solid #126655; padding: .65rem 1rem; font: inherit; font-weight: 650; border-radius: .55rem; cursor: pointer; }.market-button { background: #126655; color: white; }.market-secondary { background: white; color: #126655; }.market-button:hover { background: #094c3e; }.market-button:disabled, .market-secondary:disabled { opacity: .55; cursor: default; }
.market-page button:focus-visible, .market-page a:focus-visible, .market-page input:focus-visible, .market-page select:focus-visible { outline: 3px solid #b16b15; outline-offset: 3px; }
.market-small { font-size: .88rem; color: #465b62; }.market-note { background: #eff5f2; border-left: 3px solid #648e7f; padding: .8rem; font-size: .92rem; }.market-error { color: #8c211b; background: #fff0ee; padding: .8rem; }.market-status { min-height: 1.6em; }
.market-panel fieldset { border: 0; padding: 0; margin: 1.25rem 0 0; min-width: 0; }.market-panel label { display: block; font-weight: 650; margin: 1rem 0 .35rem; }.market-panel input[type=text], .market-panel select { width: 100%; min-height: 44px; padding: .6rem; border: 1px solid #879b94; border-radius: .45rem; background: white; color: #172e35; font: inherit; }
.market-link-button { border: 0; background: none; color: #126655; text-decoration: underline; padding: .6rem 0; font: inherit; cursor: pointer; }
.market-source-grid, .market-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }.market-source-grid { margin-top: 1rem; }.market-page figure { margin: 0; min-width: 0; }.market-page figcaption { font-size: .8rem; color: #465b62; overflow-wrap: anywhere; }.market-source-grid img { width: 100%; height: 100px; object-fit: contain; background: #eff2f0; }.market-compare img { width: 100%; height: 230px; object-fit: contain; background: repeating-conic-gradient(#e5e8e6 0 25%, #f6f7f6 0 50%) 0 / 16px 16px; }
.market-actions { display: flex; flex-wrap: wrap; gap: .7rem; }.market-result { border-top: 1px solid #d4dfdb; margin-top: 1.5rem; padding-top: 1rem; }.market-check { font-size: .86rem; color: #145c3c; }.market-warnings { padding-left: 1.3rem; color: #75500e; font-size: .9rem; }.market-warnings li { margin-bottom: .4rem; }
.market-reading { margin: 3.5rem auto 0; max-width: 960px; }.market-reading h2 { font-size: clamp(1.45rem, 3vw, 2rem); }.market-reading h3 { font-size: 1.2rem; margin-top: 1.7rem; }.market-table-scroll { overflow-x: auto; } .market-page table { width: 100%; border-collapse: collapse; background: white; }.market-page th, .market-page td { padding: .9rem; border-bottom: 1px solid #d4dfdb; text-align: left; vertical-align: top; }.market-page th { font-weight: 650; }.market-page th:first-child { min-width: 130px; }.market-example-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0; }.market-example-grid img { width: 100%; height: 220px; object-fit: contain; background: #e8eeea; }.market-footer { padding-top: 3rem; font-size: .9rem; }
@media (max-width: 800px) { .market-workspace { grid-template-columns: 1fr; }.market-main, .market-header, .market-footer { padding: 1rem; }.market-panel { padding: 1.15rem; }.market-example-grid { grid-template-columns: 1fr; }.market-example-grid img { height: 250px; }.market-header nav { gap: .9rem; } }