/* North Island client review */
[hidden]{display:none!important}
.review-brand{gap:0;letter-spacing:0}
.review-brand>strong{font-size:21px;letter-spacing:3px;font-weight:650}
.review-brand>span{font-size:10px;letter-spacing:1.8px;font-weight:550}
.review-brand>i{font-size:20px;margin:0 19px}
.intro{padding-top:44px;padding-bottom:30px}
.intro h1{font-size:clamp(38px,4.5vw,62px);letter-spacing:-2px;line-height:1.05}
.intro>div>p:last-child{font-size:14px;line-height:1.8;max-width:620px;color:#607160}
.intro .intro-note p{font-size:12px}
.review-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px}
.review-steps>div,.review-steps>a{display:flex;align-items:center;gap:13px;padding:18px 19px;border:1px solid #d5dfcd;border-radius:9px;background:#fafbf7}
.review-steps>*>span{font-size:12px;color:#6f8263;flex-shrink:0}
.review-steps p{line-height:1.5}
.review-steps strong{display:block;font-size:13px;font-weight:650}
.review-steps small{display:block;font-size:11px;color:#6c7d60;margin-top:3px}
.review-steps b{margin-left:auto;color:#6c7d60;font-size:18px;font-weight:400}
.section-heading h2{font-size:28px;letter-spacing:-.7px}
.episode-workbench{grid-template-columns:245px minmax(310px,1fr) minmax(300px,340px)}
.episode-sidebar{padding:24px 15px}
.episode-tab{min-height:82px}
.episode-tab-label>small{font-size:8px;line-height:1.5}
.episode-tab-label>strong{font-size:12px}
.episode-note-count{display:block;font-size:9px;color:#60734e;margin-top:4px}
.episode-tab[aria-selected=true] .episode-note-count{color:#e6f0dc}
.device-stage{padding-top:26px}
.episode-stage{justify-content:flex-start;min-height:790px}
.stage-label{font-size:8px;color:#5c7450;letter-spacing:.9px}
.stage-footnote>p{font-size:10px;color:#5c7450}
.stage-footnote>span{font-size:7px;color:#4e6643}
.episode-inspector{padding:29px 26px;min-width:0}
.episode-inspector h3{font-size:27px;line-height:1.2;margin:14px 0}
.inspector-description{font-size:13px;line-height:1.8;color:#687a60}
.episode-review-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 23px;font-size:11px;color:#687a60}
.status-badge{display:inline-flex;align-items:center;border-radius:20px;padding:6px 9px;background:#e9f0e1;color:#355d49;font-size:10px;font-weight:600;line-height:1.4}
.note-form{border-top:1px solid var(--line);padding-top:21px}
.note-form h4{margin:0 0 8px;font-size:15px;font-weight:650;line-height:1.4}
.form-help{font-size:11px;line-height:1.6;color:#6e7c65}
.note-form label,.feedback-share label{display:block;font-size:12px;font-weight:600;margin:17px 0 8px;line-height:1.5}
.note-form label span,.feedback-share label span{font-size:10px;font-weight:400;color:#7d8975}
.note-form input,.note-form textarea,.feedback-share input{display:block;width:100%;min-width:0;padding:11px 12px;border:1px solid #bccbb0;border-radius:6px;background:#fff;color:#243b34;font:inherit;font-size:13px;line-height:1.5}
.note-form input:focus,.note-form textarea:focus,.feedback-share input:focus{outline:2px solid #7e9c68;outline-offset:2px}
.note-form textarea{resize:vertical;min-height:108px}
.note-form input:disabled{background:#f1f3ed;color:#a2aa99}
.time-field{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;margin-bottom:6px}
.time-field button{height:42px;border:1px solid #bac9af;border-radius:6px;padding:0 9px;background:#f4f7ef;font-size:10px;line-height:1.4}
.review-button{display:inline-flex;justify-content:center;align-items:center;min-height:43px;border:1px solid #355d49;border-radius:6px;padding:11px 14px;font-size:12px;font-weight:600;line-height:1.5;text-align:center;cursor:pointer}
.primary{background:#355d49;color:#fff}
.primary:hover{background:#274c39}
.secondary{background:#fff;color:#355d49}
.secondary:hover{background:#e9f0e1}
button:disabled{opacity:.45;cursor:default}
.note-form .review-button{width:100%;margin-top:14px}
.form-status{font-size:11px;line-height:1.6;color:#355d49;margin-top:10px;overflow-wrap:anywhere}
.form-status:empty{display:none}
.episode-next-row{border-top:1px solid var(--line);margin-top:22px;padding-top:19px;display:flex;flex-direction:column;gap:12px;align-items:stretch}
.episode-next-row>a{font-size:11px;text-align:center;text-decoration:underline;text-underline-offset:3px;color:#5d7750;padding:4px}
.feedback-section{margin-top:55px;position:relative}
.legacy-anchor{position:absolute;top:-95px}
.notes-count{font-size:12px;color:#5f7652;border:1px solid #c3d0b6;background:#f8faf4;padding:7px 11px;border-radius:20px;white-space:nowrap}
.feedback-workbench{display:grid;grid-template-columns:minmax(0,1fr) 330px;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.feedback-list-wrap{padding:30px;min-width:0}
.feedback-empty{padding:28px 10px;text-align:center;max-width:440px;margin:0 auto}
.feedback-empty>span{font-size:31px;color:#7d9470;display:block;margin-bottom:14px}
.feedback-empty h3,.feedback-share h3{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:0 0 14px}
.feedback-empty p,.feedback-share>p{font-size:13px;line-height:1.8;color:#687c5f}
.feedback-empty a{margin-top:22px}
.feedback-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}
.feedback-note{padding:21px;border:1px solid #dbe3d2;border-radius:8px;background:#fafbf8;min-width:0}
.feedback-note-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px;flex-wrap:wrap}
.note-episode-link{border:0;background:none;padding:0;text-align:left;font-size:10px;font-weight:650;letter-spacing:.3px;color:#355d49;text-decoration:underline;text-underline-offset:3px;line-height:1.6}
.note-timestamp{font-size:10px;line-height:1.4;white-space:nowrap;background:#e9efdf;border-radius:4px;padding:5px 7px;color:#536e43;font-variant-numeric:tabular-nums}
.feedback-note>p{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.remove-note{font-size:10px;padding:6px 0;margin-top:12px;border:0;background:none;color:#7a856f;text-decoration:underline;text-underline-offset:3px}
.feedback-share{padding:31px 27px;background:#eef3e7;border-left:1px solid var(--line)}
.feedback-share .review-button{width:100%;margin-top:12px}
.feedback-share .primary{margin-top:20px}
.storage-note{margin-top:23px;padding-top:20px;border-top:1px solid #d5dfc9;font-size:11px;line-height:1.7;color:#627657}
.storage-note strong{font-weight:650;display:block;margin-bottom:6px}
.project-footer p{font-size:11px}
@media(min-width:1500px){.episode-workbench{grid-template-columns:270px 1fr 365px}.episode-stage{min-height:840px}.episode-inspector{padding:35px 30px}}
@media(max-width:1120px){.episode-workbench{grid-template-columns:230px 1fr}.episode-inspector{grid-column:1/-1;display:block;border-top:1px solid var(--line);padding:29px}.episode-stage{min-height:780px}.episode-inspector .inspector-description{max-width:700px;margin:0;font-size:13px}.episode-review-meta{margin-bottom:20px}.note-form{display:grid;grid-template-columns:1fr 2fr;gap:0 22px}.note-form h4,.note-form>.form-help{grid-column:1}.note-form label[for=note-time]{grid-column:1;grid-row:3}.time-field{grid-column:1;grid-row:4}.note-form #note-time-help{grid-row:5}.note-form label[for=note-text]{grid-column:2;grid-row:1;margin-top:0}.note-form textarea{grid-column:2;grid-row:2/5}.note-form .review-button{grid-column:2;grid-row:5}.note-form .form-status{grid-column:1/-1}.episode-next-row{flex-direction:row;align-items:center;justify-content:space-between}.episode-next-row>a{text-align:right}.review-steps{gap:9px}.review-steps>div,.review-steps>a{padding:15px 13px}.review-steps small{font-size:10px}}
@media(max-width:800px){.feedback-workbench{grid-template-columns:1fr}.feedback-share{border-left:0;border-top:1px solid var(--line)}.review-steps small{display:none}.review-steps>div,.review-steps>a{align-items:flex-start;gap:8px}.review-steps strong{font-size:11px}.review-steps b{display:none}.intro>div>p:last-child{font-size:13px}}
@media(max-width:650px){.review-brand>strong{font-size:19px}.review-brand>i{margin:0 15px;font-size:18px}.review-brand>span{font-size:9px;letter-spacing:1.5px}.intro{padding-top:30px;padding-bottom:25px}.intro h1{font-size:42px;margin-top:11px;max-width:none}.intro>div>p:last-child{font-size:12px;max-width:330px;margin-top:16px}.review-steps{grid-template-columns:1fr;gap:0;margin-bottom:28px}.review-steps>div,.review-steps>a{border-radius:0;border:0;border-bottom:1px solid #dbe3d2;background:transparent;padding:11px 0;gap:13px;align-items:center}.review-steps strong{font-size:12px}.review-steps small{display:block;font-size:10px;margin-top:1px}.review-steps b{display:block}.section-heading h2{font-size:26px}.episode-workbench{grid-template-columns:1fr}.episode-sidebar{padding:19px 15px 12px}.episode-tab{min-height:101px}.episode-tab-label>small{font-size:7px}.episode-tab-label>strong{font-size:11px}.episode-stage{min-height:auto;padding:25px 15px}.stage-label{font-size:7px}.episode-inspector{padding:26px 22px;display:block}.episode-inspector h3{font-size:26px}.episode-inspector .inspector-description{max-width:none;font-size:13px;margin:0}.note-form{display:block}.note-form label{margin-top:17px;font-size:12px}.note-form label[for=note-text]{margin-top:17px}.episode-next-row{flex-direction:column;align-items:stretch}.episode-next-row>a{text-align:center}.feedback-section{margin-top:37px}.feedback-section .section-heading{flex-direction:row;align-items:end;justify-content:space-between}.feedback-list-wrap{padding:19px}.feedback-note{padding:17px}.feedback-share{padding:26px 23px}.feedback-empty{padding:25px 0}.project-footer p{font-size:10px}.legacy-anchor{top:-135px}}