.template-nine{--t9-background:#f7f8fa;--t9-card-color:#fff;--t9-title-color:#172b49;--t9-text-color:#657286;--t9-accent-color:#b28b52;--t9-border-color:#e3e7ec;--t9-open-color:#163e71;--t9-hover-color:#fafbfd;--t9-help-color:#eef1f5;--t9-link-color:#245a94;--t9-padding-y:55px;--t9-padding-x:35px;--t9-max-width:1200px;--t9-intro-width:36%;--t9-gap:65px;--t9-item-gap:10px;--t9-radius:0px;--t9-card-radius:9px;--t9-question-padding-y:20px;--t9-question-padding-x:23px;--t9-answer-padding:22px;--t9-heading-size:43px;--t9-eyebrow-size:11px;--t9-description-size:14px;--t9-question-size:14px;--t9-answer-size:13px;--t9-button-size:12px;--t9-icon-size:28px;--t9-icon-radius:50%;--t9-duration:350ms;container-type:inline-size;width:100%;min-width:0;box-sizing:border-box;padding:var(--t9-padding-y) var(--t9-padding-x);font-family:var(--t9-font,"Segoe UI",Arial,sans-serif);background:var(--t9-background);color:var(--t9-title-color);border-radius:var(--t9-radius)}
.template-nine *{box-sizing:border-box}.template-nine-container{max-width:var(--t9-max-width);margin:auto;display:grid;grid-template-columns:minmax(0,var(--t9-intro-width)) minmax(0,1fr);gap:var(--t9-gap);align-items:start}.template-nine[data-layout=stack] .template-nine-container,.template-nine[data-intro=false] .template-nine-container{grid-template-columns:minmax(0,1fr)}.template-nine-intro{padding-top:15px;min-width:0;overflow-wrap:anywhere}.template-nine-eyebrow{display:flex;align-items:center;gap:12px;font-size:var(--t9-eyebrow-size);font-weight:700;letter-spacing:1.8px;color:var(--t9-accent-color);margin-bottom:23px}.template-nine-eyebrow::before{content:"";width:28px;height:2px;background:var(--t9-accent-color);flex-shrink:0}.template-nine-intro h2{font-size:var(--t9-heading-size);line-height:1.2;letter-spacing:-1.3px;font-weight:700;margin:0 0 20px;color:var(--t9-title-color);white-space:pre-line}.template-nine-intro p{color:var(--t9-text-color);font-size:var(--t9-description-size);line-height:1.9;margin:0 0 28px;white-space:pre-line}.template-nine-contact{display:inline-block;text-decoration:none;color:var(--t9-title-color);font-size:var(--t9-button-size);font-weight:700;border-bottom:1px solid var(--t9-accent-color);padding-bottom:10px}
.template-nine-list{display:flex;flex-direction:column;gap:var(--t9-item-gap);min-width:0}.template-nine-item{background:var(--t9-card-color);border:1px solid var(--t9-border-color);border-radius:var(--t9-card-radius);overflow:hidden;transition:border-color var(--t9-duration),box-shadow var(--t9-duration)}.template-nine-item:hover{border-color:var(--t9-accent-color)}.template-nine-item[open]{border-color:var(--t9-open-color)}.template-nine[data-shadow=true] .template-nine-item[open]{box-shadow:0 8px 25px rgba(23,43,73,.045)}.template-nine-item summary{list-style:none;cursor:pointer;padding:var(--t9-question-padding-y) var(--t9-question-padding-x);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:var(--t9-question-size);font-weight:650;line-height:1.5;color:var(--t9-title-color);transition:background var(--t9-duration)}.template-nine-item summary>span:first-child{min-width:0;overflow-wrap:anywhere}.template-nine-item summary::-webkit-details-marker{display:none}.template-nine-item summary:hover{background:var(--t9-hover-color)}.template-nine-item[open] summary{color:var(--t9-open-color)}.template-nine-item summary:focus-visible,.template-nine a:focus-visible{outline:3px solid var(--t9-accent-color);outline-offset:-3px}
.template-nine-icon{width:var(--t9-icon-size);height:var(--t9-icon-size);border:1px solid var(--t9-border-color);border-radius:var(--t9-icon-radius);flex-shrink:0;position:relative;background:var(--t9-card-color);transition:background var(--t9-duration),transform var(--t9-duration);color:var(--t9-text-color)}.template-nine-icon::before,.template-nine-icon::after{content:"";position:absolute;background:currentColor;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:2px;transition:opacity var(--t9-duration)}.template-nine-icon::before{width:40%;height:2px}.template-nine-icon::after{width:2px;height:40%}.template-nine-item[open] .template-nine-icon{background:var(--t9-title-color);color:#fff;transform:rotate(180deg)}.template-nine-item[open] .template-nine-icon::after{opacity:0}.template-nine[data-icon-style=arrow] .template-nine-icon::before{width:30%;height:30%;border-right:2px solid currentColor;border-bottom:2px solid currentColor;background:none;transform:translate(-50%,-70%) rotate(45deg);border-radius:0}.template-nine[data-icon-style=arrow] .template-nine-icon::after{display:none}
.template-nine-answer{padding:0 var(--t9-question-padding-x) var(--t9-answer-padding);color:var(--t9-text-color);font-size:var(--t9-answer-size);line-height:1.85;overflow-wrap:anywhere}.template-nine-answer p{margin:0;white-space:pre-line}.template-nine-answer a{color:var(--t9-link-color);text-decoration:underline;text-underline-offset:3px}.template-nine[data-animate=true] .template-nine-answer{animation:templateNineReveal var(--t9-duration) ease-out}.template-nine-help{margin-top:15px;padding:17px 20px;border-left:3px solid var(--t9-accent-color);background:var(--t9-help-color);display:flex;align-items:center;justify-content:space-between;gap:15px;overflow-wrap:anywhere}.template-nine-help span{font-size:var(--t9-button-size);color:var(--t9-text-color)}.template-nine-help a{color:var(--t9-title-color);text-decoration:none;font-size:var(--t9-button-size);font-weight:700}.template-nine-help a:hover{text-decoration:underline}
@keyframes templateNineReveal{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@container(max-width:850px){.template-nine-container{grid-template-columns:minmax(0,1fr);gap:min(var(--t9-gap),30px)}.template-nine-intro{padding-top:0}.template-nine-intro h2{font-size:min(var(--t9-heading-size),32px)}}
@container(max-width:480px){.template-nine-help{flex-direction:column;align-items:flex-start}.template-nine-item summary{gap:12px;padding-inline:min(var(--t9-question-padding-x),15px)}.template-nine-answer{padding-inline:min(var(--t9-question-padding-x),15px)}.template-nine-intro h2{font-size:min(var(--t9-heading-size),29px)}}
@media(prefers-reduced-motion:reduce){.template-nine *,.template-nine *::before,.template-nine *::after{animation:none!important;transition:none!important}}
