/*
 * Full Text — tool-specific styles (page cards + centered modal). Requires
 * ../../shared/css/tokens.css and ../../shared/css/tool-shell.css loaded
 * first. Source: build_docs/design_handoff_witch_tools/redesign/tools.html.
 */

.ft-page { border: 1px solid var(--desk); border-radius: 3px; padding: 24px 26px; margin-top: 20px; background: var(--paper); cursor: pointer; transition: border-color 150ms; }
.ft-page:hover { border-color: var(--rust); }
.ft-meta { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-mid); margin-bottom: 10px; }
.ft-title { font-size: 16px; font-weight: 600; color: var(--ink); margin-bottom: 10px; }
.ft-fulltext { font-family: Georgia, 'Times New Roman', serif; font-size: 15.5px; line-height: 1.75; color: var(--ink-soft); font-style: italic; }
.ft-fulltext mark, .ft-modal-body mark { background: var(--ochre); color: var(--ink); font-style: normal; padding: 0 2px; border-radius: 2px; }

#ftModal { position: fixed; inset: 0; z-index: 200; display: none; }
#ftModal.open { display: block; }
.ft-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.45); }
.ft-modal { position: relative; margin: 60px auto; max-width: 640px; max-height: 80vh; overflow-y: auto; background: var(--paper); border-radius: 4px; padding: 40px 44px; box-shadow: 0 30px 80px rgba(0,0,0,.4); }
.ft-modal-close { all: unset; position: absolute; top: 16px; right: 20px; font-size: 24px; line-height: 1; color: var(--ink-mid); cursor: pointer; }
.ft-modal-close:hover { color: var(--ink); }
.ft-modal-meta { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-mid); margin-bottom: 10px; }
.ft-modal-title { font-size: 22px; font-weight: 600; color: var(--ink); margin: 0 0 18px; }
.ft-modal-body { font-family: Georgia, 'Times New Roman', serif; font-size: 15.5px; line-height: 1.75; color: var(--ink-soft); font-style: italic; }
.ft-modal-actions { margin-top: 28px; display: flex; align-items: center; gap: 12px; }
.ft-modal-copy { all: unset; cursor: pointer; padding: 9px 16px; border-radius: 20px; background: var(--ink); color: var(--paper); font-size: 12.5px; font-weight: 600; }
.ft-modal-copy:hover { background: var(--rust); }
.ft-source-link { font-size: 12.5px; color: var(--rust); text-decoration: underline; }
.ft-source-link:hover { color: var(--ochre); }
.ft-modal-copied { font-size: 12px; color: var(--ink-mid); opacity: 0; transition: opacity 150ms; }
.ft-modal-copied.show { opacity: 1; }
.ft-prompt { margin-top: 44px; color: var(--ink-mid); font-size: 14px; }