.pnl-guide-shell {
	width: min(1160px, calc(100% - 36px));
	margin: 0 auto;
	padding: 34px 0 64px;
}
.pnl-guide-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 250px;
	gap: 34px;
	align-items: center;
	padding: 40px;
	border: 1px solid color-mix(in srgb, var(--primary) 38%, var(--border));
	border-radius: 22px;
	background:
		radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 34%),
		linear-gradient(145deg, color-mix(in srgb, var(--info-bg) 56%, var(--bg-surface)), var(--bg-surface));
	box-shadow: var(--shadow-md);
}
.pnl-guide-eyebrow,
.pnl-guide-section-head > span,
.pnl-guide-step-title > div > span {
	display: block;
	color: var(--primary);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.pnl-guide-hero h1 {
	max-width: 700px;
	margin: 8px 0 12px;
	color: var(--text);
	font-family: "Fraunces", serif;
	font-size: clamp(38px, 5vw, 62px);
	font-weight: 600;
	letter-spacing: -.035em;
	line-height: 1.02;
}
.pnl-guide-hero-copy > p {
	max-width: 670px;
	margin: 0;
	color: var(--text-muted);
	font-size: 17px;
	line-height: 1.55;
}
.pnl-guide-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.pnl-guide-baseline {
	display: flex;
	flex-direction: column;
	gap: 9px;
	padding: 20px;
	border: 1px solid var(--border);
	border-radius: 14px;
	background: color-mix(in srgb, var(--bg-surface) 88%, transparent);
}
.pnl-guide-baseline span {
	color: var(--text-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .07em;
	text-transform: uppercase;
}
.pnl-guide-baseline strong {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--text);
	font-size: 13px;
}
.pnl-guide-baseline strong::before {
	content: "✓";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--primary) 16%, var(--bg-surface));
	color: var(--primary);
	font-size: 10px;
}
.pnl-guide-jumps {
	position: sticky;
	top: 58px;
	z-index: 30;
	display: flex;
	gap: 6px;
	margin: 18px 0 42px;
	padding: 8px;
	overflow-x: auto;
	border: 1px solid var(--border);
	border-radius: 12px;
	background: color-mix(in srgb, var(--bg-app) 92%, transparent);
	box-shadow: var(--shadow-sm);
	backdrop-filter: blur(14px);
}
.pnl-guide-jumps a {
	flex: 1;
	min-width: max-content;
	padding: 9px 12px;
	border-radius: 7px;
	color: var(--text-muted);
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}
.pnl-guide-jumps a:hover { color: var(--primary); background: var(--bg-surface-2); }
.pnl-guide-section { margin-top: 56px; scroll-margin-top: 128px; }
.pnl-guide-section-head { margin-bottom: 20px; }
.pnl-guide-section-head h2 {
	margin: 5px 0 5px;
	color: var(--text);
	font-size: clamp(27px, 3vw, 38px);
	letter-spacing: -.025em;
}
.pnl-guide-section-head p { margin: 0; color: var(--text-muted); font-size: 14px; }
.pnl-guide-step {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 18px;
	margin-bottom: 14px;
	padding: 24px;
	border: 1px solid var(--border);
	border-radius: 16px;
	background: var(--bg-surface);
	box-shadow: var(--shadow-sm);
}
.pnl-guide-step-focus { border-color: color-mix(in srgb, var(--primary) 48%, var(--border)); }
.pnl-guide-step-number {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: color-mix(in srgb, var(--primary) 14%, var(--bg-surface));
	color: var(--primary);
	font-size: 19px;
	font-weight: 800;
}
.pnl-guide-step-title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
}
.pnl-guide-step-title h3 { margin: 3px 0 0; color: var(--text); font-size: 20px; letter-spacing: -.015em; }
.pnl-guide-step-body > p { max-width: 760px; margin: 10px 0 0; color: var(--text-muted); font-size: 14px; line-height: 1.6; }
.pnl-guide-tag {
	flex: 0 0 auto;
	padding: 5px 8px;
	border-radius: 999px;
	background: var(--bg-surface-2);
	color: var(--text-muted);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}
.pnl-guide-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.pnl-guide-choice { padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg-surface-2); }
.pnl-guide-choice.recommended { border-color: color-mix(in srgb, var(--primary) 42%, var(--border)); }
.pnl-guide-choice > span { display: block; margin-bottom: 5px; color: var(--primary); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.pnl-guide-choice strong { color: var(--text); font-size: 13px; }
.pnl-guide-choice p { margin: 4px 0 0; color: var(--text-muted); font-size: 12px; line-height: 1.45; }
.pnl-guide-do-list { display: grid; gap: 7px; margin: 15px 0 0; padding: 0; list-style: none; }
.pnl-guide-do-list li { position: relative; padding-left: 25px; color: var(--text); font-size: 13px; line-height: 1.5; }
.pnl-guide-do-list li::before { content: "✓"; position: absolute; left: 0; color: var(--primary); font-weight: 800; }
.pnl-guide-note,
.pnl-guide-warning {
	display: flex;
	gap: 7px 12px;
	align-items: baseline;
	flex-wrap: wrap;
	margin-top: 15px;
	padding: 11px 13px;
	border-radius: 9px;
	background: var(--info-bg);
	color: var(--text);
	font-size: 12px;
	line-height: 1.5;
}
.pnl-guide-note span,
.pnl-guide-warning span { color: var(--text-muted); }
.pnl-guide-warning { background: var(--warn-bg); }
.pnl-guide-decision-list { display: grid; gap: 8px; margin-top: 16px; }
.pnl-guide-decision-list > div { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 11px; align-items: start; padding: 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg-surface-2); }
.pnl-guide-decision-list > div > span { display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 8px; background: color-mix(in srgb, var(--primary) 14%, var(--bg-surface)); color: var(--primary); font-size: 11px; font-weight: 800; }
.pnl-guide-decision-list p { margin: 0; color: var(--text); font-size: 13px; }
.pnl-guide-decision-list small { display: block; margin-top: 3px; color: var(--text-muted); font-size: 12px; line-height: 1.45; }
.pnl-guide-priority-list { display: grid; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
.pnl-guide-priority-list li { display: grid; grid-template-columns: 25px minmax(0, 1fr); gap: 10px; align-items: center; }
.pnl-guide-priority-list li > span { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid var(--border); border-radius: 50%; color: var(--primary); font-size: 10px; font-weight: 800; }
.pnl-guide-priority-list strong { display: block; color: var(--text); font-size: 13px; }
.pnl-guide-priority-list small { color: var(--text-muted); font-size: 12px; }
.pnl-guide-ready {
	padding: 30px;
	border: 1px solid color-mix(in srgb, var(--success) 38%, var(--border));
	border-radius: 18px;
	background: color-mix(in srgb, var(--success) 9%, var(--bg-surface));
}
.pnl-guide-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.pnl-guide-check-grid > div { display: flex; gap: 9px; align-items: center; padding: 11px 12px; border-radius: 9px; background: color-mix(in srgb, var(--bg-surface) 84%, transparent); }
.pnl-guide-check-grid span { color: var(--success); font-weight: 800; }
.pnl-guide-check-grid p { margin: 0; color: var(--text); font-size: 13px; }
.pnl-guide-ready-action { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 18px; padding-top: 18px; border-top: 1px solid color-mix(in srgb, var(--success) 25%, var(--border)); }
.pnl-guide-ready-action p { max-width: 680px; margin: 0; color: var(--text-muted); font-size: 13px; line-height: 1.5; }
.pnl-guide-lens-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pnl-guide-lens-grid article { padding: 20px; border: 1px solid var(--border); border-radius: 13px; background: var(--bg-surface); }
.pnl-guide-lens-grid article > span { color: var(--primary); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.pnl-guide-lens-grid h3 { min-height: 48px; margin: 6px 0 12px; color: var(--text); font-size: 17px; line-height: 1.35; }
.pnl-guide-lens-grid p { min-height: 52px; margin: 0; padding: 11px; border-radius: 8px; background: var(--bg-surface-2); color: var(--text); font-size: 12px; line-height: 1.45; }
.pnl-guide-lens-grid small { display: block; margin-top: 11px; color: var(--text-muted); font-size: 12px; }
.pnl-guide-subhead { margin: 28px 0 12px; color: var(--text); font-size: 17px; }
.pnl-guide-status-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.pnl-guide-status-grid > div { display: flex; gap: 10px; align-items: flex-start; padding: 13px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg-surface); }
.pnl-guide-status-grid > div > span { flex: 0 0 auto; width: 9px; height: 9px; margin-top: 4px; border-radius: 50%; background: var(--text-muted); }
.pnl-guide-status-grid .complete > span { background: var(--success); }
.pnl-guide-status-grid .estimated > span { background: var(--primary); }
.pnl-guide-status-grid .incomplete > span,
.pnl-guide-status-grid .review > span { background: var(--warning, #b7791f); }
.pnl-guide-status-grid p { margin: 0; }
.pnl-guide-status-grid strong { display: block; color: var(--text); font-size: 12px; }
.pnl-guide-status-grid small { display: block; margin-top: 3px; color: var(--text-muted); font-size: 11px; line-height: 1.4; }
.pnl-guide-tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.pnl-guide-tool-grid article { padding: 17px; border: 1px solid var(--border); border-radius: 11px; background: var(--bg-surface); }
.pnl-guide-tool-grid h3 { margin: 0 0 5px; color: var(--text); font-size: 14px; }
.pnl-guide-tool-grid p { margin: 0; color: var(--text-muted); font-size: 12px; line-height: 1.5; }
.pnl-guide-disclosures { display: grid; gap: 9px; }
.pnl-guide-disclosures details { border: 1px solid var(--border); border-radius: 12px; background: var(--bg-surface); }
.pnl-guide-disclosures summary { position: relative; padding: 15px 48px 15px 16px; cursor: pointer; list-style: none; }
.pnl-guide-disclosures summary::-webkit-details-marker { display: none; }
.pnl-guide-disclosures summary::after { content: "+"; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); color: var(--primary); font-size: 22px; }
.pnl-guide-disclosures details[open] summary::after { content: "−"; }
.pnl-guide-disclosures summary span { display: block; color: var(--text); font-size: 14px; font-weight: 700; }
.pnl-guide-disclosures summary small { display: block; margin-top: 3px; color: var(--text-muted); font-size: 11px; }
.pnl-guide-disclosures details > div { padding: 0 16px 15px; border-top: 1px solid var(--border); }
.pnl-guide-disclosures ul { display: grid; gap: 7px; margin: 13px 0 0 18px; padding: 0; }
.pnl-guide-disclosures li { color: var(--text); font-size: 13px; line-height: 1.5; }
.pnl-guide-footer { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-top: 56px; padding: 22px 0 0; border-top: 1px solid var(--border); }
.pnl-guide-footer strong { color: var(--text); font-size: 13px; }
.pnl-guide-footer p { margin: 5px 0 0; color: var(--text-muted); font-size: 12px; }
.pnl-guide-footer a { flex: 0 0 auto; color: var(--primary); font-size: 13px; font-weight: 700; }
@media (max-width: 820px) {
	.pnl-guide-hero { grid-template-columns: 1fr; padding: 28px; }
	.pnl-guide-baseline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.pnl-guide-baseline span { grid-column: 1 / -1; }
	.pnl-guide-lens-grid { grid-template-columns: 1fr; }
	.pnl-guide-lens-grid h3,
	.pnl-guide-lens-grid p { min-height: 0; }
	.pnl-guide-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pnl-guide-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
	.pnl-guide-shell { width: min(100% - 24px, 1160px); padding-top: 18px; }
	.pnl-guide-hero { gap: 22px; padding: 22px 18px; border-radius: 16px; }
	.pnl-guide-hero h1 { font-size: 39px; }
	.pnl-guide-hero-copy > p { font-size: 15px; }
	.pnl-guide-baseline { display: flex; }
	.pnl-guide-jumps { top: 52px; margin-bottom: 34px; }
	.pnl-guide-section { margin-top: 42px; }
	.pnl-guide-step { grid-template-columns: 1fr; padding: 18px; }
	.pnl-guide-step-number { width: 38px; height: 38px; border-radius: 11px; font-size: 16px; }
	.pnl-guide-step-title { align-items: flex-start; }
	.pnl-guide-step-title h3 { font-size: 18px; }
	.pnl-guide-tag { display: none; }
	.pnl-guide-choice-grid,
	.pnl-guide-check-grid,
	.pnl-guide-status-grid,
	.pnl-guide-tool-grid { grid-template-columns: 1fr; }
	.pnl-guide-ready { padding: 21px 17px; }
	.pnl-guide-ready-action,
	.pnl-guide-footer { align-items: flex-start; flex-direction: column; }
}