/* TALVE mineral #F1EBE1, wood #49392D, ink #252822, champagne #BEA47A; Rubik/Manrope.
   An open reading desk beside real teak photography, not a repeated card dashboard. */
.ingredient-reader{background:#f1ebe1;color:#252822;padding:clamp(56px,8vw,112px) clamp(20px,5vw,80px);scroll-margin-top:100px}
.inci-layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:clamp(30px,6vw,90px);align-items:start}
.inci-intro h2{font-size:clamp(34px,4vw,57px);line-height:1.13;letter-spacing:-.04em;margin:14px 0 24px;font-weight:500}
.inci-intro p{font-size:17px;line-height:1.85;max-width:35ch}.inci-intro figure{margin:30px 0 0;max-width:320px}.inci-intro img{width:100%;height:auto;display:block;border-radius:44% 44% 5px 5px;aspect-ratio:4/5;object-fit:cover}.inci-intro figcaption{font-size:12px;margin-top:12px;color:#594c3e}
.inci-desk{padding-top:14px;min-width:0}.inci-desk label{display:block;font-size:18px;font-weight:500;margin-bottom:12px}.inci-desk textarea{display:block;box-sizing:border-box;width:100%;min-height:170px;padding:20px;border:1px solid #827263;background:#fcf9f5;color:#252822;border-radius:3px;font:15px/1.8 Manrope,Rubik,sans-serif;resize:vertical;direction:ltr;text-align:left}.inci-desk textarea:focus{outline:2px solid #49392d;outline-offset:3px}.inci-note{font-size:13px;line-height:1.7;color:#594c3e}.inci-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.inci-desk button{min-height:44px;padding:10px 20px;border:1px solid #49392d;border-radius:2px;background:transparent;color:#49392d;font:inherit;cursor:pointer}.inci-desk .inci-primary{background:#49392d;color:white}.inci-desk button:hover{background:#e0d4c3}.inci-desk .inci-primary:hover{background:#30251e}.inci-desk :focus-visible{outline:2px solid #49392d;outline-offset:4px}.inci-error{color:#922d2a;font-size:14px;line-height:1.7}.inci-results{scroll-margin-top:120px;border-top:2px solid #bea47a;padding-top:26px;margin-top:32px}.inci-results h3{font-size:28px;font-weight:500;margin:0 0 12px}.inci-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.inci-filters button{font-size:13px;padding:8px 12px;border-color:#b3a18a}.inci-filters button[aria-pressed=true]{background:#49392d;color:#fff}.inci-row{border-top:1px solid #bdb1a1;padding:0}.inci-row:last-child{border-bottom:1px solid #bdb1a1}.inci-row>summary{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px 2px;cursor:pointer;list-style:none;font-size:20px}.inci-row>summary:after{content:'+';font-size:24px;font-weight:300}.inci-row[open]>summary:after{content:'−'}.inci-row summary::-webkit-details-marker{display:none}.inci-row summary>span{flex:1;overflow-wrap:anywhere}.inci-row summary small{font-size:12px;font-weight:400;max-width:12ch}.inci-reading{padding:0 2px 25px;line-height:1.85}.inci-original{font:13px/1.7 Manrope,sans-serif;overflow-wrap:anywhere;color:#594c3e;unicode-bidi:plaintext}.inci-meaning{font-size:17px}.inci-depth{border-inline-start:2px solid #bea47a;padding-inline-start:16px}.inci-depth summary{cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:5px}.inci-depth p{font-size:15px}.inci-limits{margin-top:25px;font-size:14px;line-height:1.85}.inci-limits summary{cursor:pointer;font-weight:500}.ingredient-reader [hidden]{display:none!important}
@media(max-width:760px){.inci-layout{grid-template-columns:1fr;gap:15px}.inci-intro{position:relative}.inci-intro figure{display:none}.inci-intro h2{max-width:12ch}.inci-intro p{max-width:50ch}.inci-row>summary{gap:12px;font-size:18px}.inci-desk{padding-top:5px}.inci-actions button:first-child{flex:1}.inci-filters{gap:7px}.inci-filters button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ingredient-reader *{scroll-behavior:auto!important}}
.inci-results,.inci-row>summary,.inci-depth>summary{scroll-margin-top:180px}
.ingredient-reader .inci-depth{border:0;border-inline-start:2px solid #bea47a;padding:8px 16px;margin:18px 0 0}
.ingredient-reader .inci-depth>summary:after,.ingredient-reader .inci-depth>summary:before{content:none}
.ingredient-reader .inci-depth p{margin-top:16px}
