/* Shared owner/guest layout safeguards. Keep document canvases independently scrollable. */
.fd-heading-actions,.fd-title-row,.fd-point-detail-heading>div,.fd-guest-point-heading h2,
.fd-detail-actions,.fd-canvas-heading h2,.fd-breadcrumbs>*{min-width:0}
.fd-heading-actions>.fd-btn,.fd-breadcrumbs .fd-btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.fd-breadcrumbs .fd-btn{text-align:left;justify-content:flex-start}
.fd-point-detail-heading,.fd-point-actions,.fd-media-actions,.fd-record-buttons,.fd-detail-actions{flex-wrap:wrap}
.fd-dialog-header h2,.fd-guest-detail-head h2{min-width:0;overflow-wrap:anywhere}
.fd-dialog-header>.fd-icon-btn{flex-shrink:0}
.fd-dialog,.fd-guest-detail{max-width:calc(100vw - 24px);overscroll-behavior:contain;scroll-padding-top:100px}
.fd-dialog input,.fd-dialog select,.fd-guest-detail input,.fd-guest-detail select{min-width:0;max-width:100%}
.fd-more-panel{position:fixed;right:auto;top:auto;width:min(264px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;z-index:45}
.fd-more-panel>.fd-btn{min-height:44px;padding:10px 12px;text-align:left;white-space:normal;overflow-wrap:anywhere}
.fd-more-panel>.fd-btn>span{min-width:0}
.fd-guest-detail-head{top:0;padding:20px 24px}
.fd-guest-detail-head>strong{font-size:20px;line-height:1.35}
.fd-guest-detail-body{padding:24px;background:#f4f7fa}
.fd-guest-detail .fd-guest-detail-body>.fd-guest-point{margin:0;padding:0;border:0;box-shadow:none;background:transparent}
.fd-guest-detail .fd-guest-point-heading{align-items:flex-start;margin-bottom:10px}
.fd-guest-detail .fd-guest-point-heading h2{font-size:22px;line-height:1.4}
.fd-guest-detail .fd-guest-media{padding:18px;background:#fff}
.fd-guest-detail .fd-guest-media h3{font-size:16px;line-height:1.5}
.fd-guest-detail .fd-guest-media>img,.fd-guest-detail .fd-guest-media>video{width:100%;height:clamp(220px,48dvh,460px);object-fit:contain}
.fd-guest-detail .fd-guest-media>.fd-pdf-thumbnail{height:clamp(240px,48dvh,460px)}
.fd-guest-detail .fd-guest-media .fd-btn{font-size:14px;min-height:44px}
.fd-guest-detail .fd-guest-media audio{min-width:0;width:100%}
.fd-guest-detail .fd-guest-point>.fd-help{margin-bottom:20px}
.fd-guest-detail .fd-replies{margin-top:24px;padding-top:24px;border-top:1px solid var(--fd-line)}
.fd-guest-detail .fd-replies>h2{font-size:20px}
.fd-guest-detail .fd-guest-point-actions:empty{display:none}
.fd-media-card:only-child{grid-column:1/-1}
.fd-dialog-body,.fd-guest-detail-body,.fd-note,.fd-help,.fd-reply-heading,.fd-share-created,.fd-share-card{overflow-wrap:anywhere}
@media(max-width:700px){
 .fd-guest-detail-head{padding:16px 18px;gap:10px}
 .fd-guest-detail-head>strong{font-size:18px}
 .fd-guest-detail-body{padding:18px}
 .fd-guest-detail .fd-guest-point-heading h2{font-size:19px}
 .fd-guest-detail .fd-guest-media{padding:14px}
 .fd-guest-detail .fd-guest-media>img,.fd-guest-detail .fd-guest-media>video{height:clamp(200px,38dvh,360px)}
 .fd-guest-detail .fd-guest-media>.fd-pdf-thumbnail{height:clamp(240px,40dvh,360px)}
}
@media(max-width:400px){
 .fd-heading-actions>.fd-btn{flex:1 1 100%}
 .fd-guest-detail-head>.fd-detail-actions:has(>.fd-btn:nth-child(2)){width:100%;justify-content:flex-end}
 .fd-guest-detail-head>.fd-detail-actions>.fd-btn{flex:1}
 .fd-dialog-header,.fd-guest-detail-head{padding-inline:14px}
 .fd-dialog-body,.fd-guest-detail-body{padding-inline:14px}
 .fd-view-toolbar{gap:7px}
 .fd-view-toolbar .fd-zoom{margin-left:auto}
}
@media(max-height:500px){
 .fd-dialog,.fd-guest-detail{max-height:calc(100dvh - 16px)}
 .fd-dialog-header,.fd-guest-detail-head{padding-block:10px}
 .fd-composer-footer{position:static}
}
/* A short audio card must not stretch to the height of its neighbouring photo. */
.fd-btn.fd-delete-icon{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid #8a9aa3;border-radius:50%;color:#526571;background:#fff}
.fd-btn.fd-delete-icon:hover{border-color:#a0443e;color:#a0443e;background:#fff6f5}
.fd-project-card-footer{display:flex;align-items:center;gap:14px;margin:0 26px 20px;padding-top:14px;border-top:1px solid #b6c6d3;color:#435b72;font-size:12px}
.fd-project-meta{display:flex;flex:1;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;min-width:0}
.fd-project-meta>time{white-space:nowrap}
.fd-title-actions{display:flex;flex:none;align-items:center;gap:8px}
.fd-title-row:has(>.fd-title-actions)>h1{flex:1;min-width:0}
.fd-page-heading>div:has(>.fd-eyebrow) .fd-title-row:has(>.fd-title-actions){display:flex;align-items:flex-start}
@media(max-width:600px){
 .fd-project-card-footer{margin-inline:22px}
 .fd-title-actions{gap:6px}
 .fd-page-heading>div:has(>.fd-eyebrow) .fd-title-row:has(>.fd-title-actions){display:block;position:relative}
 .fd-page-heading>div:has(>.fd-eyebrow) .fd-title-row>.fd-title-actions{position:absolute;top:-46px;right:0}
 .fd-page-heading>div:has(>.fd-eyebrow)>.fd-eyebrow{padding-right:106px}
}
.fd-point-card-actions{display:flex;align-items:center;gap:14px;margin-top:12px}
.fd-point-card-actions>.fd-card-open{flex:1;min-width:0;width:auto;margin:0;padding:8px 0;white-space:normal;text-align:left}
.fd-point-card-actions>.fd-point-delete{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #8a9aa3;border-radius:50%;color:#526571;background:#fff}
.fd-point-card-actions>.fd-point-delete:hover{border-color:#a0443e;color:#a0443e;background:#fff6f5}
.fd-reply-author{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}
.fd-reply-owner{display:inline-block;padding:3px 8px;border-radius:6px;background:#e4f3f5;color:#07596c;font-size:12px;font-weight:600;line-height:1.4}
.fd-owner-reply-form{margin-top:22px;padding-top:20px;border-top:1px solid #acbac4}
.fd-owner-reply-form .fd-field{margin-bottom:8px}
.fd-owner-reply-form .fd-input-wrap:has(.fd-mic) textarea{padding-right:60px}
.fd-owner-reply-form .fd-help{margin:8px 0 12px}
.fd-owner-reply-form>.fd-btn{min-height:46px}
@media(max-width:600px){.fd-owner-reply-form>.fd-btn{width:100%}}
.fd-media-grid,.fd-guest-detail .fd-guest-media-grid{align-items:start}
.fd-guest-detail .fd-guest-media:has(audio){grid-column:auto}
.fd-guest-detail .fd-guest-media:only-child{grid-column:1/-1}
.fd-guest-detail .fd-guest-media>img,.fd-guest-detail .fd-guest-media>video{height:auto;aspect-ratio:4/3;min-height:200px;max-height:min(50dvh,460px)}
@media(max-width:600px){
 .fd-ext .dialog footer{flex-wrap:wrap}
 .fd-ext .dialog footer>.button{flex:1 1 160px;min-width:0;white-space:normal}
}

/* The brand is the home link in the header and navigation drawer. */
.fd-brand-home{text-decoration:none;border-radius:6px;cursor:pointer}
.fd-brand-home:focus-visible{outline:3px solid #00738b;outline-offset:5px}

.fd-content-list-footer{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center;margin:24px 0}.fd-content-list-footer[hidden]{display:none}

/* External video references: a local placeholder until the visitor opts in. */
.fd-external-preview{display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:#e4edf5;color:#172a42;text-align:center;border-radius:12px;overflow:hidden;box-sizing:border-box;width:100%}.fd-external-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#006d88;color:#fff;font-size:25px}.fd-external-preview>span:last-child{font-size:14px;color:#42576d}.fd-external-video{padding:16px;min-width:0}.fd-external-actions{display:flex;gap:12px;flex-wrap:wrap}.fd-external-player{border:0;display:block;width:100%;height:440px;max-height:70vh;background:#fff}.fd-external-player:is(video){height:auto;min-height:180px}.fd-external-loaded{padding:0}.fd-external-actions a{overflow-wrap:anywhere}.fd-video-modes{gap:10px;flex-wrap:wrap;margin:14px 0}.fd-ext .fd-video-modes .button{flex:1 1 190px}.fd-ext label.checkbox{align-items:flex-start}.fd-photo-open>.fd-external-preview{border-radius:0}.fd-mini-media .fd-external-preview{min-height:140px;padding:12px}.fd-mini-media .fd-external-preview strong{font-size:15px}
.fd-external-trigger{appearance:none;border:2px solid transparent;font:inherit;line-height:1.5;text-decoration:none;cursor:pointer;touch-action:manipulation;white-space:normal}.fd-external-trigger:hover{border-color:#006d88;background:#daeaf2}.fd-external-trigger:focus-visible{outline:3px solid #006d88;outline-offset:3px}.fd-external-trigger:active{background:#cfe5ee}.fd-external-trigger>.fd-external-cta{color:#006d88;font-weight:700;text-decoration:underline;text-underline-offset:3px}.fd-external-stage{min-width:0;width:100%;overflow-wrap:anywhere}
/* Local drafts remain visible on mobile without crowding the media controls. */
.fd-local-drafts{margin:16px 24px;padding:20px;background:#fff;border:1px solid #8da3b3;border-left:5px solid #006d88;border-radius:16px;color:#172a42}
.fd-local-drafts[hidden]{display:none}.fd-local-drafts h2{font-size:1.1rem;margin:0 0 8px}.fd-local-draft{padding:14px 0;border-top:1px solid #d5e1e8}.fd-local-draft strong,.fd-local-draft small{display:block;overflow-wrap:anywhere}.fd-local-draft small{color:#42576d;margin-top:5px}.fd-local-draft-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.fd-local-draft .fd-form-error:empty{display:none}.fd-draft-warning{color:#913b2d!important;font-weight:600}.fd-composer-footer .fd-draft-state{width:100%;overflow-wrap:anywhere}.fd-composer-footer>.fd-link-btn{width:100%}.fd-guest-content>.fd-local-drafts{margin:0 0 20px}
@media(max-width:600px){.fd-local-drafts{margin:12px 16px;padding:16px}.fd-local-draft-actions .fd-btn{flex:1 1 140px}}

/* Transfer controls stay usable while the surrounding editor is saving. */
.fd-transfer{box-sizing:border-box;width:100%;margin:16px 0;padding:18px;border:1px solid #8ba5b2;border-radius:16px;background:#edf7fa;color:#203a55;text-align:left;font:inherit}
.fd-transfer>strong{display:block;overflow-wrap:anywhere}.fd-transfer p{margin:10px 0;line-height:1.45}.fd-transfer progress{display:block;width:100%;height:14px;accent-color:#087e95}.fd-transfer small{display:block;line-height:1.5;margin-top:12px;color:#465e69}.fd-transfer-actions{display:flex;gap:10px;flex-wrap:wrap}.fd-transfer-actions button{font:inherit;min-height:44px;padding:10px 20px;border:1px solid #8299a5;border-radius:24px;background:white;color:#174859;cursor:pointer}.fd-transfer-actions button:focus-visible{outline:3px solid #087e95;outline-offset:3px}.fd-transfer-actions button:disabled{opacity:.55;cursor:wait}.fd-transfer-detail{font-variant-numeric:tabular-nums;font-size:.9em}body>.fd-transfer{position:fixed;bottom:12px;left:12px;right:12px;width:auto;z-index:10000;max-width:600px}

.fd-storage-summary{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:24px clamp(16px,3vw,40px) 0;padding:18px 22px;border:1px solid #9fbcc7;border-left:5px solid #047d94;border-radius:16px;background:#fff;color:#203a55;overflow-wrap:anywhere}.fd-storage-summary>div{min-width:0;flex:1}.fd-storage-summary p{margin:7px 0}.fd-storage-summary progress{display:block;width:100%;max-width:360px;height:12px;accent-color:#047d94;margin:10px 0}.fd-storage-summary a{color:#07596b;font-weight:700}.fd-storage-summary small{color:#4c5e68}.fd-storage-warning{color:#8b3c34}@media(max-width:560px){.fd-storage-summary{align-items:flex-start;flex-direction:column;gap:10px}.fd-storage-summary>div{width:100%}}

.fd-storage-links{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%}

.fd-site-links{display:flex;flex-wrap:wrap;gap:0 18px;padding-top:12px;border-top:1px solid #c3d4de}.fd-site-links a{display:inline-flex;align-items:center;min-height:44px;color:#075c6e;font-size:14px;font-weight:650;text-decoration:underline;overflow-wrap:anywhere}