/* purpose: PDF Office — pick a PDF and a Microsoft Office format
   author: MD Hub
   date: 2026-10-03 */
#md_pdf_office_root{
	--po-accent:var(--bo-accent,#217346);
	--po-ink:var(--bo-text,#0f172a);
	--po-muted:var(--bo-text-muted,#64748b);
	--po-card:var(--bo-bg-elevated,#fff);
	--po-line:var(--bo-border,#e2e8f0);
	width:100%;
	max-width:46rem;
	margin:0 auto;
	color:var(--po-ink);
	box-sizing:border-box;
	padding:0 .15rem 1.2rem;
	position:relative;
}
#md_pdf_office_root *{box-sizing:border-box}
#md_pdf_office_root .hidden,#md_pdf_office_root [hidden]{display:none!important}
#md_pdf_office_root .po-hero{
	background:linear-gradient(155deg,#145c38,#217346 58%,#1f6f8a);
	color:#f4fff8;
	border-radius:1.25rem;
	padding:1.25rem 1.15rem 1.15rem;
	box-shadow:0 16px 36px color-mix(in srgb,var(--po-accent) 28%,transparent);
}
#md_pdf_office_root .po-kicker{
	font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;opacity:.85;margin:0 0 .3rem
}
#md_pdf_office_root .po-hero h2{margin:0;font-size:1.45rem;line-height:1.2;font-weight:800}
#md_pdf_office_root .po-hero p{margin:.45rem 0 0;font-size:.95rem;line-height:1.45;opacity:.94}
#md_pdf_office_root .po-drop{
	margin-top:.9rem;
	border:1.5px dashed color-mix(in srgb,var(--po-accent) 55%,var(--po-line));
	background:var(--po-card);
	border-radius:1rem;
	min-height:7.2rem;
	padding:1rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:.35rem;
	text-align:center;
	cursor:pointer;
}
#md_pdf_office_root .po-drop.over{border-color:var(--po-accent);background:color-mix(in srgb,var(--po-accent) 8%,var(--po-card))}
#md_pdf_office_root .po-drop i{font-size:1.4rem;color:var(--po-accent)}
#md_pdf_office_root .po-drop b{font-size:1rem}
#md_pdf_office_root .po-file{margin:.35rem 0 0;font-size:.92rem;font-weight:700}
#md_pdf_office_root .po-formats{
	display:grid;
	grid-template-columns:1fr;
	gap:.55rem;
	margin-top:.85rem;
}
#md_pdf_office_root .po-format{
	appearance:none;
	text-align:left;
	border:1px solid var(--po-line);
	background:var(--po-card);
	color:var(--po-ink);
	border-radius:1rem;
	padding:.75rem .8rem;
	cursor:pointer;
	font:inherit;
}
#md_pdf_office_root .po-format.on{
	border-color:transparent;
	box-shadow:0 0 0 2px var(--po-accent);
}
#md_pdf_office_root .po-format i{color:var(--po-accent);margin-right:.35rem}
#md_pdf_office_root .po-format b{display:block;font-size:.98rem;margin-bottom:.15rem}
#md_pdf_office_root .po-format span{display:block;color:var(--po-muted);font-size:.8rem;line-height:1.35}
#md_pdf_office_root .po-check{
	display:flex;
	align-items:flex-start;
	gap:.5rem;
	margin:.75rem 0 0;
	font-size:.88rem;
	line-height:1.35;
}
#md_pdf_office_root .po-check input{margin-top:.2rem}
#md_pdf_office_root .po-btn{
	appearance:none;border:0;cursor:pointer;font-weight:750;font-size:.95rem;
	border-radius:.9rem;min-height:2.8rem;padding:.55rem .95rem;
	display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
	text-decoration:none;
}
#md_pdf_office_root .po-btn-solid{background:var(--po-accent);color:#fff;width:100%;margin-top:.85rem}
#md_pdf_office_root .po-btn-line{
	background:var(--po-card);color:var(--po-ink);border:1px solid var(--po-line);width:100%;margin-top:.55rem
}
#md_pdf_office_root .po-btn:disabled{opacity:.55;cursor:not-allowed}
#md_pdf_office_root .po-note{font-size:.78rem;color:var(--po-muted);line-height:1.45;margin:.7rem 0 0}
#md_pdf_office_root .po-result{
	margin-top:.9rem;
	border:1px solid var(--po-line);
	background:var(--po-card);
	border-radius:1rem;
	padding:.9rem .9rem .8rem;
}
#md_pdf_office_root .po-result h3{margin:0 0 .35rem;font-size:1rem}
#md_pdf_office_root .po-busy{
	position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
	background:color-mix(in srgb,var(--po-card) 78%,transparent);
	border-radius:1rem;font-weight:750;
}
#md_pdf_office_root .po-toast{
	margin-top:.7rem;padding:.65rem .75rem;border-radius:.8rem;
	background:#fef2f2;color:#991b1b;border:1px solid #fecaca;font-size:.86rem
}
html.dark #md_pdf_office_root .po-toast,:root.dark #md_pdf_office_root .po-toast{
	background:#3f1d24;color:#fecaca;border-color:#7f1d1d
}
@media (min-width:760px){
	#md_pdf_office_root .po-formats{grid-template-columns:1fr 1fr 1fr}
}