.sample-board-page .page-heading h1{overflow-wrap:anywhere}.board-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0 42px}.board-search{display:flex;width:min(570px,100%);border-bottom:2px solid #161616;gap:12px}.board-search input{min-width:0;flex:1;padding:15px 4px;font:inherit;border:0;background:transparent}.board-search button{white-space:nowrap;font-size:20px;font-weight:650;padding:12px}.board-account{display:flex;align-items:center;gap:24px}.board-account .button{white-space:nowrap}.board-plain{font-size:18px;color:#555;white-space:nowrap;padding:8px 0}.board-plain:hover{text-decoration:underline}.board-notice{padding:18px 24px;background:#edf5e9;color:#315734;border:1px solid #c7ddbe;margin-bottom:30px;font-size:20px}.board-error{padding:18px 22px;background:#fff1ee;border:1px solid #ebc0b6;color:#943a2b;margin-bottom:25px;font-size:18px}.board-error ul{margin:8px 0 0;padding-left:22px}.sample-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:20px;line-height:1.7;color:#666;margin-top:14px}.sample-grid .project-name{overflow-wrap:anywhere;align-items:flex-start}.sample-grid .project-meta{flex-wrap:wrap;gap:6px 16px}.sample-grid .project-meta time{font-size:16px;color:#666}.sample-upload-cover{background:#eef1ed;border:1px solid #e0e6de;aspect-ratio:1.4;overflow:hidden}.sample-upload-cover img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.project:hover .sample-upload-cover img{transform:scale(1.02)}.sample-mail-cover{height:430px;overflow:hidden;background:#ecf2e9;padding:30px 45px;pointer-events:none}.sample-mail-cover .email-client{max-width:580px;margin:auto}.board-empty{text-align:center;background:#f6f7f3;padding:70px 24px}.board-empty .service-icon{width:44px;height:44px;margin-bottom:20px;color:#62795e}.board-empty h2{font-size:32px}.board-empty p{color:#666;margin:20px 0;font-size:21px}.board-empty .text-link{font-size:20px}.board-pagination{display:flex;gap:10px;justify-content:center;margin-top:55px}.board-pagination a{min-width:44px;text-align:center;padding:8px;border:1px solid #ddd;font-size:20px}.board-pagination a[aria-current]{background:#171717;color:#fff;border-color:#171717}.sample-post-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ddd;padding-bottom:22px;margin-bottom:35px;color:#666;font-size:18px}.sample-admin-actions{display:flex;gap:28px;color:#161616}.danger-text{color:#a23a2e}.sample-detail-preview .sample-upload-cover{aspect-ratio:auto;max-height:none}.sample-detail-preview .sample-upload-cover img{max-height:900px;height:auto;object-fit:contain}.sample-detail-preview .sample-mail-cover{height:auto;max-height:950px}.sample-article-copy{max-width:1040px;margin:60px auto 70px}.sample-article-copy h2{font-size:38px;margin-bottom:25px}.sample-lead-copy{font-size:25px;line-height:1.75;margin-bottom:32px}.sample-body-copy{white-space:pre-wrap;overflow-wrap:anywhere;font-size:22px;line-height:1.9;color:#565656}.sample-link-actions{display:flex;flex-wrap:wrap;gap:25px;margin-top:40px}.board-auth{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:100px 120px;align-items:center}.auth-intro h1{font-size:clamp(36px,4vw,60px)}.auth-intro>p{font-size:28px;line-height:1.65;color:#666;margin-top:28px}.auth-intro .text-link{margin-top:40px}.board-form{font-size:21px}.login-form{padding:45px;background:#f4f6f1;border:1px solid #e4e8de}.form-heading{display:flex;align-items:center;gap:18px;margin-bottom:30px}.form-heading .service-icon{width:32px;height:32px;color:#55704f}.form-heading h2{font-size:26px}.board-form label{display:block;font-size:21px;font-weight:600;margin:25px 0 10px}.board-form label span{font-size:15px;color:#697065;font-weight:450;margin-left:12px}.board-form input:not([type=hidden]):not([type=checkbox]),.board-form textarea,.board-form select{display:block;width:100%;max-width:100%;min-width:0;font:inherit;line-height:1.5;border:1px solid #bfc6bb;background:white;padding:14px 16px;border-radius:0;color:#171717}.board-form textarea{resize:vertical}.board-form input:focus,.board-form textarea:focus,.board-form select:focus,.board-search input:focus{outline:2px solid #55704f;outline-offset:3px}.board-form input[type=file]{font-size:17px;padding:16px}.board-form input::file-selector-button{font:inherit;padding:8px 12px;border:0;background:#e8edde;margin-right:12px;cursor:pointer}.board-form input::placeholder,.board-form textarea::placeholder{color:#878e82}.login-form>.button{width:100%;justify-content:space-between;margin-top:30px}.form-hint{font-size:16px!important;color:#6c7267;line-height:1.7;margin-top:12px}.board-editor{max-width:1040px;padding-block:30px 100px}.editor-form{border-top:2px solid #1b1b1b;padding-top:15px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:35px;padding-top:28px;border-top:1px solid #ddd}.board-secondary{font-size:20px;padding:12px 20px}.editor-current-image{padding:18px;background:#f6f7f3;margin-bottom:15px}.editor-current-image img{max-height:200px;width:auto;max-width:100%}.board-form .checkbox-label{display:flex;align-items:center;gap:10px;font-size:17px;margin:14px 0 0}.checkbox-label input{width:20px;height:20px}.board-delete{max-width:850px;padding-block:100px}.board-delete h1{font-size:44px}.board-delete>p{margin-top:24px;color:#666;font-size:22px}.board-delete>.delete-title{padding:22px;background:#f7f4f0;color:#161616;font-size:26px;overflow-wrap:anywhere}.danger-button{background:#a13b2e;color:white}.danger-button:hover{background:#812e23}
@media(max-width:1100px){.board-auth{gap:40px}.login-form{padding:30px}.board-tools{align-items:flex-start}.board-account{flex-wrap:wrap;gap:12px 20px}.sample-mail-cover{padding:20px;height:400px}}
@media(max-width:760px){.board-tools{flex-direction:column;gap:22px}.board-search{width:100%}.board-search input{font-size:19px}.board-search button{font-size:18px}.board-account{width:100%;justify-content:flex-end}.sample-summary{font-size:18px}.sample-grid .project-meta{font-size:16px}.sample-grid .project-meta time{font-size:14px}.sample-mail-cover{height:380px}.sample-post-meta{align-items:flex-start;flex-direction:column;font-size:16px}.sample-admin-actions{gap:24px}.sample-article-copy{margin-block:40px}.sample-article-copy h2{font-size:30px}.sample-lead-copy{font-size:22px}.sample-body-copy{font-size:20px}.sample-link-actions{flex-direction:column;align-items:flex-start}.sample-detail-preview .sample-mail-cover{padding:18px}.board-auth{grid-template-columns:1fr;gap:35px;padding-block:55px 65px}.auth-intro h1{font-size:38px}.auth-intro>p{font-size:23px;margin-top:20px}.auth-intro .text-link{margin-top:22px;font-size:18px}.login-form{padding:25px 22px}.form-heading{gap:12px}.form-heading h2{font-size:22px}.board-form{font-size:19px}.board-form label{font-size:20px}.board-form label span{font-size:13px;margin-left:6px}.form-columns{grid-template-columns:1fr;gap:0}.board-editor{padding-block:10px 65px}.editor-actions{gap:14px}.editor-actions .button,.board-secondary{font-size:18px}.editor-actions .button{padding:14px 20px}.board-delete{padding-block:65px}.board-delete h1{font-size:34px}.board-delete>p{font-size:20px}.board-delete>.delete-title{font-size:23px}.board-notice,.board-error{font-size:18px;padding:16px}.board-empty{padding:45px 20px}.board-empty h2{font-size:27px}}

/* Keep the sample collection close to its title. */
.portfolio-page.sample-board-page .page-heading{display:grid;grid-template-columns:auto 1fr;column-gap:36px;align-items:center}
.portfolio-page.sample-board-page .page-heading>.breadcrumb{grid-column:1/-1}
.portfolio-page.sample-board-page .page-heading>p{margin-top:0}
.sample-board-page .board-section{padding-top:24px}
.sample-board-page .portfolio-toolbar{align-items:center;gap:16px;margin-bottom:0;padding-bottom:16px}
.sample-count{font-size:18px;color:#666;white-space:nowrap}
.sample-count strong{color:#161616}
.sample-board-page .board-tools{margin:18px 0 26px}
@media(max-width:1100px){
 .portfolio-page.sample-board-page .page-heading{display:block}
 .portfolio-page.sample-board-page .page-heading>p{margin-top:10px}
 .sample-board-page .portfolio-toolbar{flex-wrap:wrap}
}
@media(max-width:760px){
 .sample-board-page .board-section{padding-top:18px}
 .sample-board-page .portfolio-toolbar{gap:10px;padding-bottom:12px}
 .sample-board-page .portfolio-toolbar .filter-group{width:100%;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:thin}
 .sample-board-page .portfolio-toolbar .filter{flex:0 0 auto;white-space:nowrap}
 .sample-count{font-size:16px}
 .sample-board-page .board-tools{margin:14px 0 22px;gap:14px}
}