/* Review a: separators are semantic only; adjacent chapter spacing totals 96px. */
.studio-journal #proof .r1-section-head{border-top:0;padding-top:0}
.studio-journal #faq{border-top:0}
.studio-journal #connect .inner{border-top:0;padding-top:0}
.sg3-carousel-hint,.sg3-carousel-dots{display:none}
.sg3-role-disclosure{min-width:0;border:0}
.sg3-role-disclosure>summary{font-size:16px;font-weight:700;cursor:pointer}
.sg3-role-disclosure>.r1-role{height:100%}
@media(min-width:768px){
 .studio-journal main :is(.sec,.r1-section){padding-block:48px}
 .studio-journal.js-ready .sg3-role-disclosure>summary{display:none}
 .studio-journal .sg-plan-spec{margin-block:20px 16px}
 .studio-journal .sg-plan-spec li{margin-bottom:10px;line-height:1.7}
 .studio-journal .sg-plan-spec li>span{margin-bottom:0;line-height:1.6}
}
@media(max-width:767px){
 .studio-journal main :is(.sec,.r1-section){padding-block:64px}
 .studio-journal .sg3-carousel-shell{min-width:0;--slide-width:80vw}
 .studio-journal #plans .sg3-carousel-shell{--slide-width:85vw}
 .studio-journal .sg3-carousel-hint{display:block;font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 12px;text-align:center}
 .studio-journal .sg3-carousel-shell>.sg3-carousel{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:var(--slide-width);grid-template-rows:auto;gap:16px;width:calc(100% + var(--gutter)*2);max-width:none;margin:0 calc(-1 * var(--gutter));padding:20px var(--gutter) 12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - var(--slide-width))/2);scroll-behavior:smooth;align-items:stretch;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
 .studio-journal .sg3-carousel-shell>.sg3-carousel>*{scroll-snap-align:center;min-width:0;grid-column:auto;translate:none}
 .studio-journal .sg3-carousel-shell>.sg3-carousel:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
 .studio-journal .sg3-carousel-dots{display:flex;justify-content:center;gap:4px;margin-top:4px}
 .studio-journal .sg3-slide-dot{width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;padding:0;cursor:pointer}
 .studio-journal .sg3-slide-dot>span{display:block;width:8px;height:8px;border:1px solid var(--muted);background:transparent;border-radius:50%;transition:background-color .2s}
 .studio-journal .sg3-slide-dot[aria-pressed=true]>span{background:var(--accent);border-color:var(--accent)}
 .studio-journal .sg3-slide-dot:hover>span{background:var(--ink)}
 .studio-journal .sg3-slide-dot:active>span{background:var(--accent)}
 .studio-journal .sg3-slide-dot:disabled{cursor:default}
 .studio-journal .sg3-carousel-shell>.sg-works>li{display:flex}
 .studio-journal .sg3-carousel-shell>.sg-works>li>.sg-work{width:100%;height:100%}
 .studio-journal .sg3-carousel-shell>.db-web-services>article{padding:24px}
 .studio-journal .sg3-carousel-shell>.sg-plans>.sg-plan{padding:24px 20px}
 .studio-journal .sg3-carousel-shell>.sg-plans>.sg-plan.is-rec{padding:23px 19px}
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan h3{font-size:25px}
 .studio-journal #plans .sec-head h2{font-size:24px}
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-catch{font-size:15px;min-height:0;margin-top:8px}
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-price{gap:16px;margin-top:16px}
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-price>div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;align-items:center}
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-price dt{font-size:13px;line-height:1.6;margin:0}
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-price .en{font-size:78px}
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-spec{margin:20px 0 12px}
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-spec li{margin-bottom:6px;line-height:1.6;padding-left:20px}
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-spec li>span{line-height:1.6;margin-bottom:0}
 .studio-journal .sg3-checklist{gap:8px;padding:24px}
 .studio-journal .sg3-checklist li{line-height:1.7}
 .studio-journal .r1-roles-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .studio-journal .sg3-role-disclosure{background:#fff;border:1px solid var(--sg3-border);border-radius:8px}
 .studio-journal .sg3-role-disclosure>summary{position:relative;display:block;list-style:none;font-size:16px;line-height:1.7;padding:20px 42px 20px 20px}
 .studio-journal .sg3-role-disclosure>summary::-webkit-details-marker{display:none}
 .studio-journal .sg3-role-disclosure>summary::after{content:"＋";position:absolute;right:16px;top:21px;color:var(--accent)}
 .studio-journal .sg3-role-disclosure[open]>summary::after{content:"−"}
 .studio-journal .sg3-role-disclosure>summary:hover{background:#f7f5f0;border-radius:8px}
 .studio-journal .sg3-role-disclosure>summary:active{background:#e6eaf0}
 .studio-journal .sg3-role-disclosure>.r1-role{border:0;padding:4px 20px 24px;box-shadow:none;translate:none}
}
@media(max-width:359px){
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan h3{font-size:23px}
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-price .en{font-size:74px}
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-price>div{display:block}
 .studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-price dt{margin-bottom:6px}
}
@media(prefers-reduced-motion:reduce){
 .studio-journal .sg3-carousel-shell>.sg3-carousel{scroll-behavior:auto}
}
/* Plan price: the monthly fee leads and stays large; the one-time production fee follows, smaller (社長 10-17). */
.studio-journal .sg-plan-price>.sg-plan-setup,.studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-price>.sg-plan-setup{display:block;padding-top:14px;border-top:1px solid var(--line)}
.studio-journal .sg-plan-price>.sg-plan-setup dt,.studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-price>.sg-plan-setup dt{font-size:13px;margin:0 0 4px}
.studio-journal .sg-plan-price>.sg-plan-setup dd,.studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-price>.sg-plan-setup dd{font-size:14px}
.studio-journal .sg-plan-price>.sg-plan-setup .en,.studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-price>.sg-plan-setup .en{font-size:34px}
.studio-journal .sg-plan-price>.sg-plan-setup .tax-in,.studio-journal .sg3-carousel-shell>.sg-plans .sg-plan-price>.sg-plan-setup .tax-in{display:inline;margin:0 0 0 4px;font-size:12px}