[hidden]{display:none!important}
.composition-visual{background:#f0ebe2;border:1px solid #e3dace}
.composition-heading{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;padding:1.2rem 1.2rem .8rem;color:#243d35}
.composition-heading>span{grid-column:1/-1;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:700;color:#86582e}
.composition-heading>strong{font:600 1.25rem/1.3 'Fraunces',serif}
.composition-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:0 1rem 1rem}
.composition-item{position:relative;display:grid;grid-template-rows:1fr auto;gap:.3rem;text-decoration:none;background:#fff;border-radius:.7rem;padding:.7rem;min-width:0;border:1px solid #e6dfd2}
.composition-item:first-child{grid-column:span 2}
.composition-item img{width:100%;height:135px;object-fit:contain;mix-blend-mode:multiply}
.composition-item:first-child img{height:175px}
.composition-item>span:last-child{font-size:.75rem;text-align:center;color:#3d514b}
.composition-number{position:absolute;top:.5rem;left:.5rem;background:#f0d483;color:#243d35;border-radius:50%;width:1.5rem;height:1.5rem;display:grid;place-items:center;font-size:.7rem;font-weight:700}
.composition-item:focus-visible{outline:3px solid #a85a2f;outline-offset:2px}
.composition-note{margin:0;padding:0 1.2rem 1rem;color:#58665f;font-size:.76rem}
.project-limits{padding:1rem;background:#f3f0e9;border-left:3px solid #9d7950;border-radius:.3rem;font-size:.88rem;line-height:1.55}
.project-limits ul{margin:.5rem 0 0;padding-left:1.2rem;display:grid;gap:.45rem}
.criteria-details{margin-top:1rem;font-size:.88rem}.criteria-details summary{cursor:pointer;font-weight:600;padding:.5rem 0}.criteria-details dl{display:grid;grid-template-columns:5rem 1fr;gap:.8rem;margin:1rem 0}.criteria-details dt{font-weight:700}.criteria-details dd{margin:0;color:#52645c}
.placement{margin-top:.45rem;color:#335647!important}
.copy-project{border-top:1px solid #e6dfd2;padding-top:1rem}.copy-project p{color:#607169;font-size:.82rem;max-width:42rem}.copy-project button:disabled{opacity:.55;cursor:not-allowed}.copy-project label{display:block;font-size:.85rem}.copy-project textarea{width:100%;padding:.7rem;color:#213c31;background:#fff;border:1px solid #879c8f;border-radius:.5rem;font:inherit;font-size:.85rem}
.result-product{scroll-margin-top:7rem}.result-card{scroll-margin-top:6rem}
@media(max-width:650px){.composition-board{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 .65rem .65rem;gap:.5rem}.composition-item:first-child{grid-column:span 2}.composition-item img{height:115px}.composition-heading{grid-template-columns:1fr}.composition-heading .palette{margin-top:.25rem}.criteria-details dl{grid-template-columns:1fr;gap:.3rem}.criteria-details dd{margin-bottom:.6rem}.composition-note{padding:.5rem .8rem;font-size:.72rem}}

.scene-board img{display:block;width:100%;height:auto}.review-banner{padding:16px;background:#fff1cd;border-radius:8px}.alternative{padding:18px 0;border-bottom:1px solid #ddd}.alternative button{margin-top:10px}.project-product img{width:100%;height:160px;object-fit:contain}.project-product{padding:14px;border:1px solid #deded5;border-radius:10px;min-width:0}.project-product p{font-size:.85rem}.brief-form small{font-size:.75rem;font-weight:400}.review-notes{font-size:.85rem}.scene-board{min-width:0}#alternatives{padding:24px}#resultPalette span{display:block;width:24px;height:24px;border-radius:50%}.result-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:600px){.result-products{grid-template-columns:1fr}.brief-grid>*{min-width:0}}

.price-footnote{margin:2rem 0 0;font-size:.75rem;line-height:1.6;opacity:.85}sup a{color:inherit;text-decoration:none;padding:0 .15em}#price-note{scroll-margin-top:6rem}