:root{font:16px/1.85 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#173548;background:#f7f9fa;--ink:#173548;--blue:#e3eef5;--line:#d6e1e8}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}button,a,summary{touch-action:manipulation}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a96932;outline-offset:4px}header{display:flex;gap:24px;align-items:center;max-width:1120px;margin:auto;padding:21px 32px;border-bottom:1px solid var(--line)}header a{font-weight:800;letter-spacing:.06em;text-decoration:none;font-size:1.125rem}header span{font-size:.875rem;color:#536f80}header small{margin-left:auto;border:1px solid #cad8e1;padding:1px 9px;border-radius:4px;font-size:.75rem}main{max-width:1080px;margin:auto;padding:42px 32px 24px}.consultation{display:grid;grid-template-columns:205px minmax(0,1fr);gap:32px;align-items:center}.manager{align-self:start;padding-top:20px;text-align:center}.manager img{display:block;width:205px;height:250px;object-fit:contain;mix-blend-mode:multiply}.manager>span{font-size:.875rem;font-weight:700;letter-spacing:.1em}.eyebrow{font-size:.875rem;letter-spacing:.08em;color:#55758a;margin:0 0 12px 3px}.speech{position:relative;background:white;border:1px solid #bed3e0;border-radius:18px;padding:23px 28px;min-height:160px;box-shadow:0 4px 16px #2a526a04}.speech:before{content:"";position:absolute;left:-10px;top:55px;width:18px;height:18px;background:white;border-left:1px solid #bed3e0;border-bottom:1px solid #bed3e0;transform:rotate(45deg)}h1{font-size:clamp(1.35rem,2.5vw,1.85rem);line-height:1.55;margin:0 0 10px;font-weight:700;letter-spacing:.01em}.speech p{margin:0;color:#435e70;line-height:1.9;white-space:pre-line}#finder{margin-top:22px}.input-wrap{display:flex;align-items:center;background:#fff;border:1.5px solid #99b9cd;border-radius:11px;padding:7px 8px 7px 12px;gap:12px}.input-wrap:focus-within{border-color:#173548;box-shadow:0 0 0 3px #dbeaf4}textarea{width:100%;resize:vertical;min-height:64px;max-height:200px;padding:7px 0;border:0;background:transparent;color:#173548;font-size:1rem;line-height:1.65;outline:none!important}textarea::placeholder{color:#728792}.input-wrap button{flex:none;background:#173548;color:white;border:0;border-radius:7px;padding:14px 17px;font-size:.9375rem;font-weight:600}.input-wrap button:hover{background:#2b5269}.input-wrap button span{margin-left:10px}.input-hint{font-size:.8rem;color:#607888;margin:8px 0 0}.examples{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:16px;font-size:.8rem}.examples>span{color:#607888;margin-right:4px}.examples button,.followups button{border:1px solid #c5d8e5;background:#edf4f8;color:#345970;border-radius:6px;padding:6px 11px;font-size:.8rem}.examples button:hover,.followups button:hover{background:#dfedf6}.welcome{text-align:center;margin:48px 0 35px;padding:28px 20px;border-top:1px solid var(--line);color:#637b89;font-size:.9375rem}.welcome p{margin:0 0 18px}.welcome-swatches{display:flex;justify-content:center;align-items:center;gap:10px}.welcome-swatches img{width:45px;height:45px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:50%}.welcome-swatches span{font-size:.8rem;margin-left:6px}#answer{margin-top:36px;border-top:1px solid var(--line);padding-top:25px}.answer-top{display:flex;gap:15px;justify-content:space-between;align-items:start}.your-query{font-size:.875rem;color:#526e80;margin:0 0 10px;overflow-wrap:anywhere}.conditions{display:flex;flex-wrap:wrap;gap:6px}.conditions span{background:#e7eef2;border-radius:4px;padding:3px 9px;font-size:.8rem}.quiet{background:none;border:0;color:#536f80;text-decoration:underline;text-underline-offset:4px;font-size:.8rem;padding:4px 0;white-space:nowrap}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:25px 0 16px}.section-title h2{font-size:1.3rem;margin:0}.section-title>span{color:#607888;font-size:.8rem}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.product>img{width:100%;height:auto;aspect-ratio:1.4;object-fit:contain;background:white;padding:12px}.product-body{padding:16px 19px 18px;display:flex;flex-direction:column;flex:1}.product .rank{font-size:.75rem;color:#607888;letter-spacing:.05em}.product h3{font-size:1.075rem;line-height:1.65;margin:6px 0 9px}.product p{font-size:.875rem;line-height:1.85;margin:0 0 12px}.product .spec{font-size:.75rem;color:#607888}.product .note{background:#faf5ee;border-left:2px solid #b8864f;padding:9px 11px;color:#695339;font-size:.8rem;margin-bottom:16px}.product a{display:block;margin-top:auto;text-align:center;font-size:.875rem;text-decoration:none;background:#173548;color:#fff;border-radius:5px;padding:11px}.product a:hover{background:#2b5269}.notice{background:#fff8ed;border:1px solid #e0cdaf;border-radius:7px;color:#6d5639;padding:13px 16px;font-size:.875rem;margin:18px 0 0}.followups{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 0}.followups>span{font-size:.8rem;color:#607888;margin-right:5px}#work-section{margin-top:40px}.work-note{font-size:.875rem;color:#607888;margin:-5px 0 18px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work-card{display:block;text-decoration:none;min-width:0}.work-card img{width:100%;aspect-ratio:1.05;object-fit:contain;background:white;border-radius:8px;border:1px solid var(--line)}.work-card h3{font-size:1rem;margin:10px 0 4px;font-weight:600}.work-card p{font-size:.8rem;color:#607888;line-height:1.8;margin:0}.work-card .work-link{display:inline-block;font-size:.8rem;margin-top:7px;border-bottom:1px solid #7897aa;color:#345970}.empty{border:1px dashed #adc4d2;padding:22px;border-radius:9px;grid-column:1/-1;background:white}.empty p{margin:0 0 12px}.empty a{font-size:.875rem;font-weight:600;text-underline-offset:4px}footer{border-top:1px solid var(--line);padding-top:22px;margin-top:40px;font-size:.8rem;color:#607888}footer p{margin:8px 0}summary{cursor:pointer}details p{max-width:800px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:800px){.consultation{grid-template-columns:155px minmax(0,1fr);gap:23px}.manager img{width:155px;height:210px}.speech{padding:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.input-wrap{gap:8px}.input-wrap button{padding:13px 11px}.input-wrap button span{display:none}.product:last-child:nth-child(3){grid-column:auto}}@media(max-width:560px){header{padding:17px 19px;gap:10px}header a{font-size:1rem}header>span{display:none}main{padding:23px 18px 20px}.consultation{grid-template-columns:85px minmax(0,1fr);gap:0 13px;align-items:start}.manager{grid-column:1;grid-row:1;padding-top:20px}.manager img{width:85px;height:126px}.manager>span{font-size:.6875rem;letter-spacing:0;white-space:nowrap}.conversation{display:contents}.eyebrow{grid-column:2;font-size:.75rem;margin:0 0 8px}.speech{grid-column:2;padding:15px;border-radius:12px;min-height:160px;grid-row:2}.manager{grid-row:1/3}.speech:before{left:-7px;width:12px;height:12px;top:44px}h1{font-size:1.125rem;margin-bottom:8px}.speech p{font-size:.875rem;line-height:1.8}#finder{grid-column:1/-1;margin-top:23px}.input-wrap{align-items:flex-end;padding:7px 8px 7px 12px}.input-wrap button{font-size:.8rem;padding:13px 11px;margin-bottom:2px;min-height:44px}textarea{font-size:1rem;min-height:66px}.input-hint{font-size:.75rem}.examples{grid-column:1/-1;margin-top:13px;gap:7px}.examples>span{width:100%;font-size:.75rem}.examples button{font-size:.75rem;padding:8px 10px}.welcome{margin-top:28px;padding:24px 0;font-size:.875rem}.welcome-swatches{gap:6px}.welcome-swatches img{width:33px;height:33px}.welcome-swatches span{font-size:.75rem}#answer{margin-top:27px;padding-top:20px}.answer-top{gap:10px}.quiet{font-size:.75rem}.your-query{font-size:.8rem}.section-title{margin:23px 0 14px}.section-title h2{font-size:1.125rem}.section-title>span{font-size:.75rem}.product-grid{grid-template-columns:1fr;gap:15px}.product{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:start}.product>img{width:105px;height:115px;aspect-ratio:auto;padding:10px 5px 0 10px}.product-body{padding:15px 14px}.product h3{font-size:1rem}.product p{font-size:.875rem}.product .spec,.product .note{font-size:.75rem}.product a{font-size:.8rem}.product .note{padding:8px}.work-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.work-card h3{font-size:.875rem;line-height:1.6}.work-card p,.work-card .work-link{font-size:.75rem}.work-note{font-size:.8rem}.followups button{font-size:.8rem;min-height:42px}.followups>span{width:100%}#work-section{margin-top:30px}footer{font-size:.75rem;margin-top:30px}}@media(max-width:350px){main{padding-left:12px;padding-right:12px}.product{grid-template-columns:85px minmax(0,1fr)}.product>img{width:85px;height:100px}.work-grid{grid-template-columns:1fr}}

@media(max-width:560px){.product{display:flex}.product>img{width:100%;height:180px;padding:12px;aspect-ratio:auto}.product-body{padding:16px 18px 19px}.product .note{font-size:.8rem}.product .spec{font-size:.8rem}}

.manager img{height:250px;mix-blend-mode:normal;object-fit:contain}@media(max-width:800px){.manager img{height:210px}}@media(max-width:560px){.manager img{height:126px}}

.product-works{margin-top:auto;padding:18px;border-top:1px solid #dce7ee;background:#f2f8fc;grid-column:1/-1}.product-works h4{margin:0 0 14px;font-size:1rem}.product .inline-work{display:block;background:transparent;color:inherit;padding:0;margin:0 0 18px;text-decoration:none;border:0}.inline-work:last-child{margin-bottom:0}.inline-work img{display:block;width:100%;height:220px;object-fit:contain;background:#fff;border-radius:8px}.inline-work h5{margin:8px 0;font-size:1rem;line-height:1.5}.product .inline-work p{font-size:.875rem;line-height:1.7;margin:8px 0}.work-match{display:block;font-size:.875rem;margin-top:12px;color:#405e77}.inline-work .work-link{font-size:.875rem;text-decoration:underline}.product .work-empty{font-size:.875rem}.inline-work:focus-visible{outline:3px solid #2374b8;outline-offset:4px}@media(max-width:560px){.product-works{width:100%}.inline-work img{height:240px}}

.voice-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.voice-controls button{min-height:48px;padding:12px 18px;border-radius:12px;border:1px solid #264967;background:#fff;color:#18364e;font:inherit;cursor:pointer}.voice-controls #voice-start{background:#183e61;color:white;font-size:1.1rem;font-weight:700}.voice-controls #voice-start[aria-pressed=true]{background:#8a2940}.voice-controls label{display:flex;align-items:center;gap:8px;font-size:1rem;min-height:44px}.voice-controls input{width:22px;height:22px}.voice-controls button:disabled{opacity:.5;cursor:default}#voice-status{font-size:1rem;line-height:1.6;margin:8px 0}.voice-privacy{font-size:.875rem;line-height:1.5;color:#53677a}.voice-controls [hidden]{display:none}

.voice-help{margin:12px 0;padding:16px;background:#edf5fb;border:1px solid #bdd2e2;border-radius:12px;font-size:1rem;line-height:1.7}.voice-help[hidden]{display:none}.voice-help p{margin:0 0 10px}.voice-help p:last-child{margin-bottom:0}.voice-external{display:inline-block;padding:12px 18px;margin-bottom:12px;background:#1d4665;color:white;border-radius:10px;text-decoration:none;font-weight:700}.voice-external[hidden]{display:none}

.voice-playback:empty{display:none}.voice-playback{color:#254d6a;line-height:1.7}#voice-replay[data-ready="true"]{background:#1d4665;color:white;border:2px solid #1d4665}.selection-details{margin:16px 0;padding:12px;background:#edf5fb;border-radius:10px;line-height:1.7}.selection-details summary{cursor:pointer;font-weight:700;min-height:32px}.selection-details p{margin:10px 0 0}

/* Consultation UI: keep the input and recommendations close together. */
main{padding-top:28px}.consultation{grid-template-columns:145px minmax(0,1fr);gap:24px}.manager img{width:145px;height:190px}.speech{min-height:0;padding:22px 26px}.eyebrow{margin-bottom:10px}#finder{background:#edf4f8;border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:18px}.voice-controls{justify-content:space-between;gap:8px;margin-bottom:12px}.voice-controls #voice-start{font-size:1rem;border-radius:10px;min-height:50px;padding:11px 18px}.voice-controls label{font-size:.875rem;gap:6px}.voice-controls input{accent-color:#183e61;width:20px;height:20px}.input-wrap{border:1px solid #a9c0cf}.reply-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.reply-controls button{font:inherit;font-size:.875rem;background:transparent;color:#355b74;border:0;border-radius:6px;padding:6px 4px;min-height:44px;text-decoration:underline;text-underline-offset:4px}.reply-controls #voice-stop{color:#8a2940}#voice-status:empty{display:none}#voice-status,.voice-playback{font-size:.875rem;margin:8px 0;overflow-wrap:anywhere}.input-hint{font-size:.875rem;margin:4px 0}.voice-info{font-size:.875rem;color:#536f80;margin-top:8px}.voice-info summary{min-height:32px}.voice-privacy{margin:8px 0 0}.examples{font-size:.875rem}.examples button,.followups button{font-size:.875rem;min-height:44px;border-radius:24px;padding:8px 14px}.welcome{margin:26px 0 20px;padding:22px 0}.answer-top{align-items:center}.conditions span{font-size:.875rem;border-radius:20px;padding:4px 11px}.product-grid{align-items:start}.product{border-radius:14px}.product>img{aspect-ratio:1.25;padding:10px}.product h3{line-height:1.6}.product .rank{font-size:.8125rem}.product .note{background:none;border:0;padding:0;color:#607888;font-size:.875rem;margin:0 0 12px}.selection-details{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:0;margin:8px 0 14px}.selection-details summary{list-style:none;padding:12px 0;display:flex;justify-content:space-between;gap:12px;font-size:.9375rem;min-height:48px}.selection-details summary::-webkit-details-marker{display:none}.selection-details summary:after{content:'＋';font-weight:400}.selection-details[open] summary:after{content:'−'}.selection-details p{padding-bottom:10px}.product .spec{font-size:.875rem}.product-works{padding:16px;background:#f0f6fa}.product-works h4{font-size:.9375rem;margin:0 0 6px}.product-works>.work-match{font-size:.8125rem;margin:0 0 12px}.product-work-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.product .inline-work{flex:0 0 80%;min-width:0;scroll-snap-align:start;margin:0}.inline-work img{height:170px}.inline-work h5{font-size:.875rem}.product .inline-work p{font-size:.8125rem}.inline-work .work-link{font-size:.875rem}.work-card h3{line-height:1.65}.work-card p,.work-card .work-link{font-size:.875rem}button:disabled{opacity:.55;cursor:wait}.voice-info summary:focus-visible{outline:3px solid #a96932}
@media(max-width:800px){.consultation{grid-template-columns:110px minmax(0,1fr);gap:18px}.manager img{width:110px;height:170px}}
@media(max-width:560px){header{padding:14px 18px}main{padding:20px 16px}.consultation{grid-template-columns:64px minmax(0,1fr);gap:0 12px}.manager{padding-top:22px}.manager img{width:64px;height:110px}.speech{padding:16px;min-height:0}.speech p{font-size:.9375rem}.eyebrow{font-size:.8125rem}h1{font-size:1.25rem}#finder{padding:14px;margin-top:18px;border-radius:14px}.voice-controls #voice-start{font-size:.9375rem;padding:11px 12px}.voice-controls label{font-size:.875rem}.input-wrap{padding:7px 8px 7px 10px;gap:7px}.input-wrap button{font-size:.875rem}textarea{min-height:78px}.examples>span{font-size:.875rem}.examples button{font-size:.875rem}.welcome-swatches{flex-wrap:wrap}.welcome-swatches span{font-size:.875rem}.product>img{height:215px}.product-body{padding:16px}.product-works{padding:16px}.inline-work img{height:190px}.product .inline-work{flex-basis:68%}.answer-top{align-items:start}.quiet{font-size:.8125rem;min-height:44px}.your-query{font-size:.875rem}.work-grid{gap:16px 12px}.section-title>span{font-size:.8125rem}.work-note{font-size:.875rem}footer{font-size:.8125rem}}
@media(prefers-reduced-motion:no-preference){button,a,summary{transition:background-color .15s ease,border-color .15s ease}}

/* Explicit image heights override HTML intrinsic height on narrow screens. */
.work-card img{display:block;height:auto;aspect-ratio:1/1;object-fit:contain}
.product .inline-work,.product .inline-work:hover,.product .inline-work:active,.product .inline-work:focus{background:transparent;color:var(--ink);text-align:left}
.product .inline-work:hover .work-link,.product .inline-work:focus-visible .work-link{color:#173548;text-decoration-thickness:2px}

.voice-entry .voice-controls{display:block}.voice-entry #voice-start{width:100%;min-height:64px;font-size:1.25rem}.voice-entry .input-wrap{margin-top:16px}

#reply-details>summary{display:none}#reply-details>p{margin:0}
.has-results{padding-bottom:calc(var(--composer-height,180px) + 28px)}
.has-results .consultation{grid-template-columns:64px minmax(0,1fr);gap:12px;max-width:800px;margin:auto}
.has-results .manager{padding:0}.has-results .manager img{width:64px;height:80px}
.has-results .eyebrow,.has-results .examples{display:none}
.has-results .speech{padding:14px 18px;min-height:0}.has-results .speech:before{top:26px}
.has-results h1{font-size:1.05rem;margin:0}.has-results #reply-details>summary{display:block;font-size:.875rem;color:#536f80;min-height:36px;padding-top:6px;text-decoration:underline;text-underline-offset:4px}
.has-results #reply-details>p{font-size:.875rem;padding-top:8px}
.has-results #finder{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,850px);z-index:20;margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;background:#f1f6fa;box-shadow:0 -4px 20px #17354812;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;align-items:center}
.has-results .voice-controls{margin:0}.has-results .voice-controls #voice-start{font-size:.875rem;min-height:48px;padding:10px 12px}
.has-results .input-wrap{grid-column:2;grid-row:1;margin:0}.has-results textarea{min-height:44px;height:44px;max-height:100px;padding:8px 0}.has-results .input-wrap button{padding:10px 12px;min-height:44px}
.has-results .input-hint,.has-results .voice-info{display:none}
.has-results #voice-status,.has-results #voice-help,.has-results #voice-playback{grid-column:1/-1;margin:0;font-size:.8125rem;max-height:20vh;overflow:auto}
.has-results #answer{margin-top:18px;scroll-margin-top:16px}.has-results .your-query{display:none}.has-results .section-title{margin-top:16px}
@media(max-width:560px){.has-results .manager{grid-row:1}.has-results .speech{grid-row:1;grid-column:2}.has-results #finder{padding-left:12px;padding-right:12px;gap:6px 8px;grid-template-columns:1fr}.has-results .voice-controls{grid-column:1;grid-row:2}.has-results .voice-controls #voice-start{background:transparent;color:#183e61;border:0;padding:4px 6px;min-height:40px}.has-results .voice-controls #voice-start[aria-pressed=true]{background:#8a2940;color:white}.has-results .input-wrap{grid-column:1;grid-row:1}.has-results #voice-status{grid-row:3}.has-results .product>img{height:180px}}

#article-section{margin:24px 0}.article-link{display:block;background:white;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:8px 0;text-decoration:none;font-size:1rem}.article-link:hover{background:#edf4f8}

.qa-links{display:grid;gap:.6rem;margin-top:1rem}.qa-links button{font:inherit;padding:.6rem .8rem;border:1px solid #a3bac6;border-radius:.5rem;background:white;color:#193c50}.handoff-details textarea{width:100%;box-sizing:border-box;font:inherit;resize:vertical;margin-top:.5rem}.handoff-details summary{cursor:pointer;font-size:.85rem}.qa-links .article-link{display:block}

.qa-links .line-consultation{display:block;background:#087b39;color:#fff;text-align:center;padding:.85rem 1rem;border-radius:.65rem;text-decoration:none;font-weight:700}.qa-links .line-consultation:hover{background:#05652e}.qa-links .line-consultation:focus-visible{outline:3px solid #173e59;outline-offset:3px}.qa-links .note{margin:0}.handoff-details button{margin-top:.5rem}

.examples .example-group{width:100%;margin-top:.55rem}.example-group h2{font-size:.8125rem;color:#506b7a;margin:0 0 .4rem;font-weight:700}.example-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.examples .example-buttons button{max-width:100%;white-space:normal;text-align:left;line-height:1.5;padding:.6rem .8rem;min-height:44px}

.product-sort{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:0 0 .75rem}.product-sort label{font-size:.875rem;font-weight:700}.product-sort select{font:inherit;color:#173e59;background:#fff;border:1px solid #a3bac6;border-radius:.5rem;padding:.6rem 2rem .6rem .65rem;min-height:44px}.product-sort select:focus-visible{outline:3px solid #376a86;outline-offset:2px}.product-sort #sort-status{font-size:.75rem;color:#506b7a}#sort-note{margin:0 0 1rem;font-size:.8125rem;line-height:1.6}.product-body .product-price{font-size:1.125rem;font-weight:700;color:#173e59;margin:.5rem 0}

/* Compact microphone beside the submit button, including the fixed composer. */
.voice-controls{display:none}.has-results .input-wrap{grid-column:1/-1}.input-wrap textarea{min-width:0;flex:1}.input-wrap #voice-start,.has-results .input-wrap #voice-start,.voice-entry .input-wrap #voice-start{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-height:44px;height:44px;padding:10px;border:0;border-radius:50%;background:#e3eef5;color:#173548}.input-wrap #voice-start[aria-pressed=true]{background:#8a2940;color:white}.mic-stop{display:none}#voice-start[aria-pressed=true] .mic-icon{display:none}#voice-start[aria-pressed=true] .mic-stop{display:block}.voice-entry .input-wrap{margin-top:0}.voice-entry #voice-start{outline:3px solid #99b9cd;outline-offset:3px}@media(max-width:560px){.input-wrap{gap:5px}.input-wrap button[type=submit]{padding:10px;white-space:nowrap}.has-results #voice-status{grid-row:auto}}

/* Keep the text field, submit and microphone on one compact row. */
.input-wrap{flex-wrap:nowrap;align-items:center}.input-wrap #message,.has-results .input-wrap #message{font:inherit;font-size:16px;line-height:1.5;flex:1 1 0;min-width:0;width:0;height:44px;min-height:44px;padding:8px 0;border:0;background:transparent;color:#173548;outline:none}.input-wrap #message::placeholder{color:#728792}.input-wrap button[type=submit]{white-space:nowrap;min-height:44px;padding:10px 12px}

/* Photo-first consultation, matching the approved mobile mockup. */
body{background:#fff}header{max-width:1000px;padding:18px 24px}header small{display:none}main{max-width:1000px;padding:28px 24px calc(var(--composer-height,90px) + 32px)}.consultation,.has-results .consultation{grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:start}.manager,.has-results .manager{padding-top:0}.manager img,.has-results .manager img{width:58px;height:70px}.speech,.has-results .speech{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;min-height:0}.speech:before{display:none}.eyebrow{display:none}h1,.has-results h1{font-size:1.15rem;line-height:1.6;margin:0 0 6px}.speech p{font-size:.9375rem}.conversation{min-width:0}.examples{margin-top:24px}.welcome{border:0;margin:24px 0;padding:12px 0}.welcome-swatches{display:none}
#finder,.has-results #finder{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,850px);z-index:20;background:#fff;border:0;border-top:1px solid #e5edf2;border-radius:0;box-shadow:none;padding:10px 16px calc(12px + env(safe-area-inset-bottom));margin:0;display:flex;flex-direction:column;gap:0;align-items:stretch}.input-wrap,.has-results .input-wrap{background:#f1f6f9;border:1px solid #d3e1ea;border-radius:28px;padding:5px 7px 5px 16px;gap:5px;margin:0}.input-wrap button[type=submit],.has-results .input-wrap button[type=submit]{border-radius:22px;font-size:.875rem;padding:10px 12px}.input-wrap #voice-start,.has-results .input-wrap #voice-start{background:transparent}.input-wrap #voice-start[aria-pressed=true]{background:#8a2940;color:white}.input-hint,.voice-info{display:none}#voice-status{order:2;text-align:center;margin:5px 0 0;font-size:.8125rem}#voice-help{order:3}.has-results #voice-status{margin-top:5px}#answer,.has-results #answer{margin-top:24px;padding-top:0;border:0}.answer-top{align-items:center}.has-results .your-query{display:block;font-size:.9375rem;background:#eaf3f8;padding:10px 14px;border-radius:16px 16px 4px 16px;margin:0 0 12px}.conditions{gap:5px}.conditions span{background:none;padding:0;font-size:.8125rem;color:#607888}.conditions span+span:before{content:'・'}.quiet{font-size:.75rem}.result-tabs{display:flex;gap:28px;border-bottom:1px solid #dce6ed;margin:18px 0}.result-tabs button{font:inherit;font-size:.9375rem;min-height:44px;padding:8px 0 12px;background:none;color:#607888;border:0;border-bottom:2px solid transparent}.result-tabs button[aria-selected=true]{border-bottom-color:#173548;color:#173548;font-weight:700}#fabric-panel>.section-title{display:none}.product-sort{justify-content:flex-end;margin-bottom:16px}.product-sort label{font-weight:400;font-size:.8125rem}.product-sort select{border:0;padding:5px;font-size:.875rem}.product-sort #sort-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product{display:flex;border:0;border-radius:0;overflow:visible}.product>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;padding:0;border-radius:12px;background:#f4f7f9}.product-body{padding:12px 0 0}.product .rank{font-size:.75rem;letter-spacing:0}.product h3{font-size:1rem;line-height:1.55;margin:5px 0}.product-body .product-price{font-size:.9375rem;margin:4px 0 8px}.product .spec{font-size:.8125rem;line-height:1.8;overflow-wrap:anywhere}.product .note{font-size:.75rem;margin-bottom:8px}.product .selection-details{margin:4px 0 8px}.selection-details summary{font-size:.8125rem;padding:8px 0}.product-body>a{background:none;color:#173548;border:0;border-radius:0;padding:8px 0;text-align:left;font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.product-works{background:none;padding:0;margin-top:8px;border-top:1px solid #e5edf2}.product-works>summary{font-size:.8125rem;min-height:44px;padding:10px 0;cursor:pointer}.product-work-strip{display:grid;grid-template-columns:1fr;overflow:visible}.product .inline-work{width:100%;background:none}.inline-work img{height:auto;aspect-ratio:1;object-fit:cover}.followups{margin:24px 0}.followups>span{display:none}.followups button{border:0;background:#f0f6fa;font-size:.8125rem;padding:8px 12px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work-card img{height:auto;aspect-ratio:1;object-fit:cover;border:0;border-radius:12px}.work-card h3{font-size:1rem}.work-card p,.work-card .work-link{font-size:.8125rem}#work-section,#article-section{margin-top:0}.section-title{margin:12px 0}.section-title h2{font-size:1rem}.work-note{font-size:.8125rem}#reply-details>summary{font-size:.8125rem}
@media(max-width:600px){header{padding:16px}header span{font-size:.75rem}main{padding:22px 16px calc(var(--composer-height,90px) + 24px)}.product-grid,.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.product>img,.has-results .product>img{width:100%;height:auto;aspect-ratio:1}.product-body{padding:10px 0 0}.product h3{font-size:.875rem}.product-body .product-price{font-size:.875rem}.product .spec{font-size:.75rem}.product .note{font-size:.75rem}.product-body>a{font-size:.8125rem}.work-card h3{font-size:.875rem}.answer-top{gap:12px}.has-results .manager{grid-row:auto}.has-results .speech{grid-row:auto;grid-column:auto}.result-tabs{gap:24px}.product-works .inline-work img{height:auto}.product .inline-work h5{font-size:.8125rem}.product .inline-work p{font-size:.75rem}}

/* Conversational timeline: customer right, gorilla left, recommendations below. */
body{background:#edf4f8}header{background:#edf4f8}main{max-width:850px}.chat-user{max-width:80%;width:fit-content;margin:24px 0 18px auto;padding:11px 16px;background:#d3e8f4;color:#173548;border-radius:18px 18px 4px 18px;overflow-wrap:anywhere;font-size:1rem;scroll-margin-top:18px}.chat-user:empty{display:none}.speech,.has-results .speech{background:#fff;border:0;padding:14px 18px;border-radius:4px 18px 18px 18px}.chat-active .examples,.chat-active .welcome{display:none}.chat-active .consultation,.has-results .consultation{grid-template-columns:48px minmax(0,1fr)}.manager img,.has-results .manager img{width:48px;height:58px}.chat-reply{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start}.chat-reply>img{width:48px;height:58px;object-fit:contain}.chat-reply h1{font-size:1.05rem}.chat-reply details>summary{font-size:.8125rem;cursor:pointer}.chat-turn{margin-bottom:30px}.chat-turn .speech p{font-size:.9375rem}.chat-result,#answer{margin-left:60px!important;margin-top:12px!important;background:#fff;border-radius:18px;padding:16px!important;min-width:0}.chat-result .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-result .result-tabs{margin-top:0}.chat-result .section-title{margin-top:12px}.chat-result .product-sort{display:none}.chat-active .your-query{display:none}.chat-active .answer-top{justify-content:space-between}.chat-active #reply-details>summary{font-size:.8125rem;cursor:pointer}.chat-active .conditions{font-size:.8125rem}.chat-active .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-history .product-body>a{display:block}.chat-history [role=tabpanel][hidden]{display:none!important}.chat-history .product-works{background:#fff}#finder,.has-results #finder{background:#fff}.chat-active #welcome{display:none}
@media(max-width:600px){main{padding-left:12px;padding-right:12px}.chat-result,#answer{margin-left:0!important;padding:14px!important}.chat-reply,.chat-active .consultation{grid-template-columns:42px minmax(0,1fr);gap:10px}.chat-reply>img,.manager img,.has-results .manager img{width:42px;height:54px}.chat-user{max-width:85%}.speech,.has-results .speech{padding:12px 14px}.chat-result .product-grid{gap:16px 12px}.chat-turn{margin-bottom:28px}}

/* Finished projects read as a gallery, with short captions below large photos. */
#work-section .section-title>span,.chat-result .work-note{display:none}#work-section .work-note{margin:0 0 16px;font-size:.8125rem}.work-grid{align-items:start;gap:22px 14px}.work-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px}.work-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:9px 0 5px;font-size:.875rem}.work-card p{display:none}.work-card .work-match{display:block;font-size:.75rem;margin:0 0 4px}.work-card .work-link{font-size:.75rem}.work-card{min-width:0}.chat-result .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.data-notice{font-size:.75rem;color:#607888;margin:24px 0 8px;line-height:1.7}.chat-active .data-notice{margin-top:20px}

/* Desktop conversation window: fixed title and composer, scrolling messages. */
@media(min-width:801px){
 html{height:100%;background:#e4e8ed}
 body{height:100dvh;overflow:hidden;background:#e4e8ed;padding:20px;--chat-width:min(1040px,calc(100vw - 40px))}
 body>header{position:fixed;z-index:25;top:20px;left:50%;transform:translateX(-50%);width:var(--chat-width);max-width:none;height:72px;padding:14px 26px;background:#fff;border:1px solid #d5dce3;border-bottom-color:#e0e5ea;border-radius:12px 12px 0 0;gap:14px}
 body>header:before{content:'';width:40px;height:44px;flex:none;background:url('/adult-gorilla.png') center/contain no-repeat}
 body>header a{font-size:1rem;letter-spacing:.02em}
 body>header span{font-size:.8125rem;color:#71808c;border-left:1px solid #dce3e9;padding-left:14px}
 body>main{position:fixed;top:92px;bottom:calc(20px + var(--composer-height,90px));left:calc((100vw - var(--chat-width))/2);width:var(--chat-width);max-width:none;margin:0;padding:26px 32px 28px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#dfeaf2;border-inline:1px solid #d5dce3;scroll-padding-block:20px}
 .consultation,.chat-active .consultation,.has-results .consultation{grid-template-columns:42px minmax(0,1fr);gap:12px;max-width:none;margin:0;align-items:start}
 .manager img,.has-results .manager img,.chat-reply>img{width:42px;height:48px}
 .chat-reply{grid-template-columns:42px minmax(0,1fr);gap:12px}
 .speech,.has-results .speech{width:fit-content;max-width:640px;padding:13px 18px;border-radius:4px 18px 18px 18px;box-shadow:0 1px 2px #17354808}
 h1,.has-results h1,.chat-reply h1{font-size:1rem;line-height:1.65;margin-bottom:4px}
 .speech p,.chat-turn .speech p{font-size:.875rem;line-height:1.85}
 .chat-user{max-width:65%;margin:22px 0 20px auto;padding:11px 17px;font-size:.9375rem;background:#c6e4d2;border-radius:18px 4px 18px 18px;scroll-margin-top:20px}
 .chat-turn{margin-bottom:24px}
 .chat-result,#answer{max-width:820px;margin-left:54px!important;padding:20px!important;border-radius:4px 16px 16px 16px}
 .chat-result .product-grid,.chat-active .product-grid,.chat-result .work-grid,.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}
 .product h3{font-size:.875rem}.product .spec{font-size:.75rem}.product-body .product-price{font-size:.9375rem}
 .examples{max-width:640px;margin:14px 0 0;padding:16px 18px;background:#ffffffbd;border-radius:4px 16px 16px 16px;display:grid;gap:12px}
 .examples>span{font-size:.8125rem;margin:0}.examples .example-group{margin:0}.example-group h2{font-size:.75rem;margin-bottom:6px}
 .examples .example-buttons button{font-size:.8125rem;min-height:36px;padding:7px 12px;background:white;border-color:#cfdae2}
 .welcome{margin:16px 0 0 54px;padding:0;text-align:left;font-size:.8125rem;color:#536b7a}.welcome p{margin:0}
 .data-notice{max-width:720px;margin:20px 0 0 54px;font-size:.6875rem;color:#637887;line-height:1.7}
 #finder,.has-results #finder{bottom:20px;width:var(--chat-width);padding:16px 24px;background:#fff;border:1px solid #d5dce3;border-top-color:#e0e5ea;border-radius:0 0 12px 12px;box-shadow:0 8px 18px #1e35480b}
 .input-wrap,.has-results .input-wrap{border:1px solid #e0e5ea;background:#f7f9fb;border-radius:9px;padding:7px 9px 7px 16px;gap:10px}
 .input-wrap button[type=submit],.has-results .input-wrap button[type=submit]{border-radius:7px;padding:10px 20px}
 #finder #message{font-size:.9375rem}
 #voice-status{font-size:.75rem}
}

/* Optional photo input keeps the same compact chat composer. */
#photo-add{flex:0 0 36px;width:36px;height:44px;padding:5px;background:transparent;color:var(--ink,#193c4c);border:0;display:grid;place-items:center}
#photo-add[hidden],#photo-preview[hidden],#photo-status[hidden]{display:none}
#photo-preview{position:relative;width:76px;margin:0 0 8px 10px}#photo-thumbnail{width:76px;height:76px;object-fit:cover;border-radius:12px}#photo-remove{position:absolute;right:-8px;top:-8px;width:30px;height:30px;padding:0;border-radius:50%;background:#193c4c;color:white;border:2px solid white}
#photo-status{font-size:14px;margin:0 8px 8px;line-height:1.5}.chat-photo{display:block;max-width:220px;max-height:220px;object-fit:contain;border-radius:12px;margin-top:8px}
.input-wrap:has(#photo-add:not([hidden])){gap:4px}.input-wrap:has(#photo-add:not([hidden])) #message{min-width:0}.input-wrap:has(#photo-add:not([hidden])) button[type=submit]{padding-left:12px;padding-right:12px}

.qa-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.qa-work-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}

/* Grouped public questions stay compact on phone and desktop. */
.examples .example-tabs{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin:6px 0 10px}.examples .example-tabs button{font-size:.875rem;padding:8px 12px;border-radius:18px;background:transparent}.examples .example-tabs button[aria-selected="true"]{background:var(--ink);color:white;border-color:var(--ink)}.examples .example-group[hidden]{display:none}.examples .example-group{width:100%;margin:0}.examples .example-buttons{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.examples .example-buttons button{text-align:left;white-space:normal;font-size:.9375rem;padding:12px 14px;border-radius:12px;line-height:1.6}.examples button:focus-visible{outline:3px solid #a96932;outline-offset:3px}@media(min-width:900px){.examples .example-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Shopify consultation page keeps its own scroll/composer inside the frame. */
.shopify-embed body>header{display:none}.shopify-embed main{padding-top:12px}.product-context{font-size:.875rem;line-height:1.65;border:1px solid #cadbe5;border-radius:14px;background:#fff;padding:12px 16px;margin-bottom:16px;overflow-wrap:anywhere}#product-context-questions{margin:12px 0 20px;flex-wrap:wrap}.examples[hidden]{display:none!important}