.process-ideas-index{position:relative;background:var(--paper,#f3eee4);color:var(--ink,#141210);padding:0 4.5%;border-top:1px solid #14121026;scroll-margin-top:105px}
.reading-ideas header{background:var(--paper);box-shadow:0 1px 0 #14121015}
.reading-ideas.inside .brand img{filter:none}
.reading-ideas.inside header nav a,.reading-ideas.inside #language{color:var(--ink)}
.reading-ideas .ktb-cursor{border-color:var(--ink)}
.reading-ideas .ktb-cursor:after{background:var(--ink)}
.process-ideas-index>summary{padding:28px 0;cursor:pointer;font-size:clamp(13px,1.2vw,17px);font-weight:500;letter-spacing:-.02em;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px}
.process-ideas-index>summary::-webkit-details-marker{display:none}
.process-ideas-index>summary:after{content:'↗';font-size:23px;color:#8a5e11;transition:transform .3s}
.process-ideas-index[open]>summary:after{transform:rotate(90deg)}
.process-ideas-index>div{max-width:1280px;margin:0 auto;padding:25px 0 70px}
.process-ideas-index h2{font-size:clamp(29px,4vw,52px);letter-spacing:-.045em;line-height:1.1;max-width:750px;margin:0 0 24px;font-weight:600}
.process-ideas-intro{font-size:15px;line-height:1.75;max-width:800px;color:#686157;margin-bottom:55px}
.process-ideas-index h3{font-size:19px;letter-spacing:-.03em;margin:46px 0 18px;padding-top:24px;border-top:1px solid #14121026}
.process-ideas-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 40px;list-style:none;padding:0;margin:0}
.process-ideas-list li{min-width:0;scroll-margin-top:115px}
.process-ideas-list h4{font-size:17px;line-height:1.3;letter-spacing:-.025em;margin:8px 0 12px;font-weight:600}
.process-ideas-list p{font-size:13px;line-height:1.7;color:#686157;margin:0 0 15px}
.process-ideas-list a{font-size:11px;line-height:1.5;color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
.process-ideas-list a:hover{color:#8a5e11}
@media(max-width:900px){.process-ideas-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.process-ideas-index>div{padding-bottom:45px}}
@media(max-width:550px){.process-ideas-list{grid-template-columns:1fr;gap:22px}.process-ideas-index>summary{font-size:13px;padding:23px 0}.process-ideas-intro{font-size:13px;margin-bottom:32px}.process-ideas-index h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.process-ideas-index>summary:after{transition:none}}