/* SUMI Editorial v0.8 — functional, concise owner/office workflows and real credentials.
 * Presentation-only. Fee calculation, form validation and dispatch stay plugin-owned.
 */
.sumi-root .sumi-v08-home-operations {background:#fff;border-top:1px solid #e4edf2;padding:69px 0 76px}
.sumi-root .sumi-v08-home-operations__layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:10%;align-items:center}
.sumi-root .sumi-v08-home-operations__intro h2{font-size:clamp(27px,2.9vw,39px);line-height:1.43;letter-spacing:-.045em;margin:8px 0 14px;color:#1d4058}
.sumi-root .sumi-v08-home-operations__intro>p:not(.sumi-eyebrow){max-width:530px;font-size:14px;line-height:1.9;color:#4d6a7d;margin:0 0 18px}
.sumi-root .sumi-v08-home-operations__duties{border-top:2px solid #517d97}
.sumi-root .sumi-v08-home-operations__duties>div{display:grid;grid-template-columns:106px minmax(0,1fr);gap:16px;align-items:center;border-bottom:1px solid #d1e0e8;padding:22px 5px}
.sumi-root .sumi-v08-home-operations__duties>div>span{font-weight:700;font-size:13px;color:#285979}
.sumi-root .sumi-v08-home-operations__duties>div>p{font-size:14px;line-height:1.75;color:#3e5f73;margin:0}
.sumi-root .sumi-v08-home-operations__duties>small{display:block;font-size:11px;line-height:1.75;color:#69818e;margin-top:14px}
/* Distinct, useful after-contract visual: stage rail + customer lane + office lane. */
.sumi-root .sumi-v08-operations{padding:75px 0 81px}
.sumi-root .sumi-v08-operations__intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.7fr);gap:8%;align-items:end;margin-bottom:27px}
.sumi-root .sumi-v08-operations__intro h2{font-size:clamp(28px,2.9vw,39px);line-height:1.4;letter-spacing:-.045em;margin:4px 0 0;color:#183d56}
.sumi-root .sumi-v08-operations__intro>p{font-size:14px;line-height:1.95;color:#4f6b7b;margin:0 0 2px}
.sumi-root .sumi-v08-operations__board{border:1px solid #bed5e2;border-radius:5px;overflow:hidden;background:#fff}
.sumi-root .sumi-v08-operations__legend{display:grid;grid-template-columns:165px repeat(2,minmax(0,1fr));gap:0;border-bottom:2px solid #95b8cd}
.sumi-root .sumi-v08-operations__legend>span{padding:14px 23px;font-size:12px;font-weight:700;letter-spacing:.02em;color:#2b536d;background:#edf5f9}
.sumi-root .sumi-v08-operations__legend>span:first-child{background:#f8fbfc}
.sumi-root .sumi-v08-operations__legend>span:nth-child(3){background:#dceaf3}
.sumi-root .sumi-v08-operations__steps{list-style:none;margin:0;padding:0;counter-reset:none}
.sumi-root .sumi-v08-operations__steps>li{display:grid;grid-template-columns:165px repeat(2,minmax(0,1fr));min-width:0;border-bottom:1px solid #d7e4ea}
.sumi-root .sumi-v08-operations__steps>li:last-child{border-bottom:0}
.sumi-root .sumi-v08-operations__time{position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;background:#f8fbfc;border-right:1px solid #d7e4ea;padding:24px 17px 22px 24px;min-height:130px}
.sumi-root .sumi-v08-operations__time small{font:700 12px/1.1 Inter,Arial,sans-serif;letter-spacing:.065em;color:#447897}
.sumi-root .sumi-v08-operations__time strong{font-size:16px;line-height:1.45;color:#244b68}
.sumi-root .sumi-v08-operations__time>span{font-size:11px;color:#708896}
.sumi-root .sumi-v08-operations__client,.sumi-root .sumi-v08-operations__office{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:22px clamp(18px,2.5vw,38px)}
.sumi-root .sumi-v08-operations__client{background:#fff}
.sumi-root .sumi-v08-operations__office{background:#eef6fa;border-left:1px solid #d5e3ea}
.sumi-root .sumi-v08-operations__client>p,.sumi-root .sumi-v08-operations__office>p{font-size:14px;line-height:1.8;color:#34566b;margin:0}
.sumi-root .sumi-v08-operations__office>p{color:#224e68;font-weight:500}
.sumi-root .sumi-v08-operations__client>small,.sumi-root .sumi-v08-operations__office>small{display:none}
.sumi-root .sumi-v08-operations__note{font-size:12px;color:#5d7788;margin:18px 0 0!important;line-height:1.9}
/* Self-posting and optional bookkeeping are contrasting editorial columns, not generic icon cards. */
.sumi-root .sumi-v08-bookkeeping__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px;border-top:1px solid #b3cfdf}
.sumi-root .sumi-v08-bookkeeping__grid>article{padding:25px 0 8px;min-width:0}
.sumi-root .sumi-v08-bookkeeping__grid>article+article{border-left:1px solid #d7e5ec;padding-left:44px}
.sumi-root .sumi-v08-bookkeeping__grid span{font-size:11px;font-weight:700;letter-spacing:.08em;color:#3b6b86}
.sumi-root .sumi-v08-bookkeeping__grid h3{font-size:21px;color:#1f4761;margin:12px 0 13px;line-height:1.5}
.sumi-root .sumi-v08-bookkeeping__grid p{font-size:14px;color:#536e7d;line-height:1.9;margin:0}
.sumi-root .sumi-v08-bookkeeping__note{border-top:1px solid #d9e5eb;font-size:12px;line-height:1.9;color:#637d8d;margin:24px 0 0!important;padding-top:13px}
/* Services page: small responsibility teaser points to comprehensive process. */
.sumi-root .sumi-v08-service-next__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:11%;align-items:center}
.sumi-root .sumi-v08-service-next h2{font-size:clamp(29px,3vw,39px);line-height:1.43;color:#1f445d;margin:8px 0 15px}
.sumi-root .sumi-v08-service-next__grid>div:first-child>p:not(.sumi-eyebrow){font-size:14px;color:#507083;line-height:1.85}
.sumi-root .sumi-v08-service-next__summary{border-top:2px solid #719cb2}
.sumi-root .sumi-v08-service-next__summary p{display:grid;grid-template-columns:92px 1fr;gap:15px;border-bottom:1px solid #cbdce6;margin:0;padding:17px 0;font-size:13px;line-height:1.75;color:#466579}
.sumi-root .sumi-v08-service-next__summary p span{font-weight:700;color:#285a79}
.sumi-root .sumi-v08-service-next__summary a{display:inline-flex;margin-top:20px}
/* Known public professional identity — text-and-rule editorial presentation, no stock portraits. */
.sumi-root .sumi-v08-about__career{border-top:1px solid #d7e4e9;margin-top:28px;padding-top:17px}
.sumi-root .sumi-v08-about__career-title{font-size:12px!important;font-weight:700;color:#3d667d!important;margin:0 0 8px!important}
.sumi-root .sumi-v08-about__career ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:27px}
.sumi-root .sumi-v08-about__career li{display:flex;flex-direction:column;gap:3px;border-top:1px solid #e0e9ed;padding:12px 0}
.sumi-root .sumi-v08-about__career li strong{font-size:14px;color:#21475f}
.sumi-root .sumi-v08-about__career li span{font-size:12px;color:#638093;line-height:1.6}
.sumi-root .sumi-detail-about__credentials{margin-top:20px}
.sumi-root .sumi-detail-about__credentials dd{overflow-wrap:anywhere}
/* Contact: form is first in the DOM and first on mobile; desktop keeps explanatory sidebar at left. */
.sumi-root .sumi-detail-contact__form{grid-column:2;grid-row:1}
.sumi-root .sumi-detail-contact__aside{grid-column:1;grid-row:1}
.sumi-root .sumi-detail--contact .sumi-detail-contact__aside .sumi-eyebrow{font-size:11px!important}
@media(max-width:960px){
 .sumi-root .sumi-v08-home-operations__layout{gap:6%}
 .sumi-root .sumi-v08-operations__legend,.sumi-root .sumi-v08-operations__steps>li{grid-template-columns:135px repeat(2,minmax(0,1fr))}
 .sumi-root .sumi-v08-operations__time{padding:19px 12px 20px 18px;min-height:115px}
 .sumi-root .sumi-v08-operations__client,.sumi-root .sumi-v08-operations__office{padding:19px}
 .sumi-root .sumi-v08-operations__legend>span{padding:12px 17px}
}
@media(max-width:767px){
 .sumi-root .sumi-v08-home-operations{padding:53px 0 60px}
 .sumi-root .sumi-v08-home-operations__layout{grid-template-columns:1fr;gap:28px}
 .sumi-root .sumi-v08-home-operations__intro h2{font-size:30px}
 .sumi-root .sumi-v08-home-operations__duties>div{grid-template-columns:87px minmax(0,1fr);gap:9px;padding:18px 3px}
 .sumi-root .sumi-v08-home-operations__duties>div>p{font-size:13px}
 .sumi-root .sumi-v08-operations{padding:57px 0 61px}
 .sumi-root .sumi-v08-operations__intro{grid-template-columns:1fr;gap:12px;margin-bottom:23px}
 .sumi-root .sumi-v08-operations__intro h2{font-size:29px}
 .sumi-root .sumi-v08-operations__intro h2 br{display:none}
 .sumi-root .sumi-v08-operations__intro>p{font-size:13px}
 .sumi-root .sumi-v08-operations__board{border:0;border-top:2px solid #84a8bc;border-radius:0;background:transparent}
 .sumi-root .sumi-v08-operations__legend{display:none}
 .sumi-root .sumi-v08-operations__steps{display:grid;gap:0}
 .sumi-root .sumi-v08-operations__steps>li{position:relative;display:grid;grid-template-columns:1fr;gap:0;border:0;border-bottom:1px solid #cbdde8;padding:18px 0}
 .sumi-root .sumi-v08-operations__time{min-height:0;background:transparent;border:0;padding:0 0 13px;display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:baseline}
 .sumi-root .sumi-v08-operations__time small{font-size:12px}
 .sumi-root .sumi-v08-operations__time strong{font-size:17px}
 .sumi-root .sumi-v08-operations__time>span{font-size:11px}
 .sumi-root .sumi-v08-operations__client,.sumi-root .sumi-v08-operations__office{display:grid;grid-template-columns:67px minmax(0,1fr);gap:10px;min-height:0;align-items:start;padding:14px 15px}
 .sumi-root .sumi-v08-operations__client{background:#fff;border-top:1px solid #e2edf1}
 .sumi-root .sumi-v08-operations__office{background:#e3eff6;border:0}
 .sumi-root .sumi-v08-operations__client>small,.sumi-root .sumi-v08-operations__office>small{display:block;font-size:12px;font-weight:700;color:#3d6881;line-height:1.65}
 .sumi-root .sumi-v08-operations__client>p,.sumi-root .sumi-v08-operations__office>p{font-size:13px;line-height:1.75}
 .sumi-root .sumi-v08-bookkeeping__grid{grid-template-columns:1fr;gap:0}
 .sumi-root .sumi-v08-bookkeeping__grid>article{padding:20px 0 19px}
 .sumi-root .sumi-v08-bookkeeping__grid>article+article{border:0;border-top:1px solid #d7e5ec;padding-left:0}
 .sumi-root .sumi-v08-bookkeeping__grid h3{font-size:19px}
 .sumi-root .sumi-v08-service-next__grid{grid-template-columns:1fr;gap:26px}
 .sumi-root .sumi-v08-service-next h2{font-size:29px}
 .sumi-root .sumi-v08-about__career ul{grid-template-columns:1fr}
 .sumi-root .sumi-detail-contact__grid{display:flex;flex-direction:column;gap:25px}
 .sumi-root .sumi-detail-contact__form{order:0;grid-column:auto;grid-row:auto;padding:21px 16px}
 .sumi-root .sumi-detail-contact__aside{order:1;grid-column:auto;grid-row:auto;border-top:1px solid #cbdde5;padding-top:20px}
 .sumi-root .sumi-detail-contact__aside h2{font-size:24px;line-height:1.45;margin:7px 0 8px}
 .sumi-root .sumi-detail-contact__aside h2 br{display:none}
 .sumi-root .sumi-detail-contact__aside>p:not(.sumi-eyebrow){font-size:13px;margin:11px 0 0}
 .sumi-root .sumi-detail-contact__policy{margin-top:16px;padding-top:13px}
 .sumi-root .sumi-detail-contact__policy strong{font-size:16px;margin:4px 0}
 .sumi-root .sumi-detail--contact .sumi-detail-hero__grid{padding:22px 0 24px;gap:8px}
 .sumi-root .sumi-detail--contact .sumi-detail-hero__signature{display:none}
 .sumi-root .sumi-detail--contact .sumi-detail-hero__lead{margin-top:10px!important;font-size:13px;line-height:1.7}
 .sumi-root .sumi-detail--contact .sumi-detail-section{padding-top:28px}
 .sumi-root .sumi-detail-contact__form-head{padding-bottom:14px;margin-bottom:17px}
 .sumi-root .sumi-detail-contact__form-head h2{font-size:23px;margin:4px 0}
}
@media(max-width:380px){
 .sumi-root .sumi-v08-operations__time{grid-template-columns:29px 1fr auto}
 .sumi-root .sumi-v08-operations__time strong{font-size:16px}
 .sumi-root .sumi-v08-home-operations__intro h2{font-size:28px}
 .sumi-root .sumi-v08-operations__client,.sumi-root .sumi-v08-operations__office{padding:12px 10px;gap:9px}
}