
/* Baaraku V5.4 final precision layer: section targeting, readability and mobile in-page navigation. */
:root{--v54-header-gap:18px;--v54-focus:#ff5a1f;--v54-frame:#cabfac;--v54-paper:#fffdf8}
html{scroll-behavior:smooth}
.v3-rich-main>.v54-focus-section{position:relative;background:var(--v54-paper);border:2px solid rgba(17,17,15,.16);padding:clamp(28px,3.8vw,52px);margin:0 0 30px;box-shadow:7px 7px 0 rgba(17,17,15,.07);outline:none;scroll-margin-top:116px}
.v3-rich-main>.v54-focus-section+section{margin-top:30px}
.v3-rich-main>.v54-focus-section:before{content:"";position:absolute;left:-2px;top:-2px;bottom:-2px;width:6px;background:transparent;transition:background .18s ease}
.v3-rich-main>.v54-focus-section.is-anchor-target{border-color:var(--v5-ink,#11110f);box-shadow:8px 8px 0 var(--v5-yellow,#ffd545)}
.v3-rich-main>.v54-focus-section.is-anchor-target:before{background:var(--v54-focus)}
.v3-rich-main>.v54-focus-section h2{max-width:970px;text-wrap:balance}
.v3-rich-main>.v54-focus-section>p:first-of-type{max-width:880px}
.v3-rich-aside{top:96px}
.v3-rich-aside .v3-eyebrow{margin-bottom:12px}
.v3-rich-aside nav{background:rgba(244,239,230,.96);border:2px solid var(--v5-ink,#11110f);box-shadow:4px 4px 0 rgba(17,17,15,.12)}
.v3-rich-aside a{padding:14px 13px!important;border-bottom:1px solid rgba(17,17,15,.2)!important;font-size:13px!important;line-height:1.25}
.v3-rich-aside a:last-child{border-bottom:0!important}
.v3-rich-aside a[aria-current="location"]{background:var(--v5-yellow,#ffd545)!important;color:var(--v5-ink,#11110f)!important;padding-left:13px!important}
.v3-rich-aside a:focus-visible{outline:3px solid var(--v54-focus);outline-offset:-3px}
@media(max-width:1180px){
  .v3-rich{display:block!important}
  .v3-rich-aside{position:sticky!important;top:72px!important;z-index:1200;background:var(--v5-cream,#f4efe6);margin:0 -20px 24px;padding:8px 20px 9px;border-bottom:1px solid rgba(17,17,15,.18)}
  .v3-rich-aside>.v3-eyebrow{display:none}
  .v3-rich-aside nav{display:flex!important;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;border:0!important;box-shadow:none!important;background:transparent!important;gap:8px;padding:0 0 2px}
  .v3-rich-aside nav::-webkit-scrollbar{display:none}
  .v3-rich-aside a{flex:0 0 auto;border:1px solid rgba(17,17,15,.22)!important;background:#fffdf8;padding:10px 12px!important;font-size:12px!important;white-space:nowrap}
  .v3-rich-aside a[aria-current="location"]{padding-left:12px!important;border-color:var(--v5-ink,#11110f)!important}
  .v3-rich-main>.v54-focus-section{scroll-margin-top:138px;padding:26px 22px;margin-bottom:22px;box-shadow:5px 5px 0 rgba(17,17,15,.07)}
  .v3-rich-main>.v54-focus-section+section{margin-top:22px}
}
@media(max-width:640px){
  .v3-rich-aside{top:68px!important;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
  .v3-rich-main>.v54-focus-section{scroll-margin-top:132px;padding:24px 18px}
  .v3-rich-main>.v54-focus-section h2{font-size:clamp(31px,10vw,43px);line-height:.98}
}


/* Baaraku V5.5 role-stack specificity and conversion layer */
.v55-tools-section{background:#fffdf8;border-top:2px solid var(--v5-ink,#11110f);border-bottom:2px solid var(--v5-ink,#11110f)}
.v55-tools-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:42px;align-items:end;margin:12px 0 34px}
.v55-tools-intro .v3-display-sm{margin:0;max-width:900px}
.v55-tools-intro>p{font-size:17px;line-height:1.65;color:#5e5c57;margin:0}
.v55-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:2px solid var(--v5-ink,#11110f);box-shadow:8px 8px 0 rgba(17,17,15,.1)}
.v55-tools-card{padding:30px;background:#fff;border-right:2px solid var(--v5-ink,#11110f);min-width:0}
.v55-tools-card:last-child{border-right:0}.v55-tools-card--ai{background:var(--v5-yellow,#ffd545)}
.v55-card-label{display:block;font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--v5-orange,#ff5a1f);margin-bottom:14px}
.v55-tools-card--ai .v55-card-label{color:#11110f}
.v55-tools-card h3{font-size:clamp(25px,2.3vw,34px);letter-spacing:-.045em;line-height:1.02;margin:0 0 22px}
.v55-chip-wrap{display:flex;flex-wrap:wrap;gap:8px}
.v55-chip{display:inline-flex;align-items:center;min-height:36px;padding:8px 11px;background:#f4efe6;border:1px solid rgba(17,17,15,.28);font-size:12px;line-height:1.15;font-weight:800}
.v55-term-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.v55-term-list li{position:relative;padding:0 0 9px 18px;border-bottom:1px solid rgba(17,17,15,.16);font-size:14px;line-height:1.38;color:#34332f}
.v55-term-list li:before{content:"→";position:absolute;left:0;top:0;color:var(--v5-orange,#ff5a1f);font-weight:900}
.v55-tools-card--ai .v55-term-list li:before{color:#11110f}.v55-tools-card--ai .v55-term-list li{border-bottom-color:rgba(17,17,15,.23)}
.v55-card-foot{font-size:13px!important;line-height:1.5!important;color:#68645d!important;margin:20px 0 0!important}.v55-tools-card--ai .v55-card-foot{color:#2d2c28!important}
.v55-conversion-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;margin-top:28px;padding:30px;border:2px solid var(--v5-ink,#11110f);background:#f4efe6}
.v55-conversion-strip h3{font-size:clamp(27px,3vw,42px);line-height:1;letter-spacing:-.045em;margin:0 0 10px}.v55-conversion-strip p{font-size:15px;line-height:1.55;color:#5e5c57;max-width:820px;margin:0}
.v55-conversion-actions{display:flex;flex-direction:column;gap:10px;min-width:245px}.v55-conversion-actions .v3-btn{width:100%;white-space:nowrap}.v55-conversion-actions .v3-btn--outline{background:#fff}.v55-conversion-actions .v3-btn--outline:hover{background:#11110f;color:#fff}
@media(max-width:980px){.v55-tools-intro{grid-template-columns:1fr;gap:14px}.v55-tools-grid{grid-template-columns:1fr}.v55-tools-card{border-right:0;border-bottom:2px solid var(--v5-ink,#11110f)}.v55-tools-card:last-child{border-bottom:0}.v55-conversion-strip{grid-template-columns:1fr}.v55-conversion-actions{flex-direction:row;min-width:0;flex-wrap:wrap}.v55-conversion-actions .v3-btn{width:auto}}
@media(max-width:640px){.v55-tools-card{padding:23px 18px}.v55-conversion-strip{padding:23px 18px}.v55-conversion-actions{display:grid;grid-template-columns:1fr}.v55-conversion-actions .v3-btn{width:100%;white-space:normal;text-align:center}}
