/* WebWellness typography roles: shared by the new Astro page templates. */
.ww-report-integration{
 --ww-type-display:clamp(48px,4.5vw,68px);--ww-type-brand:clamp(38px,3.4vw,50px);
 --ww-type-section:clamp(40px,3.75vw,56px);--ww-type-card:28px;--ww-type-band:26px;
 --ww-type-intro:22px;--ww-type-body:20px;--ww-type-fact:20px;--ww-type-meta:16px;--ww-type-small:14px;
 --ww-type-brand-label:13px;--ww-type-city:14px;--ww-type-credit:11px;--ww-type-popup-title:22px;--ww-type-button:18px;--ww-type-navigation:15px;--ww-type-phone:23px;--ww-type-contact-phone:21px;
 --ww-leading-heading:1.08;--ww-leading-body:1.45;--ww-leading-label:1.3;
 --ww-weight-heading:550;--ww-weight-body:400;--ww-weight-action:600;
 --ww-font-phone:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
 --ww-control-small-width:160px;--ww-control-medium-width:240px;--ww-control-large-width:326px;--ww-control-small-height:40px;--ww-control-medium-height:52px;--ww-control-large-height:58px;
 --ww-space-closing-gap:24px;--ww-space-closing-inset:20px;--ww-ink-green:#1a5632;
 --ww-surface-beige:#f6efe5;--ww-border-beige:#ddcbb4;--ww-surface-beige-hover:#efe3d3;
 --ww-marker-size:18px;--ww-marker-border:3px;
 --ww-widget-scale:1.2;--ww-widget-size:calc(56px * var(--ww-widget-scale));--ww-widget-logo-size:calc(28px * var(--ww-widget-scale));--ww-widget-padding:calc(12px * var(--ww-widget-scale));--ww-widget-panel-gap:9px;
 --ww-motion-ease:cubic-bezier(.22,.78,.25,1);--ww-motion-reveal:1800ms;--ww-motion-control:1100ms;--ww-motion-panel:1100ms;
 --ww-motion-depth:1600ms;--ww-motion-sheen:1900ms;--ww-depth-enter:.965;--ww-depth-tile:1.018;--ww-depth-control:1.025;
}
@media(max-width:1320px){.ww-report-integration{--ww-type-brand-label:12px;--ww-type-phone:20px;--ww-type-contact-phone:19px;--ww-type-navigation:14px}}
@media(max-width:1100px){.ww-report-integration{--ww-type-display:42px;--ww-type-brand:37px}}
@media(max-width:900px){.ww-report-integration{--ww-type-display:38px;--ww-type-brand:33px;--ww-type-phone:21px;--ww-type-contact-phone:20px}}
@media(max-width:600px){.ww-report-integration{--ww-marker-size:15px;--ww-marker-border:2px;--ww-widget-size:calc(48px * var(--ww-widget-scale));--ww-widget-logo-size:calc(26px * var(--ww-widget-scale));--ww-widget-padding:calc(9px * var(--ww-widget-scale));--ww-widget-panel-gap:18px;--ww-type-brand-label:11px;--ww-type-section:36px;--ww-type-card:26px;--ww-type-band:24px;--ww-type-intro:20px;--ww-type-body:18px;--ww-type-fact:18px;--ww-type-meta:15px;--ww-type-small:13px;--ww-type-button:17px;--ww-type-navigation:17px}}
@media(max-width:375px){.ww-report-integration{--ww-type-display:35px;--ww-type-brand:30px;--ww-type-section:34px;--ww-type-phone:19px;--ww-type-contact-phone:18px}}

@media(max-width:600px){.ww-report-integration{--ww-control-large-width:min(326px,calc(100vw - 66px));--ww-space-closing-gap:20px;--ww-space-closing-inset:18px}}

/* v13: compact dialogs and shared text-link treatment. */
.ww-report-integration{--ww-link-underline-color:var(--accent);--ww-link-underline-thickness:3px;--ww-link-underline-offset:3px;--ww-dialog-width:480px;--ww-dialog-inset:28px;--ww-dialog-title:32px;--ww-dialog-gap:14px;--ww-space-section-transition:32px;--ww-mask-ink:#6c756e}
@media(max-width:600px){.ww-report-integration{--ww-dialog-inset:20px;--ww-dialog-title:28px;--ww-space-section-transition:24px}}

@font-face{font-family:WW;src:url('/assets/redesign-home/font.woff2') format('woff2');font-weight:100 900;font-display:swap}.ww-report-integration .button{min-height:58px;padding:16px 24px;border-radius:40px;display:inline-flex;gap:20px;align-items:center;justify-content:center;border:1px solid #000;font-size:19px;line-height:1.25;font-weight:500;transition:transform .25s ease}.ww-report-integration .button:hover{transform:scale(1.018)}
@media(max-width:1050px){.ww-report-integration .hero .button{font-size:17px;padding:16px 18px;gap:10px}}
@media(max-width:800px){.ww-report-integration .hero .button{font-size:17px}.ww-report-integration .hero .button span{display:none}}
@media(max-width:600px){.ww-report-integration .hero .button{font-size:18px;min-height:56px;padding:16px 18px}.ww-report-integration .hero .button span{display:inline-block}}
@media(max-width:375px){.ww-report-integration .hero .button{font-size:17px;gap:8px}}

/* Seed v3: grounded photo, visible topic, small lime accent. */.ww-report-integration .hero .button{font-size:18px}
@media(max-width:1250px){.ww-report-integration .hero .button{font-size:16px;padding:16px}}
@media(max-width:800px){.ww-report-integration .hero .button{font-size:16px}.ww-report-integration .hero .button span{display:none}}
@media(max-width:600px){.ww-report-integration .hero .button{font-size:18px;padding:16px;min-height:56px}.ww-report-integration .hero .button span{display:inline-block}}
@media(max-width:375px){.ww-report-integration .hero .button{font-size:17px}}

/* The photography is the cover. Neither the header nor the copy paints a fog over it. */
.ww-report-integration .hero .button{min-height:61px;padding:16px 23px;font-size:19px;font-weight:650;border:0;box-shadow:0 7px 17px #7c972040}
@media(max-width:1100px){.ww-report-integration .hero .button{font-size:16px;min-height:55px}
}
@media(max-width:900px){.ww-report-integration .hero .button{font-size:17px;min-height:54px}.ww-report-integration .hero .button span{display:inline}
}
@media(max-width:600px){.ww-report-integration .hero .button{font-size:16px;min-height:51px;padding:12px 15px}
}
@media(max-width:375px){.ww-report-integration .hero .button{font-size:15px}
}
@media(min-width:601px) and (max-width:900px){
  .ww-report-integration .hero .button{min-height:50px}
}

/* The next module uses the accepted cover's type, white canvas and restrained accent. */

/* Refinement of the accepted immersive cover and the existing WebWellness card family. */
.ww-report-integration .hero .button{min-height:64px;min-width:326px;text-align:center;gap:0;font-size:20px;transition:background .3s ease,box-shadow .3s ease,transform .3s ease}
.ww-report-integration .hero .button:hover{transform:none;box-shadow:0 10px 23px #7c97204d}
@media(max-width:1100px){
  .ww-report-integration .hero .button{min-width:0;font-size:18px}
}
@media(max-width:900px){
  .ww-report-integration .hero .button{min-height:56px;font-size:18px}
}
@media(max-width:600px){
  .ww-report-integration .hero .button{min-height:57px;font-size:17px;line-height:1.15;padding:12px 14px}
}
@media(max-width:375px){
  .ww-report-integration .hero .button{font-size:16px}
}/* Shared page modules use the approved cover and benefits tokens. */
.ww-report-integration{--page-width:1344px;--gutter:48px;--space:104px;--radius:25px;--accent:#d3fa99;--line:#173c292b;--warm:#fbf8f2;--ink:#000}.ww-report-integration .news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ww-report-integration .news-card p{font-size:20px;line-height:1.43}.ww-report-integration .news-card:hover{border-color:#348a5670;box-shadow:0 12px 34px #173c2910}.ww-report-integration .section-action{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:38px}.ww-report-integration .button{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;transform:none!important}.ww-report-integration .button{font-weight:550}.ww-report-integration .action-layout .button{max-width:310px;min-width:230px;font-size:18px;text-align:center}.ww-report-integration .news-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.ww-report-integration .news-card>img{width:100%;height:auto}.ww-report-integration .news-card>div{padding:25px 26px 30px}.ww-report-integration .news-card h3{font-size:27px;line-height:1.18;font-weight:550;margin-bottom:17px;overflow-wrap:anywhere}.ww-report-integration .button:disabled{opacity:.6;cursor:default}
@media(max-width:1200px){.ww-report-integration{--gutter:36px;--space:84px}.ww-report-integration .news-grid{gap:20px}.ww-report-integration .action-layout .button{min-width:200px;max-width:240px}}
@media(max-width:1000px){.ww-report-integration .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ww-report-integration .action-layout .button{grid-column:2;justify-self:start;max-width:none}}
@media(max-width:600px){.ww-report-integration{--gutter:20px;--space:64px}.ww-report-integration .news-grid{grid-template-columns:1fr;gap:25px}.ww-report-integration .news-card p{font-size:20px}.ww-report-integration .action-layout .button{grid-column:1/-1;justify-self:stretch;margin-top:8px}.ww-report-integration .section-action{flex-direction:column;align-items:stretch;gap:22px;margin-top:30px}.ww-report-integration .section-action .text-link{justify-content:center}.ww-report-integration .news-card>div{padding:24px}.ww-report-integration .news-card h3{font-size:28px}}
@media(max-width:375px){.ww-report-integration{--gutter:17px}}
/* Compact contact control leaves the copy and action labels visible. */

/* Full-home refinement: one spacing scale, quieter utility imagery, continuous glass header. */
.ww-report-integration{--space:48px;--radius:16px;--photo-radius:10px}
.ww-report-integration .news-card>img{border-radius:var(--photo-radius)}.ww-report-integration .action-layout .button{grid-column:auto}.ww-report-integration .section-action{margin-top:26px}
.ww-report-integration .news-card{padding:12px;overflow:visible}.ww-report-integration .news-card>div{padding:18px 10px 12px}.ww-report-integration .news-card h3{margin-bottom:12px}
@media(max-width:1100px){.ww-report-integration .action-layout .button{grid-column:2;justify-self:start}}
@media(max-width:600px){.ww-report-integration{--space:32px;--gutter:20px}.ww-report-integration .action-layout .button{grid-column:1/-1;justify-self:stretch;margin-top:0}.ww-report-integration .news-grid{gap:20px}.ww-report-integration .news-card>div{padding:16px 8px 10px}}
@media(max-width:375px){.ww-report-integration{--gutter:17px}}
@media(min-width:901px) and (max-width:1100px){.ww-report-integration .hero .button{min-height:56px}}
/* The dropdown needs an opaque reading surface above the large cover title. */

/* Final iteration: role tokens, compact cover, one-row contacts and calm motion. */
.ww-report-integration .news-card h3{font-size:var(--ww-type-card);font-weight:var(--ww-weight-heading);line-height:1.15;letter-spacing:-.5px}
.ww-report-integration .news-card p{font-size:var(--ww-type-body);line-height:var(--ww-leading-body)}
.ww-report-integration .button,.ww-report-integration .hero .button,.ww-report-integration .action-layout .button{font-size:var(--ww-type-button);font-weight:var(--ww-weight-action);line-height:var(--ww-leading-label)}.ww-report-integration .hero .button{min-height:58px;min-width:326px}
@media(min-width:901px) and (max-width:1100px){.ww-report-integration .hero .button{min-width:0}}
@media(max-width:900px){.ww-report-integration .hero .button{min-width:0}}
@media(max-width:600px){.ww-report-integration .hero .button{min-height:54px}}
/* Each scroll reveal softly changes opacity once, without moving the layout. */
.ww-report-integration .news-card{transition:opacity var(--ww-motion-reveal) var(--ww-motion-ease),transform var(--ww-motion-reveal) var(--ww-motion-ease),border-color .3s ease,box-shadow .3s ease;opacity:1;transform:none;animation:none}
/* Map candidates keep the same source coordinates and office photographs. */

/* Adaptive cover keeps both devices above the text panel. */

/* Utility labels use explicit roles instead of individual local sizes. */

/* v4: fixed mask slots, compact footer and functional image controls. */
/* Authorized v5 alternatives and interaction corrections. */

/* v7: shared capsule widths and warm surfaces, within the accepted grid. */
.ww-report-integration .button{--control-width:var(--ww-control-medium-width);--control-height:var(--ww-control-medium-height);width:var(--control-width);max-width:100%;min-width:0;min-height:var(--control-height);height:var(--control-height);padding:10px 16px;border-radius:999px;gap:10px;white-space:nowrap;flex:none}
.ww-report-integration .button.primary{--control-width:var(--ww-control-large-width);--control-height:var(--ww-control-large-height)}
.ww-report-integration .hero .button,.ww-report-integration .action-layout .button{width:var(--control-width);max-width:100%;min-width:0;height:var(--control-height);min-height:var(--control-height)}
.ww-report-integration .button.secondary{background:var(--ww-surface-beige);border:1px solid var(--ww-border-beige);color:#000}
.ww-report-integration .button.secondary:hover,.ww-report-integration .button.secondary:focus-visible{background:var(--ww-surface-beige-hover);border-color:#bea782;box-shadow:none}
.ww-report-integration .section-action{justify-content:center;align-items:center}
@media(max-width:600px){.ww-report-integration .action-layout .button{justify-self:center}}.ww-report-integration .faq-more[open]>.button .disclosure-state::before{transform:translateY(3px) rotate(225deg)}

/* The existing mobile showroom card belongs above its geography. */

/* Caption and CTA share their center after fixed-width sizing. */

/* v8: quieter surfaces and source-aligned contact rows. */

/* v9: accepted open topic composition and full application reference. */
.ww-report-integration .button{transition-duration:var(--ww-motion-control);transition-timing-function:var(--ww-motion-ease)}
.ww-report-integration .button:hover,.ww-report-integration .button:focus-visible{transform:none}

/* Shared title tracks remove unused lines while keeping paragraph baselines aligned. */

/* v10: accepted white-table photographs use the open scene-card composition. */


/* v11: compact restored benefits and actions that close their own section. */

/* The unchanged fixed widget participates in the browser top layer. */

/* v13: the accepted v12 composition with compact form windows and even transitions. */

/* v14: one field-bound phone hint; format stays on a separate unbroken line. */

/* Desktop map fits the form; optical inset balances the SVG's empty top edge. */

/* All existing link underlines use the approved lime token in every state. */

/* Shared contacts: authentic map-service actions and a compact booking group. */

/* Shared eyebrow line: same approved lime and thickness as catalog hero. */

/* Documents use the accepted news media area; the complete sheet stays visible. */
.ww-report-integration .catalog-documents .certificate-preview{display:block;width:100%;padding:0;border:0;border-radius:var(--photo-radius);background:transparent;overflow:hidden;cursor:zoom-in}
.ww-report-integration .catalog-documents .certificate-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:var(--photo-radius)}
/* Balance catalog-specific long headings without changing the shared type scale. */
.ww-report-integration [data-document-direction=portrait] .catalog-documents .news-card{padding:0;border:0;background:transparent}
.ww-report-integration [data-document-direction=portrait] .catalog-documents .news-card>div{padding:12px 0 12px}
.ww-report-integration [data-document-direction=portrait] .catalog-documents .certificate-preview img{aspect-ratio:2/3;object-fit:contain}
.ww-report-integration [data-document-direction=rail] .catalog-documents .news-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;padding-bottom:20px}
.ww-report-integration [data-document-direction=rail] .catalog-documents .news-card{flex:0 0 calc((100% - 48px)/3);padding:0;border:0;background:transparent;scroll-snap-align:start}
.ww-report-integration [data-document-direction=rail] .catalog-documents .news-card>div{padding:18px 0 12px}
.ww-report-integration [data-document-direction=rail] .catalog-documents .certificate-preview img{aspect-ratio:2/3;object-fit:contain}
@media(max-width:900px){.ww-report-integration [data-document-direction=rail] .catalog-documents .news-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:600px){.ww-report-integration [data-document-direction=rail] .catalog-documents .news-card{flex-basis:88%}}
/* Full-bleed candidate hero photographs leave the headline area clear. */
/* Native mobile header overlays the photograph; keep the bottle below it. */

/* Selected window scene: keep the smaller group clear of the header. */
/* Reuse the accepted mobile composition at tablet widths, with the full scene above copy. */

/* Approved certification group: existing callback background, white sheets and clear row spacing. */
.ww-report-integration .catalog-certification-group .catalog-documents .news-grid{row-gap:64px}
.ww-report-integration .catalog-certification-group .certificate-preview{background:#fff}

/* Certificate captions stay outside the animated sheet, with no card hover frame. */
.ww-report-integration .catalog-documents .document-card:is(:hover,:focus-within){box-shadow:none;border-color:transparent}

/* Accepted offline report gallery: 252px chapter column, 40px gap, white paper.
   Shared tokens and catalog document cards supply all other visual properties. */
.ww-report-integration .report-sheets{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
.ww-report-integration .report-sheets .document-card>div{padding:12px 0 0}
.ww-report-integration .report-sheet{border:1px solid #e4e4e4!important;background:white!important}
.ww-report-integration .report-sheets .report-sheet img,.ww-report-integration .report-preview .report-sheet img{aspect-ratio:2/3;object-fit:contain;object-position:top}
.ww-report-integration .report-sheet-caption{font-size:var(--ww-type-meta)!important;line-height:var(--ww-leading-body);margin:0!important}
.ww-report-integration .report-preview{margin-bottom:48px}
.ww-report-integration .report-preview .report-sheet img{max-height:380px}
.ww-report-integration .report-preview .document-card>div{padding-top:12px}
.ww-report-integration .report-preview-note{text-align:center;font-size:var(--ww-type-meta);line-height:var(--ww-leading-body);max-width:700px;margin:16px auto 0}
/* Same full-size scroll as the accepted gallery, scoped to report images. */
@media(max-width:1000px){.ww-report-integration .report-preview .report-sheet img{max-height:320px}}
@media(max-width:760px){.ww-report-integration .report-sheets{grid-template-columns:1fr}.ww-report-integration .report-preview .report-sheet img{max-height:360px}}

/* Four opening fragments repeat the accepted gallery selection and geometry. */

/* Reader thumbnails follow source dimensions; short sheets have no portrait canvas. */
.ww-report-integration [data-native-service="report-example"] .report-sheets{grid-template-columns:repeat(3,minmax(0,260px));align-items:start;gap:24px}
.ww-report-integration [data-native-service="report-example"] .report-sheets--single{grid-template-columns:minmax(0,260px)}
.ww-report-integration [data-native-service="report-example"] .report-sheets .report-sheet img{width:100%;height:auto;aspect-ratio:var(--report-sheet-ratio);max-height:none;object-fit:contain}
.ww-report-integration [data-native-service="report-example"] .report-sheets .document-card{align-self:start}
@media(max-width:1100px){.ww-report-integration [data-native-service="report-example"] .report-sheets:not(.report-sheets--single){grid-template-columns:repeat(2,minmax(0,260px))}}
@media(max-width:760px){.ww-report-integration [data-native-service="report-example"] .report-sheets:not(.report-sheets--single){grid-template-columns:repeat(2,minmax(0,1fr))}}

#report>.ww-container.ww-kz-two{display:block}#report .ww-test-report-stack{margin-top:24px}.ww-report-integration{font-family:WW,Arial,sans-serif;color:#111;font-size:20px;line-height:1.45}.ww-report-integration *{box-sizing:border-box}.ww-report-integration .news-card{margin:0;border:0;background:transparent}.ww-report-integration .news-card>div{padding:12px 12px 0}.ww-report-integration h3{font-size:28px;line-height:1.15;font-weight:550;margin:0 0 12px}.ww-report-integration .news-card p{font-size:20px;margin:0;line-height:1.45}.ww-report-integration .section-action{display:flex;margin-top:24px}.ww-report-integration .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111;border:0;border-radius:999px;background:#d3fa99;width:min(326px,100%);height:58px;font-size:18px;font-weight:600}.ww-report-integration .report-preview-note{font-size:16px;margin:16px auto 0}.ww-report-integration button{cursor:zoom-in}#photo-view:has(img[data-report-image="true"]) figure{max-height:calc(100dvh - 170px);overflow:auto;overscroll-behavior:contain}#photo-view:has(img[data-report-image="true"]) figure img{width:1280px;max-width:none;max-height:none;border-radius:0}@media(max-width:600px){.ww-report-integration h3{font-size:26px}.ww-report-integration .news-card p{font-size:18px}}