/*
 * PDFRaj Engine — proprietary.
 * Copyright (c) 2026 Aditya Raj. All rights reserved.
 * Author: Aditya Raj. Unauthorized copying, distribution, or resale of this
 * source, in whole or in part, is prohibited.
 */
/**
 * Client section vocabulary (Phase 8 — faithful design parity).
 *
 * The client SEO designs use a richer set of section classes than the original
 * compress-era Page Builder partials emitted. This file ports those classes
 * verbatim from the delivered designs so page_sections render section-for-
 * section faithful. Scoped under .pdfraj-tool-v2; loaded only on v2 pages that
 * have page_sections. Does NOT redefine feat-card / use-card / lvl-card (those
 * stay owned by pdfraj-tool-v2.css so compress is untouched).
 */

.pdfraj-tool-v2 {
	--web: #0EA5E9;
	--webt: #E0F2FE;
	--webm: #38BDF8;
	--r6: 6px;
	--r8: 8px;
	--r24: 24px;
	--sl: 0 12px 48px rgba(12,15,28,.11), 0 4px 12px rgba(12,15,28,.05);
	--excel: #217346;
	--excelt: #E8F5EE;
}

/* Features (horizontal grid variant, purple icon) */
.pdfraj-tool-v2 .feat-grid-h { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin-top: 48px; }
.pdfraj-tool-v2 .feat-card-h { background: var(--card); border: 1.5px solid var(--bdr); border-radius: var(--r16); padding: 22px 20px; transition: all .18s; position: relative; overflow: hidden; }
.pdfraj-tool-v2 .feat-card-h:hover { border-color: var(--pm); box-shadow: var(--sm); transform: translateY(-2px); }
.pdfraj-tool-v2 .feat-card-h::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg,var(--p),var(--pm)); }
.pdfraj-tool-v2 .feat-ico-sm { width: 40px; height: 40px; background: var(--pt); border-radius: var(--r12); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.pdfraj-tool-v2 .feat-ico-sm svg { width: 20px; height: 20px; color: var(--p); }
.pdfraj-tool-v2 .feat-h-sm { font-family: var(--fd); font-size: 16px; font-weight: 700; color: var(--text); margin-bottom: 8px; letter-spacing: -.3px; }
.pdfraj-tool-v2 .feat-p-sm { font-size: 13px; color: var(--t2); line-height: 1.65; }

/* Digital vs scanned cards (dtype) */
.pdfraj-tool-v2 .dtype-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; }
.pdfraj-tool-v2 .dtype-card { border: 1.5px solid var(--bdr); border-radius: var(--r20); padding: 28px 26px; transition: border-color .18s; background: var(--card); }
.pdfraj-tool-v2 .dtype-card:hover { border-color: var(--pm); }
.pdfraj-tool-v2 .dtype-ico { width: 48px; height: 48px; border-radius: var(--r12); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; background: var(--excelt); }
.pdfraj-tool-v2 .dtype-ico svg { width: 24px; height: 24px; color: var(--excel); }
.pdfraj-tool-v2 .dtype-h { font-family: var(--fd); font-size: 18px; font-weight: 700; color: var(--text); margin-bottom: 8px; letter-spacing: -.3px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pdfraj-tool-v2 .dtype-badge { font-family: var(--fd); font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 100px; background: var(--excelt); color: var(--excel); }
.pdfraj-tool-v2 .dtype-p { font-size: 14px; color: var(--t2); line-height: 1.65; }

@media (max-width: 860px) {
	.pdfraj-tool-v2 .feat-grid-h { grid-template-columns: 1fr; }
	.pdfraj-tool-v2 .dtype-cards { grid-template-columns: 1fr; }
}

/* Prose callout (What is…) */
.pdfraj-tool-v2 .edu-box { background: var(--pt); border: 1.5px solid var(--pm); border-radius: var(--r16); padding: 22px 26px; margin-bottom: 24px; display: flex; gap: 14px; align-items: flex-start; }
.pdfraj-tool-v2 .edu-box svg { width: 20px; height: 20px; color: var(--p); flex-shrink: 0; margin-top: 2px; }
.pdfraj-tool-v2 .edu-box p { font-size: 16px; color: var(--text); line-height: 1.7; }
.pdfraj-tool-v2 .edu-box strong { color: var(--p); }

/* How it works — numbered variant */
.pdfraj-tool-v2 .how-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 48px; max-width: 920px; margin-left: auto; margin-right: auto; }
.pdfraj-tool-v2 .how-card { background: var(--card); border: 1.5px solid var(--bdr); border-radius: var(--r20); padding: 28px 26px; display: flex; gap: 18px; align-items: flex-start; position: relative; overflow: hidden; transition: border-color .18s, box-shadow .18s; }
.pdfraj-tool-v2 .how-card:hover { border-color: var(--pm); box-shadow: var(--sm); }
.pdfraj-tool-v2 .how-n { font-family: var(--fd); font-size: 52px; font-weight: 800; color: var(--p); opacity: .06; position: absolute; top: 10px; right: 16px; line-height: 1; user-select: none; }
.pdfraj-tool-v2 .how-ico { width: 48px; height: 48px; min-width: 48px; background: var(--p); border-radius: var(--r12); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(82,71,220,.28); }
.pdfraj-tool-v2 .how-ico svg { width: 22px; height: 22px; color: #fff; }
.pdfraj-tool-v2 .how-h { font-family: var(--fd); font-size: 18px; font-weight: 700; color: var(--text); margin-bottom: 8px; letter-spacing: -.3px; }
.pdfraj-tool-v2 .how-p { font-size: 14px; color: var(--t2); line-height: 1.65; }

/* Why — 3-up card grid */
.pdfraj-tool-v2 .why-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 48px; }
.pdfraj-tool-v2 .why-card { background: var(--card); border: 1.5px solid var(--bdr); border-radius: var(--r16); padding: 22px 20px; transition: border-color .18s; }
.pdfraj-tool-v2 .why-card:hover { border-color: var(--pm); }
.pdfraj-tool-v2 .why-ico { width: 42px; height: 42px; border-radius: var(--r12); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; background: var(--webt); }
.pdfraj-tool-v2 .why-ico svg { width: 21px; height: 21px; color: var(--web); }
.pdfraj-tool-v2 .why-h { font-family: var(--fd); font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 5px; letter-spacing: -.2px; }
.pdfraj-tool-v2 .why-p { font-size: 13px; color: var(--t2); line-height: 1.6; }

/* Use-cases — compact tiles */
.pdfraj-tool-v2 .cases-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; margin-top: 48px; }
.pdfraj-tool-v2 .case-tile { background: var(--card); border: 1.5px solid var(--bdr); border-radius: var(--r12); padding: 14px 12px; display: flex; align-items: flex-start; gap: 9px; transition: border-color .18s; }
.pdfraj-tool-v2 .case-tile:hover { border-color: var(--pm); }
.pdfraj-tool-v2 .ct-ico { width: 28px; height: 28px; min-width: 28px; border-radius: var(--r6); display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: var(--webt); }
.pdfraj-tool-v2 .ct-ico svg { width: 13px; height: 13px; color: var(--web); }
.pdfraj-tool-v2 .ct-h { font-family: var(--fd); font-size: 13px; font-weight: 700; color: var(--text); margin-bottom: 2px; }
.pdfraj-tool-v2 .ct-p { font-size: 11px; color: var(--t3); line-height: 1.5; }

/* Input types */
.pdfraj-tool-v2 .itype-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 44px; }
.pdfraj-tool-v2 .itype-card { border: 1.5px solid var(--bdr); border-radius: var(--r20); padding: 24px 22px; background: var(--card); transition: border-color .18s; }
.pdfraj-tool-v2 .itype-card:hover { border-color: var(--pm); }
.pdfraj-tool-v2 .itype-card.primary { border-color: var(--web); background: linear-gradient(135deg,rgba(14,165,233,.03),var(--card)); }
.pdfraj-tool-v2 .itype-ico { width: 44px; height: 44px; border-radius: var(--r12); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; background: var(--webt); }
.pdfraj-tool-v2 .itype-ico svg { width: 22px; height: 22px; color: var(--web); }
.pdfraj-tool-v2 .itype-h { font-family: var(--fd); font-size: 16px; font-weight: 700; color: var(--text); margin-bottom: 8px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pdfraj-tool-v2 .itype-badge { font-family: var(--fd); font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 100px; background: var(--webt); color: var(--web); }
.pdfraj-tool-v2 .itype-p { font-size: 13px; color: var(--t2); line-height: 1.6; }

/* Comparison cards (vs methods) */
.pdfraj-tool-v2 .comp-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 44px; }
.pdfraj-tool-v2 .comp-card { border: 1.5px solid var(--bdr); border-radius: var(--r16); padding: 22px 20px; background: var(--card); transition: border-color .18s; }
.pdfraj-tool-v2 .comp-card.cur { border-color: var(--web); }
.pdfraj-tool-v2 .comp-card:hover { border-color: var(--pm); }
.pdfraj-tool-v2 .comp-card.cur:hover { border-color: var(--web); }
.pdfraj-tool-v2 .comp-ico { width: 40px; height: 40px; border-radius: var(--r12); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; background: var(--webt); }
.pdfraj-tool-v2 .comp-ico svg { width: 20px; height: 20px; color: var(--web); }
.pdfraj-tool-v2 .comp-h { font-family: var(--fd); font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 6px; display: flex; align-items: center; gap: 8px; }
.pdfraj-tool-v2 .comp-badge { font-family: var(--fd); font-size: 10px; font-weight: 700; color: var(--web); background: var(--webt); border: 1px solid rgba(14,165,233,.25); border-radius: 100px; padding: 2px 8px; }
.pdfraj-tool-v2 .comp-p { font-size: 13px; color: var(--t2); line-height: 1.6; }

/* Quality split (good / review) */
.pdfraj-tool-v2 .qual-split { display: grid; grid-template-columns: 1fr 1fr; gap: 52px; }
.pdfraj-tool-v2 .qual-list { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
.pdfraj-tool-v2 .qi { display: flex; align-items: flex-start; gap: 11px; font-size: 14px; color: var(--t2); line-height: 1.6; }
.pdfraj-tool-v2 .qi svg { width: 15px; height: 15px; flex-shrink: 0; margin-top: 2px; color: var(--ok); }
.pdfraj-tool-v2 .qi.warn svg { color: var(--t3); }

/* Privacy grid */
.pdfraj-tool-v2 .priv-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 44px; }
.pdfraj-tool-v2 .pc { background: var(--card); border: 1.5px solid var(--bdr); border-radius: var(--r16); padding: 22px 18px; display: flex; gap: 12px; transition: border-color .18s; }
.pdfraj-tool-v2 .pc:hover { border-color: var(--pm); }
.pdfraj-tool-v2 .pc-ico { width: 38px; height: 38px; min-width: 38px; border-radius: var(--r8); display: flex; align-items: center; justify-content: center; background: var(--pt); }
.pdfraj-tool-v2 .pc-ico svg { width: 18px; height: 18px; color: var(--p); }
.pdfraj-tool-v2 .pc-h { font-family: var(--fd); font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.pdfraj-tool-v2 .pc-p { font-size: 13px; color: var(--t2); line-height: 1.6; }

/* Quick-answer card (single, with side panel) */
.pdfraj-tool-v2 .qa-sec { padding: 54px 0; background: var(--card); border-bottom: 1px solid var(--bdr-l); }
.pdfraj-tool-v2 .qa-card { display: grid; grid-template-columns: minmax(0,1.08fr) 360px; gap: 30px; align-items: center; background: var(--card); border: 1.5px solid var(--bdr); border-radius: var(--r24); padding: 30px; box-shadow: var(--sm); overflow: hidden; position: relative; }
.pdfraj-tool-v2 .qa-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg,var(--web),var(--p)); }
.pdfraj-tool-v2 .qa-k { font-size: 12px; font-weight: 700; letter-spacing: 1.1px; text-transform: uppercase; color: var(--web); margin-bottom: 10px; }
.pdfraj-tool-v2 .qa-h { font-family: var(--fd); font-size: 30px; font-weight: 800; line-height: 1.12; letter-spacing: -.9px; color: var(--text); margin-bottom: 12px; }
.pdfraj-tool-v2 .qa-p { font-size: 16px; color: var(--t2); line-height: 1.78; }
.pdfraj-tool-v2 .qa-p strong { color: var(--text); font-weight: 700; }
.pdfraj-tool-v2 .qa-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.pdfraj-tool-v2 .qa-pill { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: var(--web); background: var(--webt); border: 1px solid rgba(14,165,233,.18); border-radius: 100px; padding: 6px 11px; }
.pdfraj-tool-v2 .qa-side { background: var(--card); border: 1.5px solid var(--bdr); border-radius: var(--r20); padding: 18px; box-shadow: 0 8px 28px rgba(12,15,28,.07); }
.pdfraj-tool-v2 .qa-side-title { font-family: var(--fd); font-size: 16px; font-weight: 800; color: var(--text); letter-spacing: -.35px; margin-bottom: 12px; }
.pdfraj-tool-v2 .qa-row { display: flex; align-items: center; gap: 11px; padding: 10px 0; border-bottom: 1px solid var(--bdr-l); }
.pdfraj-tool-v2 .qa-row:last-child { border-bottom: none; }
.pdfraj-tool-v2 .qa-dot { width: 34px; height: 34px; border-radius: var(--r8); display: flex; align-items: center; justify-content: center; background: var(--webt); color: var(--web); font-family: var(--fd); font-size: 11px; font-weight: 800; flex-shrink: 0; }
.pdfraj-tool-v2 .qa-row strong { font-family: var(--fd); font-size: 13px; color: var(--text); display: block; }
.pdfraj-tool-v2 .qa-row span { font-size: 12px; color: var(--t3); display: block; line-height: 1.35; margin-top: 2px; }

/* SEO tag chips (prose) */
.pdfraj-tool-v2 .seo-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.pdfraj-tool-v2 .stg { font-size: 12px; color: var(--p); background: var(--pt); border-radius: 100px; padding: 3px 10px; border: 1px solid rgba(82,71,220,.15); }

/* Responsive */
@media (max-width: 860px) {
	.pdfraj-tool-v2 .how-grid { grid-template-columns: 1fr; }
	.pdfraj-tool-v2 .why-grid,
	.pdfraj-tool-v2 .priv-grid,
	.pdfraj-tool-v2 .itype-cards,
	.pdfraj-tool-v2 .comp-cards { grid-template-columns: 1fr; }
	.pdfraj-tool-v2 .cases-grid { grid-template-columns: repeat(2,1fr); }
	.pdfraj-tool-v2 .qa-card { grid-template-columns: 1fr; }
	.pdfraj-tool-v2 .qual-split { grid-template-columns: 1fr; gap: 32px; }
}

/* HTML to PDF tool zone (h2p-zone) — faithful widget, deferred-CTA submit */
.pdfraj-tool-v2 .h2p-zone{background:var(--card);border:1.5px solid var(--bdr);border-radius:var(--r24);box-shadow:var(--sl);overflow:hidden;transition:border-color .2s}
.pdfraj-tool-v2 .h2p-zone:focus-within{border-color:var(--p)}
.pdfraj-tool-v2 .h2p-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--bdr);padding:0 20px}
.pdfraj-tool-v2 .h2p-tab{font-family:var(--fd);font-size:13px;font-weight:600;color:var(--t3);padding:14px 16px;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:7px;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none}
.pdfraj-tool-v2 .h2p-tab svg{width:14px;height:14px;flex-shrink:0}
.pdfraj-tool-v2 .h2p-tab.active{color:var(--p);border-bottom-color:var(--p)}
.pdfraj-tool-v2 .h2p-tab:hover:not(.active){color:var(--text)}
.pdfraj-tool-v2 .h2p-panel{padding:28px}
.pdfraj-tool-v2 .h2p-url-row{display:flex;gap:10px;align-items:center;margin-bottom:16px}
.pdfraj-tool-v2 .h2p-url-input{flex:1;font-family:var(--fb,"Epilogue",sans-serif);font-size:15px;color:var(--text);border:1.5px solid var(--bdr);border-radius:var(--r12);padding:13px 16px;outline:none;transition:border-color .15s;background:var(--card)}
.pdfraj-tool-v2 .h2p-url-input::placeholder{color:var(--t3)}
.pdfraj-tool-v2 .h2p-url-input:focus{border-color:var(--p)}
.pdfraj-tool-v2 .h2p-convert-btn{font-family:var(--fd);font-size:14px;font-weight:700;color:#fff;background:var(--p);border:none;border-radius:var(--r12);padding:13px 22px;cursor:pointer;transition:all .18s;white-space:nowrap}
.pdfraj-tool-v2 .h2p-convert-btn:hover{background:var(--pd);transform:translateY(-1px)}
.pdfraj-tool-v2 .h2p-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.pdfraj-tool-v2 .h2p-divider-line{flex:1;height:1px;background:var(--bdr)}
.pdfraj-tool-v2 .h2p-divider-txt{font-size:12px;color:var(--t3);font-weight:500;white-space:nowrap}
.pdfraj-tool-v2 .h2p-file-zone{border:2px dashed var(--bdr);border-radius:var(--r16);padding:20px;text-align:center;cursor:pointer;transition:all .18s}
.pdfraj-tool-v2 .h2p-file-zone:hover{border-color:var(--p);background:var(--pt)}
.pdfraj-tool-v2 .h2p-file-ico{width:36px;height:36px;background:var(--pt);border-radius:var(--r8);display:flex;align-items:center;justify-content:center;margin:0 auto 8px}
.pdfraj-tool-v2 .h2p-file-ico svg{width:18px;height:18px;color:var(--p)}
.pdfraj-tool-v2 .h2p-file-txt{font-family:var(--fd);font-size:14px;font-weight:700;color:var(--text);margin-bottom:3px}
.pdfraj-tool-v2 .h2p-file-sub{font-size:12px;color:var(--t3)}
.pdfraj-tool-v2 .h2p-vis{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:22px;flex-wrap:wrap}
.pdfraj-tool-v2 .h2p-browser{width:90px;height:72px;border-radius:8px;background:linear-gradient(145deg,#0EA5E9,#0284C7);overflow:hidden;flex-shrink:0;box-shadow:0 6px 20px rgba(14,165,233,.3)}
.pdfraj-tool-v2 .h2p-browser-bar{height:14px;background:rgba(0,0,0,.2);display:flex;align-items:center;gap:3px;padding:0 5px}
.pdfraj-tool-v2 .h2p-browser-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5)}
.pdfraj-tool-v2 .h2p-browser-addr{flex:1;height:6px;background:rgba(255,255,255,.25);border-radius:3px;margin-left:4px}
.pdfraj-tool-v2 .h2p-browser-body{padding:5px 6px;display:flex;flex-direction:column;gap:2px}
.pdfraj-tool-v2 .h2p-browser-body s{height:2px;border-radius:1px;background:rgba(255,255,255,.4);display:block;text-decoration:none}
.pdfraj-tool-v2 .h2p-browser-body s.h{background:rgba(255,255,255,.7)}
.pdfraj-tool-v2 .h2p-browser-body s.img{height:12px;background:rgba(255,255,255,.2);border-radius:3px}
.pdfraj-tool-v2 .h2p-arr{display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0}
.pdfraj-tool-v2 .h2p-badge{background:var(--webt);border:1px solid rgba(14,165,233,.25);color:var(--web);font-family:var(--fd);font-size:12px;font-weight:700;padding:4px 10px;border-radius:100px;white-space:nowrap}
.pdfraj-tool-v2 .h2p-arr svg{color:var(--pm)}
.pdfraj-tool-v2 .h2p-pdf{width:58px;height:74px;border-radius:10px;background:linear-gradient(145deg,#5247DC,#4239C8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0}
.pdfraj-tool-v2 .h2p-pdf-lbl{font-family:var(--fd);font-size:7px;font-weight:800;color:rgba(255,255,255,.9);letter-spacing:.4px;text-transform:uppercase}
.pdfraj-tool-v2 .h2p-pdf-lines{display:flex;flex-direction:column;gap:2px;width:65%}
.pdfraj-tool-v2 .h2p-pdf-lines s{height:2px;border-radius:2px;background:rgba(255,255,255,.4);display:block;text-decoration:none}
.pdfraj-tool-v2 .h2p-pdf-lines s.h{background:rgba(255,255,255,.7)}

/* HTML to PDF landing entry (h2p-entry) — Sejda-parity 3-mode selector.
   Reuses .h2p-tabs/.h2p-tab/.h2p-panel/.h2p-browser*/.h2p-arr/.h2p-pdf* above. */
.pdfraj-tool-v2 .h2p-entry{background:var(--card);border:1.5px solid var(--bdr);border-radius:var(--r24);box-shadow:var(--sl);overflow:hidden;max-width:760px;margin:0 auto}
.pdfraj-tool-v2 .h2p-entry .h2p-vis{padding:22px 24px 0}
.pdfraj-tool-v2 .h2p-vis-col{display:flex;flex-direction:column;align-items:center;gap:5px}
.pdfraj-tool-v2 .h2p-vis-lbl{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.4px}
.pdfraj-tool-v2 .h2p-vis-lbl-ok{color:var(--p);font-weight:700}
.pdfraj-tool-v2 .h2p-field-label{display:block;font-family:var(--fd);font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px}
.pdfraj-tool-v2 .h2p-textarea{width:100%;font-family:var(--fb,"Epilogue",sans-serif);font-size:14px;color:var(--text);border:1.5px solid var(--bdr);border-radius:var(--r12);padding:12px 14px;outline:none;transition:border-color .15s;background:var(--card);resize:vertical}
.pdfraj-tool-v2 .h2p-textarea:focus{border-color:var(--p)}
.pdfraj-tool-v2 .h2p-textarea::placeholder{color:var(--t3)}
.pdfraj-tool-v2 .h2p-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}
.pdfraj-tool-v2 .h2p-field-hint{font-size:12px;color:var(--t3);margin-top:8px}
.pdfraj-tool-v2 .h2p-opts-wrap{padding:0 28px 4px}
.pdfraj-tool-v2 .h2p-opts-toggle{font-family:var(--fd);font-size:13px;font-weight:600;color:var(--p);background:none;border:none;cursor:pointer;padding:6px 0;display:inline-flex;align-items:center;gap:6px}
.pdfraj-tool-v2 .h2p-opts-caret{transition:transform .18s}
.pdfraj-tool-v2 .h2p-opts-toggle.is-open .h2p-opts-caret{transform:rotate(180deg)}
.pdfraj-tool-v2 .h2p-opts{padding:12px 0 4px;display:flex;flex-direction:column;gap:14px}
.pdfraj-tool-v2 .h2p-opt-row{display:flex;gap:14px;flex-wrap:wrap}
.pdfraj-tool-v2 .h2p-opt{display:flex;flex-direction:column;gap:5px;flex:1;min-width:140px}
.pdfraj-tool-v2 .h2p-opt>span{font-size:12px;font-weight:600;color:var(--t2)}
.pdfraj-tool-v2 .h2p-opt select,.pdfraj-tool-v2 .h2p-opt input{font-family:var(--fb,"Epilogue",sans-serif);font-size:14px;color:var(--text);border:1.5px solid var(--bdr);border-radius:var(--r8);padding:9px 11px;outline:none;background:var(--card)}
.pdfraj-tool-v2 .h2p-opt select:focus,.pdfraj-tool-v2 .h2p-opt input:focus{border-color:var(--p)}
.pdfraj-tool-v2 .h2p-opt-checks{display:flex;flex-direction:column;gap:8px}
.pdfraj-tool-v2 .h2p-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t2);cursor:pointer}
.pdfraj-tool-v2 .h2p-filepick{border:2px dashed var(--bdr);border-radius:var(--r16);padding:30px 20px;text-align:center;cursor:pointer;transition:all .18s;outline:none}
.pdfraj-tool-v2 .h2p-filepick:hover,.pdfraj-tool-v2 .h2p-filepick:focus-visible,.pdfraj-tool-v2 .h2p-filepick.is-over{border-color:var(--p);background:var(--pt)}
.pdfraj-tool-v2 .h2p-filepick.has-file{border-style:solid;border-color:var(--p);background:var(--pt)}
.pdfraj-tool-v2 .h2p-filepick-ico{width:44px;height:44px;background:var(--pt);border-radius:var(--r12);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.pdfraj-tool-v2 .h2p-filepick-ico svg{width:22px;height:22px;color:var(--p)}
.pdfraj-tool-v2 .h2p-filepick-txt{font-family:var(--fd);font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px}
.pdfraj-tool-v2 .h2p-filepick-sub{font-size:12px;color:var(--t3)}
.pdfraj-tool-v2 .h2p-filepick-name{margin-top:10px;font-family:var(--fd);font-size:13px;font-weight:700;color:var(--p);word-break:break-all}
.pdfraj-tool-v2 .h2p-onelong{background:var(--pt);border:1px solid var(--pm);border-radius:var(--r12);padding:12px 14px;margin-bottom:4px}
.pdfraj-tool-v2 .h2p-onelong strong{color:var(--text);font-family:var(--fd)}
.pdfraj-tool-v2 .h2p-hint-inline{color:var(--t3);font-size:12px}
.pdfraj-tool-v2 .h2p-opt select:disabled,.pdfraj-tool-v2 .h2p-opt input:disabled{background:var(--bg2,#f4f4f6);cursor:not-allowed}
.pdfraj-tool-v2 .h2p-actions{padding:8px 28px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.pdfraj-tool-v2 .h2p-err{font-size:13px;color:#c0392b;margin:0}
/* Hide the whole entry the moment a conversion starts (mirrors the dropzone it
   replaces: pdfraj-editor.css hides .pdfraj-dropzone under body.pdfraj-editing). */
body.pdfraj-editing .pdfraj-app .h2p-entry{display:none}

/* Tool comparison cards (tool-cmp / tc) */
.pdfraj-tool-v2 .tool-cmp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
@media (max-width: 860px){.pdfraj-tool-v2 .tool-cmp{grid-template-columns:1fr}}
.pdfraj-tool-v2 .tc{background:var(--card);border:1.5px solid var(--bdr);border-radius:var(--r16);padding:20px 18px;transition:border-color .18s}
.pdfraj-tool-v2 .tc:hover{border-color:var(--pm)}
.pdfraj-tool-v2 .tc.cur{border-color:var(--p);background:linear-gradient(135deg,rgba(82,71,220,.03),var(--card))}
.pdfraj-tool-v2 .tc-ico{width:40px;height:40px;border-radius:var(--r12);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.pdfraj-tool-v2 .tc-ico svg{width:20px;height:20px}
.pdfraj-tool-v2 .tc-hed{font-family:var(--fd);font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pdfraj-tool-v2 .tc-badge{font-family:var(--fd);font-size:10px;font-weight:700;color:var(--p);background:var(--pt);border:1px solid var(--pm);border-radius:100px;padding:2px 8px}
.pdfraj-tool-v2 .tc-desc{font-size:13px;color:var(--t2);line-height:1.6}
.pdfraj-tool-v2 .tc-lnk{display:inline-flex;align-items:center;gap:5px;font-family:var(--fd);font-size:12px;font-weight:700;color:var(--p);margin-top:10px}
.pdfraj-tool-v2 .tc-lnk:hover{text-decoration:underline}
.pdfraj-tool-v2 .tc-lnk svg{width:11px;height:11px}

/* ===== Auto-grid vocabulary (generic 'card' shared across tool designs) ===== */
.pdfraj-tool-v2 .card { background: var(--card); border: 1.5px solid var(--bdr); border-radius: var(--r16); padding: 24px 22px; transition: all .18s; position: relative; overflow: hidden; }
.pdfraj-tool-v2 .card:hover { border-color: var(--pm); box-shadow: var(--sm); transform: translateY(-2px); }
.pdfraj-tool-v2 .card-h { font-family: var(--fd); font-size: 17px; font-weight: 800; color: var(--text); line-height: 1.3; margin-bottom: 8px; letter-spacing: -.3px; }
.pdfraj-tool-v2 .card-p { font-size: 14px; color: var(--t2); line-height: 1.7; }
.pdfraj-tool-v2 .card-ico { width: 42px; height: 42px; border-radius: var(--r12); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; background: var(--pt); }
.pdfraj-tool-v2 .card-ico svg { width: 21px; height: 21px; color: var(--p); }

/* Auto-grid containers — base + per-design column counts */
.pdfraj-tool-v2 .format-grid, .pdfraj-tool-v2 .limits-grid, .pdfraj-tool-v2 .tips-grid,
.pdfraj-tool-v2 .type-grid, .pdfraj-tool-v2 .cause-grid, .pdfraj-tool-v2 .struct-grid,
.pdfraj-tool-v2 .field-grid, .pdfraj-tool-v2 .format-grid { display: grid; gap: 18px; margin-top: 44px; }
.pdfraj-tool-v2 .format-grid { grid-template-columns: repeat(5,1fr); }
.pdfraj-tool-v2 .limits-grid { grid-template-columns: 1fr 1fr; }
.pdfraj-tool-v2 .tips-grid { grid-template-columns: repeat(2,1fr); }
.pdfraj-tool-v2 .type-grid { grid-template-columns: repeat(4,1fr); }
.pdfraj-tool-v2 .cause-grid { grid-template-columns: repeat(3,1fr); }
.pdfraj-tool-v2 .struct-grid { grid-template-columns: repeat(3,1fr); }
.pdfraj-tool-v2 .field-grid { grid-template-columns: repeat(4,1fr); }
@media (max-width: 860px) {
	.pdfraj-tool-v2 .format-grid, .pdfraj-tool-v2 .limits-grid, .pdfraj-tool-v2 .tips-grid,
	.pdfraj-tool-v2 .type-grid, .pdfraj-tool-v2 .cause-grid, .pdfraj-tool-v2 .struct-grid,
	.pdfraj-tool-v2 .field-grid { grid-template-columns: 1fr; }
}

/* ===== Office/older-design card families (pdf-pages migration) ===== */
/* Grid bases + columns */
.pdfraj-tool-v2 .fmt-cards, .pdfraj-tool-v2 .cap-grid, .pdfraj-tool-v2 .pres-grid,
.pdfraj-tool-v2 .esig-grid, .pdfraj-tool-v2 .when-grid, .pdfraj-tool-v2 .wm-type-cards { display: grid; gap: 18px; margin-top: 44px; }
.pdfraj-tool-v2 .fmt-cards { grid-template-columns: repeat(3,1fr); }
.pdfraj-tool-v2 .cap-grid { grid-template-columns: repeat(2,1fr); }
.pdfraj-tool-v2 .pres-grid { grid-template-columns: repeat(3,1fr); }
.pdfraj-tool-v2 .esig-grid { grid-template-columns: repeat(2,1fr); }
.pdfraj-tool-v2 .when-grid { grid-template-columns: repeat(3,1fr); }
.pdfraj-tool-v2 .wm-type-cards { grid-template-columns: repeat(2,1fr); }

/* fmt (Office format cards) */
.pdfraj-tool-v2 .fmt-card { border: 1.5px solid var(--bdr); border-radius: var(--r20); padding: 26px 24px; background: var(--card); transition: border-color .18s; }
.pdfraj-tool-v2 .fmt-card:hover { border-color: var(--pm); }
.pdfraj-tool-v2 .fmt-badge { font-family: var(--fd); font-size: 22px; font-weight: 900; letter-spacing: -1px; margin-bottom: 10px; color: var(--p); display: inline-block; }
.pdfraj-tool-v2 .fmt-h { font-family: var(--fd); font-size: 16px; font-weight: 700; color: var(--text); margin-bottom: 8px; }
.pdfraj-tool-v2 .fmt-p { font-size: 13px; color: var(--t2); line-height: 1.65; }

/* cap (merge capabilities — flex row) */
.pdfraj-tool-v2 .cap-card { background: var(--card); border: 1.5px solid var(--bdr); border-radius: var(--r16); padding: 26px 22px; transition: all .18s; display: flex; gap: 18px; align-items: flex-start; }
.pdfraj-tool-v2 .cap-card:hover { border-color: var(--pm); box-shadow: var(--sm); }
.pdfraj-tool-v2 .cap-ico { width: 46px; height: 46px; min-width: 46px; border-radius: var(--r12); display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: var(--pt); }
.pdfraj-tool-v2 .cap-ico svg { width: 22px; height: 22px; color: var(--p); }
.pdfraj-tool-v2 .cap-h { font-family: var(--fd); font-size: 16px; font-weight: 700; color: var(--text); margin-bottom: 6px; letter-spacing: -.3px; }
.pdfraj-tool-v2 .cap-p { font-size: 14px; color: var(--t2); line-height: 1.65; }

/* pres (pdf-to-word preserved — flex row) */
.pdfraj-tool-v2 .pres-card { background: var(--card); border: 1.5px solid var(--bdr); border-radius: var(--r16); padding: 22px 20px; display: flex; gap: 14px; align-items: flex-start; transition: border-color .18s; }
.pdfraj-tool-v2 .pres-card:hover { border-color: var(--pm); }
.pdfraj-tool-v2 .pres-ico { width: 40px; height: 40px; min-width: 40px; border-radius: var(--r12); display: flex; align-items: center; justify-content: center; background: var(--pt); }
.pdfraj-tool-v2 .pres-ico svg { width: 20px; height: 20px; color: var(--p); }
.pdfraj-tool-v2 .pres-h { font-family: var(--fd); font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.pdfraj-tool-v2 .pres-p { font-size: 13px; color: var(--t2); line-height: 1.6; }

/* esig (sign e-signature clarity) */
.pdfraj-tool-v2 .esig-card { border-radius: var(--r20); padding: 28px 26px; border: 1.5px solid var(--bdr); background: var(--card); }
.pdfraj-tool-v2 .esig-card.ours { border-color: var(--p); background: var(--pt); }
.pdfraj-tool-v2 .esig-h { font-family: var(--fd); font-size: 17px; font-weight: 700; color: var(--text); margin-bottom: 8px; }
.pdfraj-tool-v2 .esig-p { font-size: 14px; color: var(--t2); line-height: 1.65; }

/* when (unlock when-to-use) */
.pdfraj-tool-v2 .when-card { background: var(--card); border: 1.5px solid var(--bdr); border-radius: var(--r16); padding: 20px 18px; transition: border-color .18s; }
.pdfraj-tool-v2 .when-card:hover { border-color: var(--pm); }
.pdfraj-tool-v2 .when-ico { width: 40px; height: 40px; border-radius: var(--r12); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; background: var(--pt); }
.pdfraj-tool-v2 .when-ico svg { width: 20px; height: 20px; color: var(--p); }
.pdfraj-tool-v2 .when-h { font-family: var(--fd); font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 5px; letter-spacing: -.2px; }
.pdfraj-tool-v2 .when-p { font-size: 13px; color: var(--t2); line-height: 1.6; }

/* wm-type (watermark text vs image) */
.pdfraj-tool-v2 .wm-type-card { border: 1.5px solid var(--bdr); border-radius: var(--r20); padding: 28px 26px; background: var(--card); transition: border-color .18s; }
.pdfraj-tool-v2 .wm-type-card:hover { border-color: var(--pm); }
.pdfraj-tool-v2 .wm-type-card.text-card { background: linear-gradient(135deg,rgba(82,71,220,.03),var(--card)); }
.pdfraj-tool-v2 .wm-type-ico { width: 48px; height: 48px; border-radius: var(--r12); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; background: var(--pt); }
.pdfraj-tool-v2 .wm-type-ico svg { width: 24px; height: 24px; color: var(--p); }
.pdfraj-tool-v2 .wm-type-h { font-family: var(--fd); font-size: 18px; font-weight: 700; color: var(--text); margin-bottom: 10px; letter-spacing: -.3px; }
.pdfraj-tool-v2 .wm-type-p { font-size: 14px; color: var(--t2); line-height: 1.65; }

@media (max-width: 860px) {
	.pdfraj-tool-v2 .fmt-cards, .pdfraj-tool-v2 .cap-grid, .pdfraj-tool-v2 .pres-grid,
	.pdfraj-tool-v2 .esig-grid, .pdfraj-tool-v2 .when-grid, .pdfraj-tool-v2 .wm-type-cards { grid-template-columns: 1fr; }
}