/* Purpose guides: shared editorial layout, isolated from the landing page. */
.purpose-page{background:#fff;color:#253c34}.purpose-page .topic-intro{background:linear-gradient(125deg,#eff5f1,#fafbf9);padding:52px 0}.purpose-page .topic-hero{grid-template-columns:1.1fr 1fr;gap:56px}.purpose-page .topic-hero h1{font-size:clamp(28px,3.3vw,44px);line-height:1.5;margin:14px 0 18px;letter-spacing:.01em}.purpose-page .topic-kicker{display:inline-block;font-size:13px;letter-spacing:.08em;border-left:3px solid #12835b;padding-left:12px}.purpose-page .topic-hero p{font-size:16px;line-height:1.9;margin:0}.purpose-page .topic-hero>img{height:360px;border-radius:18px;box-shadow:0 18px 38px #18382a10}.purpose-page .topic-summary{display:flex;flex-direction:column;gap:8px;margin:20px 0}.topic-summary>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.topic-summary span{font-size:14px;font-weight:700}.topic-summary strong{font-size:30px;line-height:1.3;letter-spacing:-.02em;color:#086645}.topic-summary small{font-size:11px;color:#5c6d63}.purpose-page .topic-summary>p{font-size:14px;font-weight:700}.purpose-page .topic-hero .outline-button{margin:4px 0 0;background:#086645;color:#fff;border-color:#086645;min-height:48px;padding:14px 22px}.purpose-page .topic-shell{max-width:1236px;padding:38px 24px 64px}.topic-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}.topic-sidebar{position:sticky;top:110px}.purpose-page .topic-nav{display:flex;flex-direction:column;border:1px solid #dfe8e2;border-radius:12px;padding:20px;gap:0;background:#fafcfb}.topic-nav>strong{font-size:13px;margin-bottom:10px;color:#577163}.purpose-page .topic-nav a{font-size:13px;line-height:1.7;text-decoration:none;display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #e2ebe5}.purpose-page .topic-nav a:last-child{border:0}.topic-nav a span{font-size:11px;color:#6d8d7c;flex-shrink:0;padding-top:2px}.topic-article{min-width:0}.purpose-page .topic-section{margin:0 0 52px;padding-top:8px;scroll-margin-top:130px}.purpose-page .topic-section>h2{border:0;font-size:25px;line-height:1.55;color:#163f2e;padding:0 0 16px;margin:0 0 22px;position:relative}.purpose-page .topic-section>h2:after{content:'';position:absolute;bottom:0;left:0;width:36px;height:3px;background:#169568}.purpose-page .topic-section>p{font-size:15px;line-height:1.95;margin:16px 0}.purpose-page .topic-cards{gap:14px}.purpose-page .topic-cards article{border:1px solid #dce7e0;border-top:3px solid #19835e;border-radius:8px;background:white;padding:20px}.purpose-page .topic-cards h3{font-size:17px;line-height:1.6;margin:0 0 10px}.purpose-page .topic-cards p{font-size:14px;line-height:1.85;margin:0}.topic-vehicles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.topic-vehicle{border:1px solid #dce6df;border-radius:12px;overflow:hidden;background:white;min-width:0}.topic-vehicle>img{display:block;width:100%;height:150px;object-fit:contain;padding:16px;background:#f7faf8;box-sizing:border-box}.topic-vehicle>div{padding:18px 20px}.purpose-page .topic-vehicle h3{font-size:18px;line-height:1.55;margin:0}.purpose-page .vehicle-model{font-size:12px;color:#60756a;margin:4px 0 14px}.purpose-page .vehicle-rate{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.vehicle-rate small{font-size:12px}.vehicle-rate strong{font-size:29px;font-variant-numeric:tabular-nums;line-height:1.3;color:#086645}.vehicle-rate strong span{font-size:15px;margin-left:3px}.purpose-page .vehicle-use{font-size:12px;margin:10px 0 0;color:#516d5c}.purpose-page .topic-note{background:#f3f7f4;padding:16px 18px;border-radius:7px;font-size:13px!important}.purpose-page .table-scroll{border:1px solid #dce6df;border-radius:10px;overflow:auto;margin:16px 0}.purpose-page .detail-table{width:100%;min-width:0;border-collapse:collapse;font-size:14px;table-layout:fixed;margin:0}.purpose-page .detail-table th,.purpose-page .detail-table td{padding:17px 20px;line-height:1.8;border:0;border-bottom:1px solid #e1e9e3;text-align:left;word-break:normal;overflow-wrap:anywhere}.purpose-page .detail-table thead th{background:#126144;color:white;font-weight:700}.purpose-page .detail-table tbody th{background:#f5f8f6;font-weight:600;width:40%}.purpose-page .detail-table tr:last-child>*{border-bottom:0}.purpose-page .faq-item summary{font-size:15px;min-height:56px;line-height:1.8}.purpose-page .faq-answer{font-size:14px}.purpose-page .topic-consult{background:#edf6f0;border:0;border-radius:14px;padding:30px;margin:16px 0 40px}.topic-consult h2{font-size:25px;line-height:1.5;margin:0 0 14px;color:#164831}.topic-consult>p{font-size:14px;line-height:1.9;margin:12px 0}.topic-template{margin:18px 0;border:1px solid #c6dbcd;background:#fff;border-radius:8px;padding:14px 18px}.topic-template>summary{cursor:pointer;font-size:14px;font-weight:700;min-height:24px}.topic-template label{display:block;font-size:13px;margin-top:16px}.purpose-page .topic-consult textarea{font-size:16px;min-height:240px;background:#fff;line-height:1.7}.purpose-page .topic-consult button{font-size:14px;min-height:44px}.purpose-page .topic-consult .line-button{display:flex;justify-content:center;align-items:center;min-height:50px;font-size:16px;white-space:normal;text-align:center}.purpose-page .topic-related{border-radius:12px;background:#f4f7f5;padding:28px;margin:32px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.purpose-page .topic-related h2{grid-column:1/-1;font-size:22px;margin:0 0 12px}.purpose-page .topic-related a{font-size:14px;padding:14px 0;border-bottom:1px solid #dce5df;text-decoration:none}.purpose-page .topic-related a:after{content:' →';color:#12815a}.purpose-page .price-side{display:none}
#purpose-guides.topic-related{background:#f1f6f2;border:1px solid #dce6df;border-radius:14px;padding:32px!important;margin:40px auto!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important}#purpose-guides h2{grid-column:1/-1;font-size:26px;line-height:1.6;margin:0 0 8px}#purpose-guides a{display:flex;align-items:center;min-height:78px;padding:20px!important;background:white;border:1px solid #dce6df;border-radius:8px;text-decoration:none;line-height:1.7;font-size:15px;font-weight:700;color:#086645}
@media(max-width:1000px){.topic-layout{grid-template-columns:190px minmax(0,1fr);gap:28px}.purpose-page .topic-cards{grid-template-columns:1fr}.purpose-page .topic-hero{gap:28px}.purpose-page .topic-hero>img{height:320px}}
@media(max-width:700px){.purpose-page .topic-intro{padding:28px 0 30px}.purpose-page .topic-hero{grid-template-columns:1fr;gap:24px}.purpose-page .topic-hero h1{font-size:28px;margin-top:12px;line-height:1.5}.purpose-page .topic-hero>img{height:190px;border-radius:10px;order:2}.purpose-page .topic-hero p{font-size:15px}.purpose-page .topic-shell{padding:24px 20px 48px}.topic-layout{display:block}.topic-sidebar{position:static;margin-bottom:32px}.purpose-page .topic-nav{padding:16px 20px}.purpose-page .topic-nav a{font-size:14px;padding:11px 0}.purpose-page .topic-section{margin-bottom:38px;scroll-margin-top:100px}.purpose-page .topic-section>h2{font-size:23px}.topic-vehicles{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.topic-vehicle>img{height:110px;padding:10px}.topic-vehicle>div{padding:14px 12px}.purpose-page .topic-vehicle h3{font-size:16px}.purpose-page .vehicle-model{font-size:12px}.purpose-page .vehicle-rate{display:block}.vehicle-rate small{display:block;margin-bottom:5px}.vehicle-rate strong{font-size:26px}.purpose-page .vehicle-use{font-size:12px;line-height:1.7}.purpose-page .detail-table th,.purpose-page .detail-table td{padding:13px 12px;font-size:14px}.purpose-page .topic-consult{padding:22px 18px}.topic-consult h2{font-size:23px}.topic-template{padding:12px}.purpose-page .topic-related{grid-template-columns:1fr;padding:22px}.purpose-page .topic-related h2{font-size:21px}.topic-summary strong{font-size:28px}#purpose-guides.topic-related{display:grid;grid-template-columns:1fr;padding:24px 20px!important;width:calc(100% - 40px)}#purpose-guides h2{font-size:23px}#purpose-guides a{min-height:60px;padding:16px!important}}
@media(max-width:360px){.topic-vehicles{grid-template-columns:1fr}.topic-vehicle{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center}.topic-vehicle>img{height:95px}.purpose-page .topic-vehicle h3{font-size:16px}.purpose-page .vehicle-use{display:none}.purpose-page .topic-hero h1{font-size:26px}.purpose-page .topic-shell{padding-left:16px;padding-right:16px}}
.topic-flow{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}.topic-flow li{display:flex;gap:16px;align-items:flex-start;background:#f3f7f4;padding:18px;border-radius:8px}.topic-flow li>span{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;background:#146345;color:#fff;border-radius:50%;font-size:12px;font-weight:700}.topic-flow strong{font-size:16px}.topic-flow p{margin:5px 0 0;font-size:14px;line-height:1.8}#purpose-guides a{justify-content:space-between;gap:12px}#purpose-guides a strong{display:block;font-size:16px}#purpose-guides a small{display:block;font-size:12px;font-weight:400;color:#5b7365;margin-top:6px}#purpose-guides a:hover{border-color:#16855c;background:#fafdfb}.purpose-page .topic-article .outline-button{max-width:100%;width:auto;min-height:44px;white-space:normal}.purpose-page :is(a,button,summary):focus-visible{outline:3px solid #c38724;outline-offset:4px}
.purpose-page .topic-vehicle>.vehicle-photo{position:relative;aspect-ratio:250/135;overflow:hidden;padding:0;background:#edfbef;margin:16px 20px 0;border-radius:6px}.vehicle-photo>img{position:absolute;display:block;top:-33.34%;left:0;width:100%;height:auto;max-width:none}.purpose-page .vehicle-model{background:none!important;border-radius:0!important;padding:0!important;display:block!important;color:#5e7267!important}.purpose-page .topic-vehicle>.vehicle-info{padding:16px 20px}.purpose-page .topic-vehicle .vehicle-info>h3{font-size:18px}@media(max-width:700px){.purpose-page .topic-vehicle>.vehicle-photo{margin:12px 12px 0}.purpose-page .topic-vehicle>.vehicle-info{padding:14px 12px}.purpose-page .topic-vehicle .vehicle-info>h3{font-size:16px}}@media(max-width:360px){.purpose-page .topic-vehicle>.vehicle-photo{margin:10px 0 10px 10px}.purpose-page .topic-vehicle>.vehicle-info{padding:14px 12px}}

/* Photographs have their own responsive frame; small icons must never be hero images. */
.purpose-page .topic-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.purpose-page .topic-visual{margin:0;min-width:0;align-self:center}
.purpose-page .topic-visual>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:14px;box-shadow:0 12px 30px #18382a12}
.purpose-page .topic-visual-winter>img{object-position:center 60%}
.purpose-page .topic-visual figcaption{font-size:13px;line-height:1.8;color:#496054;padding:12px 2px 0}
.purpose-page .topic-visual figcaption small{display:block;font-size:11px;margin-top:4px;color:#52675b}
.purpose-page .topic-visual figcaption a{text-decoration:underline;text-underline-offset:3px}
.purpose-page .topic-vehicle>.vehicle-photo{width:calc(100% - 40px);max-width:250px;justify-self:center;margin-left:auto;margin-right:auto}
@media(max-width:700px){.purpose-page .topic-hero{grid-template-columns:minmax(0,1fr)}.purpose-page .topic-visual{order:2}.purpose-page .topic-visual>img{border-radius:12px}.purpose-page .topic-visual figcaption{font-size:12px}.purpose-page .topic-vehicle>.vehicle-photo{width:calc(100% - 24px);margin-left:auto;margin-right:auto}}