/* /privacy/your-data/: the request form, the report of what we hold, and where else data can be */
.yd{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:1.6rem clamp(1.6rem,4vw,3.4rem); align-items:start}
@media (max-width:60rem){ .yd{grid-template-columns:minmax(0,1fr)} }
.yd-ask .panel-body{display:flex; flex-direction:column; gap:.9rem}
.yd-ask .btn{align-self:flex-start}
.yd-h{font:400 1.35rem/1.25 var(--f-head); color:var(--ink)}
.yd .hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.yd-report{display:flex; flex-direction:column; gap:1rem; font:400 1rem/1.5 var(--f-serif); color:var(--ink-2)}
.yd-rh p{margin-top:.4rem; color:var(--ink-2)}
.yd-place{border:1px solid var(--line); border-radius:12px; padding:.9rem 1.1rem 1rem; background:var(--panel)}
.yd-place h3{display:flex; align-items:center; gap:.55rem; margin-bottom:.55rem; font:600 .95rem/1.3 var(--f-ui); color:var(--ink)}
.yd-place h3::before{content:""; width:.6rem; height:.6rem; border-radius:50%; background:var(--line)}
.yd-place[data-state="held"] h3::before{background:var(--hi)}
.yd-place[data-state="unknown"] h3::before{background:var(--bad)}
.yd-place p{margin:0; font:400 .95rem/1.5 var(--f-serif)}
.yd-kv{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.3rem}
.yd-kv li{display:flex; gap:1rem; justify-content:space-between; font:400 .9rem/1.4 var(--f-ui); border-bottom:1px dotted var(--line-2); padding-bottom:.3rem}
.yd-kv li span{color:var(--ink-3)}
.yd-kv li b{font-weight:500; color:var(--ink); text-align:right}
.yd-tw{overflow-x:auto}
.yd-t{width:100%; border-collapse:collapse; font:400 .86rem/1.4 var(--f-ui)}
.yd-t th,.yd-t td{text-align:left; padding:.4rem .5rem; border-bottom:1px solid var(--line-2); vertical-align:top}
.yd-t th{font-weight:600; color:var(--ink-3); white-space:nowrap}
.yd-t td{overflow-wrap:anywhere}
.yd-t td:first-child{white-space:nowrap; overflow-wrap:normal}
.yd-acts{display:flex; flex-wrap:wrap; gap:.6rem; padding-top:.3rem}
.yd-done{margin:.6rem 0; padding-left:1.2rem; list-style:disc}
.yd-side{display:flex; flex-direction:column; gap:.9rem}
.yd-places{margin:0; display:flex; flex-direction:column; gap:.8rem}
.yd-places dt{font:600 .9rem/1.3 var(--f-ui); color:var(--ink)}
.yd-places dd{margin:.2rem 0 0; font:400 .95rem/1.5 var(--f-serif); color:var(--ink-2)}