/* Named destinations are quiet filled controls; arrows belong to direction controls. */
.action-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;min-height:48px;padding:12px 25px;border:0;border-radius:999px;background:#e8ece3;color:var(--green,#123f32);font:400 14px/1.6 "Microsoft JhengHei","PingFang TC",sans-serif;letter-spacing:.08em;text-decoration:none;white-space:normal;text-align:center;max-width:100%;box-sizing:border-box;transition:background .25s,color .25s,transform .25s}
.action-button:hover{background:#dce4d6;color:#123f32;transform:translateY(-2px)}
.action-button:active{transform:translateY(1px) scale(.98)}
.action-button:focus-visible{outline:2px solid var(--gold,#ad9250);outline-offset:4px}
.action-button--compact{min-height:42px;padding:9px 19px;font-size:12px;letter-spacing:.05em}
.about-copy .action-button{margin-top:32px}
.page-cta .action-button{background:var(--paper,#f8f7f2);color:var(--green,#123f32);flex-shrink:0}
.page-cta .action-button:hover{background:#e1e8d9}
.welcome-copy .action-button{margin-top:30px;background:var(--green,#123f32);color:var(--paper,#f8f7f2);min-height:50px;padding:12px 26px;justify-self:start}
.welcome-copy .action-button:hover{background:#285947}
.home-footer .action-button,.deck-footer .action-button{font-size:12px;color:var(--green,#123f32)}
.deck-end>.action-button{padding:12px 25px;font-size:14px}
.real-project-visual figcaption .action-button{font-size:12px;color:var(--green,#123f32)}
.article-pagination .action-button,.project-pagination .action-button{max-width:60%;line-height:1.8;white-space:normal}
.photo-viewer footer>.action-button{text-decoration:none;font-size:12px}
.contact-submit{border-radius:999px;min-height:48px;transition:background .25s,transform .25s}
.contact-submit:active{transform:scale(.98)}
@media(max-width:760px){
 .action-button{min-height:46px;padding:11px 22px;font-size:13px}
 .action-button--compact{min-height:42px;padding:9px 17px;font-size:12px}
 .welcome-copy .action-button{grid-column:1;grid-row:3;margin-top:15px;min-height:46px;padding:10px 20px;font-size:13px;letter-spacing:.04em}
 .home-footer .action-button,.deck-footer .action-button{font-size:11px}
 .article-pagination .action-button,.project-pagination .action-button{max-width:100%;align-self:start}
 .real-project-visual figcaption .action-button{align-self:start}
}
@media(max-width:360px){.welcome-copy .action-button{font-size:12px;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.action-button,.contact-submit{transition:none}.action-button:hover{transform:none}}
.journal-list a .journal-title,.contact-details dd a{text-underline-offset:.3em;text-decoration-thickness:1px}
.journal-list a:hover .journal-title,.journal-list a:focus-visible .journal-title,.contact-details dd a:hover{text-decoration:underline}
.journal-list a:focus-visible,.contact-details dd a:focus-visible{outline:2px solid var(--gold,#ad9250);outline-offset:5px}