.mind-lab{padding:94px max(32px,5vw);border-bottom:1px solid var(--ink);background:var(--ink);color:var(--paper)}
.mind-lab .section-label b{border-color:var(--paper)}
.mind-lab-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:10vw;margin:0 0 64px 15%}
.mind-lab-head h2{margin:0;font:500 clamp(31px,4vw,54px)/1.5 var(--serif);letter-spacing:-.04em}
.mind-lab-head>p{margin:8px 0 0;color:#c8c0b4;font:400 15px/2 var(--serif)}
.thinking-console{display:grid;grid-template-columns:1.05fr 1.45fr .8fr;border-top:1px solid #746e65;border-left:1px solid #746e65}
.thinking-console>article{min-height:480px;border-right:1px solid #746e65;border-bottom:1px solid #746e65}
.thinking-console header{height:54px;padding:0 18px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;border-bottom:1px solid #746e65;font-size:11px;letter-spacing:.1em}
.thinking-console header span{color:#b1aaa0}
.thinking-console header button,.thinking-console header small{border:0;background:none;color:#b1aaa0;font:500 10px var(--sans);letter-spacing:.08em;cursor:pointer}
.draw-body{height:calc(100% - 54px);padding:32px;display:flex;flex-direction:column}
.draw-body blockquote{margin:0;font:500 clamp(26px,2.6vw,40px)/1.75 var(--serif);letter-spacing:-.025em}
.draw-body p{margin:auto 0 9px;color:#aaa399;font-size:11px;letter-spacing:.08em}
.draw-body a,.coordinate-note a{width:max-content;color:var(--paper);font-size:12px;text-decoration:none;border-bottom:1px solid #746e65}
.idea-map{display:grid;grid-template-rows:54px 1fr auto}
.coordinate{position:relative;min-height:290px;margin:25px 28px 8px;border-left:1px solid #746e65;border-bottom:1px solid #746e65}
.axis{position:absolute;display:flex;color:#8f887f;font-size:9px;letter-spacing:.1em}
.axis i{font-style:normal}.axis-y{left:-21px;top:0;bottom:-7px;flex-direction:column;justify-content:space-between}.axis-x{left:-2px;right:0;bottom:-24px;justify-content:space-between}
.idea-point{position:absolute;width:14px;height:14px;padding:0;border:1px solid var(--paper);border-radius:50%;background:var(--ink);cursor:pointer;transform:translate(-50%,50%);transition:background .2s,transform .2s}
.idea-point:hover,.idea-point.is-active{background:var(--red);transform:translate(-50%,50%) scale(1.28)}
.p1{left:76%;bottom:75%}.p2{left:64%;bottom:38%}.p3{left:38%;bottom:70%}.p4{left:83%;bottom:18%}.p5{left:18%;bottom:50%}
.coordinate-note{padding:25px 28px 28px}.coordinate-note small{color:#aaa399;font-size:10px;letter-spacing:.1em}.coordinate-note h3{min-height:64px;margin:8px 0 14px;font:500 17px/1.65 var(--serif)}
.open-question{padding-bottom:28px;display:flex;flex-direction:column}.open-question header{flex:none}.question-number{margin:28px 24px 0;color:#aaa399;font-size:10px;letter-spacing:.12em}.open-question h3{margin:30px 24px;font:500 clamp(21px,2vw,30px)/1.7 var(--serif)}
.open-question>div{margin:auto 24px 0;display:flex;gap:8px}.open-question>div button{width:42px;height:42px;border:1px solid #746e65;background:none;color:var(--paper);font-size:18px;cursor:pointer}.open-question>div button:hover{background:var(--paper);color:var(--ink)}
@media(max-width:1050px){.thinking-console{grid-template-columns:1fr 1fr}.open-question{grid-column:1/-1;min-height:310px}.mind-lab-head{margin-left:0}}
@media(max-width:760px){.mind-lab{padding:64px 20px}.mind-lab-head{display:block;margin:0 0 42px}.mind-lab-head h2{font-size:29px;line-height:1.55}.mind-lab-head>p{margin-top:22px;font-size:14px;line-height:1.9}.thinking-console{display:block;border-right:1px solid #746e65}.thinking-console>article{min-height:auto;border-right:0}.thought-draw{height:390px}.idea-map{height:520px}.coordinate{min-height:255px}.open-question{min-height:340px}.draw-body{padding:25px}.draw-body blockquote{font-size:25px;line-height:1.7}.coordinate-note h3{min-height:56px}.question-number{margin-top:25px}.open-question h3{font-size:23px}.thinking-console header button{padding:12px 0}}
