/* 11/4 Pearl 選 A 精品分欄：頁尾分四組（品牌／工作室／聯絡／說明）＋最底下一條細線（公司統編、©、回到頁首）。
   組內緊、組與組之間空開；寬度變窄時整組往下排：電腦四欄 → 平板品牌一排＋三欄 → 手機一組一組往下。
   每頁最後載入，用 html body footer.ft 蓋過 boutique-v15.css、readable-v15.css、home.css、inner.css 疊加的頁尾規則。 */
/* 左右對齊整個網站的格線（boutique-v15.css 第八輪）：1001px 以上四等欄、欄距 40px（1440 寬時欄線在 90／415／740／1065）；
   1000px 以下是 20% 左欄＋5% 欄距；手機一欄、左右 24px。頁尾每一組的左緣都落在這些欄線上。 */
html body footer.ft{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-areas:"brand c1 c2 c3" "base base base base"!important;column-gap:40px!important;row-gap:0!important;align-items:start!important;padding:72px 0 30px!important;border-top:1px solid #E3DED5!important;flex-wrap:nowrap!important}
html body footer.ft *{white-space:normal!important}
html body footer.ft>div,html body footer.ft>nav{display:block!important;margin:0!important;padding:0!important;width:auto!important;justify-self:stretch!important;align-self:start!important;text-align:left!important;order:0!important;flex:none!important;border:0!important;position:static!important;background:none!important;box-shadow:none!important}  /* 舊樣式把頁尾裡的 div 排成一列、推到右邊，這裡全部拉回來 */
html body footer.ft .ft-col a{border:0!important;background:none!important}
html body footer.ft p,html body footer.ft span,html body footer.ft a:not(.wordmark){font-size:13px!important;line-height:2!important;letter-spacing:.12em!important;color:#3D5261!important;margin:0!important;padding:0!important;display:block!important;min-height:0!important}
html body footer.ft .ft-brand{grid-area:brand}
html body footer.ft .ft-col:nth-of-type(2){grid-area:c1}
html body footer.ft .ft-col:nth-of-type(3){grid-area:c2}
html body footer.ft nav.ft-col{grid-area:c3;display:block!important;position:static!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
html body footer.ft .wordmark{display:inline-flex!important;gap:14px!important;min-height:0!important}
html body footer.ft .wordmark>span{font-size:26px!important;letter-spacing:.24em!important;color:#263D4E!important}
html body footer.ft .wordmark>small{font-size:10px!important;letter-spacing:.42em!important;color:#263D4E!important}
html body footer.ft .v15-tag{margin-top:29px!important;color:#6B694B!important;letter-spacing:.24em!important}  /* 這句跟右邊各組第二行（採預約制、Email）同一條線 */
html body footer.ft .wordmark{line-height:1!important;height:auto!important;align-items:center!important;padding:0!important;margin:5px 0 0!important}  /* 「仙知」字頂跟右邊小標（工作室、聯絡、說明）字頂同高；SIENCHI 跟仙知上下置中，跟網站最上面的 logo 一樣 */
html body footer.ft .wordmark>span,html body footer.ft .wordmark>small{line-height:1!important;display:block!important}
html body footer.ft .ft-h{font-size:11px!important;letter-spacing:.32em!important;color:#A58C52!important;margin-bottom:12px!important}
html body footer.ft .ft-col a{color:#263D4E!important;text-decoration:none;width:max-content;max-width:100%}
html body footer.ft .ft-col a:hover{color:#A58C52!important}
html body footer.ft .ft-col p a{display:inline!important}
html body footer.ft .ft-base{grid-area:base;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:40px!important;align-items:center!important;margin-top:64px!important;padding-top:20px!important;border-top:1px solid #E3DED5!important;width:100%!important}
html body footer.ft .ft-base span:first-child{grid-column:1 / 3}  /* 公司統編從第一欄開始；© 在第三欄、回到頁首在第四欄，跟上面「聯絡」「說明」同一條線 */
html body footer.ft .ft-base span:nth-child(2){grid-column:3}
html body footer.ft .ft-base .back-top{grid-column:4}
html body footer.ft .ft-base span,html body footer.ft .ft-base a{font-size:11px!important;color:#6F7E89!important;letter-spacing:.14em!important}
/* 平板：品牌自己一排，三組並排在下面 */
@media(max-width:1000px){  /* 平板：跟內頁一樣 20% 左欄（品牌）＋5% 欄距，右邊兩欄放三組 */
  html body footer.ft{grid-template-columns:20% minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"brand c1 c2" "brand c3 ." "base base base"!important;row-gap:40px!important;column-gap:5%!important;padding:60px 0 28px!important}
  html body footer.ft .ft-base{grid-template-columns:20% minmax(0,1fr) minmax(0,1fr)!important;column-gap:5%!important;row-gap:6px!important;margin-top:12px!important}
  html body footer.ft .ft-base span:first-child{grid-column:1 / 3}
  html body footer.ft .ft-base span:nth-child(2){grid-column:3}
  html body footer.ft .ft-base .back-top{grid-column:3}
  html body footer.ft .wordmark{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
  html body footer.ft .v15-tag{margin-top:14px!important}
}
/* 手機：一組一組往下排，組與組之間空開；點得到的東西點擊範圍 44px */
@media(max-width:640px){
  html body footer.ft{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"brand" "c1" "c2" "c3" "base"!important;row-gap:36px!important;padding:52px 0 26px!important}
  html body footer.ft .wordmark>span{font-size:24px!important}
  html body footer.ft .ft-h{margin-bottom:6px!important}
  html body footer.ft .ft-col p,html body footer.ft .ft-col a{line-height:2.6!important}  /* 每一行一樣高、手指好點 */
  html body footer.ft .ft-base{grid-template-columns:1fr auto!important;gap:4px 16px!important;margin-top:8px!important;padding-top:18px!important}
  html body footer.ft .ft-base span:first-child{grid-column:1 / -1}
  html body footer.ft .ft-base span:nth-child(2){grid-column:1}
  html body footer.ft .ft-base .back-top{grid-column:2;padding:12px 0!important;margin-block:-12px!important}
  html body footer.ft .wordmark{flex-direction:row!important;align-items:center!important;gap:14px!important}
}
/* 11/4 全站手機檢查：首頁「深入了解」按鈕太矮，手指不好點 → 點擊範圍加高，版面不變 */
@media(max-width:600px){html body .service-sheet .service-open{padding-block:8px!important;margin-block:-8px!important}}
/* 11/4 Pearl 選 B：全站內文微粗（宋體細，手機上偏淡）。只加一點點描邊讓筆畫變實，不換字體、不改字級；標題維持原本粗細 */
html body,html body *{-webkit-text-stroke:.22px currentColor}
/* 11/4 Pearl 上線後看到內頁、首頁比 logo 和選單還寬：1320–1439px 之間，舊規則讓內文變成 1260 寬置中，頁首頁尾卻照網站左右邊距 → 這段也改成跟頁首同一條左右線（1440 起兩者本來就一樣） */
@media (min-width:1320px) and (max-width:1439px){html body.atelier-inner .inner-main,html body.atelier-home .chapter,html body .footer-mark{margin-inline:var(--page-gutter)!important;max-width:none!important}}