.research-intro{max-width:760px;margin:50px 0 30px;font-size:15px;line-height:1.95;color:#b1bdb6}.research-index{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 55px}.research-index a{font-size:12px;color:#c4b18f;border:1px solid #53635b66;border-radius:30px;padding:9px 16px;text-decoration:none}.research-chapter{padding:55px 0 65px;border-top:1px solid #53635b66;scroll-margin-top:20px}.research-chapter .research-head{display:grid;grid-template-columns:75px 1fr;gap:15px;max-width:900px}.research-number{font-size:12px;letter-spacing:.12em;color:#bba174;padding-top:9px}.research-chapter h3{font-family:Georgia,'Noto Serif KR',serif;font-size:clamp(24px,3vw,37px);line-height:1.45;font-weight:400;letter-spacing:-.035em;margin:0 0 18px}.research-chapter .research-head p{font-size:14px;line-height:1.95;color:#aebdb5;max-width:720px;margin:0}.research-stage{position:relative;margin:26px 0 10px;background:radial-gradient(ellipse,#31403a44,transparent 70%)}.research-stage canvas{display:block;width:100%;height:440px;touch-action:pan-y}.research-chapter[data-research=assembly] .research-stage canvas{height:600px}.research-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:17px 0}.research-controls>label{font-size:11px;color:#acbcb2;display:grid;gap:9px;min-width:150px;flex:1;max-width:280px}.research-controls input[type=range]{width:100%;accent-color:#ceb58b;min-height:30px;cursor:ew-resize}.research-controls output{float:right;color:#d5c6aa}.research-controls button,.research-controls select{min-height:42px;padding:10px 20px;font-size:12px;border:1px solid #7d8b6b66;border-radius:25px;background:#17211d;color:#d6d9c9}.research-controls button:hover{border-color:#d1b98b}.research-rotate{display:flex!important;align-items:center;gap:7px!important;flex:none!important;min-width:0!important;font-size:10px!important;cursor:pointer}.research-rotate input{accent-color:#c4ad7d}.research-reading{font-size:12px;line-height:1.8;color:#ddc399;min-height:24px;margin:12px 0}.research-caption{font-size:12px;line-height:1.9;max-width:800px;color:#a7b7b0}.research-limits{font-size:11px;line-height:1.85;max-width:850px;color:#71887d;margin:17px 0}.research-chapter .layer-key{display:flex;flex-wrap:wrap;gap:8px 17px;font-size:10px;color:#8faaa0;max-width:700px;line-height:1.8}.research-chapter .layer-key span{border-bottom:1px solid #6b7b6a66;padding-bottom:3px}.research-sources{font-size:12px;line-height:2;color:#adbeaf}.research-legacy{display:none!important}@media(max-width:700px){.research-intro{font-size:13px;line-height:1.95;margin-top:30px}.research-index{margin:23px 0 35px;gap:8px}.research-index a{font-size:11px;padding:8px 13px}.research-chapter{padding:34px 0 42px}.research-chapter .research-head{display:block}.research-number{display:block;margin-bottom:12px;padding:0}.research-chapter h3{font-size:26px}.research-chapter .research-head p{font-size:13px;line-height:1.9}.research-stage canvas{height:320px}.research-chapter[data-research=assembly] .research-stage canvas{height:440px}.research-controls{gap:14px 12px}.research-controls>label{min-width:125px;max-width:none;font-size:10px}.research-controls button,.research-controls select{font-size:11px;padding:10px 16px}.research-caption{font-size:12px}.research-reading,.research-limits{font-size:10px}.research-chapter .layer-key{font-size:9px;gap:5px 11px}}

/* Keep research copy and controls inside the same readable mobile gutter. */
.research-section,.research-chapter,.research-head>div,.research-controls>label{min-width:0}
.research-section .research-index a{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.research-controls input[type=range],.research-controls select{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:700px){
  .inside.research-section{padding:40px 24px 20px}
  .research-chapter h3,.research-intro,.research-caption,.research-limits{overflow-wrap:anywhere;word-break:keep-all}
  .research-controls>label{flex:1 1 125px}
}

.research-look{font-size:12px;line-height:1.9;color:#b7c7c0;max-width:760px;margin:22px 0 0}.research-look span{display:inline-block;margin-right:14px;font-size:10px;color:#d4b987}.research-scope{margin:20px 0;color:#8faaa0;font-size:11px;line-height:1.8}.research-scope summary{cursor:pointer;min-height:35px;padding:8px 0}.research-scope .research-limits{margin-top:8px}.coffee-presets,.water-legend{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.coffee-presets button,.water-legend button{font:inherit;font-size:11px;padding:11px 16px;min-height:44px;border:1px solid #657a6b80;border-radius:24px;background:#182622;color:#d2dfd5}.water-legend button[aria-pressed=true]{color:#142d31;background:#a2c6c7}.coffee-comparison{max-width:760px;border-block:1px solid #52665c66;padding:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}.coffee-comparison>div{min-width:0}.coffee-comparison span{display:block;font-size:11px;line-height:1.8;color:#a7b8ae}.coffee-comparison strong{display:block;font-size:30px;font-weight:400;color:#d6bf97;margin:10px 0}.coffee-bar{height:4px;background:#203632}.coffee-bar i{display:block;width:0;height:100%;background:#79b9be}.coffee-comparison p,.coffee-comparison>small{grid-column:1/-1;margin:0;line-height:1.8;font-size:12px;color:#c0cec5}.coffee-comparison>small{font-size:10px;color:#8b9e94}.brew-tip{margin:10px 4vw 0;font-size:12px;color:#b6c3bb;line-height:1.9}.tools button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){.research-look{font-size:11px}.research-look span{display:block;margin:0 0 5px}.coffee-comparison{gap:18px 14px}.coffee-comparison span{font-size:10px}.coffee-comparison p{font-size:11px}.brew-tip{margin:10px 23px 0;font-size:11px}.water-legend{gap:6px}.water-legend button{font-size:10px;padding:10px 12px}.research-chapter[data-research=puck] .research-stage canvas{height:300px}}