/* Selected Shirafuji edition: softer actions and a compact desktop reading layout. */
:root{--action-surface:#E7DDEE;--action-hover:#DCD0E5;--action-ink:#554265;--action-line:#C9B9D4}
.solid-link,.email-cta,.guide-cta,.buying-contact,.whatsapp-cta,.whatsapp-direct{
 background:var(--action-surface);color:var(--action-ink);border:1px solid var(--action-line);
 transition:background .2s,border-color .2s;
}
.solid-link:hover,.email-cta:hover,.guide-cta:hover,.buying-contact:not([aria-disabled=true]):hover,.whatsapp-cta:hover,.whatsapp-direct:hover{
 background:var(--action-hover);color:var(--action-ink);border-color:#B5A1C4;opacity:1;
}
.quick-actions{filter:drop-shadow(0 2px 7px #4C3A5D14)}
.quick-actions .hero-action{
 background:var(--paper);color:var(--action-ink);border:1px solid var(--action-line);
}
.quick-actions .hero-action:hover{background:var(--action-surface);color:var(--action-ink)}
html[data-theme=shirafuji] .story--fabric{
 display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:center;
 background:var(--paper);padding:64px max(40px,calc((100% - 1200px)/2));
 border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.story--fabric .material-photo{margin:0}
.story--fabric .story-top{display:block;padding:0}
.story--fabric .story-top h2{font-size:32px;line-height:1.6;letter-spacing:.02em;margin-bottom:20px}
.story--fabric .story-copy{font-size:14px;line-height:2;color:var(--muted)}
.story--fabric .line-link{margin-top:22px;font-size:13px}
@media(max-width:680px){
 html[data-theme=shirafuji] .story--fabric{grid-template-columns:1fr;padding:36px 24px;gap:26px}
 .story--fabric .story-top h2{font-size:25px;margin-bottom:14px}
 .story--fabric .story-copy{font-size:14px;line-height:1.95}
 .story--fabric .line-link{margin-top:16px}
}
/* The footer's approved pale background and green WhatsApp icon are unchanged. */
@media(min-width:681px){
 .about-contact-row{display:block}
 .about-conversation{margin-bottom:44px}
 .operator-details{border-top:1px solid var(--line);padding-top:32px}
}
@media(min-width:1024px){
 /* Keep reading sections at a comfortable width, even on wide monitors. */
 #guide.buying-guide,.faq,.about-company{padding-inline:max(40px,calc((100% - 1120px)/2))}
 .patterns,.people{padding-inline:max(40px,calc((100% - 1280px)/2))}
 .patterns,.people{padding-block:72px}
 .section-heading,.people-heading{margin-bottom:32px}
 .people-heading h2{font-size:40px;margin-right:0}
 .people-bottom{margin-top:28px;font-size:14px;line-height:2.1}
 #guide.buying-guide,.faq{padding-block:64px}
 .catalogue-main{max-width:1360px;margin-inline:auto;padding-inline:40px}
 .about-company{padding-block:72px}
 .about-heading{padding-bottom:28px;margin-bottom:36px}
 .about-heading h2{font-size:46px}
 .about-opening{gap:48px;grid-template-columns:1fr 1fr}
 .about-narrative h3{font-size:30px;line-height:1.65;margin-bottom:20px}
 .about-narrative>p{font-size:14px;line-height:2;max-width:none}
 .about-process{display:block;margin-top:44px;padding:36px 0 40px}
 .about-process header{display:grid;grid-template-columns:1.2fr 1fr;column-gap:36px;align-items:end;margin-bottom:26px}
 .about-process .eyebrow{grid-column:1/-1;margin-bottom:12px}
 .about-process h3{font-size:29px;margin:0;line-height:1.6}
 .about-process header>p:last-child{max-width:none;font-size:14px;line-height:1.9}
 .about-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border:0}
 .about-steps li{display:block;border-top:1px solid var(--line);border-bottom:0;padding:22px 0 0}
 .step-index{display:block;margin-bottom:12px;font-size:23px}
 .about-steps h4{font-size:19px;line-height:1.65;margin-bottom:10px}
 .about-steps p{font-size:14px;line-height:1.95}
 .about-delivery{margin-top:28px;padding:20px 24px;gap:16px}
 .about-delivery h4{font-size:14px}
 .about-delivery p{font-size:13px;line-height:1.9}
 .about-contact-row{border-top:0;padding-top:0}
 .about-conversation{
  display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:36px;row-gap:10px;
  padding:30px 32px;border:1px solid var(--line);margin-bottom:44px;
 }
 .about-conversation .eyebrow{grid-column:1;grid-row:1;margin:0}
 .about-conversation h3{grid-column:1;grid-row:2;font-size:28px;line-height:1.6;margin:0}
 .about-conversation>p:not(.eyebrow){max-width:none;font-size:14px;line-height:1.9}
 .about-conversation>[data-t=contactBody]{grid-column:1;grid-row:3}
 .about-conversation .whatsapp-cta{grid-column:2;grid-row:1/3;align-self:center;width:100%;max-width:none;margin:0;padding:17px 20px}
 .about-conversation .direct-note{grid-column:2;grid-row:3;font-size:12px!important;margin:0}
 .about-conversation .about-enquiry-note{grid-column:1/-1;grid-row:4;font-size:12px!important;margin:2px 0 0}
 .operator-details{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:40px;
  grid-template-areas:"logo message" "title message" "pending message" "facts message" "source message";
  border-top:0;padding-top:0;align-items:start;
 }
 .operator-details .about-logo{grid-area:logo;width:195px;margin:0 0 22px}
 .operator-details h3{grid-area:title;font-size:16px;line-height:1.8;margin:0 0 16px}
 .operator-pending{grid-area:pending}
 .operator-details dl{grid-area:facts}
 .operator-details dl>div{grid-template-columns:112px minmax(0,1fr);font-size:14px;line-height:1.85;padding:13px 0;gap:18px}
 .operator-message{grid-area:message;align-self:stretch;margin:0;padding:28px 30px;background:var(--surface);border-top:2px solid var(--line)}
 .operator-message h4{font:400 23px/1.6 var(--jp);margin-bottom:18px;color:var(--action-ink)}
 .operator-message p{font-size:14px;line-height:2;color:var(--ink)}
 .operator-source{grid-area:source;justify-self:start;font-size:12px;margin-top:18px}
 html[lang=en] .about-conversation h3{font-size:30px}
 html[lang=ne] .about-conversation h3{font-size:26px}
 html[lang=ne] .operator-message h4{font-family:var(--sans)}
}