/* Public document pages use the same visual system as the portfolio dialogs. */
.document-main{padding-top:42px;padding-bottom:62px}
.document-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin-bottom:26px;color:var(--muted)}
.document-breadcrumb a{color:var(--cream,#eee5d4);text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:5px}
.document-shell{max-width:1060px;margin:auto;background:var(--paper,#eee5d4);color:#242321;border:1px solid #9b8c72}
.document-shell h1{font-family:var(--pixel);font-size:clamp(32px,5vw,60px);line-height:1.1}
.document-shell .project-gallery{padding-bottom:24px}
.document-shell .project-detail-header h1,.document-shell .article-header h1{margin:8px 0 20px}
.document-shell .project-detail-info h2{font:800 13px/1.4 var(--body);letter-spacing:0;margin-bottom:8px}
.document-shell .article-cover img{width:100%;max-height:510px;object-fit:contain}
.document-shell .article-body{max-width:820px;margin:auto}
.document-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.document-links a{font-size:13px;border-bottom:2px solid var(--amber);padding-bottom:4px}
.project-fallback-links{display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:20px;font-size:12px}
.has-js .project-fallback-links{display:none}
.no-script-note{font-size:12px;margin-top:18px}
.contact-action .service-area{max-width:360px;margin:18px 0 0;font-size:11px;line-height:1.8;color:var(--muted)}
@media(max-width:740px){.document-main{padding-top:25px;padding-bottom:38px}.document-shell .project-detail-header,.document-shell .article-header{padding:25px 20px}.document-shell .project-detail-info{display:block}.document-shell .project-detail-info>div+div{margin-top:18px}.document-breadcrumb{font-size:11px}.document-shell .gallery-image-stage{min-height:220px}.document-shell .project-end{padding:20px}.document-shell .article-body{padding:23px}}