.ph-article-single {
	background: #fff;
}

.ph-article-single__hero {
	padding: 50px 0;
}

.ph-article-single__article{
	max-width: 920px;
	margin: 0 auto;
}

.ph-article-single__title {
	margin: 0;
	font-size: clamp(2rem, 3.2vw, 60px);
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #1b1b1b;
}

.ph-article-single__subtitle {
	margin: 16px 0 0;
	max-width: 780px;
	font-size: clamp(18px, 2vw, 20px);
	line-height: 1.64;
	color: #50555c;
}

.ph-article-single__meta {
	margin-top: 18px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 26px;
	color: #40464f;
}

.ph-article-single__meta-item {
	display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: clamp(14px, 1.35vw, 18px);
    font-weight: 400;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    line-height: 1;
}

.ph-article-single__meta-item + .ph-article-single__meta-item::before,
.ph-article-single__meta-item + .ph-article-single__meta-tags::before {
	content: "";
	display: block;
	width: 1px;
	height: clamp(18px, 1.7vw, 30px);
	background: #d6dde5;
	margin-right: 2px;
}

.ph-article-single__author-img {
	width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #d8e0e8;
}

.ph-article-single__meta-item--time svg {
	width: clamp(15px, 1.12vw, 24px);
	height: clamp(15px, 1.12vw, 24px);
	color: #4a525b;
}

.ph-article-single__meta-tags {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.ph-article-single__tag {
	display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--ph-green-bg);
    font-size: clamp(12px, 1.05vw, 20px);
    font-weight: 400;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: var(--ph-green);
    line-height: 1;
}

.ph-article-single__media {
	margin-top: 24px;
}

.ph-article-single__hero-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 8.6;
	object-fit: cover;
	border-radius: 40px;
}

.ph-faq-single__related-ac {
	margin-top: clamp(28px, 4vw, 48px);
}

.ph-article-single__body-section {
	padding: 8px 0 0;
}

.ph-article-single__body {
	max-width: 100%;
}

.ph-article-single__body p {
	color: #2f343a;
	line-height: 1.74;
	font-size: 1.15rem;
}

.ph-article-single__body blockquote p {
    border: 1px solid var(--ph-green);
    border-radius: 24px;
    padding: 30px 30px;
    font-size: 1.5rem;
    line-height: 1.3;
    text-align: center;
    font-weight: 500;
}

.ph-article-single__body h2 {
	margin-top: 2.15em;
	margin-bottom: 0.55em;
	font-size: clamp(1.52rem, 2.2vw, 2.2rem);
	line-height: 1.22;
	color: #11161c;
}

.ph-article-single__body h3 {
	margin-top: 1.9em;
	margin-bottom: 0.55em;
	font-size: clamp(2.2rem, 2vw, 36px);
	line-height: 1.26;
	color: #11161c;
}

.ph-article-single__body h1,
.ph-article-single__body h2,
.ph-article-single__body h3,
.ph-article-single__body h4,
.ph-article-single__body h5,
.ph-article-single__body h6 {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.ph-article-single__body h1::before,
.ph-article-single__body h2::before,
.ph-article-single__body h3::before,
.ph-article-single__body h4::before,
.ph-article-single__body h5::before,
.ph-article-single__body h6::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 0.95em;
	margin-top: 0.14em;
	border-radius: 99px;
	background: #53b700;
	flex: 0 0 auto;
}

.ph-article-single__body ul,
.ph-article-single__body ol {
	padding-left: 1.1em;
}

.ph-article-single__body li + li {
	margin-top: 0.42em;
}

/* Figma-style bullet cards */
.ph-article-single__body ul {
	list-style: none;
	padding-left: 0;
	margin: 1.05rem 0 1.3rem;
	display: grid;
	gap: 12px;
}

.ph-article-single__body ul li {
	position: relative;
	padding: 14px 22px 14px 50px;
	border: 1px solid #e8edf2;
	border-radius: 22px;
	background: #fff;
	font-size: 1.02rem;
	line-height: 1.55;
	color: #303740;
}

.ph-article-single__body ul li::before {
	content: "";
    position: absolute;
    left: 14px;
    top: 28px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #53b700;
}

.ph-article-single__body ul li::after {
	content: "";
	position: absolute;
	left: 12px;
	top: 28px;
	transform: translateY(-50%);
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2814 2.47021C10.5744 2.76318 10.5744 3.23896 10.2814 3.53193L4.28145 9.53193C3.98848 9.8249 3.5127 9.8249 3.21973 9.53193L0.219727 6.53193C-0.0732422 6.23897 -0.0732422 5.76318 0.219727 5.47021C0.512695 5.17725 0.988477 5.17725 1.28145 5.47021L3.75176 7.93818L9.22207 2.47021C9.51504 2.17725 9.99082 2.17725 10.2838 2.47021H10.2814Z' fill='white'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px;
}

.ph-article-single__body ul li strong {
	display: block;
	margin-bottom: 3px;
	font-size: 22px;
	line-height: 1.18;
	color: #11161c;
}

.ph-article-single__takeaway {
	margin-top: 50px;
	padding: 40px;
	border: 1px solid #dfead8;
	background: #f4faef;
	border-radius: 40px;
}

.ph-article-single__takeaway-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #6d9f39;
}

.ph-article-single__takeaway-label::before {
	content: "";
	width: 12px;
	height: 24px;
	flex: 0 0 auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px;
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='14' viewBox='0 0 11 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4375 10.5C7.7 9.62773 8.24414 8.88398 8.78281 8.14297C8.925 7.94883 9.06719 7.75469 9.20391 7.55781C9.74531 6.77852 10.0625 5.83516 10.0625 4.81523C10.0625 2.15469 7.90781 0 5.25 0C2.59219 0 0.4375 2.15469 0.4375 4.8125C0.4375 5.83242 0.754687 6.77852 1.29609 7.55508C1.43281 7.75195 1.575 7.94609 1.71719 8.14023C2.25859 8.88125 2.80273 9.62773 3.0625 10.4973H7.4375V10.5ZM5.25 14C6.45859 14 7.4375 13.0211 7.4375 11.8125V11.375H3.0625V11.8125C3.0625 13.0211 4.04141 14 5.25 14ZM3.0625 4.8125C3.0625 5.05312 2.86562 5.25 2.625 5.25C2.38438 5.25 2.1875 5.05312 2.1875 4.8125C2.1875 3.11992 3.55742 1.75 5.25 1.75C5.49062 1.75 5.6875 1.94687 5.6875 2.1875C5.6875 2.42812 5.49062 2.625 5.25 2.625C4.04141 2.625 3.0625 3.60391 3.0625 4.8125Z' fill='%23469F10'/%3E%3C/svg%3E");
	margin-top: -2px;
}

.ph-article-single__takeaway-text {
	margin: 7px 0 0;
    font-size: 2rem;
    line-height: 1.45;
    color: var(--ph-gray);
    font-weight: 800;
}

.ph-article-single__continue {
	padding: 50px 0 20px;
}
.ph-article-single__continue .ph-container {
	border-top: 1px solid var(--ph-gray-light);
    padding-top: 50px;
}

.ph-article-single__continue-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 24px;
}


.ph-article-single__continue-title {
	margin: 0;
    font-size: 1.8rem;
    line-height: 1.2;
    color: #121a21;
}

.ph-article-single__continue-btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	font-size: 0.98rem;
	font-weight: 700;
	line-height: 1.2;
	color: #19232d;
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
}

.ph-article-single__continue-btn:hover {
	color: #0f7f09;
}

.ph-article-single__continue-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.ph-article-single__continue-card {
	display: block;
	padding: 0 0 20px;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #edf1f5;
	background: #fff;
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.ph-article-single__continue-card:hover {
	transform: translateY(-2px);
	border-color: #dae3ea;
	box-shadow: 0 14px 20px rgba(11, 30, 49, 0.08);
}

.ph-article-single__continue-media {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #eff3f6;
}

.ph-article-single__continue-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ph-article-single__continue-type {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 10px 15px 0;
}

.ph-article-single__continue-pill {
	display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--ph-green-bg);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--ph-green);
    line-height: 1;
    border: 1px solid var(--ph-green);
}

.ph-article-single__continue-card-title {
	margin: 6px 5px 2px 15px;
    font-size: 20px;
    line-height: 1.35;
    color: #1b2229;
}

.ph-article-single__related {
	padding: 24px 0 34px;
}
.ph-faq-single__related-ac {
    margin-top: 20px;
    margin-bottom: 50px;
}

.ph-article-single__related-problem {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	padding: 30px 38px;
	border-radius: 26px;
	background: linear-gradient(131deg, #101418 0%, #1c252d 100%);
	color: #fff;
}

.ph-article-single__related-problem-copy {
	display: grid;
	gap: 8px;
}

.ph-article-single__related-eyebrow {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #4caf17;
}

.ph-article-single__related-problem-copy strong {
    font-size: 28px;
    line-height: 1.06;
    letter-spacing: -0.02em;
    font-weight: 800;
}

.ph-article-single__related-problem-copy > span:last-child {
	font-size: clamp(22px, 1.8vw, 20px);
	line-height: 1.25;
	color: rgba(255, 255, 255, 0.8);
}

.ph-article-single__related-problem-btn {
	flex: 0 0 auto;
	border-radius: 999px;
	background: #fff;
	padding: 18px 26px;
	font-size: 20px;
	font-weight: 700;
	color: #0f151d;
	text-decoration: none;
}

.ph-article-single__related-cases {
	display: grid;
	gap: 12px;
	margin-top: 50px;
	margin-bottom: 30px;
	transition: border-color .2s ease;
}
a.ph-article-single__related-case:hover {
    border-color: var(--ph-green);
}
a.ph-article-single__related-case:hover .ph-article-single__related-case-arrow {
    background: var(--ph-green);
}
a.ph-article-single__related-case:hover .ph-article-single__related-case-arrow svg path {
	fill: var(--ph-white);
}

.ph-article-single__related-case {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 22px 24px;
	border: 1px solid #e5ebf0;
	border-radius: 18px;
	background: #fff;
	color: inherit;
	text-decoration: none;
	position: relative;
}

.ph-article-single__related-case-icon {
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #eaf6dc;
	color: #53a91e;
}

.ph-article-single__related-case-copy {
	display: grid;
	gap: 4px;
	flex: 1 1 auto;
	min-width: 0;
}

.ph-article-single__related-case-copy > strong {
	font-size: 22px;
	line-height: 1.2;
	color: #121922;
}

.ph-article-single__related-case-copy > span {
	font-size: 18px;
	line-height: 1.35;
	color: #4a525b;
	font-weight: 500;
}

.ph-article-single__related-case-arrow {
	width: 35px;
	height: 35px;
	flex: 0 0 auto;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--ph-green);
	margin-left: 12px;
	align-self: center;
}

.ph-article-single__related-case-arrow svg {
	width: 16px;
	height: 18px;
	display: block;
}
.ph-article-single__related-case-arrow svg path {
	fill: var(--ph-green);
}

@media (max-width: 991px) {
	.ph-article-single__continue-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.ph-article-single__hero {
		padding-top: 24px;
	}

	.ph-article-single__title {
		font-size: clamp(1.85rem, 7vw, 2.45rem);
	}


	.ph-article-single__meta {
		gap: 10px 14px;
	}

	.ph-article-single__meta-item {
		font-size: 12px;
	}

	.ph-article-single__tag {
		font-size: 11px;
	}

	.ph-article-single__continue-grid {
		grid-template-columns: 1fr;
	}

	.ph-article-single__continue-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.ph-article-single__related-problem {
		flex-direction: column;
		align-items: flex-start;
	}

	.ph-article-single__related-problem {
		padding: 20px;
		border-radius: 18px;
	}

	.ph-article-single__related-problem-copy strong {
		font-size: clamp(1.6rem, 8vw, 2.2rem);
	}

	.ph-article-single__related-problem-copy > span:last-child {
		font-size: clamp(1.02rem, 4.9vw, 1.25rem);
	}

	.ph-article-single__related-problem-btn {
		font-size: 16px;
		padding: 12px 22px;
	}

	.ph-article-single__related-case {
		padding: 16px;
	}

	.ph-article-single__related-case-arrow {
		width: 38px;
		height: 38px;
		margin-left: 8px;
	}

	.ph-article-single__related-case-copy > strong {
		font-size: 1.08rem;
	}

	.ph-article-single__related-case-copy > span {
		font-size: 0.95rem;
	}

	.ph-article-single__body ul li {
		padding: 14px 14px 14px 58px;
		border-radius: 16px;
		font-size: 0.98rem;
	}

	.ph-article-single__body ul li::before,
	.ph-article-single__body ul li::after {
		left: 15px;
        width: 25px;
        height: 25px;
        top: 32px;
	}

	.ph-article-single__body ul li strong {
		font-size: clamp(1.02rem, 4.8vw, 1.3rem);
	}
}