.journal-tools{display:flex;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.journal-tools label{font-size:12px;font-weight:600;display:grid;gap:8px;flex:1}.journal-tools input,.journal-tools select{padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:15px}.journal-tools+ p{margin-bottom:25px}.article-figure{margin:25px 0}.article-figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px}.article-figure figcaption,.study-figure figcaption{font-size:11px;color:var(--muted);margin-top:9px}.article-toc{background:#f5f2fa;border-radius:14px;padding:24px;margin:30px 0;display:grid;gap:10px}.article-toc strong{margin-bottom:5px}.article-toc a{font-size:14px;color:var(--violet)}.article .prose h2{scroll-margin-top:110px}.article-end{padding:30px;background:#f3f5ee;border-radius:16px;margin-top:35px}.article-end h2{font-size:30px;margin:16px 0 24px}.portfolio-note{font-size:12px;color:var(--muted);padding-bottom:25px}.work-card p{font-size:14px;color:var(--muted);margin:12px 0;max-width:580px}.work-card .text-link{font-size:13px}.work-grid{row-gap:45px}.work-card img{transition:transform .4s}.work-card:hover img{transform:translateY(-4px)}.study-figure{margin:0}.study-figure .case-image{width:100%;height:auto;max-height:700px;object-fit:cover}.study-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;margin:55px 0}.study-grid .prose h2{margin-top:15px}.study-scope{background:#f3f0f8;border-radius:18px;padding:32px;align-self:start}.study-scope h3{font-size:24px;margin:15px 0}.study-scope ul{padding-left:20px;margin:25px 0;line-height:1.9;font-size:15px}.study-scope .text-link{display:block;margin-top:20px;font-size:13px}.work-grid+.info-note{margin-top:45px}@media(max-width:700px){.journal-tools{flex-direction:column}.study-grid{grid-template-columns:1fr;gap:25px;margin:35px 0}.study-scope{padding:24px}.article-toc{padding:20px}.journal-tools input,.journal-tools select{font-size:16px}}@media(prefers-reduced-motion:reduce){.work-card img{transition:none}}.article-toc{position:static;inset:auto;box-shadow:none;flex-wrap:nowrap;font-weight:400}.article-toc strong{font-weight:700}
/* Compact Work collection and study pages; other sections retain their layouts. */
.work-page .wrap{max-width:1120px}
.work-page .page-intro{padding-top:30px;padding-bottom:20px}
.work-page .page-intro h1{font-size:clamp(32px,3.5vw,46px);letter-spacing:-1.6px;margin:12px 0;line-height:1.12}
.work-page .page-intro h1 br{display:none}
.work-page .page-intro h1 em{margin-left:.12em}
.work-page .page-intro>p{font-size:15px;max-width:760px;line-height:1.6}
.work-page .portfolio-note{padding-bottom:16px;font-size:11px}
.work-page .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px}
.work-page .work-card{min-width:0;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;background:#fff}
.work-page .work-card:first-child{grid-column:auto}
.work-page .work-card img,.work-page .work-card:first-child img{aspect-ratio:16/9;height:auto;max-height:180px;border-radius:9px;margin-bottom:12px;object-fit:cover}
.work-page .work-card .category{font-size:10px;line-height:1.5}
.work-page .work-card h3{font-size:19px;line-height:1.3;margin:7px 0 0;letter-spacing:-.4px}
.work-page .work-card p{font-size:13px;line-height:1.55;margin:9px 0 12px}
.work-page .work-card .text-link{margin-top:auto;font-size:12px;padding-top:3px}
.work-page .work-grid+.info-note{margin-top:24px;padding:20px}
.work-page .section{padding-bottom:40px}
.work-page .breadcrumbs{padding-top:22px}
.work-page .study-figure .case-image{max-height:340px;object-fit:contain;background:#f8f7fa;border-radius:14px}
.work-page .study-grid{gap:35px;margin:30px 0}
.work-page .study-grid h2{font-size:30px;letter-spacing:-.7px}
.work-page .study-grid p{font-size:15px}
.work-page .study-scope{padding:24px}
.work-page .study-scope h3{font-size:21px}
.work-page .study-scope ul{margin:16px 0;font-size:14px}
@media(min-width:701px) and (max-width:1000px){.work-page .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:700px){
.work-page .wrap{width:calc(100% - 32px)}
.work-page .page-intro{padding-top:23px;padding-bottom:16px}
.work-page .page-intro h1{font-size:32px;letter-spacing:-1px;margin:10px 0}
.work-page .page-intro>p{font-size:14px;line-height:1.5}
.work-page .portfolio-note{font-size:10px;line-height:1.5;padding-bottom:14px}
.work-page .work-grid{grid-template-columns:1fr;gap:12px}
.work-page .work-card{display:grid;grid-template-columns:108px minmax(0,1fr);column-gap:13px;row-gap:5px;padding:12px;align-content:start}
.work-page .work-card img,.work-page .work-card:first-child img{grid-column:1;grid-row:1/5;width:108px;height:108px;aspect-ratio:1;max-height:none;margin:0;object-fit:cover}
.work-page .work-card .category,.work-page .work-card h3,.work-page .work-card p,.work-page .work-card .text-link{grid-column:2;margin:0}
.work-page .work-card .category{font-size:9px}
.work-page .work-card h3{font-size:16px;line-height:1.3}
.work-page .work-card p{font-size:12px;line-height:1.45}
.work-page .work-card .text-link{font-size:11px;padding-top:5px;min-height:28px}
.work-page .study-figure .case-image{max-height:230px;aspect-ratio:3/2}
.work-page .study-grid{gap:22px;margin:25px 0}
.work-page .study-grid h2{font-size:27px}
.work-page .study-scope{padding:20px}
.work-page .study-scope .button{padding:13px 16px}
}
@media(max-width:360px){.work-page .work-card{grid-template-columns:80px minmax(0,1fr);gap:8px}.work-page .work-card img,.work-page .work-card:first-child img{width:80px;height:96px}.work-page .page-intro h1{font-size:29px}}
.article-table{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:10px}.article-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}.article-table th,.article-table td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--line)}.article-table th{background:#f5f2fa}.article-table:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.article-figure img{object-fit:contain;background:#f5f2fa}.prose ol{padding-left:24px;line-height:1.8}.prose a{overflow-wrap:anywhere}