/* The column width owns the frame, padding and content; background paint can be independent. */
[data-row-width="100"]{--row-width:100%}
[data-row-width="90"]{--row-width:90%}
[data-row-width="80"]{--row-width:80%}
[data-row-width="70"]{--row-width:70%}
[data-row-width="60"]{--row-width:60%}
[data-row-width="50"]{--row-width:50%}
.site-home>.site-row[data-row-width]{width:var(--row-width);max-width:none;margin-inline:auto;box-sizing:border-box;container:theme-row / inline-size}
.theme-canvas .theme-row[data-row-width]{width:var(--row-width);max-width:100%;margin-inline:auto;box-sizing:border-box;min-width:0}
.theme-row-width-label{flex-shrink:0;font-size:11px;line-height:1.7;padding:1px 6px;border:1px solid #bda16c66;border-radius:5px;background:#fffaf0;color:#786034}
.theme-row-background-entry{width:100%;text-align:left;padding:11px 13px;border:1px solid #bda16c88;border-radius:8px;background:#fffaf0;color:#344e40;font:inherit;font-size:13px;cursor:pointer}
.theme-row-background-entry:focus-visible{outline:2px solid #a38852;outline-offset:3px}
@container theme-row (max-width:680px){.site-row[data-row-width]>.site-column{grid-column:span 12}}
/* Narrow screens keep useful reading space instead of shrinking a 60% row further. */
@media(max-width:767px){
    .site-home>.site-row[data-row-width]:not([data-row-width="100"]){width:calc(100% - 36px)}
    .site-home>.site-row[data-row-width]>.site-column{grid-column:span 12}
}
.theme-canvas.device-mobile .theme-row[data-row-width]:not([data-row-width="100"]){width:calc(100% - 14px)}

/* Background paint has no frame or padding and never constrains the column width. */
[data-row-background-width="100"]{--row-background-width:100%}
[data-row-background-width="90"]{--row-background-width:90%}
[data-row-background-width="80"]{--row-background-width:80%}
[data-row-background-width="70"]{--row-background-width:70%}
[data-row-background-width="60"]{--row-background-width:60%}
[data-row-background-width="50"]{--row-background-width:50%}
.site-row-shell{position:relative;isolation:isolate;margin-bottom:26px;width:100%}
.site-row-backdrop,.theme-row-backdrop{position:absolute;inset-block:0;left:50%;transform:translateX(-50%);width:var(--row-background-width);box-sizing:border-box;z-index:-1;pointer-events:none}
.site-row-shell>.site-row{margin-bottom:0;box-sizing:border-box}
.site-row-shell>.site-row[data-row-width]{width:var(--row-width);max-width:none;margin-inline:auto;container:theme-row / inline-size}
[data-ta-scope="row"][data-row-padding="surface"]{padding:20px;border-radius:var(--site-radius,12px)}
.theme-row-shell{position:relative;isolation:isolate;width:100%;margin-block:15px}
.theme-canvas .theme-row-shell>.theme-row{margin-block:0;background:transparent}
@media(min-width:768px) and (max-width:1000px){
    .site-row[data-row-padding="surface"]>.site-column{grid-column:span 12}
}
@media(max-width:767px){
    .site-row-shell>.site-row[data-row-width]:not([data-row-width="100"]){width:calc(100% - 36px)}
    .site-row-shell>.site-row>.site-column{grid-column:span 12}
    .site-row-shell{margin-bottom:18px}
}