/* Product Description Layout Styles - Add to WordPress Theme Customizer */
/* Path: WordPress Admin → Appearance → Customize → Additional CSS */

.pdl-expertise-gate{background:#f0f7ee;border-left:4px solid #7a9a6a;padding:1em 1.5em;border-radius:0 8px 8px 0;margin-bottom:2em}
.pdl-expertise-gate p{margin:0;font-size:.95em;color:#2e5a1e}
.pdl-intro{color:#555;line-height:1.7;margin-bottom:1.5em}

/* Icon Grid 2x2 */
.pdl-icon-grid{margin:2em 0}
.pdl-grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:1.5em}
.pdl-tile{background:#f8f7f4;border-radius:12px;padding:1.5em;border:1px solid #ede8e0;transition:box-shadow .2s}
.pdl-tile:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.pdl-tile-icon{font-size:2em;margin-bottom:.5em}
.pdl-tile-label{display:block;font-size:1.05em;font-weight:700;color:#1a1a1a;margin-bottom:.5em;text-transform:uppercase;letter-spacing:.04em}
.pdl-tile-desc{margin:0 0 .75em;color:#444;font-size:.95em;line-height:1.6}
.pdl-tile-link{font-size:.88em;color:#5a7a4a;text-decoration:none;font-weight:600}
.pdl-tile-link:hover{text-decoration:underline}
@media(max-width:600px){.pdl-grid-2x2{grid-template-columns:1fr}}

/* Hero Split */
.pdl-hero-split{display:grid;grid-template-columns:1fr 1fr;gap:3em;align-items:center;margin:2em 0;background:#faf9f6;border-radius:16px;padding:2.5em;border:1px solid #ede8e0}
.pdl-eyebrow{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.8em;color:#7a9a6a;font-weight:700;margin-bottom:.5em}
.pdl-hero-heading{font-size:1.4em;color:#1a1a1a;margin-top:0;margin-bottom:1em}
.pdl-hero-text p{color:#444;line-height:1.7;margin-bottom:1em}
.pdl-tips{list-style:none;padding:0;margin:1em 0}
.pdl-tips li{padding:.4em 0 .4em 1.5em;position:relative;color:#444;font-size:.95em}
.pdl-tips li::before{content:'•';position:absolute;left:0;color:#7a9a6a;font-weight:700}
.pdl-hero-image img{width:100%;border-radius:12px;object-fit:cover;aspect-ratio:4/3}
.pdl-read-more{display:inline-block;margin-top:1em;color:#5a7a4a;font-weight:600;text-decoration:none;font-size:.9em}
.pdl-read-more:hover{text-decoration:underline}
@media(max-width:768px){.pdl-hero-split{grid-template-columns:1fr}.pdl-hero-image{order:-1}}

/* Persona Cards */
.pdl-persona-wrap{margin:2em 0}
.pdl-persona-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25em}
.pdl-persona-card{background:#fff;border:1px solid #ede8e0;border-radius:12px;padding:1.5em;position:relative;overflow:hidden}
.pdl-persona-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7a9a6a,#a8c49a)}
.pdl-persona-icon{font-size:1.8em;margin-bottom:.75em}
.pdl-persona-trigger{font-style:italic;color:#555;font-size:.9em;margin-bottom:.75em;line-height:1.5}
.pdl-persona-benefit{font-weight:600;color:#1a1a1a;font-size:.95em;line-height:1.5;margin-bottom:.5em}
.pdl-not-for{font-size:.82em;color:#b06020;margin-top:.75em;padding:.5em .75em;background:#fff8f0;border-radius:6px;border:1px solid #f0dcc8}

/* Comparison Split */
.pdl-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5em;margin:2em 0}
.pdl-col{background:#fafafa;border-radius:12px;padding:1.5em;border:1px solid #ede8e0}
.pdl-synergies{border-top:3px solid #7a9a6a}
.pdl-limits{border-top:3px solid #d4860a}
.pdl-col-head{margin-top:0;font-size:1em;font-weight:700;letter-spacing:.03em;margin-bottom:1em}
.pdl-green{color:#4a7a3a}
.pdl-amber{color:#b06020}
.pdl-col-list{list-style:none;padding:0;margin:0}
.pdl-col-list li{padding:.5em 0;border-bottom:1px solid #ede8e0;color:#444;font-size:.93em;line-height:1.5}
.pdl-col-list li:last-child{border-bottom:none}
.pdl-critical{font-weight:600;color:#8b2a00!important}
.pdl-inline-link{color:#5a7a4a;font-weight:600;font-size:.88em;text-decoration:none}
.pdl-inline-link:hover{text-decoration:underline}
.pdl-format-bar{grid-column:1/-1;background:#f0f4ee;border-radius:8px;padding:1em 1.5em;display:flex;align-items:center;gap:1em;flex-wrap:wrap;font-size:.9em}
.pdl-format-label{font-weight:700;color:#4a7a3a}
.pdl-format-this{color:#1a1a1a;font-weight:600}
.pdl-format-vs{color:#999;font-style:italic}
.pdl-format-alt{color:#777}
@media(max-width:600px){.pdl-comparison{grid-template-columns:1fr}}

/* Stats Trio */
.pdl-stats{margin:2em 0}
.pdl-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;margin-bottom:2em}
.pdl-stat-block{background:#1a1a1a;color:#fff;border-radius:12px;padding:1.5em;text-align:center}
.pdl-stat-value{display:block;font-size:2.4em;font-weight:800;line-height:1;color:#a8c49a;letter-spacing:-.02em}
.pdl-stat-unit{display:block;font-size:.82em;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#aaa;margin-top:.25em}
.pdl-stat-caption{font-size:.83em;color:#ccc;margin:.75em 0 0;line-height:1.4}
.pdl-prose-blocks{display:grid;grid-template-columns:1fr;gap:.75em}
.pdl-prose-item{padding:1em 1.25em;background:#f8f7f4;border-radius:8px;border-left:3px solid #7a9a6a;font-size:.93em;color:#444;line-height:1.6}
.pdl-prose-head{color:#1a1a1a;margin-right:.5em}
@media(max-width:600px){.pdl-stat-row{grid-template-columns:1fr}}

/* Link Hub */
.pdl-link-hub{margin:2em 0;padding:1.5em;background:#f0f4ee;border-radius:14px;border:1px solid #c8dcc0}
.pdl-hub-heading{margin-top:0;margin-bottom:1.25em;font-size:1em;font-weight:700;color:#3a5a2a;text-transform:uppercase;letter-spacing:.06em}
.pdl-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em}
.pdl-hub-card{display:flex;flex-direction:column;background:#fff;border-radius:10px;padding:1.25em;text-decoration:none;border:1px solid #d0e4c8;transition:box-shadow .2s;color:inherit}
.pdl-hub-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}
.pdl-hub-tag{display:inline-block;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#5a7a4a;background:#e4f0de;border-radius:4px;padding:.2em .6em;margin-bottom:.6em;width:fit-content}
.pdl-hub-title{font-size:.95em;font-weight:700;color:#1a1a1a;margin-bottom:.5em;line-height:1.4}
.pdl-hub-teaser{font-size:.85em;color:#555;line-height:1.5;flex:1;margin-bottom:.75em}
.pdl-hub-cta{font-size:.82em;color:#5a7a4a;font-weight:600}

/* YMYL Warning Block */
.pdl-ymyl{margin:2em 0;border-radius:10px;overflow:hidden;border:1px solid #e8c4a0}
.pdl-ymyl-header{background:#d4860a;color:#fff;padding:.85em 1.5em;font-weight:700;font-size:.95em;letter-spacing:.03em}
.pdl-ymyl-body{background:#fffaf5;padding:1.25em 1.5em}
.pdl-ymyl-warn{margin:.5em 0;padding:.6em 1em;border-radius:6px;font-size:.92em;line-height:1.5}
.pdl-sev-critical{background:#fde8e8;color:#7a0000;border-left:3px solid #c0392b;font-weight:600}
.pdl-sev-caution{background:#fef3e2;color:#7a4000;border-left:3px solid #d4860a}
.pdl-sev-info{background:#f0f7ee;color:#2e5a1e;border-left:3px solid #7a9a6a}
.pdl-ymyl-legal{margin-top:1em;font-size:.82em;color:#777;line-height:1.6;border-top:1px solid #ede8e0;padding-top:1em}
