.box{text-wrap:balance;background-color:var(--color-background);border:3px solid var(--color-background-inverted);color:var(--color-text);font-size:1.3rem;margin:1em auto;max-width:min(30ch,100%);outline:3px solid var(--color-background);padding:1em;text-align:center;width:-moz-max-content;width:max-content}@media (min-width:48rem){.box{font-size:1.6rem}}.box.mod-title{background-color:#f5d561;background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" transform="rotate(25)" opacity="0.25" version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><g  fill="%23d68810"><circle cx="25" cy="25" r="12.5"/><circle cx="75" cy="75" r="12.5"/><circle cx="75" cy="25" r="12.5"/><circle cx="25" cy="75" r="12.5"/></g></svg>');background-size:13px,100%;font-weight:700;outline:none;position:relative}.box.mod-title:before{--_offset:.4rem;--_height:3rem;--_border-width:3px;background-color:var(--color-text);border:var(--_border-width) solid var(--color-text);bottom:calc(-.4rem - 3px);bottom:calc((var(--_offset) + var(--_border-width))*-1);content:"";display:block;height:100%;left:.4rem;left:var(--_offset);position:absolute;width:calc(100% + 3px);width:calc(100% + var(--_border-width));z-index:-1}.box span{display:block}.box span:not(:first-child){margin-top:.5em}.box a{color:var(--color-link)}.box dd{font-weight:700}.box dt{font-size:.85em;white-space:nowrap}