/* Tal-Kondominju operating playbooks
   Distinct from generic blog posts: a visual workflow, a real example,
   an owner's deliverable and an honest scope note. */
.playbook-article{max-width:930px;padding:clamp(27px,5vw,66px);border-radius:18px}
.playbook-article .byline{font-size:10px;letter-spacing:.11em;color:#a66443;margin:22px 0 10px;line-height:1.5}
.playbook-article h1{font:800 clamp(32px,4.2vw,50px)/1.16 Manrope,Arial,sans-serif;letter-spacing:-.055em;max-width:750px;margin:0 0 21px;color:#082e48}
.playbook-article h2{font:800 clamp(23px,3vw,31px)/1.23 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:10px 0 21px;color:#082e48}
.playbook-article h3{font:800 clamp(16px,2vw,19px)/1.35 Manrope,Arial,sans-serif;letter-spacing:-.025em;color:#082e48;margin:0 0 9px}
.playbook-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:11px;font-size:11px;color:#70808a;font-weight:700;margin-bottom:21px}
.playbook-breadcrumb a{color:#a66843;text-decoration:none!important;border-bottom:1px solid #bc947b}
.playbook-breadcrumb span:last-child{font-size:10px;letter-spacing:.09em}
.playbook-lead{font-size:clamp(15px,1.7vw,18px)!important;line-height:1.82!important;color:#445e6e!important;max-width:750px;margin:0 0 27px}
.playbook-promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:25px 0 45px}
.playbook-promise{border:1px solid #e4e9e6;border-radius:13px;background:#f9f8f3;min-height:100px;padding:17px 14px;display:flex;flex-direction:column;gap:12px;color:#1e4357;font-size:12px;line-height:1.55;font-weight:750}
.playbook-promise span:first-child{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:#e7f2ea;color:#2f7c58;font-weight:900;font-size:13px}
.playbook-promise span:last-child{display:block}
.playbook-overline{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.15em;font-weight:800;color:#aa6440}
.playbook-section-heading{margin:0 0 20px}
.playbook-steps{border:1px solid #e2e7e8;border-radius:15px;overflow:hidden}
.playbook-step{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:25px 25px 22px;background:#fff}
.playbook-step:nth-child(even){background:#fdfbf7}
.playbook-step+.playbook-step{border-top:1px solid #e8ebea}
.playbook-step-number{display:grid;place-items:center;width:43px;height:43px;border:1px solid #e0c6a5;background:#f8eee0;color:#a2663d;border-radius:12px;font:800 15px Manrope,Arial,sans-serif}
.playbook-step p{margin:0!important;font-size:13px!important;line-height:1.75!important;color:#506878!important}
.playbook-step .playbook-outcome{font-weight:800!important;color:#1c5366!important;margin:12px 0 0!important;border-left:3px solid #d8ae7a;padding:0 0 0 11px}
.playbook-example{margin:43px 0 35px;background:linear-gradient(135deg,#082e48,#11415c);color:#fff;padding:clamp(24px,3vw,36px);border-radius:16px}
.playbook-example .playbook-overline{color:#ecc18d}
.playbook-example h2{color:#fff;margin:11px 0 24px}
.playbook-example-list{display:grid;gap:0}
.playbook-example-list>div{display:grid;grid-template-columns:120px 1fr;gap:17px;padding:17px 0;border-top:1px solid rgba(255,255,255,.18)}
.playbook-example-list>div span{font-size:11px;color:#e7bc89;font-weight:800}
.playbook-example-list>div strong{font-size:13px;line-height:1.68;font-weight:650;color:#e6eff3}
.playbook-deliverable{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#faf5ec;border:1px solid #ebdbc7;border-radius:15px;padding:29px;margin:0 0 27px}
.playbook-deliverable>div{flex:1}
.playbook-deliverable h2{font-size:24px;margin:8px 0 10px}
.playbook-deliverable p{font-size:13px!important;color:#50697b!important;margin:0!important;line-height:1.7!important}
.playbook-deliverable .button{text-align:center;white-space:normal;flex:0 0 185px}
.playbook-boundary{font-size:12px!important;line-height:1.8!important;color:#637682!important;background:#f4f7f6;border-left:3px solid #b7c6c8;padding:16px 19px}
.playbook-boundary strong{color:#243f51}
.playbook-article .sources{font-size:11px;line-height:1.85;border-top:1px solid #e5e8e6;padding:19px 0 0;margin-top:28px}
.playbook-article .sources a{color:#0a5a7a;text-decoration:underline;text-underline-offset:3px}
.playbook-article .guide-back{margin-top:25px;font-weight:800;font-size:12px}
.playbook-article .guide-back a{text-decoration:none!important;color:#a65c3e}
@media(max-width:760px){
 .playbook-promise-grid{grid-template-columns:1fr;gap:9px;margin:24px 0 35px}
 .playbook-promise{flex-direction:row;align-items:center;min-height:0;padding:12px 14px;gap:12px}
 .playbook-promise span:first-child{flex:0 0 25px}
 .playbook-deliverable{flex-direction:column;align-items:stretch;gap:18px}
 .playbook-deliverable .button{flex:auto}
}
@media(max-width:510px){
 .playbook-article{padding:22px 18px!important}
 .playbook-breadcrumb{gap:7px}
 .playbook-step{grid-template-columns:40px 1fr;gap:8px;padding:20px 12px}
 .playbook-step-number{width:34px;height:34px;border-radius:9px;font-size:12px}
 .playbook-example-list>div{grid-template-columns:1fr;gap:6px;padding:15px 0}
 .playbook-example{padding:22px 19px}
 .playbook-deliverable{padding:22px 19px}
}
@media(prefers-reduced-motion:reduce){.playbook-article *{scroll-behavior:auto}}

/* Guide-hub editorial introduction and final proposal step. */
.page-guides .guide-list-hero{padding:clamp(68px,7vw,107px) 0;background:radial-gradient(circle at 85% 16%,rgba(213,169,120,.20),transparent 36%),linear-gradient(135deg,#082e48,#16445f)}
.page-guides .guide-list-hero h1{font:800 clamp(43px,6vw,75px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.055em;max-width:860px;margin:20px 0 21px}
.page-guides .guide-list-hero h1 em{color:#e7b789;font-style:normal}
.page-guides .guide-list-hero>div>p:not(.section-kicker){font-size:16px;color:#d8e7ed;line-height:1.77;margin-bottom:30px}
.page-guides .k-guide-card{min-height:248px;transition:transform .2s,box-shadow .2s,border-color .2s}
.page-guides .k-guide-card:hover{transform:translateY(-4px);border-color:#dbc4a3;box-shadow:0 11px 30px rgba(8,46,72,.09)}
.page-guides .k-guide-card .category{color:#a9643e}
.page-guides .k-guide-card h3{font-size:19px;color:#082e48}
.page-guides .k-guide-card .read{color:#b05e3a}
.playbook-hub-footer{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:30px;border:1px solid #e7d5bc;background:#fff9ef;border-radius:16px;margin-top:32px}
.playbook-hub-footer>div{max-width:660px}
.playbook-hub-footer h3{font:800 22px/1.3 Manrope,Arial,sans-serif;color:#082e48;letter-spacing:-.04em;margin:8px 0 9px}
.playbook-hub-footer p:not(.section-kicker){font-size:13px;line-height:1.75;color:#617584;margin:0}
.playbook-hub-footer .button{flex:0 0 210px;white-space:normal;text-align:center}
@media(max-width:760px){.playbook-hub-footer{flex-direction:column;align-items:stretch;gap:18px}.playbook-hub-footer .button{flex:0 0 auto}}

/* Account-manager handoff: the items an owner can prepare before submitting. */
.playbook-prep{border-radius:15px;background:#fbfcfb;border:1px solid #e0e7e5;padding:29px;margin:0 0 20px}
.playbook-prep h2{font-size:23px;margin:8px 0 17px}
.playbook-prep-list{display:grid;gap:0}
.playbook-prep-list>div{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:14px 0;border-top:1px solid #e6edeb;align-items:start}
.playbook-prep-list b{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;font:800 11px Manrope,Arial,sans-serif;color:#9d6945;background:#f5ecdf}
.playbook-prep-list span{font-size:13px;line-height:1.7;color:#405a6b}
@media(max-width:510px){.playbook-prep{padding:21px 18px}}

/* Full-width editorial treatment — use the available laptop/desktop screen.
   Previously the page container was 1240px and the white article was capped at
   930px, producing large unused margins on wide screens. */
.page-guide .guide-body{padding:clamp(18px,3vw,48px) 0 90px;background:linear-gradient(170deg,#f2ede2,#fbf8f2 35%)}
.page-guide .guide-body>.container{width:min(calc(100% - 68px),1450px);max-width:none}
.page-guide .guide-article.playbook-article{
  width:100%;max-width:none;margin:0;padding:clamp(30px,4.6vw,76px);
  border:1px solid #eae3d9;border-radius:22px;
  box-shadow:0 18px 60px rgba(8,46,72,.07)
}
.page-guide .playbook-article h1{max-width:1080px;font-size:clamp(36px,4.4vw,61px)}
.page-guide .playbook-article .playbook-lead{max-width:1020px}
.page-guide .playbook-article .playbook-promise-grid{gap:16px}
.page-guide .playbook-article .playbook-promise{min-height:110px;padding:21px}
.page-guide .playbook-article .playbook-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;border:0;border-radius:0;background:transparent;overflow:visible}
.page-guide .playbook-article .playbook-step{
  border:1px solid #e1e8e6;border-radius:13px;
  grid-template-columns:48px minmax(0,1fr);gap:14px;
  background:#fff;min-height:210px;padding:23px 25px;
  box-shadow:0 5px 16px rgba(8,46,72,.025);
}
.page-guide .playbook-article .playbook-step:nth-child(even){background:#fdfbf7}
.page-guide .playbook-article .playbook-step+.playbook-step{border-top:1px solid #e1e8e6}
.page-guide .playbook-article .playbook-step:last-child:nth-child(odd){grid-column:1/-1;min-height:0}
.page-guide .playbook-article .playbook-example-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.page-guide .playbook-article .playbook-example-list>div{
  display:flex;flex-direction:column;gap:9px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:11px;padding:19px 18px;background:rgba(255,255,255,.065);
}
.page-guide .playbook-article .playbook-prep-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.page-guide .playbook-article .playbook-prep-list>div{
  display:flex;align-items:flex-start;gap:12px;
  border:1px solid #e6eceb;border-radius:10px;
  padding:17px 14px;background:white;
}
.page-guide .playbook-article .playbook-prep-list b{flex:0 0 28px}
.page-guide .playbook-article .playbook-deliverable{gap:30px;padding:33px}
.page-guide .playbook-article .playbook-deliverable>div{max-width:850px}
.page-guides .k-guide-cards{max-width:none}
.page-guides .k-guide-card{min-height:250px}
@media(max-width:1000px){
 .page-guide .guide-body>.container{width:min(calc(100% - 40px),930px)}
 .page-guide .playbook-article .playbook-steps{grid-template-columns:1fr}
 .page-guide .playbook-article .playbook-step:last-child:nth-child(odd){grid-column:auto}
 .page-guide .playbook-article .playbook-step{min-height:0}
 .page-guide .playbook-article .playbook-example-list{grid-template-columns:1fr;gap:9px}
 .page-guide .playbook-article .playbook-prep-list{grid-template-columns:1fr;gap:9px}
}
@media(max-width:610px){
 .page-guide .guide-body{padding:14px 0 48px}
 .page-guide .guide-body>.container{width:calc(100% - 24px)}
 .page-guide .guide-article.playbook-article{padding:25px 19px;border-radius:14px}
 .page-guide .playbook-article h1{font-size:clamp(31px,8.5vw,41px)}
 .page-guide .playbook-article .playbook-step{padding:19px 14px;grid-template-columns:36px minmax(0,1fr);gap:11px}
 .page-guide .playbook-article .playbook-promise{padding:12px 14px;min-height:0}
}

/* Nine operating playbooks grouped into three full-width practical collections. */
.page-guides .playbook-collection{margin:42px 0 54px}
.page-guides .playbook-collection:first-of-type{margin-top:36px}
.page-guides .playbook-collection-head{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:17px;border-bottom:1px solid #dedbd2}
.page-guides .playbook-collection-head .section-kicker{font-size:11px;font-weight:900;letter-spacing:.11em;margin:0;max-width:360px}
.page-guides .playbook-collection-head>p:last-child{font-size:13px;line-height:1.6;color:#5e7481;max-width:510px;margin:0}
.page-guides .playbook-collection .k-guide-cards{margin:22px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.page-guides .playbook-collection .k-guide-card{padding:27px;min-height:258px}
.page-guides .playbook-collection .k-guide-card h3{font-size:20px;line-height:1.3}
.playbook-related{padding:25px;margin:36px 0 0;border:1px solid #e6e3da;background:#fdfbf5;border-radius:14px}
.playbook-related .playbook-overline{margin:0 0 14px}
.playbook-related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.playbook-related-links a{display:flex;align-items:center;justify-content:space-between;gap:14px;
 min-height:70px;font:800 12px/1.55 "DM Sans",Arial,sans-serif;color:#0b394f;
 background:white;border:1px solid #e5e8e4;border-radius:9px;padding:15px;
 text-decoration:none!important;transition:border-color .18s,box-shadow .18s}
.playbook-related-links a:hover{border-color:#cfa87b;box-shadow:0 6px 16px rgba(8,46,72,.06)}
.playbook-related-links a span:last-child{font-size:16px;color:#b87952;flex-shrink:0}
@media(max-width:940px){
 .page-guides .playbook-collection .k-guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .playbook-related-links{grid-template-columns:1fr}
}
@media(max-width:620px){
 .page-guides .playbook-collection-head{display:block}
 .page-guides .playbook-collection-head>p:last-child{margin:9px 0 0}
 .page-guides .playbook-collection .k-guide-cards{grid-template-columns:1fr;gap:12px}
 .page-guides .playbook-collection .k-guide-card{min-height:0}
 .page-guides .playbook-collection{margin:29px 0 35px}
 .playbook-related{padding:18px}
}