/* Owner-approved Professional case typography & layout (visually reviewed PR #89).
 * Keep the approved visible design, texts, source links and evidence caveats unchanged.
 */
.personal-professional #work .professional-case-studies{
 margin-top:clamp(34px,5vw,62px);
 padding-top:clamp(22px,3vw,32px);
 border-top:1px solid rgba(87,75,58,.22);
}
.personal-professional #work .professional-cases-eyebrow{
 color:#8d6417;font-size:11px;letter-spacing:.1em;
 text-transform:uppercase;font-weight:800;line-height:1.5;
}
.personal-professional #work .professional-cases-heading{
 margin:10px 0 8px;max-width:800px;
 color:#151515;font-size:clamp(25px,3.1vw,35px);
 line-height:1.14;letter-spacing:-.035em;font-weight:790;
}
.personal-professional #work .professional-cases-lead{
 margin:0 0 22px;color:#605d57;font-size:14px;line-height:1.65;max-width:780px;
}
.personal-professional #work .professional-cases-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
 align-items:start;
}
.personal-professional #work .professional-case-card{
 border:1px solid #ded4c4;border-radius:17px;
 background:#fffdfa;overflow:hidden;min-width:0;
 box-shadow:0 1px 1px rgba(60,48,25,.025);
}
.personal-professional #work .professional-case-lead{padding:25px 26px 19px}
.personal-professional #work .professional-case-category{
 font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1.5;color:#956511;
}
.personal-professional #work .professional-case-title{
 margin:11px 0 10px;font-size:clamp(20px,2.15vw,25px);
 line-height:1.2;letter-spacing:-.028em;font-weight:770;color:#171717;
}
.personal-professional #work .professional-case-summary{
 margin:0;color:#58554e;font-size:15px;line-height:1.65;
}
.personal-professional #work .professional-case-details{border-top:1px solid #ece3d6}
.personal-professional #work .professional-case-toggle{
 list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
 gap:16px;min-height:56px;padding:13px 26px;
 color:#79520a;font-size:13px;line-height:1.5;font-weight:740;
 transition:background .15s ease;
}
.personal-professional #work .professional-case-toggle::-webkit-details-marker{display:none}
.personal-professional #work .professional-case-toggle:hover{background:#faf5e8}
.personal-professional #work .professional-case-toggle:focus-visible{
 outline:2px solid #af7718;outline-offset:-3px;
}
.personal-professional #work .professional-case-toggle-close{display:none}
.personal-professional #work .professional-case-toggle-arrow{
 font-size:20px;line-height:1;transition:transform .16s ease;
}
.personal-professional #work .professional-case-details[open] .professional-case-toggle-arrow{
 transform:rotate(180deg);
}
.personal-professional #work .professional-case-details[open] .professional-case-toggle-open{display:none}
.personal-professional #work .professional-case-details[open] .professional-case-toggle-close{display:inline}
.personal-professional #work .professional-case-body{
 display:grid;gap:15px;padding:5px 26px 25px;
}
.personal-professional #work .professional-case-fact{
 padding-top:13px;border-top:1px solid #eee9e0;
}
.personal-professional #work .professional-case-fact-label{
 color:#9a6710;font-size:11px;line-height:1.5;
 font-weight:770;letter-spacing:.08em;text-transform:uppercase;
}
.personal-professional #work .professional-case-fact-copy{
 margin:7px 0 0;color:#403e38;font-size:14.5px;line-height:1.7;
}
/* Methodological honesty remains visible, but reads as a footnote,
   not a fourth major achievement. The evidence source links follow it. */
.personal-professional #work .professional-case-note{
 margin:0;padding-top:12px;border-top:1px solid #eee9e0;
 color:#726e65;font-size:12.5px;line-height:1.6;
}
.personal-professional #work .professional-case-note-label{
 font-size:11px;letter-spacing:0;font-weight:700;color:#797166;
}
.personal-professional #work .professional-case-links{
 display:flex;flex-wrap:wrap;column-gap:19px;row-gap:4px;
 padding-top:15px;border-top:1px solid #eee9e0;
}
.personal-professional #work .professional-case-source{
 display:inline-flex;align-items:center;min-height:32px;
 color:#73500c;text-decoration:underline;text-underline-offset:4px;
 text-decoration-color:#bba46b;font-size:12px;font-weight:730;line-height:1.45;
 overflow-wrap:anywhere;
}
.personal-professional #work .professional-case-source:hover{color:#2b251a}
@media(max-width:760px){
 .personal-professional #work .professional-cases-grid{grid-template-columns:1fr;gap:13px}
 .personal-professional #work .professional-case-lead{padding:21px 21px 16px}
 .personal-professional #work .professional-case-toggle{padding:12px 21px;min-height:50px}
 .personal-professional #work .professional-case-body{padding:4px 21px 22px}
}
@media(prefers-reduced-motion:reduce){
 .personal-professional #work .professional-case-toggle-arrow{transition:none}
 .personal-professional #work .professional-case-toggle{transition:none}
}